.white-background h2 {
color: #000 !important;
}
.white-background .stars {
color: #FFA83A !important;
font-size: 20px;
}
section.reviews-carousel.white {
background: #ebeff1;
}
section.wrap.white-background, section.wrap.blue-background {
background: #EBEFF1;
font-family: 'Plus Jakarta Sans';
}
body .white-background .small {
color: #062135 !important;
} 
.social-verification {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.blue-background h2 {
color: #ffffff !important;
}
.blue-background  {
background-color: #062135!important;
}
.rating .small {
color: #ffffff !important;
}
article.card {
display: flex;
flex-direction: column;
justify-content: space-between;
}
p.small.other {
font-weight: 500 !important;
font-size: 16px !important;
}
.testi_text {
color: #273C4B;
font-size: 13px;
line-height: 20px;
}
.rating {
flex: 0 0 280px;
background: transparent;
}
.rating .stars {
color: #FFA83A;
font-size: 20px;
display: flex;
align-items: center;
gap: 10px;
}
body .rating .small {
color: #0A314D !important;
font-size: 13px;
font-weight: 700;
}
p.small {
font-size: 16px !important;
color: #0A314D;
font-weight: 400 !important;
}
.rating a {
text-decoration: underline;
color: var(--brand);
} section.wrap .row{
padding: 0px 64px;
}
body .blue-background .rating .small {
color: white !important;
}
.row {
display: flex;
align-items: center;
width: 100%;
max-width: 1440px;
margin: auto;
gap: 20px;
}
.rating h2 {
margin: 0 0 8px;
font-size: 24px;
font-weight: 700;
color: #0A314D;
line-height: 36px;
font-family: Plus Jakarta Sans, sans-serif !important;
}
.head {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 6px;
}
.avatar {
width: 50px !important;
height: 50px !important;
border-radius: 50%;
object-fit: cover;
}
.testimonial-card .name {
margin: 0;
font-size: 18px;
color: #062135;
font-weight: 700;
}
.testimonial-card .date {
font-size: 14px;
color: #88939C;
margin-top: 3px;
margin-bottom: 0px;
}
.review-stars {
color: #FFA83A !important;
margin-top: 6px;
}
.testimonial-card .highlight {
font-size: 16px;
color: #0A314D;
font-weight: 700;
margin: 4px 0 8px;
display: flex;
align-items: center;
gap: 8px;
margin-top: 24px;
}
.verify {
display: flex;
font-weight: 700;
color: #0A314D;
font-size: 16px;
margin-top: 8px;
align-items: center;
gap: 4px;
} .testimonial-slider {
position: relative;
display: flex;
align-items: center;
gap: 12px;
} #testimonial-slider {
--slides-visible: 3; --gap: 20px; position: relative;
overflow: hidden;
flex: 1;
}
.testimonial-track {
display: flex;
align-items: stretch;
gap: var(--gap, 20px);
will-change: transform;
transition: transform 420ms ease;
} .testimonial-card {
flex: 0 0 calc(
(100% - (var(--gap, 20px) * (var(--slides-visible) - 1)))
/ var(--slides-visible)
);
background: #fff;
border: 1px solid #DCDCDC;
border-radius: 16px;
padding: 16px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 100%;
} @media (max-width: 767.98px) {
section.wrap .row {
padding:20px 0px 0px 0px;
}
.rating .stars {
justify-content: center;
padding:10px 0px;
}
section.wrap.blue-background {
padding: 20px 16px 0px 16px;
}
section.wrap { padding-bottom: 0px !important;
}
body .rating .small {
margin: 0 !important;
margin-bottom: 10px !important;
}
.row { flex-direction: column; }
.rating {
flex: 0 0 0px;
}
#testimonial-slider { --slides-visible: 1; }
.reviews-carousel{
display: block !important;
}
.testimonial-slider {
display: none;
}
.highlight {
font-size: 16px;
font-weight: 700;
display: flex;
align-content: center;
align-items: center;
gap: 8px;
}
.rc-card {
border-radius: 16px !important;
}
.head p.name {
margin-bottom: 5px;
font-weight: 700;
}
.reviews-carousel {
padding-bottom: 52px !important;
padding-top:24px !important;
}
.date {
font-size: 14px !important;
color: #88939C;
}
body .blue-background .rating .small {
margin: 0px !important;
}
} @media (min-width: 768px) {
#testimonial-slider { --slides-visible: 3; }
} .testimonial-nav {
border: none;
background: #fff;
color: #74838E;
width: 38px;
height: 38px;
border-radius: 50%;
display: grid;
place-items: center;
cursor: pointer;
}  #testimonial-slider.dragging .testimonial-track {
transition: none;
} .reviews-carousel {
--peek: 0.20; --gap: 16px; padding: 16px;
}
.rc-viewport {
overflow: hidden;
position: relative;
}
.rc-track {
display: flex;
gap: var(--gap);
will-change: transform;
transition: transform 400ms ease;
touch-action: pan-y;
} .rc-card {
flex: 0 0 calc((1 - var(--peek)) * 100%);
background: #fff;
border: 1px solid #e9e9ee;
border-radius: 5px;
padding: 16px;
box-shadow: 0 6px 16px rgba(2,8,23,0.06);
} .rc-head {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
.rc-avatar {
width: 44px; height: 44px; border-radius: 50%; object-fit: cover;
}
.rc-meta {
line-height: 1.15;
}
.rc-name { font-weight: 700; margin: 0; }
.rc-date { font-size: 12px; opacity: 0.7; }
.rc-stars { font-size: 14px; letter-spacing: 1px; }
.rc-highlight {
display: inline-flex;
align-items: center;
gap: 8px;
background: #f2f8ff;
color: #0b5fff;
padding: 8px 10px;
border-radius: 10px;
font-weight: 600;
margin: 6px 0 10px;
}
.rc-badge { width: 18px; height: 18px; object-fit: contain; }
.rc-text { margin: 0 0 12px; }
.rc-proof {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.rc-verify {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 600;
}
.rc-verify img { width: 18px; height: 18px; object-fit: contain; }
.rc-social { width: 92px; height: auto; object-fit: contain; opacity: 0.9; } .rc-viewport.is-dragging .rc-track { transition: none; } .rc-viewport { -webkit-overflow-scrolling: touch; }
.reviews-carousel{
display: none;
}section.happen-main {
padding: 0px 10px 100px 10px; 
}
h4.how-works {
text-align: center;
font-size: 18px;
font-weight: 500;
font-family: Plus Jakarta Sans !important;
color: #072236;
padding: 6px 12px;
box-shadow: inset 0px -3.4px 0px 0px rgba(65, 65, 65, 0.12);
display: flex;
flex-direction: row;
width: max-content;
margin: auto;
border-radius: 5px;
margin-bottom: 20px;
justify-content: space-between;
}
h2.happen-legit-heading {
margin: 0;
font-size: 48px;
font-weight: 600;
line-height: 60px;
letter-spacing: -1px;
text-align: center;
color:#062135;
font-family: Plus Jakarta Sans !important;
}
.happen-main-para {
font-size: 17px;
font-weight: 500;
line-height: 25px;
margin: 0px;
padding-top: 16px;
padding-bottom: 64px;
color: #273C4B;
text-align: center;
}
.happen-card-main {
display: flex;
justify-content: center;
gap: 40px;
}
.happen-card {
display: flex;
flex-direction: column;
align-items: center; width: 349px;
box-shadow: 0px 2px 5px 0px rgb(143 143 143 / 47%);
border-radius: 12px;
justify-content: space-between;
padding: 0px 24px 24px 24px;
background: var(--Base-White, #FFF);
box-shadow: 0 0 0 1px rgba(234, 234, 234, 0.40), 0 1px 3px 0 rgba(143, 143, 143, 0.20), 0 -2.4px 2px 0 rgba(61, 61, 61, 0.04) inset, 0 6px 13px 0 rgba(0, 0, 0, 0.04), 0 53px 32px 0 rgba(0, 0, 0, 0.02);
}
.refund.just-mobile {
display: none;
}
.happen-step {
display: flex;
flex-direction: column;
align-items: center;
}
.happen-num {
margin: 0;
background: #062135;
border-radius: 0px 100px 100px 100px;
font-size: 48px;
font-weight: 600;
line-height: 60px;
color: rgba(193, 167, 131, 1);
text-align: center;
height: 84px;
width: 84px;
display: flex;
justify-content: center;
align-items: center;
font-family: Plus Jakarta Sans !important;
}
.button-div .primary-btn {
display: flex;
background-color: rgba(255, 186, 91, 1);
padding: 22px 90px;
border-radius: 0;
border: 1px solid #DE8D1E;
color: rgba(6, 33, 53, 1);
justify-content: center;
font-size: 18px;
font-weight: bold;
line-height: 18px;
text-transform: uppercase;
font-family: Plus Jakarta Sans !important;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
margin-top: 56px;
border-radius: 8px;
}
.button-div .primary-btn:hover {
background-color: #ff000000 !important;
color: #DE8D1E;
}
.button-div {
display: flex;
align-content: center;
justify-content: center;
}
.happen-step p {
margin: 0px;
font-size: 16px;
font-weight: 700;
line-height: 24px;
color: #88939C;
padding: 16px 0px;
text-align: center;
text-transform: uppercase;
}
.happen-divider {
width: 378px;
border: none;
border-top: 1px dashed #DCDCDC;
margin: 0;
}
.happen-card-imgbox {
display: flex;
flex-direction: column;
align-items: center;
} h3.happen-card-heading {
margin: 0;
font-size: 18px;
line-height: 30px;
font-weight: 700;
padding-bottom: 8px;
color: #062135;
text-align: center;
font-family: Plus Jakarta Sans !important;
}
p.happen-imgbox-para {
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #273C4B;
text-align: center;
margin-bottom: 26px;
margin-top: 0px;
}
div#dropdown-content {
display: none;
position: absolute;
background-color: white;
min-width: 160px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.show {
display: block !important;
}
.dropdown-content a {
color: black;
padding: 10px 14px;
text-decoration: none;
display: block;
} @media screen and (min-width: 768px) and (max-width: 1024px) {
.happen-card-main {
flex-direction: row;
gap: 10px;
align-items: flex-start;
}
img.customer-happy {
height: auto;
width: 100%;
}
p.happen-imgbox-para br {
display: none;
}
h2.happen-legit-heading {
font-size: 28px;
line-height: 38px;
letter-spacing: 0px;
}
h4.how-works {
width: 20%;
}
.happen-card {
flex-direction: row;
align-items: center;
gap: 6px;
width: auto;
padding: 10px 10px;
}
.happen-card-imgbox {
align-items: center;
}
h3.happen-card-heading {
font-size: 18px;
line-height: 28px;
padding: 10px 0;
text-align: center;
}
p.happen-imgbox-para {
font-size: 14px;
text-align: center;
}
.happen-divider {
width: 138px;
rotate: 90deg;
z-index: -1;
}
.happen-num {
font-size: 24px;
line-height: 34px;
height: 50px;
width: 50px;
}
} @media (max-width: 767px) {
.happen-card-main {
flex-direction: column !important;
gap: 40px !important;
}
h4.how-works {
font-size: 14px;
width: max-content;
}
.how-works img {
margin-right: 10px;
}
hr.happen-divider.happen-divider3 {
display: none;
}
.happen-main-para {
padding-bottom: 20px;
}
h2.happen-legit-heading {
font-size: 24px;
line-height: 30px;
font-weight:700;
}
.happen-card {
flex-direction: row !important;
align-items: flex-start;
gap: 30px !important;
width: auto !important;
display: flex;
}
.refund.just-mobile {
display: block;
font-size: 14px;
color: #273C4B;
width: 100%;
margin-top:16px;
text-align: center;
margin-bottom: 0px;
padding-bottom:0px;
text-decoration: underline;
}
.happen-num {
font-size: 21px !important;
height: 40px !important;
width: 40px !important;
font-family: Libre Baskerville !important;
}
.happen-divider {
width: 1px;
height: 100px ! IMPORTANT;
margin-top: 8px;
height: 1px;
z-index: -1;
BACKGROUND: #DCDCDC;
}
.happen-card-imgbox {
align-items: center !important;
gap: 10px;
width: 100%;
} h3.happen-card-heading {
font-size: 16px !important;
line-height: 22px !important;
padding: 6px 0 !important;
text-align: left !important;
}
p.happen-imgbox-para {
font-size: 16px !important;
line-height: 22px !important;
text-align: center;
margin-bottom: 16px;
margin-top: 0px;
}
p.happen-imgbox-para br {
display: none !important;
}
section.happen-main {
padding: 48px 0px 48px;
} .happen-step p {
font-size: 14px;
font-weight: 700;
line-height: 24px;
color: #273C4B;
padding:0;
}
.button-div .primary-btn {
font-size: 16px !important;
line-height: 23px;
align-items: center;
padding: 16px 0px;
margin-top: 16px;
} .fa-arrow-right:before {
content: "\f061";
font-size: 18px;
} i.fas.fa-arrow-right {
margin-left: 12px;
}	
}.faq-answer {
max-height: 0;
overflow: visible;
opacity: 3;
visibility: visible;
transform: translateY(-5px);
transition: all 0.4s ease;
}
.open .icon {
width: 12px;
height: 12px;
margin-right: 10.5px;
vertical-align: middle;
rotate: 180deg;
}
.hero-top p {
margin: 0px;
}
.hero-top p {
margin: 0px;
font-size: 18px;
font-weight: 500;
margin-left: 10px;
}
.hero-top {
padding: 7px 20px;
max-width: fit-content;
border-radius: 8px;
background-color: #fff;
display: flex;
margin-bottom: 20px;
box-shadow: inset 0px -3.4px 0px 0px rgba(65, 65, 65, 0.12);
}
p.short-intro {
color: #072236;
font-size: 18px;
font-weight: 700;
padding: 7px 20px;
max-width: fit-content;
border-radius: 8px;
background-color: #fff;
font-family: Inter !important;
}
.page-template-faq .main-container-menu-nav {
background-color: #ffffff00;
}
.page-template-faq  .nav-menu li a {
color: #ffffff !important;
}
.page-template-faq  .sticky .nav-menu li a {
color: #273C4B !important;
}
.page-template-faq  .account-cta {
color: #ffffff !important;
}
.page-template-faq  .sticky .account-cta {
color: #273C4B !important;
}
section.wrap {
background-color: #EBEFF1 !important;
padding: 40px 0px;
}
.rating h2 {
color: #0A314D !important;
}
.rating .small {
color: #0A314D !important;
}
.rating .small {
color: #0A314D !important;
}
.faqbanner .hero-learning {
display: flex;
flex-direction: row;
gap: 20px;
width: 100%;
max-width: 1440px;
margin: auto !important;
align-items: center;
justify-content: space-between;
}
.faqbanner h1.hero-title {
letter-spacing: 0px;
line-height: 60px;
letter-spacing: 0px;
font-size: 46px;
font-weight: 700;
color: #fff ;
}
.learning-banner {
padding-top: 120px;
margin-top: 40px;
z-index: 0;
padding-left: 10px;
padding-right: 10px;
background-image: url(https://esapets.org/wp-content/uploads/2025/09/hero-1.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.faqbanner .hero-image img {
height: auto;
margin-bottom: -4px;
width: auto;
max-width: 363px; }
.faqbanner   .hero-image {
align-self: center;
height: 294px;
}
.tabs {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-bottom: 30px;
max-width: 1440px;
margin: auto;
}
.tab-button.active {
background-color: #0A314D26;
border-radius: 5px;
}
.tab-button {
background: none;
border: none;
font-weight: 600;
font-size: 18px;
cursor: pointer;
padding: 10px 20px;
border-radius: 0px;
}
.tab-content {
display: none;
max-width: 800px;
margin: 0 auto;
}
.tab-content.active {
display: block;
}
.faq {
border-bottom: 1px solid #DCDCDC;
padding: 13px 23px 20px 23px;
}
.faq-answer {
font-size: 17px;
color: #273C4B;
font-weight: 500;
font-family: Plus Jakarta Sans !important;
}
.gray-section {
background: #EBEFF1;
padding-top: 60px;
padding-bottom: 45px;
border-bottom: 1px solid;
text-align: center;
}
.gray-section h2 {
font-size: 48px;
line-height: 60px;
color: #062135 !important;
font-weight: 500;
margin-bottom: 20px;
font-family: 'Plus Jakarta Sans' !important;
}
.faq-question {
cursor: pointer;
font-weight: bold;
display: flex;
justify-content: space-between;
align-items: center;
}
.tab-content {
display: none;
max-width: 925px;
margin: 0 auto;
padding: 60px 1px 100px;
}
.faq-question {
background-color: transparent;
border: 0px;
color: #062135 !important;
font-size: 22px;
width: 100%;
text-align: left;
padding-bottom: 0px !important;
font-family: "Plus Jakarta Sans" !important;
}
.faq-answer {
display: none;
margin-top: 30px;
margin-bottom: 16px;
}
.faq.open {
border-bottom: 0px;
}
.faq.open .faq-answer {
display: block;
}
p.subtext {
color: #273C4B;
font-size: 18px;
font-weight: 700;
}
.tabs-tit {
padding-top: 0px;
border-bottom: 1px solid !important;
}
.gray-section {
border-bottom: 0px;
}
@media (min-width: 768px) and (max-width: 1024px) {
div#costs {
padding: 20px;
}
.page-template-faq  .sticky .nav-menu li a {
color: #062136 !important;
}
.faqbanner h1.hero-title {
font-size: 32px !important;
line-height: 42px;
}
.hero-image img {
height: 271px;
margin-bottom: 0px;
width: auto; }
.hero-image {
width: 50% !important;
display: flex;
justify-content: flex-end;
}
} @media only screen and (max-width:767px) {
.faqbanner h1.hero-title {
line-height: 32px;
letter-spacing: 0px;
font-size: 26px;
text-align: left;
}
.tab-content {
padding: 10px 15px 58px 10px;
}
.tabs {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 1400px;
gap: 10px;
overflow-x: scroll !important;
justify-content: flex-start;
animation: scroll-left 40s 
linear infinite;
}
.gray-section h2 {
margin-bottom: 0px;
}
.tabs-tit {
background: #EBEFF1;
border-bottom: 1px solid;
text-align: left;
overflow: scroll;
padding-top: 20px !important;
padding: 0px;
padding-bottom: 20px !important;
padding-left: 20px;
}
.faqbanner h1.hero-title br {
display: none;
}
p.subtext {
color: #273C4B;
font-size: 16px;
font-weight: 500;
line-height: 26px;
}
.hero-learning {
flex-direction: column !important;
}
.learning-banner {
margin-top: 0px !important;
padding-top: 75px;
background-image: url(https://esapets.org/wp-content/uploads/2025/09/hero-2-1-3.png);
background-repeat: no-repeat;
background-size: cover;
height: 480px;
padding-left: 16px;
padding-right: 16px;
}
p.short-intro {
font-size: 14px !important;
padding: 8px 20px;
margin-bottom: 0px;
}
.hero-text {
display: flex;
flex-direction: column;
gap: 20px;
margin-left: 0px;
}
.gray-section h2 {
font-size: 24px;
line-height: 30px;
font-weight: 700;
}
.tab-button {
font-size: 11px;
padding: 12px 20px;
margin-bottom: 0px;
}
.faq {
border-bottom: 1px solid #000000;
padding: 13px 23px 20px 23px;
padding: 15px 15px;
}
.faq-question {
font-size: 16px;  
}
.tab-content {
max-width: auto;
padding: 50px 15px 58px 10px;
}
.gray-section {
background: #EBEFF1;
padding-top: 10px;
padding-bottom: 25px;
border-bottom: 0px solid;
text-align: center;
}
.reviews-carousel {
--peek: 0.20;
--gap: 16px;
padding: 16px;
padding-right: 0px;
background-color: #ebeff1;
}
.page-template-faq  .sticky .nav-menu li a {
color: #fff !important;
}   
p.short-intro {
font-size: 13px;
}
.page-template-faq    .header {
background: #06213500 !important;
}
.page-template-faq   .sticky  #mobile-menu-toggle {
color: #000 !important;
}
.page-template-faq .hero-image img {
display: none;
}
.hero-top p {
font-size: 14px;
}
.hero-top {
margin-bottom: 0px;
padding: 10px 14px;
}
.hero-top img {
width: 13px;
}
}p, button  h2, h3{
font-family: Plus Jakarta Sans !important;
}
h1, {
font-family: Libre Baskerville !important;
margin: 0;
} .page-template-about .home-header ul li a {
color: #062136 !important;
}
.page-template-about  img.sticky-logo {
display: none;
}
.page-template-about  img.custom-logo {
display: block;
}
section.about-heromain {
padding: 64px;
margin-top: 150px;
}
img.desktop-immg {
height: 320px;
width: 740px;
border-radius: 0px 24px 24px 0px;
}
.aboutcontent {
padding-left: 32px;
}
.aboutsub-div {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1440px;
margin: auto;
background-color: #F1F6FA;
border-radius: 24px;
justify-content: space-between;
}
.aboutcopy-content {
display: flex;
flex-direction: column;
gap: 24px;
}
img.mobile-immg {
display: none;
}
.hero-top {
margin-bottom: 0px;
}
.description {
margin-top: 0px;
font-size: 14px;
line-height: 21px;
color: #273C4B;
}  .about-cards {
display: flex;
background-color: #F1F6FA;
padding: 64px 32px;
width: 100%;
max-width: 1380px;
margin: auto;
border-radius: 24px;
justify-content: space-between;
}
.sub-cards {
background: #FFFFFF;
padding: 32px 37px 24px 24px;
border-radius: 12px;
box-shadow: 0px 0px 10px 1px #eaeaea59;
}
.sub-cards p {
margin-bottom: 0px;
font-size: 14px;
color: #273C4B;
line-height: 21px;
font-weight: 400;
}
.sub-cards h2 {
font-size: 22px;
line-height: 33px;
font-weight: 700;
font-family: Plus Jakarta Sans !important;
color: #062135;
}  section.cta-section {
display: flex
;
justify-content: space-between;
align-items: center;
background-color: #062135;
width: 100%;
max-width: 1440px;
margin: 64px auto;
border-radius: 32px;
}
.cta-content {
padding-left: 32px;
display: flex;
flex-direction: column;
gap: 16px;
}
.cta-content h2 {
font-size: 48px;
font-weight: 600;
color: #FFFFFF;
font-family: Plus Jakarta Sans !important;
}
.cta-description  {
font-size: 17px;
line-height: 25px;
color: #fff;
font-weight: 500;
margin-top: 0px;
}
.cta-image {
padding-right: 40px;
}
.cta-image img {
margin-bottom: -4px;
}
a.primary-btn.how-it-works-herobtn {
max-width: 310px !important;
}  @media only screen and (min-width:768px) and (max-width:1024px) {
img.desktop-immg {
height: 270px;
width: 380px;
object-fit: cover;
border-radius: 0px 24px 24px 0px;
}
.page-template-about	    #mobile-menu-toggle {
color: #000000;
}
section.about-heromain {
padding: 40px 10px;
margin-top: 130px;
}
.aboutsub-div {
border-radius: 15px;
}
.aboutcontent {
padding-left: 20px;
}
.hero-top p {
margin: 0px;
font-size: 14px;
font-weight: 500;
margin-left: 10px;
}
p.description br {
display: none;
}
.aboutcopy-content {
gap: 15px;
}
.about-cards {
gap: 10px;
padding: 50px 15px;
width: auto;
max-width: 100%;
margin: auto 10px;
border-radius: 15px;
}
.sub-cards {
padding: 20px 24px 20px 17px;
border-radius: 10px;
}
.sub-cards h2 {
font-size: 18px;
line-height: 28px;
}
.sub-cards p br {
display: none;
}
section.cta-section {
width: auto;
max-width: 100%;
margin: 50px 10px;
border-radius: 15px;
}
.cta-content h2 {
font-size: 28px;
}
.cta-image {
padding-right: 0px;
}
.cta-image img {
margin-bottom: -5px;
width: 424px;
height: 290px;
border-radius: 0px 0px 17px 0px !important;
}
.cta-content {
padding-left: 20px;
gap: 10px;
}
.cta-content h2 {
font-size: 24px;
}
.cta-description {
font-size: 14px;
line-height: 20px;
}
p.cta-description br {
display: none;
}
a.primary-btn.how-it-works-herobtn {
max-width: 195px !important;
padding: 14px;
font-size: 16px !important;
}
} @media only screen and (max-width:767px) {
section.about-heromain {
padding: 64px 16px;
margin-top: 10px;
}
.page-template-about .home-header ul li a {
color: #ffffff !important;
}
.aboutcopy-content {
gap: 20px;
align-items: center;
}
.aboutcontent {
padding: 24px;
}	
img.desktop-immg{
display: none;
}
img.mobile-immg {
display: block;
width: 100%;
}
.aboutsub-div {
flex-direction: column;
}
h1.heroheading {
font-size: 22px;
text-align: center;
}
.description {
text-align: center;
}
p.description br {
display: none;
}
.about-cards {
padding: 32px 24px;
width: auto;
margin: auto 16px;
flex-direction: column;
gap: 32px;
}
.sub-cards p br {
display: none;
}
.sub-cards {
padding: 24px 24px 24px 24px;
border-radius: 12px;
}
.cta-content {
padding: 64px 32px 0px;
display: flex;
flex-direction: column;
gap: 16px;
}
section.cta-section {
width: auto;
margin: 48px 16px;
border-radius: 32px;
flex-direction: column;
}
.cta-image img {
margin-bottom: -4px;
width: 100%;
height: auto;
border-radius: 0px 0px 32px 32px;
}
a.primary-btn.how-it-works-herobtn {
max-width: 267px !important;
}
.page-template-about   .header {
padding: 6px 20px;
background-color: #ff000000 !important;
}
.page-template-about  #mobile-menu-toggle {
color: #000000 !important;
}
.cta-image {
padding-right: 0px;
}
}