* {
padding: 0;
margin: 0;
box-sizing: border-box;
outline: none;
font-family: "Plus Jakarta Sans", sans-serif;
font-weight: var(--font-weight-default);
text-decoration: none;
}
:root {
--color-blue: #5058d8;
--color-green:#139E67;
--color-dark-blue: #363f72;
--color-gray: #1B1D2D;
--color-snow-white: #fafafa;
--color-sky-gray: #f8f9fc;
--color-light-gray: #f9f9f9;
--color-light-silver: #e5e5e5;
--color-gradient-light-gray-ttb: linear-gradient(
180deg,
#fafafa 0%,
rgba(247, 247, 247, 0) 69.79%
);
--color-gradient-multi-color-ttb: linear-gradient(
0deg,
#bffff0 0%,
#dde7ff 21.35%,
#dbcbfd 51.04%,
#fde0d6 77.08%,
#fdf5d3 100%
);
--color-gradient-light-gray-ltr: linear-gradient(
90deg,
#fafafa 0%,
rgba(247, 247, 247, 0) 87.97%
);
--color-theme:#139E67;
--color-orange:#F6A63C;
--color-light-red: #ff5858;
--color-dark-gray: #333;
--color-slate-gray: #3a393d;
--color-gradient: linear-gradient(
89deg,
#00ffc2 -31.29%,
#75a1ff 42.46%,
#6f2ff8 118.79%
);
--color-gradient-multi-color: var(
--Linear-Shade,
linear-gradient(
90deg,
rgba(0, 255, 194, 0.25) 0%,
rgba(117, 161, 255, 0.25) 21.35%,
rgba(111, 47, 248, 0.25) 51.04%,
rgba(249, 131, 90, 0.25) 77.08%,
rgba(247, 214, 77, 0.25) 100%
)
);
/* --font-size-medium: 20px; */
--font-size-default: 18px;
--font-size-small: 16px;
--font-size-xsmall: 14px;
--font-size-minimum: 12px;
--font-size-h1: 48px;
--font-size-h2: 34px;
--font-size-h3: 28px;
--font-size-h4: 24px;
--font-size-h5: 22px;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--border-default: 1.8px;
--border-radius-default: 7px;
--border-radius-large: 12px;
--border-radius-larger: 20px;
--box-shadow-default: 0px 10px 100px 0px rgba(0, 0, 0, 0.1);
--box-shadow-small: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
--box-shadow-small-inner: 0px 0px 30px 0px rgba(0, 0, 0, 0.1) inset;
--box-shadow-xsmall-inner: 0px 0px 15px 0px rgba(0, 0, 0, 0.08) inset;
--box-shadow-upward: 0px -5px 60px 0px rgba(0, 0, 0, 0.05);
--box-shadow-xsmall: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
--gap-default: 20px;
--gap-small: 10px;
--gap-xsmall: 5px;
--filter-white: brightness(0) saturate(100%) invert(99%) sepia(99%)
saturate(2%) hue-rotate(196deg) brightness(111%) contrast(100%);
--filter-gray: brightness(0) saturate(100%) invert(99%) sepia(0%)
saturate(1268%) hue-rotate(127deg) brightness(70%) contrast(90%);
--filter-black: brightness(0) saturate(100%) invert(0%) sepia(0%)
saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%);
}
/* ----------------- */
/* -----GENERAL----- */
/* ----------------- */
h1,h2,h3,h4,h5,h6,span,p,strong,button,li{
font-family: "Plus Jakarta Sans", sans-serif;
}
h2{
word-break: break-all;
}
.gap-0{
gap:0 !important
}
.section-title{
padding-top: 20px;
}
.section-title h2{
text-align: center;
}
.section-title .label{
font-weight: 400;
font-size: 17.48px !important;
line-height: 28.05px;
letter-spacing: -0.71px;
text-align: center;
vertical-align: middle;
color: white;
background: #139E67;
padding: 5px 35px;
border-radius: 24px;
margin-bottom: 10px;
display: inline-block;
}
.text-italic{
font-style: italic;
}
/* section-title */
.flex {
display: flex;
}
.flex-wrap {
flex-wrap: wrap;
}
.text-left{
text-align: left !important;
}
.flex-column {
flex-direction: column !important;
}
.gap-1 {
gap: 1em;
}
.gap-5px {
gap: 5px;
}
.how_to_use_content{
padding: 35px;
}
.br-20{
border-radius: 20px;
}
.how_to_use_content p{
padding-top: 20px;
}
.fw-600{
font-weight: 600;
}
.fw-500{
font-weight: 500;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.rotate180{
transform: rotate(180deg);
}
.error,
.text-danger {
font-size: 14px;
color: red !important;
}
.success,
.text-success {
font-size: 16px;
color: green;
}
.text-warning{
color:var(--color-orange);
}
.text-primary{
color:#139E67 !important;
}
.btn-join {
background: white;
color: #000;
font-size: 1.1rem;
font-weight: bold;
padding: 12px 34px;
border-radius: 10px;
text-decoration: none;
display: inline-block;
transition: 0.3s;
margin-bottom: 25px;
}
.btn-primary{
background-color:var(--color-green);
color: var(--color-snow-white);
}
.d-none{
display: none;
}
.badge {
color: white;
background: var(--color-light-gray);
border-radius: 20px;
padding: 3px 10px;
font-size: var(--font-size-minimum);
}
.badge-gradient {
background: var(--color-gradient);
}
.badge-round {
border-radius: var(--border-radius-default);
}
.badge-sm {
font-size: var(--font-size-xsmall);
}
.gradient-border {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.gradient-border::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1; /* Place the pseudo-element behind the content */
border: double 5px transparent;
border-radius: 25px;
background-image: linear-gradient(white, white),
linear-gradient(to right, #00ffc2, #75a1ff, #6f2ff8, #f9835a, #f7d64d);
background-origin: border-box;
background-clip: content-box, border-box; /* Use content-box for the inner gradient to prevent content overlap */
}
.flaot__right {
float: right !important;
}
/* Hide the default dropdown arrow */
select {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-image: url('data:image/svg+xml;utf8,') !important;
background-repeat: no-repeat !important;
background-position: right center !important;
padding-right: 1.5rem !important;
}
.form__container {
display: flex;
flex-direction: column;
gap: var(--gap-default);
width: 100%;
}
.form__container .input__container {
display: flex;
flex-direction: column;
gap: var(--gap-small);
flex: 1;
min-width: 150px;
}
.form__container .input__inline {
width: 100%;
display: flex;
gap: var(--gap-default);
flex-wrap: wrap;
align-items: center;
}
.password__label {
display: flex;
align-items: center;
justify-content: space-between;
}
.show_password_toggle {
cursor: pointer;
color: var(--color-gray);
font-size: var(--font-size-xsmall);
}
.show_password_toggle img {
width: 18px;
padding-right: 3px;
}
.form__container .input__container .input {
padding: 10px;
font-size: var(--font-size-default);
border-radius: var(--border-radius-large);
border: 2px solid var(--color-light-silver);
}
.form__container .input__container select.input {
background: var(--color-light-gray);
}
.form__container .input__container .input:focus {
border-color: var(--color-dark-gray);
}
.text-sm {
font-size: var(--font-size-small);
}
.link {
color: var(--color-blue) !important;
}
.link-sm {
font-size: var(--font-size-xsmall) !important;
}
.checkbox__container {
display: flex;
width: fit-content;
align-items: center;
gap: var(--gap-small);
cursor: pointer !important;
}
.checkbox__container>* {
cursor: pointer !important;
}
input[type="checkbox"] {
width: 20px;
height: 20px;
}
input[type="checkbox"]:checked {
accent-color: black;
}
#submit__btn__shadow__root , .sample-btn{
min-height: 40px !important;
max-width: 235px !important;
}
.sample-btn{
width: 100% !important;
height: 40px !important;
}
.btn {
display: flex;
justify-content: center;
gap: 6px;
color: white;
padding: 10px 30px !important;
font-size: var(--font-size-default) !important;
border-radius: 50px;
cursor: pointer;
border: none !important;
width: fit-content;
transition: all 0.5s ease !important;
border: 1px solid white;
}
.btn img {
max-width: 20px;
max-height: 20px;
}
.btn-animate:hover {
border: 1px solid var(--color-light-silver);
transform: translateY(-10px);
}
.btn-dark {
background: var(--color-dark-gray);
color: white !important;
border:1px solid black !important;
}
.btn-dark:hover {
background-color: #000;
}
.btn-outline-dark {
background: white !important;
border: 1px solid var(--color-dark-gray) !important;
color: var(--color-dark-gray) !important;
line-height: normal;
}
.btn-gray{
background: var(--color-light-gray) !important;
border: 1px solid var(--color-light-silver) !important;
color: var(--color-gray) !important;
}
.btn-outline-gradient {
z-index: 10;
padding: 1px 1px !important;
background: linear-gradient(
93deg,
#00ffc2 -10.76%,
#75a1ff 14.92%,
#6f2ff8 50.63%,
#f9835a 81.95%,
#f7d64d 109.51%
) !important;
border-radius: 100px;
}
.btn-outline-gradient .text {
border: none;
font-weight: bolder;
mix-blend-mode: screen;
z-index: 10;
background-color: white;
font-weight: var(--font-weight-normal);
display: flex;
align-items: center;
}
.btn-google {
border: 1px solid var(--color-light-silver) !important;
background: white;
}
.btn-light {
background-color: #f9f9f9;
color: var(--color-dark-gray) !important;
border: 1px solid var(--color-light-silver);
}
.btn-light:hover {
border-color: var(--color-dark-gray);
}
.btn-danger {
background: var(--color-light-red);
color: white !important;
}
.btn-fw {
width: 100%;
}
.btn-sm {
font-size: var(--font-size-small) !important;
padding: 8px 15px !important;
}
.btn-xsm {
font-size: var(--font-size-xsmall) !important;
padding: 8px 12px !important;
}
.btn-xs {
font-size: var(--font-size-xsmall) !important;
padding: 6px 18px !important;
}
.btn-fit {
width: max-content;
padding: 7px 14px !important;
}
.btn-round {
border-radius: 5px;
}
.btn-round {
border-radius: 5px;
}
.gradient-hover-effect {
position: relative;
/* Add a position relative to the parent element */
}
.gradient-hover-effect::after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(
90deg,
#fff 0%,
#80ffe0 17.92%,
#bad0ff 32.22%,
#b797fb 51.04%,
#fcc1ac 69.69%,
#fbeba6 85.31%,
#fff 100%
);
z-index: -1;
filter: blur(5px);
transition: all 0.5s ease;
opacity: 0;
/* Hide the pseudo-element by default */
}
.gradient-hover-effect.active::after {
opacity: 1 !important;
}
.gradient-hover-effect:hover::after {
opacity: 1;
}
.gradient-hover-effect-click.acitve::after {
opacity: 1;
}
strong,
b,
.fw-bold {
font-weight: var(--font-weight-bold);
}
ul {
list-style: none;
padding-left: 0;
}
ul li {
/*background: url("../img/tick.svg") no-repeat left 3px;*/
/* Replace 'arrow-image.png' with the path to your arrow image */
/*padding-left: 30px;*/
/* Adjust padding to make room for the arrow image */
margin-bottom: 20px;
/* Add some vertical spacing between list items */
background-size: 18px;
text-align: left;
}
.static_section h2{
padding-top:20px;
}
.static_section p{
padding-top: 15px;
}
div#ajaxloaderwrapper {
display: none;
position: absolute;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.8);
top: 0;
left: 0;
z-index: 999;
text-align: center;
}
div#ajaxloaderwrapper img {
width: 120px;
/* position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, calc(-50% - 50px)); */
}
.result_option {
height: 35px;
width: fit-content;
cursor: pointer;
padding: 7px;
display: none;
gap: var(--gap-xsmall);
align-items: center;
justify-content: end;
color: var(--color-gray);
font-size: var(--font-size-xsmall);
}
.result_option img {
width: 100%;
max-width: 23px;
/* filter: var(--filter-gray); */
}
.output_count{
color: #000;
font-family: "Plus Jakarta Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.result_option:hover {
color: black;
}
.result_option:hover img {
filter: var(--filter-black);
}
.on_result_visible {
display: none;
}
#download_dropdown {
display: none;
z-index: 9999;
right: 25px;
bottom: -50px;
width: 163px;
padding: 10px;
border-radius: 5px;
position: absolute;
background: darkgrey;
}
.summerizer_lang {
border: none;
font-size: 16px;
border-radius: 0;
box-shadow: 0px 0px 7px 0px #d5d1d1;
}
.tooltip {
position: relative;
}
.tooltip:hover:before,
.tooltip:hover:after {
display: flex;
}
._aboutimg {
width: 400px;
margin: 0 auto;
}
.tooltip:before {
display: none;
content: attr(data-tooltip);
background: var(--color-dark-gray);
padding: 4px 10px;
color: white;
justify-content: center;
font-size: var(--font-size-xsmall);
border-radius: 5px;
border: 0;
position: absolute;
/* top: -25px; */
bottom: 100%;
z-index: 20;
width: max-content;
left: 50%;
transform: translate(-52%, 0);
border: 1px solid var(--color-dark-gray);
}
.tooltip:after {
content: "";
display: none;
position: absolute;
bottom: 71%;
/* Position the arrow below the .absolute-div */
left: 50%;
/* Center the arrow horizontally */
transform: translateX(-50%);
/* Center the arrow horizontally */
border-width: 5px;
/* Set the size of the arrow */
border-style: solid;
border-color: var(--color-dark-gray) transparent transparent transparent;
/* Set the color of the arrow */
}
.tooltip-right:before {
top: 0 !important;
left: 100% !important;
transform: translate(10px, 0) !important;
height: fit-content;
}
.tooltip-right:after {
/* top: 10px !important;
left: 100% !important;
transform: translateX(0px) !important; */
/* border-color: transparent white transparent transparent !important; */
border-color: transparent !important;
/* } */
}
.tooltip-white:before {
border: 1px solid var(--color-light-silver);
background-color: white !important;
color: var(--color-dark-gray) !important;
box-shadow: var(--box-shadow-default) !important;
}
.tooltip-white:after {
box-shadow: var(--box-shadow-default) !important;
border-color: white transparent transparent transparent;
/* Set the color of the arrow */
/* background-color: white !important; */
/* color: white !important; */
}
.input__box__container {
width: 100%;
display: flex;
flex-direction: column;
gap: var(--gap-default);
position: relative;
}
.input__box {
position: relative;
/* border: 1px solid #e5e5e5; */
border-radius: 12px 0 0 12px;
}
.output__container {
width: 100%;
position: relative;
display: flex;
border-left: 3px solid #e5e5e5;
flex-direction: column;
gap: var(--gap-small);
}
.output__box {
position: relative;
/* border-left: 3px solid #e5e5e5; */
border-radius: 0 12px 12px 0;
/* border-left: 0; */
}
.output__box>div {
flex-wrap: wrap;
}
.output__box .multi_results_btns_container{
display: none;
flex-wrap: wrap;
gap:var(--gap-small);
padding-bottom: 10px;
position: absolute;
background-color: white;
width: calc(100% - 20px);
z-index: 2;
}
.input__box textarea::-webkit-scrollbar,
#output-summary-content::-webkit-scrollbar {
width: 6px;
}
textarea:-webkit-input-placeholder::after {
visibility: visible;
}
.input__box textarea::-webkit-scrollbar-thumb,
#output-summary-content::-webkit-scrollbar-thumb {
background: #a1c5e2;
border-radius: 5px;
}
.input__box textarea::-webkit-scrollbar-track,
#output-summary-content::-webkit-scrollbar-track {
background: #f1f1f1;
}
.output__Options {
right: 0px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
bottom: 0px;
width: 100%;
z-index: 1;
}
.output__Options span.fa{
font-size: 22px;
color: #139E67;
}
/* width */
*::-webkit-scrollbar {
width: 7px;
}
/* Track */
*::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
*::-webkit-scrollbar-thumb {
background: #a1c5e2;
/* background: #232878; */
border-radius: 5px;
width: 3px;
}
/* Handle on hover */
*::-webkit-scrollbar-thumb:hover {
background: #555;
}
body {
font-size: 18px;
line-height: 1.35;
}
.dark-bg {
background: #232878;
color: white;
}
.bg-light {
background-color: #f8f9fa !important;
}
.container {
width: 100%;
/* max-width: 1280px; */
margin: 0px auto;
padding: 20px;
padding-left: 10px !important;
padding-right: 10px !important;
}
.container-fluid {
width: 100%;
max-width: none;
}
.text-center {
text-align: center;
}
a,
a:link,
a:active,
a:visited {
color: var(--color-dark-gray);
text-decoration: none;
}
.content-wrapper a,
.content-wrapper a:link,
.content-wrapper a:active,
.content-wrapper a:visited {
color: #5058d8;
}
p {
line-height: 1.8;
white-space: pre-wrap;
}
p:not(:last-child) {
margin-bottom: 15px;
}
.description {
color: var(--color-dark-gray);
}
.description-light {
color: var(--color-gray);
font-size: var(--font-size-small);
}
.optional-span{
color: #a7a7a7;
font-weight: 400;
}
.mobile-menu-trigger {
display: none;
cursor: pointer;
}
.parent-menu {
position: relative;
}
.sub-menu {
max-width: 150px;
background-color: white;
padding: 10px;
width: max-content;
margin: auto;
top: 45px;
border-radius: var(--border-radius-default);
position: absolute;
display: none;
flex-direction: column;
gap: 5px;
z-index: 2;
left: 50%;
box-shadow: var(--box-shadow-small);
transform: translatex(-50%);
transition: all 0.3s ease;
}
.sub-menu span {
text-align: center;
font-size: var(--font-size-small);
}
.sub-menu a {
padding: 5px 10px !important;
width: 100%;
}
.sub-menu a:hover {
background: #eee;
}
/*
-- -- -- FLEX Grid SYSTEM
*/
.flex-row {
display: flex;
}
.flex-col {
display: flex;
flex-direction: column;
margin: 0 auto;
gap: 20px;
}
.flex-grow {
flex-grow: 1;
}
.flex-justify-start {
justify-content: start;
}
.flex-justify-center {
justify-content: center;
}
.flex-justify-end {
justify-content: end;
}
.flex-justify-evenly {
justify-content: space-evenly;
}
.flex-justify-around {
justify-content: space-around;
}
.flex-justify-sb {
justify-content: space-between;
}
.items-center {
align-items: center;
}
.items-start {
align-items: start !important;
}
.items-end {
align-items: end !important;
}
.gap-5 {
gap: 5px;
}
.gap-10 {
gap: 10px;
}
.gap-20 {
gap: 20px;
}
.gap-30 {
gap: 30px !important;
}
.w-full {
width: 100%;
}
.w-fit {
width: fit-content;
}
/*
-- -- Heading stylw
*/
h1,
h2,
h3,
h4 {
font-weight: var(--font-weight-semibold);
}
h1 {
margin: 0;
}
h1,
h2 {
font-size: var(--font-size-h2);
}
label {
font-size: var(--font-size-small);
}
.pretty-label {
color: #ffab00;
text-indent: 35px;
position: relative;
margin-bottom: 20px;
font-weight: var(--font-weight-medium);
text-transform: uppercase;
}
.pretty-label:before {
border-bottom: 2px solid #5b5dbe;
width: 32px;
position: absolute;
content: "";
bottom: 0;
left: 0;
}
.top-header-logo-link {
display: flex;
column-gap: 10px;
align-items: center;
color: var(--color-dark-gray);
font-weight: var(--font-weight-semibold);
}
.top-header-logo-link h1 {
font-size: 26px;
padding-top: 5px;
}
.top-header-logo-link .logo-p {
font-size: var(--font-size-default);
font-weight: bold;
color: black;
}
.other__tools__container {
display: none !important;
}
.dots-behind {
position: relative;
}
.dots-behind:before {
content: "";
background: url("../../../tool_assets/images/dots.html");
position: absolute;
background-repeat: no-repeat;
bottom: -23px;
left: -23px;
z-index: -1;
height: 72px;
width: 72px;
}
.dots-behind:after {
content: "";
background: url("../../../tool_assets/images/dots.html");
background-repeat: no-repeat;
position: absolute;
top: -23px;
right: -23px;
z-index: -1;
height: 72px;
width: 72px;
}
/*
-- Top Header
*/
.top-header {
background: white;
justify-content: space-between;
position: relative;
padding: 0px 40px !important;
gap: 10px;
margin-top:20px;
margin-bottom: 0px;
border: 1px solid #eeee;
border-radius: 57px;
}
.flex-row.nav-links {
width: 560px;
column-gap: 35px;
/* justify-content: flex-end; */
align-items: center;
}
/*
--- MAIN TOOL SECTION
*/
.tool-section {
padding: 0px 0 40px;
column-gap: 10px;
}
.tool-section .tool__container {
padding: 15px 80px;
/* box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
border-radius: var(--border-radius-larger); */
display: flex;
flex-direction: column;
/* gap: var(--gap-small); */
/* background: white; */
}
.tool-section .input {
margin-top: -14px;
width: 100%;
border-radius: 0 0 15px 15px;
position: relative;
/* box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px; */
border: 1px solid #D2CADF;
border-radius: var(--border-radius-larger);
background: white;
}
.input__box__container, .output__container{
padding: 10px 0px;
}
.input__output {
display: flex;
position: relative;
height: 86%;
}
.tool-section .textarea {
padding: 15px 20px;
display: block;
/* width: 49%; */
border: 0px;
height: 340px;
color: #606060 !important;
resize: none;
font-size: 16px;
line-height: 1.5;
overflow-y: auto;
background: transparent;
}
.summorg-input-holder {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: linear-gradient(
180deg,
#f9f9f9 0%,
rgba(247, 247, 247, 0) 79.7%
);
width: 25%;
padding: 20px;
left: 50%;
top: 40%;
transform: translate(-50%, -50%);
border-radius: 20px;
cursor: text;
min-width: 220px;
}
.summorg-input-holder > div {
border-radius: 10px;
width: 100%;
background-color: white;
display: flex;
box-shadow: var(--box-shadow-upward);
position: relative;
}
input[type="file"]#upload_txt_File_btn {
display: none;
}
.summorg-input-holder p {
font-weight: var(--font-weight-normal);
font-size: 20px;
margin: 0;
line-height: 25px;
color: #9a9a9a;
font-size: var(--font-size-xsmall) !important;
}
.summorg-input-holder label {
cursor: pointer;
}
.tool-section .controls {
display: flex;
justify-content: center;
background: white;
width: 100%;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
/* MAIN TOOL SUMMARIZING MODES */
.tool_options {
padding-left: 5px;
padding-right: 10px;
}
.tool_options > div {
flex: 1;
position: relative;
}
.tool_options .modes__list {
display: flex;
flex-wrap: wrap;
align-items: center;
width: fit-content;
/*min-width: 340px;
min-height: 45px;
*/gap: 0px;
cursor: pointer;
background: var(--color-light-gray);
box-shadow: var(--box-shadow-small-inner);
border-radius: 99px;
padding: 4px;
}
.tool_options .modes__list span {
flex: 1;
display: flex;
/* min-width:125px; */
justify-content: center;
line-height: 20px;
min-width: fit-content;
border-radius: 100px;
padding: 6px 12px;
/* transition: all 0.5s ease; */
color: var(--color-gray);
font-size: var(--font-size-small);
}
.tool_options .modes__list span img {
margin-right: 6px;
width: 20px;
height: 20px;
}
.tool_options .modes__list .mode.ai_mode > span > img {
filter: var(--filter-gray);
}
.ai_mode {
display: flex;
}
.tool_options .modes__list .active {
background: white;
box-shadow: var(--box-shadow-xsmall);
color: black;
/* filter: none !important; */
filter: invert(100%) sepia(0%) saturate(7498%) hue-rotate(323deg) brightness(104%) contrast(101%);
}
.tool_options .modes__list .ai_mode.active {
/* border: none; */
}
.tool_options .modes__list .active span {
color: var(--color-dark-gray) !important;
}
.tool_options .modes__list .active img:not(.no-filter) {
/* filter: var(--filter-black); */
filter: grayscale(100%) saturate(0%) brightness(70%) contrast(1000%);
}
.ai_mode_description {
font-size: 14px;
z-index: 2;
box-shadow: var(--box-shadow-default);
padding: 1px !important;
border-radius: 5px !important;
position: absolute;
border: 1px solid var(--color-dark);
top: 5px;
left: 110%;
background: linear-gradient(
93deg,
#00ffc2 -10.76%,
#75a1ff 14.92%,
#6f2ff8 50.63%,
#f9835a 81.95%,
#f7d64d 109.51%
) !important;
fill: #fff;
stroke-width: 1px;
stroke: #00ffc2;
filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.15));
width: max-content;
}
.ai_mode_description .close_tooltip img {
width: 15px !important;
}
.ai_mode.active .ai_mode_description {
display: flex;
}
.premium_popup_relative_container{
position: relative;
}
.premium_popup_relative_container .ai_mode_plan_upgrade{
top:30px;
}
/* .premium_popup_relative_container:hover .ai_mode_plan_upgrade{
display: flex !important;
} */
.ai_mode_plan_upgrade {
font-size: 14px;
z-index: 2;
/* box-shadow: var(--box-shadow-default); */
box-shadow: 0px 6.25px 62.5px 0px rgba(0, 0, 0, 0.1);
padding: 15px 15px !important;
border-radius: 10px !important;
position: absolute;
border: 1px solid var(--color-dark);
top: 60px;
background: white;
width: 240px;
display: none;
flex-direction: column;
gap: 10px;
/* left: -50%; */
transform: translateX(30px);
}
.ai_mode_plan_upgrade::before {
content: "";
position: absolute;
top: -10px; /* Adjust the distance between the arrow and the div */
left: 50%;
transform: translateX(-50%);
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 15px solid white; /* Adjust color as needed */
}
.ai_mode_plan_upgrade .header {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.ai_mode_plan_upgrade .header .title {
display: flex;
gap: 5px;
align-items: center;
}
.ai_mode_plan_upgrade .header .title img {
width: 20px;
}
.ai_mode_description span {
background-color: white;
padding: 1px 5px 1px 10px !important;
border-radius: 4px !important;
display: flex;
gap: 20px;
display: flex;
align-items: center;
}
.disabled-radio {
opacity: 0.6 !important;
pointer-events: none !important;
}
.ai_mode_description .close_tooltip {
cursor: pointer;
padding: 0px !important;
min-width: fit-content !important;
}
.summary {
/* padding: 1rem 0rem; */
}
.summary .content {
flex-wrap: wrap;
gap: 20px;
}
.summary .content .img {
display: flex;
flex-direction: column;
justify-content: center;
}
.summary .content .img-left {
align-items: start;
}
.summary .content .img-right {
align-items: end;
}
.summary .content > div {
flex: 1;
}
.summary .content > div img {
width: 80%;
/* padding: 50px; */
}
.output_options_main {
/* flex-grow: 1; */
/* display: none; */
visibility: hidden;
justify-content: center;
flex-direction: row;
}
.theme-padding{
padding: 0 80px !important;
}
.main_tool_section{
margin: 2rem;
border-radius: 0px 0px 30px 30px;
}
.bg-top-linear-gradient{
background: linear-gradient(180deg, #139e6700 28%, #139e6733 100%);
}
.output_options_main_desktop {
justify-content: end;
}
.about_us .card{
border-radius: 14.973px;
background: white !important;
border:none !important;
padding: 40px;
}
.about_us .card h2{
padding-bottom:10px;
}
.output_options {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.output_options label {
font-size: var(--font-size-small);
color: var(--color-gray);
cursor: pointer;
display: flex;
align-items: center;
gap: 2px;
}
.output_options label:hover {
color: var(--color-dark-gray);
}
.output_options label:hover img,
.output_options .active img {
filter: var(--filter-black);
}
.output_options label img {
width: 15px;
filter: var(--filter-gray);
}
.output_options .active {
color: var(--color-dark-gray);
}
label.controls-heading {
color: #000000;
white-space: nowrap;
font-size: var(--font-size-small);
}
div.archive {
flex-wrap: wrap;
column-gap: 10px;
row-gap: 20px;
}
/* .archive>a.item {
max-width: 30%;
} */
.text-left {
text-align: left;
}
.content a {
color: #5058d8;
}
pre {
display: none;
}
/* Style The Dropdown Button */
.dropbtn {
color: #000;
font-size: var(--font-size-small);
border: none;
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
}
.arrow_down {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
/* The container - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
padding: 10px;
background-color: white;
display: none;
position: absolute;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
right: 5px;
border-radius: var(--border-radius-default);
width: max-content;
}
.dropdown-content-center {
left: 50%;
transform: translateX(-50%);
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px !important;
text-decoration: none !important;
/* display: block !important; */
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: #f1f1f1 !important;
}
.flag {
width: 20px;
border-radius: 50%;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
}
/* Show the dropdown menu on hover */
/* .dropdown:hover .dropdown-content {
display: block;
} */
header {
padding: 0 90px;
/* background: white; */
/* box-shadow: var(--box-shadow-default); */
/* margin-bottom: 30px; */
}
.flex-row.nav-links {
width: auto;
}
ol {
padding-left: 1.5em;
}
.p1 {
text-align: left !important;
}
p {
font-size: 18px !important;
}
.flex-row.nav-links a {
padding: 15px 5px !important;
border-radius: 0;
border-bottom: 2px solid white !important;
color: var(--color-gray) !important;
font-size: 16px;
font-weight: bold;
transition: all 0.5s ease;
}
.flex-row.nav-links a.active {
color: black;
border-bottom: 2px solid green !important;
border-radius: 0;
}
.flex-row.nav-links a:hover {
/* border-bottom: 2px solid #000 !important; */
color: black;
border-bottom: 2px solid green !important;
border-radius: 0;
}
.flex-none {
flex: none !important;
}
.flex-1 {
flex: 1;
}
.flex-2 {
flex: 2 !important;
}
.flex-3 {
flex: 3 !important;
}
.flex-4 {
flex: 4;
}
.flex-6 {
flex: 6;
}
.dropdown-content > a {
padding: 6px 8px !important;
font-size: 15px;
color: black;
display: flex !important;
justify-content: space-between;
align-items: center;
gap: 5px;
}
.dropdown-content .active {
background-color: var(--color-light-silver);
}
.range {
display: flex;
gap: var(--gap-xsmall);
align-items: center;
justify-content: space-between;
}
/* .range:hover .range__slider .range__value{
display: block;
} */
.range p {
font-weight: var(--font-weight-medium);
font-size: var(--font-size-xsmall) !important;
margin-bottom: 0;
}
.range__slider {
position: relative;
width: 100%;
min-width: 150px;
}
.range__slider .range__value {
position: absolute;
display: none;
top: 3px;
/* Adjust this value to position the value element as desired */
left: 41%;
/* Center the value element above the thumb */
font-size: 12px;
background: var(--color-dark-gray);
color: white;
padding: 3px 8px 2px 8px;
border-radius: 5px;
}
.range__slider .range__value::after {
content: "";
position: absolute;
top: 50%;
left: 0%;
transform: translate(-100%, -50%);
/* Center the arrow horizontally */
border-width: 5px;
/* Set the size of the arrow */
border-style: solid;
border-color: transparent var(--color-dark-gray) transparent transparent;
/* Set the color of the arrow */
}
.range__slider [type="range"] {
width: 100%;
-webkit-appearance: none;
height: 4px;
border-radius: 10px;
background: #f1f1f1;
outline: none;
padding: 0;
margin: 0;
}
.range__slider [type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: white;
cursor: pointer;
width: 14px;
height: 14px;
-webkit-transition: background 0.15s ease-in-out;
transition: background 0.15s ease-in-out;
position: relative;
border: 2px solid var(--color-gray);
border-radius: var(--border-radius-larger);
box-shadow: 0px 0px 4px 0px #00000040;
/* background: url('../img/range-arrows.svg') center/cover; */
}
.range__slider [type="range"]::-webkit-slider-thumb:hover {
cursor: pointer;
}
.range__slider [type="range"]::-moz-range-thumb {
border: 0;
cursor: pointer;
-webkit-transition: background 0.15s ease-in-out;
transition: background 0.15s ease-in-out;
/* background: url('../img/range-arrows.svg') center/cover; */
}
input::-moz-focus-inner,
input::-moz-focus-outer {
border: 0;
}
#output-summary-content ul {
padding: 0px 15px;
}
#top_header_ad {
position: relative;
display: block;
max-width: 100%;
width: auto;
height: 90px;
margin: 25px auto 25px;
text-align: center;
}
.nav_no_desktop {
display: none;
}
#right-btn-ad {
width: 300px;
}
.left_right_ads {
position: relative;
display: block;
/* width: 300px; */
height: 270px;
margin: 50px auto;
}
.left_right_ads span {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -15px);
font-size: 12px;
height: 18px;
}
.axn-btn {
text-align: center;
padding: 0px 40px 0px 40px;
}
.display_none {
display: none;
}
.axn-btn button {
margin: 0 auto 10px;
padding: 10px !important;
display: block;
}
.upload-icon {
/* min-width: 120px; */
height: fit-content;
cursor: pointer;
border-radius: 5px;
}
.upload-icon label {
cursor: pointer;
font-size: 16px;
display: flex;
align-items: center;
gap: 5px;
}
.upload-icon label .icon {
background: var(--color-light-gray);
padding: 5px 8px;
border-radius: 50%;
width: 30px;
height: 30px;
}
.upload-icon label .icon img {
width: 100%;
}
.overlay:first-child {
border-right: 1px solid var(--color-light-silver);
}
.overlay {
margin: 20px 0px;
cursor: pointer;
width: 100%;
}
.overlay * {
transition: all 0.5s ease;
}
.overlay img {
filter: var(--filter-gray);
}
.upload-icon:active,
.upload-icon:focus,
.upload-icon:hover {
color: #000;
}
.overlay:hover > p {
color: var(--color-dark-gray);
}
.overlay:hover > img {
filter: var(--filter-black);
}
#output-summary-content ul li {
margin-bottom: 15px;
}
.tool_setting_bar {
min-height: 60px;
padding: 0px 20px;
/* border-top: 1px solid #e5e5e5; */
display: flex;
align-items: center;
flex-wrap: wrap;
}
.input_setting_bar {
display: flex;
justify-content: space-between;
align-items: center;
bottom: 0px;
width: 100%;
z-index: 1;
}
.input_setting_bar>div{
min-width: 120px;
}
.input_setting_bar>.footer_right{
display: flex;
justify-content: end;
}
.radio-container {
display: flex;
align-items: center;
gap:var(--gap-xsmall);
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.radio-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 15px;
}
/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
background-color: var(--color-dark-gray);
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.radio-container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.radio-container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.summary-length span:first-child {
display: flex;
align-items: baseline;
column-gap: 10px;
}
.summary_range {
flex-grow: 1;
display: flex;
flex-direction: row;
align-items: baseline;
column-gap: 15px;
justify-content: space-between;
}
.controls input[type="checkbox"] {
display: none;
}
.summary-length {
width: 60%;
margin: auto;
position: relative;
}
.summary-length .range_desc {
display: flex;
justify-content: space-between;
margin-bottom: -5px;
}
.summary-length input[type="range"] {
/* -webkit-appearance: none; */
width: 100%;
}
/* .summary-length input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
border-radius: 50%;
border:3px solid dark rgb(104, 104, 26) !important;
background: white;
cursor: pointer;
} */
.summary-length input[type="range"]::-moz-slider-thumb {
border-radius: 50%;
background: #04aa6d;
cursor: pointer;
}
.uperSelectBox::-webkit-scrollbar {
width: 20px;
}
.uperSelectBox::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
.uperSelectBox::-webkit-scrollbar-thumb {
background-color: #a1c5e2;
border-radius: 20px;
border: 6px solid transparent;
background-clip: content-box;
}
.uperSelectBox::-webkit-scrollbar-thumb:hover {
background-color: #a8bbbf;
}
select.langAbs option {
padding: 3px 10px 2px 5px;
border-bottom: 1px solid #eee;
}
select.langAbs option:hover {
background: #fff3d9;
color: #232878;
}
.mode_for_tab_mobile {
display: none;
}
select.langAbs {
width: 100px;
height: 144px;
padding: 0;
position: absolute;
z-index: 12;
overflow: overlay;
bottom: 40px;
right: 10px;
display: none;
}
.active.uperSelectBox .langAbs {
display: block;
}
.langGlob {
position: relative;
/* #232878; */
border-radius: 5px;
width: 105px;
height: 34px;
cursor: pointer;
background: #fff;
color: #757575;
user-select: none;
padding: 5px;
/* border: 1px solid #ccc; */
font-size: 16px;
/* border-radius: 7px; */
}
.langGlob:after {
content: "<>";
cursor: pointer;
font: 17px "Consolas", monospace;
color: #757575;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
right: 0;
padding: 0 0 2px;
position: absolute;
pointer-events: none;
}
#tool-submit-btn-again {
background: #232878;
text-align: center;
padding: 10px 0;
border-radius: 23px;
border: 1px solid #232878;
width: 198px;
color: white;
font-size: 18px;
cursor: pointer;
}
.word-count {
font-size: var(--font-size-small);
color :#a7a7a7
}
.word-count .word-counter {
font-weight: var(--font-weight-medium);
}
.counter_container {
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
}
.input_counter_message a {
color: var(--color-blue);
text-decoration: underline;
}
.input_counter_message .message {
display: block;
font-size: var(--font-size-xsmall);
}
.input_counter_message .short_message {
display: none;
}
.desktop_visible {
display: flex;
}
.mobile_visible {
display: none;
}
#after-text-load-controls {
margin-top: 20px !important;
}
#left-btn-ad {
margin: 10px auto !important;
}
/*
-- Features section
*/
.points_list {
background: var(--color-gradient-light-gray-ltr);
padding: 60px 40px;
border-radius: var(--border-radius-larger);
height: fit-content;
flex-wrap: wrap;
}
.points_list img {
width: 15px !important;
}
.points_list .point_container {
position: relative;
flex-wrap: wrap;
}
.points_list .point {
padding: 15px 20px;
border-radius: var(--border-radius-default);
box-shadow: var(--box-shadow-upward);
background: white;
position: relative;
/* z-index: 0; */
/* width: fit-content; */
/* min-width: fit-content; */
}
.about_sec_detail ul li {
line-height: 2em;
}
.icon.icon-orange {
background: #feebe4 !important;
}
/*
-- -- ABOUT US SECTION
*/
.about-us-section {
padding: 10px 0px;
text-align: center;
}
/*
-- Advance feature Section
*/
.advance-feature-section {
padding: 30px 0;
column-gap: 1.5em;
}
/*
-- -- COUNTER SECTION
*/
.counter-section {
margin: 0px auto;
text-align: left;
/*font: normal normal bold 24px/32px Segoe UI;*/
letter-spacing: 0px;
color: #ffffff;
text-transform: capitalize;
opacity: 1;
padding: 10px;
}
.about-us-section p {
padding: 0em 1em;
}
.about_sec_detail ul {
list-style: none;
text-align: left;
background-color: #ffab002b;
padding: 1.2em 2.2em;
border-radius: 10px;
}
.about_sec_detail ul li:before {
content: "\25A0";
/* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #ffab00;
/* Change the color */
font-weight: bold;
/* If you want it to be bold */
display: inline-block;
/* Needed to add space between the bullet and the text */
width: 1em;
/* Also needed for space (tweak if needed) */
margin-left: -1em;
}
.separator {
border-top: 1px solid #ffffff;
height: 0px;
width: 75px;
margin: 10px auto;
}
.counter-section .text-center p:first-child {
font-size: 60px;
line-height: 1.2;
}
.counter-section .text-center p:last-child {
font-size: 25px;
}
/*
----- FOOTER
*/
/* footer {
background: #F7F7F7;
} */
footer {
background: #122B21;
position: relative;
z-index: 1;
margin-top: 50px;
color:white
/* Ensure the footer content appears above the pseudo-element */
/* Other styles for your footer */
}
/* footer::before {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(
90deg,
#fff 0%,
#80ffe0 17.92%,
#bad0ff 32.22%,
#b797fb 51.04%,
#fcc1ac 69.69%,
#fbeba6 85.31%,
#fff 100%
);
z-index: -1;
} */
.copyright{
padding-top: 20px;
border-top: 1px solid #8E8C99;
}
footer .widget-section {
padding: 50px 0;
display: flex;
justify-content: space-between;
gap: 20px;
}
footer .widget-section > div {
display: flex;
flex-direction: column;
gap: var(--gap-default);
}
footer .widget-section .about_container .about {
white-space: initial;
margin-bottom: 0px;
}
.social_icons{
display: flex;
gap:20px
}
.social_icons a {
color: white;
}
.social_icons div a img {
padding: 10px;
width: 100%;
height: 100%;
}
.bottom-credit {
border-top: 1px solid var(--color-light-silver);
padding: 10px 0;
}
footer .subscribe-form {
position: relative;
}
.links-list {
row-gap: 18px;
margin: 0;
}
.links-list.social {
column-gap: 10px;
}
.links-list.social > a:hover {
filter: opacity(1);
}
footer input[type="email"] {
width: 100%;
padding: 15px;
border: 0;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 12px #0000001a;
border-radius: 5px;
font-size: 16px;
}
footer .links-list a {
color: var(--color-snow-white);
}
footer .subscribe-form button {
width: 110px;
height: 35px;
border: 1px solid #232878;
border-radius: 8px;
position: absolute;
top: 8px;
right: 10px;
}
/* FAQ SECTION */
.faq__container{
width: 100%;
text-align: left;
}
.faq__section{
margin-top: 4rem;
}
.faq__section .body {
display: flex;
flex-wrap: wrap;
gap: var(--gap-default);
}
.faq__section .body > div {
width: 100%;
/* flex: 1; */
/* display: flex; */
/* flex-direction: column; */
/* gap: var(--gap-default); */
}
.accordion {
border-radius: var(--border-radius-large);
border: 1px solid #0000002E;
padding: var(--gap-default);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
display: flex;
gap: var(--gap-default);
/* justify-content: space-between; */
background-color: white;
margin-bottom: 2rem;
cursor: pointer;
}
.accordion .accordion__content {
display: flex;
flex-direction: column;
gap: var(--gap-small);
}
.accordion .accordion__title {
font-weight: var(--font-weight-bold);
}
.accordion .accordion__description {
display: none;
}
.accordion.active .accordion__description {
display: block;
}
.accordion .accordion__switch .plus {
display: inline;
}
.accordion .accordion__switch .minus {
display: none;
height: 20px;
width: 20px;
}
.text-theme{
color: var(--color-theme);
}
.text-white{
color: white;
}
.btn-theme{
background-color: var(--color-theme) !important;
}
.bg-theme{
background-color: var(--color-theme) !important;
}
.btn-outline-theme {
background: white !important;
color: var(--color-dark) !important;
line-height: normal;
}
.grid-container {
display: grid;
gap: 2rem;
margin: 2rem 0;
}
.grid-4{
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-3{
grid-template-columns: 1fr 1fr 1fr;
}
.grid-2{
grid-template-columns: 1fr 1fr;
}
.grid-item {
display: flex;
flex-direction: column;
align-items: center;
gap: .5rem;
text-align: center;
transition: .2s ease;
}
.tool-card {
/* border: 1px solid #ddd; */
border-radius: 8px;
padding: 10px 20px;
text-align: center;
/* background-color: #f9f9f9; */
transition: box-shadow 0.2s ease;
}
.tool-icon {
width: 24px;
height: 24px;
margin-right: 8px;
}
.tool-name {
vertical-align: middle;
}
.text-inline{
display: inline-block;
}
.how_to_use .tool-card{
background:#F6FBF9;
padding: 40px 20px;
}
.how_to_use .tool-icon{
width: 48px;
height: 48px;
}
.how_to_use .tool-name{
padding: 10px;
font-weight: 500;
font-size: 22px;
}
.how_to_use .description, .unique-features .description{
color: #45484F;
font-size: 17px !important;
}
.unique-features{
background: #F6FBF9;
padding: 20px;
}
.unique-features .tool-card{
text-align: left;
background:#FFFFFF;
padding: 40px 20px;
border: 1px solid #E0E3E6;
min-height: 320px;
}
.unique-features .tool-icon{
width: 48px;
height: 48px;
}
.unique-features .description{
text-align: left;
}
.key_benifits {
text-align: left;
}
.key_benifits .tool-card{
text-align: left;
background: #FFFFFF;
border: 1.1px solid #E0E3E6;
box-shadow: 0px 1.11px 2.22px 0px #0D10170F;
border-radius: 15px;
padding: 25px;
min-height: 300px;
}
.key_benifits .tool-icon{
width: 30px;
height: 30px;
}
.comparison_text{
margin-top: 50px;
}
.comparison_text .grid-container{
gap: 0;
}
.comparison_text .grid-item:first-child{
color: #FF1D00;
background-color: #FF000026;
padding: 20px 40px;
border-radius: 20px 0 0 20px;
}
.comparison_text .label {
display: block;
color: white;
margin-top: -80px;
border-radius: 50%;
height: 100px;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.comparison_text .grid-item:first-child .label{
background: #FF1D00;
}
.comparison_text .grid-item:last-child .label{
background: #30A983;
}
.comparison_text .grid-item:first-child .description{
color: #FF1D00;
}
.comparison_text .grid-item:last-child{
color: #30A983;
background-color: #3EB14126;
padding: 20px 40px;
border-radius: 0 20px 20px 0;
}
.comparison_text .grid-item:last-child .description{
color: #30A983;
}
.why_choose{
padding: 80px 150px !important;
color: white;
border-radius: 40px;
width:95%;
}
.why_choose h2{
padding-bottom: 20px;
}
.accordion.active .accordion__switch .plus {
display: none !important;
}
.accordion.active .accordion__switch .minus {
display: inline !important;
}
/* Blog Section */
.blog-section {
background-color: linear-gradient(
180deg,
#fafafa 0%,
rgba(247, 247, 247, 0) 69.79%
);
margin-bottom:25px;
}
.blog-section .container {
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
}
.blog-section_heading{
padding-top:15px;
padding-bottom:25px;
}
.blog-section .header {
padding-top: 20px;
}
.blog-section .content-container {
width: 100%;
flex-wrap: wrap;
gap: var(--gap-default);
}
.blog-section > div .item .content.gradient-hover-effect::after {
top: 100% !important;
z-index: 0 !important;
display: none;
}
.blog-section > div .item {
width: 100%;
min-width: 25%;
flex: 1;
/* padding: 10px; */
border-radius: 30px;
overflow: hidden;
/* max-width: 32%; */
cursor: pointer;
transition: all 0.5s ease;
background: white;
border: 1px solid var(--color-light-silver);
position: relative;
}
.blog-section > div .item:hover {
box-shadow: var(--box-shadow-small);
}
.blog-section > div .item:hover .content.gradient-hover-effect::after {
display: inline;
}
.blog-section > div .item .content {
display: flex;
flex-direction: column;
gap: var(--gap-small);
padding: 5px 20px;
background-color: white;
}
.blog-section > div .item .content .title {
color: var(--color-dark);
font-size:31px;
min-height: 40px;
}
.blog-section.theme-padding{
padding:40px 150px !important;
}
.blog-section > div .item .content p{
font-size: 15px !important;
}
.table_of_contents{
background: white;
box-shadow: var(--box-shadow-default);
padding:20px;
border-radius:20px;
}
.blog-section > div .item .pre_title {
display: flex;
flex-wrap: wrap;
align-items: start;
justify-content: start;
margin-top:16px;
font-size:14px
}
.author_section{
background:#F6FBF9;
border-radius:20px;
padding: 40px 80px !important;
gap:30px;
text-align: left;
line-height: 40px;
}
.author_section .author_logo img{
width: 200px;
height: 200px;
border-radius: 100%;
}
.author ul{
gap: 15px;
}
.author li{
list-style:none !important;
font-size:16.59px;
background:none !important;
padding:0;
font-weight: 400;
}
.author li img{
width: 40px !important;
height: 40px;
border-radius: 50px;
vertical-align: middle;
}
.pagination{
display:flex;
justify-content:center;
gap:20px;
margin: 50px 0px !important;
}
.pagination li{
list-style: none !important;
background: none !important;
padding: 6px 20px;
}
.pagination li.active{
background: #139E67 !important;
border-radius: 5px;
color: white;
}
}
.blog-section > div .pre_title .date {
color: #626262;
padding: 5px 0px;
border-radius: 5px;
font-size: 12px;
/* background: var(--color-sky-gray); */
}
.blog-image{
max-height:400px;
border-radius:20px;
overflow:hidden;
}
.blog-section > div .item .featured-image{
border-radius: 30px;
overflow: hidden;
}
.blog-section > div .item .featured-image img {
width: 100%;
border-radius: 30px;
max-height: 235px;
}
.align-items-center{
align-items: center;
}
.blog-section .latest {
display: flex;
flex-wrap: wrap;
gap: var(--gap-default);
}
.blog-section .latest .featured-image {
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
padding: 20px;
border-radius: var(--border-radius-default);
}
.blog-section .latest .featured-image img {
width: 100%;
}
.blog-section .latest > div {
flex: 1;
}
.latest{
width: 100%;
}
.gap-10{
gap: 10px;
}
.blog-section > div .item .footer, .latest .footer {
display: flex;
justify-content: space-between;
padding:5px 0px 15px 0px;
}
.blog-section .all_blogs .footer{
padding:5px 0px 0px 0px !important;
}
.author-info{
font-size: 16px;
}
.author-info a{
color:black !important;
font-size: 16px;
}
.blog-section > div .item .footer img{
border-radius: 50%;
width: 40px;
height: 40px;
}
.all_blogs .item{
padding: 25px;
}
.all_blogs .item .featured-image{
width: 400px;
}
.feature_lists {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 50px;
}
.feature_box {
padding: 1em;
position: relative;
display: flex;
flex: 1;
border-radius: 13px;
background-color: white;
box-shadow: var(--box-shadow-xsmall-inner);
align-items: center;
gap: 10px;
transition: all 0.5s ease;
}
.feature_box_large {
align-items: start;
padding: 20px;
}
.feature_lists > div.gradient-hover-effect::after {
display: none !important;
}
.feature_lists > div:hover.gradient-hover-effect::after {
display: inline !important;
}
/* .feature_lists>div span {
background: var(--color-slate-gray);
color: white;
padding: 8px 15px;
border-radius: 10px;
font-size: var(--font-size-h3);
font-weight: var(--font-weight-semibold);
box-shadow: var(--box-shadow-default);
} */
.number {
background: var(--color-slate-gray);
color: white;
padding: 8px 15px;
border-radius: 10px;
font-size: var(--font-size-h3);
font-weight: var(--font-weight-semibold);
box-shadow: var(--box-shadow-default);
height: fit-content;
}
.header_lang {
border: none;
background: transparent;
color: white;
font-size: 18px;
line-height: 1.35;
}
.header_lang option {
color: #000;
}
.language__list {
bottom: 30px;
}
.swal2-confirm {
background-color: #ffab00 !important;
}
.center_btn {
margin-left: -130px;
}
.intercom-cta[data-v-13c390d0] {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 2147483000;
width: 60px;
height: 60px;
border: none;
border-radius: 50%;
background: #a1c5e1;
box-shadow: 0 1px 6px 0 rgb(0 0 0 / 6%), 0 2px 32px 0 rgb(0 0 0 / 16%);
}
.toggle {
display: block !important;
}
.dropdown_hide {
display: none !important;
}
.flex-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.flex-end {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
.flex-start {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
.top-header .flex-col {
width: auto !important;
align-self: center;
margin: 0;
flex: 1;
/* align-items: center; */
}
.tool-btn-sm-wrap {
display: none;
}
#tool-submit-btn {
display: block;
}
.table-responsive {
min-height: 0.01%;
overflow-x: auto;
}
.content .custom_table {
border: none;
width: 100%;
border-radius: 50px;
box-shadow: var(--box-shadow-default);
background-color: white;
}
.content .custom_table tr {
height: 50px !important;
}
.content .custom_table td,
.content .custom_table tr {
border: none;
background: white;
height: 100% !important;
padding: 10px;
vertical-align: middle;
}
.content .custom_table td:first-child {
border-right: 3px solid var(--color-light-silver);
}
.content .custom_table tr:first-child td {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.content .custom_table tr:last-child td {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.content .custom_table tr:not(:last-child) {
border-bottom: 3px solid var(--color-light-silver);
}
.content table {
margin-top: 20px;
border-collapse: collapse;
border: 1px solid #000;
width: 100%;
max-width: 100%;
margin-bottom: 20px;
width: auto;
}
.content .tool_info_container {
background: linear-gradient(
180deg,
#fafafa 0%,
rgba(247, 247, 247, 0) 69.79%
);
padding: 50px;
border-radius: var(--border-radius-larger);
height: fit-content;
}
.content .tool_info {
position: relative;
display: flex;
flex-direction: column;
background: white;
box-shadow: var(--box-shadow-default);
border-radius: var(--border-radius-larger);
}
.content .tool_info.gradient-hover-effect::after {
display: none;
}
.content .tool_info_container:hover .tool_info.gradient-hover-effect::after {
display: inline;
}
.content .tool_info .feature {
display: flex;
/* flex-wrap: wrap; */
}
.content .tool_info .feature > div {
padding-left: 20px !important;
padding-right: 20px !important;
flex: 1;
}
.content .tool_info .feature:not(:last-child) {
border-bottom: 3px solid var(--color-light-silver);
}
.content .tool_info .feature .feature-icon {
display: flex;
align-items: center;
gap: 10px;
/* min-width: 200px; */
max-width: 45%;
padding: 10px 0px;
border-right: 3px solid var(--color-light-silver);
}
.content .tool_info .feature .feature-icon img {
width: 20px;
margin: 0 !important;
}
.content .tool_info .feature .feature-text {
display: flex;
align-items: center;
}
/* .content .tool_info table tr td{
display: flex;
gap:10px;
} */
.content .tool_info table tr td:first-child {
display: flex;
}
.content .tool_info table tr td img {
width: 30px;
padding-right: 10px;
}
.table-bordered {
border: 1px solid #000;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.content table > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.content table > tbody > tr > td,
.content table > tbody > tr > th,
.content table > tfoot > tr > td,
.content table > tfoot > tr > th,
.content table > thead > tr > td,
.content table > thead > tr > th .table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #000;
}
/* ALERTS / POPUPS */
.alert_container {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
display: none;
z-index: 20;
}
.alert_box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
position: fixed;
min-width: 350px !important;
max-width: 600px;
max-height: 300px;
border-radius: 10px;
left: 50%;
top: 50%;
padding: 30px 20px;
background-color: white;
box-shadow: var(--box-shadow-default);
transform: translate(-50%, -50%);
width: 100%;
}
.alert_box .close_icon {
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
}
.alert_box .content {
padding-top: 50px;
gap: 50px;
}
.alert_box .alert_img {
width: 150px;
}
.alert_box p {
margin-bottom: 0;
}
.alert_box .title {
font-size: var(--font-size-h3) !important;
font-weight: var(--font-weight-semibold) !important;
line-height: 1;
}
.bg span {
width: 500px;
/* Set your desired width */
height: 100%;
/* Set your desired height */
position: absolute;
left: 0;
top: 0;
z-index: -1;
border-radius: 10px;
/* Create a linear gradient background with a blur effect from left to right */
background: linear-gradient(
to right,
transparent,
rgba(255, 255, 255, 0.7) 50%,
white 100%
);
backdrop-filter: blur(10px);
/* Adjust the blur amount as needed */
}
.bg {
border-radius: 10px;
background: linear-gradient(
0deg,
#bffff0 0%,
#dde7ff 21.35%,
#dbcbfd 51.04%,
#fde0d6 77.08%,
#fdf5d3 100%,
white 100%
);
width: 150px;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
/* LOGIN PAGE */
section.login {
padding-top: 20px;
}
.login__container {
display: flex;
flex-direction: column;
gap: var(--gap-default);
align-items: center;
width: fit-content;
min-width: 40%;
padding: 25px 40px 40px 40px;
background: var(--color-snow-white);
border-radius: var(--border-radius-larger);
margin: auto;
position: relative;
}
.login__container > div {
flex: 1;
width: 100%;
}
.login__container .header {
display: flex;
gap: var(--gap-default);
align-items: center;
flex-direction: column;
}
.login__container .header img {
background: var(--color-light-silver);
padding: 10px;
border-radius: 50%;
}
.login__container .header .heading {
text-align: center;
}
/* PRICING PLANS */
.pricing__plans__container {
}
.pricing__plans__container .header {
text-align: center;
}
.pricing__plans__container .pricing__plans {
display: flex;
gap: var(--gap-default);
flex-wrap: wrap;
margin: auto;
}
.pricing__plans__container .pricing__plans > div {
flex:1;
border-radius: var(--border-radius-larger);
display: flex;
flex-wrap:wrap;
gap: 20px;
}
.pricing__plans__container
.pricing__plans
.plan__container
.price__container
.description {
font-size: var(--font-size-small) !important;
}
.pricing__plans__container
.pricing__plans
.plan__container
.price__container
.price {
font-weight: var(--font-weight-semibold);
font-size: var(--font-size-h2);
}
.pricing__plans__container
.pricing__plans
.plan__container
.price__container
.price
.currency {
font-weight: var(--font-weight-normal) !important;
font-size: var(--font-size-xsmall) !important;
padding-left: 5px;
}
.pricing__plans__container
.pricing__plans
.plan__container
.plan__header
.title {
font-size: var(--font-size-h5);
font-weight: var(--font-weight-medium);
}
.pricing__plans__container .pricing__plans .plan__container .plan__header img {
padding: 10px;
border-radius: var(--border-radius-large);
background: white;
width: 55px;
}
.pricing__plans__container .pricing__plans .premium__plans__container {
flex: 1;
border-radius: var(--border-radius-larger) !important;
padding: 0;
flex-direction: row;
position: relative;
min-width: 250px;
}
.pricing__plans__container
.pricing__plans
.premium__plans__container
.plan__wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 20px;
justify-content: space-between;
height: 100%;
}
.pricing__plans__container
.pricing__plans
.premium__plans__container
.plan__wrapper
.plan__features{
display: flex;
flex-direction: column;
gap:var(--gap-small);
}
/* SALE */
.pricing__plans__container .pricing__plans .premium__plans__container .sale {
position: absolute;
right: 20px;
top: -6px;
}
.pricing__plans__container
.pricing__plans
.premium__plans__container
.sale
.text {
position: absolute;
right: 0;
padding: 10px;
margin: auto;
color: white;
text-align: center;
font-weight: var(--font-weight-bold);
}
/* RECOMMENDER / POPULAR PLAN */
.pricing__plans__container
.pricing__plans
.premium__plans__container .two-columns{
display: flex;
flex-wrap: wrap;
gap:var(--gap-small);
justify-content: space-between;
}
.pricing__plans__container
.pricing__plans
.premium__plans__container .two-columns li{
min-width: 45%;
flex:1;
margin-bottom:0px;
}
.pricing__plans__container
.pricing__plans
.premium__plans__container
.recommended
img {
background: var(--color-light-gray);
}
.pricing__plans__container .pricing__plans .premium__plans__container > div {
width: 100%;
background: var(--color-light-gray);
padding: 20px;
margin: 4px;
border-radius: 25px;
border: 1.5px solid #efefef;
}
.pricing__plans__container
.pricing__plans
.premium__plans__container
> div.gradient-border {
background: transparent !important;
}
.pricing__plans__container
.pricing__plans
.premium__plans__container
.premium__plans {
border-radius: 20px;
/* margin: 10px; */
display: flex;
flex-direction: row;
width: 100%;
background: white;
padding: 10px 20px;
flex-wrap: wrap;
}
.pricing__plans__container
.pricing__plans
.premium__plans__container
.premium__plans
> div {
flex: 1;
min-width: 350px;
}
.pricing__plans__container
.pricing__plans
.premium__plans__container
.plans__list__container {
display: flex;
flex-direction: column;
gap: 20px;
}
.pricing__plans__container
.pricing__plans
.premium__plans__container
.plans__list__container
.plan {
display: flex;
gap: 20px;
align-items: start;
border: 1px solid var(--color-light-silver);
padding: 20px;
border-radius: var(--border-radius-larger);
cursor: pointer;
}
.pricing__plans__container
.pricing__plans
.premium__plans__container
.plans__list__container
.plan
.plan__header {
display: flex;
flex-direction: column;
gap: var(--gap-small);
}
.pricing__plans__container
.pricing__plans
.premium__plans__container
.plans__list__container
.plan
.description-light {
line-height: 1;
white-space: inherit;
}
.pricing__plans__container
.pricing__plans
.premium__plans__container
.plans__list__container
.plan.active {
background-color: var(--color-light-gray);
border: 1px solid var(--color-dark-gray);
}
.pricing__plans__container
.pricing__plans
.premium__plans__container
.plans__list__container
.plan
input[type="radio"] {
width: 20px;
height: 20px;
}
.plan__features ul li {
margin-bottom: 10px;
font-size: var(--font-size-xsmall);
}
/* Apply styles to the disabled list items */
.plan__features ul li.disabled {
background: url("../img/cross-circle.svg") no-repeat left 0px;
text-decoration: line-through;
/* Add strikethrough to the text */
color: var(--color-gray);
}
.pricing__plans__container .pricing__plans .plan__details {
display: flex;
flex-direction: column;
gap: 20px;
}
/* MY ACCOUNT */
.my__account .my__account__container {
display: flex;
flex-wrap: wrap;
}
.my__account .my__account__container .lefbar {
flex: 1;
background-color: var(--color-snow-white);
padding: 20px 40px 20px 10%;
}
.my__account .my__account__container .lefbar .header {
width: max-content;
}
.my__account .my__account__container .lefbar .header .title {
padding-bottom: 50px;
}
.my__account .my__account__container .lefbar .header .menu {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 40px;
}
.my__account .my__account__container .lefbar .header .menu a {
display: flex;
align-items: center;
gap: 10px;
}
.my__account .my__account__container .lefbar .header .menu a img {
width: 25px;
}
.my__account .my__account__container .content {
flex: 5;
min-width: 400px;
display: flex;
flex-wrap: wrap;
padding: 25px 20px 20px 40px;
}
.my__account .my__account__container .content .heading {
font-size: var(--font-size-h3);
}
.my__account .my__account__container .content .my__account__content__details {
padding-top: 45px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: var(--gap-default);
}
.my__account
.my__account__container
.content
.my__account__content__details
> .current__plan {
display: flex;
flex-direction: column;
gap: 20px;
}
.my__account
.my__account__container
.content
.my__account__content__details
.content__info
.title {
font-weight: var(--font-weight-semibold);
padding-bottom: 0;
margin-bottom: 0;
}
.my__account
.my__account__container
.content
.my__account__content__details
.content__info
.queries__allowed__range {
padding: 10px;
background: var(--color-light-gray);
}
.my__account
.my__account__container
.content
.my__account__content__details
.content__info
.queries__allowed__range
.header {
display: flex;
justify-content: space-between;
align-items: center;
}
.my__account
.my__account__container
.content
.my__account__content__details
.content__info
.queries__allowed__range
.range
input {
width: 100%;
}
#plan_details .my__account__content__details .content__info .change_plan {
display: flex;
flex-direction: column;
gap: 10px;
background-color: var(--color-snow-white);
padding: 10px 20px;
border-radius: 10px;
}
#plan_details .my__account__content__details .content__info .change_plan .btn {
}
#plan_details
.my__account__content__details
.content__info
.change_plan
.btn
.text {
padding: 5px 20px;
border-radius: 17px;
display: flex;
gap: 10px;
}
.tawk-min-container .tawk-button-circle.tawk-button-large{
display: none !important;
}
#chat-widget-minimized {
display: none !important;
}
.response-buttons-height{
max-height: 42px;
}
.output-content{
width: 100%;
max-height: 450px;
height: 100%;
overflow: auto;
padding: 15px;
}
.mode-switcher {
display: flex;
border-radius: 10px;
overflow: hidden;
border-bottom-left-radius: 0px;
gap: 4px;
}
.tab {
padding: 10px 0 25px 0;
display: flex;
align-items: center;
justify-content: center;
width: 175px;
border-radius: 17px;
cursor: pointer;
background-color: #FAF9FB;
color: #333333;
border: 1px solid #D2CADF!important;
border-left: none;
font-size: 14px !important;
font-weight: 600 !important;
gap: 10px;
position: relative;
}
.tab:first-child {
border-left: 1px solid #e0e0e0;
/* border-top-left-radius: 10px; */
border-bottom-left-radius: 0;
}
.tab:last-child {
border-bottom-right-radius: 10px;
}
.tab.active {
background-color: #139E67;
color: white;
}
.tab img, .icon, .icon-theme-color{
filter: brightness(0) saturate(100%) invert(39%) sepia(80%) saturate(617%) hue-rotate(116deg) brightness(95%) contrast(95%);
}
.tab.active .icon{
filter: brightness(0) invert(1) !important;
}
/* .tab.active::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60%;
height: 3px;
background-color: #3f51b5;
border-radius: 2px;
} */
.icon {
font-size: 16px;
}
.tab img, .tabs-icon, .icon-theme-color{
filter: brightness(0) saturate(100%) invert(39%) sepia(80%) saturate(617%) hue-rotate(116deg) brightness(95%) contrast(95%);
}
.tab.active .tabs-icon{
filter: brightness(0) invert(1) !important;
}
.tabs-icon {
height: 20px;
width: 20px;
}
.input-header, .output-header{
display: flex;
align-items: center;
gap: 8px;
}
.input-header label, .output-header label {
font-size: 16px;
font-weight: 600;
color: #211F26CC;
}
.text-buttons {
display: flex;
margin: auto;
}
.input .card {
display: flex;
border: none;
background-color: transparent;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
gap: 20px;
}
.input .option {
flex: 1;
border-radius: 15px;
background-color: #FAF9FB;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
height: 140px;
width: 150px;
transition: background 0.3s;
}
.input .option:hover {
background-color: #f1f3ff;
}
.input .option i {
font-size: 28px;
color: #7b61ff;
margin-bottom: 8px;
}
.input .option span {
color: #333333;
font-size: 14px;
font-weight: 600;
padding-top: 10px;
}
/* Optional divider between options */
/* .input .option + .option {
border-left: 1px solid #eee;
} */
.btn-submit {
background: #139E67 !important;
color: white !important;
border: 1px solid #D2CADF !important;
}
/* //TOOL CARD */
.card-title{
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 20px;
}
.card-title .tool-name{
color:#1B1D2D;
font-weight: 600;
}
/* //BLOG */
.btn-read_more{
background: #139E67;
border-radius:10px !important;
color: white !important;
}
.title-section{
color: #FFF;
text-align: center;
font-family: "Plus Jakarta Sans";
font-size: 35.86px;
font-style: normal;
font-weight: 700;
line-height: 49.8px; /* 138.873% */
padding-top: 3em;
margin-top: -75px;
/* letter-spacing: -2px; */
margin-bottom: 30px;
}
/* //CONTACT US */
.contact_us{
margin: -93px 2rem;
border-radius: 0px 0px 20px 20px;
padding: 107px 100px;
background: #F6FBF9;
z-index: -2;
position: relative;
}
.contact_us input{
width: 100%;
border: 1px solid #dcd7d7;
/*height: 40px;*/
border-radius: 8px;
padding: 15px;
margin-top:10px;
}
.contact_us textarea{
width: 100%;
border: 1px solid #dcd7d7;
border-radius: 8px;
padding: 15px;
margin-top:10px;
}
.contact-info-section{
padding-top: 40px;
padding-bottom: 40px;
}
.contact-info{
border-left: 2px solid blue;
padding-left: 20px;
}
#submit_btn{
background: #139E67;
border-radius: 6px;
padding: 15px 0px !important;
}
/* About Us */
.card{
border-radius: 14.973px;
border: 0.936px solid #D2CADF;
background: #F6FAFF;
padding: 40px;
}
.about .item {
display: flex;
align-items: flex-start;
margin-bottom: 18px;
position: relative;
text-align: left;
}
.about .item h2{
text-align: left;
padding-bottom: 20px;
}
.about .item::before {
content: "✔";
font-size: 14px;
color: #fff;
background: #139E67;
border-radius: 50%;
padding: 5px;
margin-right: 18px;
display: flex
;
align-items: center;
justify-content: center;
height: 15px;
width: 15px;
flex-shrink: 0;
}
.about .item strong {
color: #111827;
}
.about .item p {
margin: 0;
color: #374151;
line-height: 1.5;
}
.team-card {
border-radius: 20px;
padding: 40px 30px;
border: 1px solid #C5C5C5;
text-align: center;
max-width: 350px;
box-shadow: 0 1.109px 2.218px 0 rgba(13, 16, 23, 0.06);
}
.team-card img {
width: 80px !important;
height: 80px;
border-radius: 50%;
object-fit: cover;
margin-bottom: 20px;
}
.team-card h3 {
font-size: 22px;
font-weight: bold;
margin: 10px 0 5px;
color: #111827;
}
.team-card h4 {
font-size: 16px;
font-weight: normal;
color: #6b7280;
margin: 0 0 15px;
}
.team-card .divider {
width: 40px;
height: 3px;
background: #139E67;
margin: 0 auto 15px;
border-radius: 2px;
}
.team-card p {
font-size: 15px;
color: #374151;
line-height: 1.6;
}
.header-top-section{
padding: 26px 0px 80px 16px !important;
}
.flex-dir-col{
flex-direction: column !important;
}
.flex-dir-row{
flex-direction: row !important;
}
.m-2{
margin: 2rem;
}
.why_choose .links {
margin-bottom: 30px;
}
.why_choose .links a {
color: white;
margin: 0 15px;
font-size: 0.95rem;
text-decoration: none;
}
.why_choose .links a:before {
content: "✔";
color: #2f9e44;
background-color: white;
border-radius: 20px;
padding: 2px 4px;
margin-right: 5px;
}
.m-0{
margin: 0 !important;
}
.p-0{
padding: 0 !important;
}
.overflow-hidden{
overflow: hidden;
}
.logos .tool-card{
width: 100%;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 1px;
}
.side_image{
border-radius: 0px 20px 20px 0px;
}
.side_image img{
height: 374px;
width: 100%;
}
.ai_detectors .description {
padding-top: 20px !important;
}
.ai_detectors .description p{
padding: 0;
margin: 0;
font-weight: 400;
letter-spacing: 0px;
color: #1B1D2D;
}
/* //carousl */
.owl-dots {
text-align: center;
margin-top: 20px;
}
/* Each dot */
.owl-dot {
display: inline-block;
margin: 0 6px;
}
.owl-dot span {
width: 12px;
height: 12px;
display: block;
border-radius: 50%;
background: #333; /* inactive color */
transition: all 0.3s ease;
}
/* Active dot */
.owl-dot.active span {
background: #00a676; /* your theme green */
/* transform: scale(1.2); slightly bigger */
box-shadow: 0 0 6px rgba(0, 166, 118, 0.6);
}
/* Hover effect */
.owl-dot:hover span {
background: #333;
}
.tabs-wrapper_diff {
width: 100%;
margin: 40px auto;
}
.tabs-wrapper_diff .tabs-nav {
display: flex;
flex-wrap: wrap;
list-style: none;
justify-content: center;
margin: 0;
padding: 0;
border-bottom: 2px solid #eee;
}
.tabs-wrapper_diff .tabs-nav .tab-link {
padding: 10px 20px;
cursor: pointer;
font-weight: 600;
transition: all 0.3s;
color: #555;
}
.tabs-wrapper_diff .tabs-nav .tab-link.active {
border-bottom: 3px solid #00a859;
color: #00a859;
}
.tabs-wrapper_diff .tab-item {
display: none;
padding: 20px 0;
}
.tabs-wrapper_diff .tab-item.active {
display: block;
animation: fadeInAi 0.3s ease;
}
@keyframes fadeInAi {
from { opacity: 0; }
to { opacity: 1; }
}
.toggleBtn{
margin-bottom: 20px;
}