.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,li {
font-family: Plus Jakarta Sans !important;
}
h1, h2, h3{
font-family: Libre Baskerville !important;
margin: 0;
}
section.registration-section {
max-width: 1440px;
margin: auto;
padding: 64px 64px 100px 64px;
}
.service-animal:hover {
box-shadow: none;
}
.background-colr section.happen-main {
max-width: 1440px;
margin: auto;
padding: 64px 32px;
border-radius: 24px;
background: #F1F6FA;
}
.background-colr {
max-width: 1440px;
margin: auto;
padding: 0px 64px 100px 64px;
}
.background-colr .happen-card{
width: 33%;
}
.background-colr .how-works {
border-radius: 8px;
background: var(--White, #FFF);
box-shadow: 0 -2.4px 0 0 rgba(65, 65, 65, 0.12) inset;
display: flex;
padding: 6px 12px;
align-items: center;
gap: 6px;
width: fit-content;
}
.background-colr .happen-card-main {
max-width: 1248px;
width: 100%;
margin: auto;
}  header.header-main {
display: none;
}
.thankyou-iconlist {
display: flex;
width: 100%;
margin: auto;
justify-content: center;
background-color: #FFBA5B;
align-items: center;
gap: 37px;
padding: 6px 0px;
}
.thankyou-iconline p {
font-size: 12px;
font-weight: 700;
} .thanks-iconlist-mobile {
}
.thanks-iconlist-mobile {
display: none;
}
.thankyou-iconline {
display: flex;
gap: 10px;
}  .registration-main{
padding: 64px 32px;
display: flex;
flex-direction: column;
gap: 24px;
max-width: 1440px;
margin: auto;
background-color: #F1F6FA;
border-radius: 24px;
}
.registration-main p {
margin: 0;
color: #273C4B;
font-size: 14px;
line-height: 24px;
}
h1.registration-heading {
font-size: 48px;
font-weight: 600;
line-height: 60px;
margin: 0;
color: #062135;
font-family: Plus Jakarta Sans !important;
}
.register-documents h2 {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #273C4B;
font-family: Plus Jakarta Sans !important;
}
.register-documents p {
font-size: 14px;
font-weight: 400;
line-height: 21px;
color: rgba(39, 60, 75, 1);
}
.service-animal {
display: flex;
align-items: center;
gap: 24px;
}
.service-animal img {
width: 210px;
height: 187px;
object-fit: cover;
}
.service-animal-text h3 {
font-size: 22px;
line-height: 33px;
font-weight: 700;
margin: 0;
color: rgba(10, 49, 77, 1);
font-family: Plus Jakarta Sans !important;
}
.choose-register-main {
display: flex;
gap: 32px;
}
.register-card{
box-shadow: 0px 0px 0px 1px rgba(234, 234, 234, 0.4); 
padding: 19px 24px; 
width: 50%;
border-radius:12px;
background-color:white;
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);
}
.service-animal-text {
display: flex;
flex-direction: column;
gap: 16px;
}
.register-animal-btn {
font-size: 18px;
font-weight: 700;
color: rgba(10, 49, 77, 1);
line-height: 20px;
width: 93%;
background-color: #FFBA5B;
padding: 18px;
display: flex;
justify-content: center;
text-transform: uppercase;
border-radius: 8px;
border: 1px solid #DE8D1E;
}
.animal-registration-button {
padding: 24px 0px;
}
.choose-reg-iconlist{
display: flex;
flex-direction: column;
gap: 8px;
padding-bottom: 28px;
border-bottom: 1px dashed rgba(220, 220, 220, 1);
}
.choose-reg-iconlist .choose-reg-iconlist-card2{
display: flex;
flex-direction: column;
gap: 8px;
padding-bottom: 28px;
border-bottom: 1px dashed rgba(220, 220, 220, 1);
}
.choose-iconline{
display: flex;
align-items:center;
gap: 8px;
}
.choose-iconline img {
height: 18px;
width: 18px;
object-fit: cover;
}
.choose-iconline p {
font-size: 14px;
font-weight: 500;
line-height: 22px;
margin: 0;
color: #062135;
}
.covered-conditions h3 {
margin: 0;
font-size: 14px;
font-weight: 500;
line-height: 22px;
color: #062135;
padding: 14px 0px 6px 0px;
font-family: Plus Jakarta Sans !important;
}
p.iconlist-para {
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: rgba(39, 60, 75, 1);
padding-top: 26px;
}
.inline-bullet-list li {
display: list-item;
list-style-position: inside;
white-space: nowrap;
}
ul.inline-bullet-list li {
font-size: 11px;
font-weight: 700;
line-height: 16px;
}
.custom-bullet-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 4px 12px;
font-weight: 600;
font-family: sans-serif;
width:88%;
}
.custom-bullet-list li {
display: flex;
align-items: center;
gap: 6px;
white-space: nowrap;
font-size:11px;
font-weight:16px;
}
.custom-bullet-list .bullet {
font-size: 11px;
line-height: 1;
}  .hero-image img {
height: 591px;
margin-bottom: -4px;
}
.faq-question{
font-family: Plus Jakarta Sans !important;
}
.esa-letter-main{
padding-top: 0px;
padding-bottom: 0px;
}
.esa-card-para br {
display: none;
}
.protect-cont {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0px;
}
.protect-cont1 img {
height: 571px;
} section.hero-banner.variation-hero-banner {
padding: 0px;
padding-top: 67px;
}
.hero-benefits-row-variation {
display: flex;
flex-direction: row !important;
gap: 14px;
}
.variation-hero-text {
margin-top: 130px;
margin-bottom: 53px;
} .protect-cont .variation-protect-cont {
gap: 0px !important;
}
.variation-protect-cont2{
background: linear-gradient(to right, #A79186, #7F6F60);
padding: 41px 51px 30px 46px;
}
.variation-letter-heading{
color:white;
text-align:left;
padding-bottom:50px;
}
.variation-protect-cont2-para {
margin: 0px;
font-size: 20px;
font-weight: 500;
color: white;
padding-bottom: 20px;
}
.protect-cont2-iconlist{
gap:0px;
}
.variation-protect-cont2-line-border{
border-top:1px solid white;
border-bottom:1px solid white;
}
.variation-protect-cont2-line{
padding-top:28px;
padding-bottom:28px;
gap:13px !important;
}
.variation-iconline-text{
font-size:18px;
line-height: 28px;
}
.variation-protect-cont2-line img{
width:24px;
height:24px;
} .variation-ct-description{
font-size:18px;
margin:5px 0px 0px 40px !important;
}
.variation-how-it-works-updated{
padding:0px;
padding:36px 0px 36px 0px;
}
p.variation-how-it-works-para {
text-align: center;
width: 75%;
}
.how-it-works-para{
font-size:18px;
color: #000D1E;
padding:40px 0px 40px 0px;
margin:0px;
}
.variation-ct-icon-text{
width:100%;
}
.variation-number-text{
gap:80px;
margin-bottom:10px;
}
.variation-number-text:before {
content: "";
max-width: 935px;
}
.variation-ct-icon-description{
margin-left:50px;
} .qualify {
padding-top: 56px; background-color: #0A314D;
color: white;
width: 100%;
display:flex;
flex-direction:column;
align-items:center;
}
.qualify-heading {
font-size: 48px;
line-height: 66px;
color: white;
font-weight:400;
text-align: center;
margin: 0px;
} .qualify-main-cont {
display: flex;
max-width: 1380px;
gap: 24px;
align-items: center;
justify-content: center;
padding: 55px 30px 0px 30px !important;
}
.qualify-cont1 {
display: flex;
flex-direction: column;
gap: 38px;
width: 50%;
padding-bottom: 50px;
}
.cont1-last-para{
font-size: 18px;
margin: 0px;
line-height: 24px;
}
.qualify-cont1-paradiv {
display: flex;
flex-direction: column;
gap: 21px;
color: white;
}
.qualify-cont1-paradiv p {
font-size: 18px;
margin: 0px;
line-height: 24px;
}
.qualify-iconline {
padding: 10px 0px 10px 0px;
display: flex;
gap: 10px;
border-bottom: 1px solid white;
align-items:center;
width:237px;
}
.qualify-iconline-last {
border-bottom: none;
}
.qualify-iconline p {
margin: 0px;
font-size: 16px;
}
.qualify-iconlist {
display: flex;
gap: 47px;
}
.qualify-cont2 {
width: 50%;
display:flex;
align-items:flex-end;
}
.qualify-cont2 img{
height:600px;
width:99%;
object-fit:cover;
} .variation-trusted-section{
flex-direction:column-reverse;
} .esa-laws {
background-color: #0A314D;
display: flex;
flex-direction: column;
}
.esa-rights {
max-width: 1440px;
margin: auto;
gap: 31px;
display: flex;
flex-direction: column;
padding: 100px 64px;
}
.esa-laws-heading {
font-size: 48px;
font-family: Plus Jakarta Sans !important;
color: white;
font-weight: 400;
line-height: 66px;
text-align: center;
margin: 0px;
}
.esa-laws-para {
color: white;
font-size: 18px;
line-height: 30px;
text-align: center;
margin: 0px;
}
.esa-cards-main {
display: flex;
justify-content:center;
gap: 64px;
}
img.esa-card-img {
border-radius: 16px;
}
.esa-cardheading {
font-size: 20px;
margin: 0px;
color: white;
font-family: Plus Jakarta Sans !important;
margin-top: 15px;
}
.esa-card-para {
font-size: 16px;
line-height: 28px;
margin: 0px;
color: white;
text-align: left;
}
.esa-laws-iconline {
display: flex;
gap: 10px;
border-bottom: 1px solid white;
padding-bottom: 26px;
margin-bottom: 9px;
align-items:center;
}
.esa-laws-iconline img {
width: 20px;
height: 20px;
}
.esa-laws-iconline p {
font-size: 16px;
margin: 0px;
font-weight: 500;
}
.esa-laws-iconline {
display: flex;
gap: 10px;
}
.esa-card {
width: 50%;
display: flex;
flex-direction: column;
gap: 14px;
}
.esa-laws-iconline p {
color: white;
}
.esa-laws-iconline3{
padding-bottom:0px;
margin-bottom:0px;
border:none;
}
section.newyork-main-cont {
display: flex;
justify-content: center;
background: linear-gradient(to right, #A79186, #7F6F60);
}
.newyorkers {
display: flex;
padding: 37px 0px 0px 0px;
gap: 30px;
max-width: 1440px;
justify-content: center;
}
.newyorker-textpara {
margin: 0;
padding: 20px 0px;
color: white;
font-weight:500;
}
.newyorker-textpara p{
margin: 0;
color: white;
font-weight:500;
}
.newyorker-textpara.newyorker-para2 {
padding-top: 0px;
padding-bottom:17px;
}
.newyorkers-heading {
font-size: 48px;
font-weight: 800;
line-height: 60px;
margin: 0px;
color: white;
}
.newyorkers-cont1 {
display:flex;
}
.newyorkers-text-content {
width: 855px;
padding-bottom:47px;
}
.newyork-iconline-text{
max-width:auto;
margin:0px;
}
.newyork-iconline {
padding: 17px 0;
display: flex;
align-items:center;
gap: 17px;
}
.newyork-iconline img {
width: 48px;
height: 48px;
}
.newyork-iconline p {
color: white;
font-size: 18px;
font-weight: 500;
}
.newyork-border{
width:760px;
height: 1px;
margin:0px;
background-color:white;
margin:0px;
} .registrations {
padding: 47px 10px;
text-align: center;
background-image: url(https://esapets.org/wp-content/uploads/2025/08/Background-scaled.png);
background-repeat: no-repeat;
background-size: cover;
background-position: left;
width: 100% !important;
}
.registration-heading {
font-size: 48px;
line-height: 48px;
color: #094454;
margin: 0px;
font-weight: 800;
margin:0px;
}
p.registrations-para {
font-size: 18px;
font-weight: 800;
color: #094454;
padding: 27px 0px;
margin:0px;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-btn {
background-color: #0A314D;
color: white;
padding: 13px 45px 14px 24px;
display: flex;
font-size: 16px;
border: none;
cursor: pointer;
justify-content: center;
align-items: center;
gap:8px;
margin-bottom:46px;
}
.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;
}
.dropdown-content a {
color: black;
padding: 10px 14px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #f1f1f1;
}
.show {
display: block;
}
.mobile-only {
display: none;
}  .how-it-works-updated {
padding-top: 50px;
}
.page-id-20 .hero-image img {
display: none;
}
.page-id-20	.hero-text {
width: 60%;
}
.trusted-section-updated {
background-color: #ffffff;
}
body .blue-background .rating .small {
color: #0a314d !important;
}
.trusted-main-updated {
display: flex;
max-width: 1440px;
margin: auto;
align-items: center;
padding: 46px 64px;
gap: 64px;
justify-content: space-between;
}
.feature-updated p {
font-size: 16px;
color: #062135;
font-weight: 700;
line-height: 27px;
}
.feature-updated {
display: flex;
align-items: center;
gap: 10px;
padding-bottom: 7px;
padding-top: 7px;
border-bottom: 1px solid #000000;
width: 100%;
}
.feature-updated img {
height: 20px;
width: 20px;
}
.ct-text-updated {
font-weight: 700;
line-height: 26px;
} .legal-main {
background-color: #0A314D;
padding-top: 71px;
padding-bottom: 128px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.legal-cont1 {
display: flex;
flex-direction: column;
gap: 19px;
}
.legal-heading {
font-size: 48px;
font-weight: 700;
line-height: 60px;
font-family: Libre Baskerville;
color: #C1A783;
text-align: center;
margin: 0px;
}
.legal-heading span {
color: white;
}
.legal-cont1 p {
font-size: 20px;
font-weight: 700;
font-family: plus Jakarta, sans-serif;
color: white;
text-align: center;
margin: 0px;
}
.legal-cont2 {
padding-top: 35px;
display: flex;
gap: 107px;
}
.ada-img {
height: 106px;
width: 297px;
}
.legal-imagebox {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.legal-imagebox p {
font-size: 16px;
font-weight: 600;
border-top: 1px solid white;
padding: 23px 26px 0px 22px;
margin-top: 30px;
color: white;
text-align: center;
} .emotional-eligibility-back {
background: linear-gradient(to right, #a89287, #837364);
}
.emotional-eligibility-main::before {
width: 663px;
content: "";
height: 705px;
background: url(https://esapets.org/wp-content/uploads/2025/07/Rectangle-728.png);
position: absolute;
background-repeat: no-repeat;
left: 0;
margin-top: -58px;
background-size: contain;
}
.emotional-eligibility-main {
max-width: 1440px;
margin: auto;
display: flex;
justify-content: flex-end;
padding-right: 70px;
padding-top: 55px;
padding-bottom: 57px;
}
.emotional-eligibility-cont1 {
display: none !important;
}
.emotional-eligibility-cont2 {
max-width: 700px;
}
.eligibility-heading {
font-size: 48px;
font-weight: 400;
line-height: 60px;
font-family: Libre Baskerville;
color: white;
margin: 0px;
}
.eligibility-textpara {
font-size: 20px;
font-weight: 400;
line-height: 24px;
font-family: "Plus Jakarta Sans", sans-serif;
color: white;
padding: 15px 0px 25px 0px;
margin: 0px;
}
.eligibility-textpara span {
color: white;
font-weight: 700;
}
.eligibility-steps-main h3 {
font-size: 20px;
font-weight: 700;
font-family: "Plus Jakarta Sans", sans-serif;
color: white;
margin: 0px;
padding-bottom: 26px;
}
.eligibility-steps {
margin: 0;
background-color: #a58977;
font-family: "Arial", sans-serif;
color: white;
}
.step {
display: flex;
align-items: center;
position: relative;
margin-bottom: 34px;
gap: 24px;
}
.step-icon {
position: relative;
width: 69px;
height: 69px;
min-width: 60px;
border-radius: 50%;
background: linear-gradient(to bottom, #ffffffbf, #ffffff40);
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.step-icon img {
width: 36px;
height: 36px;
object-fit: cover;
object-position: center center;
} .vertical-line {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: 34px;
border-left: 2px dotted white;
z-index: 0;
}
.step-text { }
.step-text h3 {
padding: 0;
font-size: 20px;
font-weight: bold;
color: white;
font-size: plus jakarta, sans-serif;
}
.step-text p {
margin: 0px;
font-size: 20px;
font-weight: 400;
color: white;
} .peace-mind {
padding: 71px 0px 71px 0px;
background-color: #0a314d;
display: flex;
flex-direction: column;
align-items: center;
}
.peace-heading {
font-size: 48px;
font-weight: 700;
line-height: 60px;
color: white;
margin: 0px;
}
.peace-para {
font-size: 20px;
font-weight: 700;
padding: 19px 0px 38px 0px;
font-family: plus jakarta, sans-serif;
color: white;
margin: 0px;
width: 796px;
align-self: center;
text-align: center;
}
.peace-iconlist {
display: flex;
}
.peace-iconline {
display: flex;
gap: 15px;
align-items: center;
}
.peace-iconline img {
width: 60px;
}
.peace-iconline p {
margin: 0px;
color: white;
font-size: 20px;
font-weight: 700;
}
.peace-iconline2 {
padding: 0px 50px 0px 50px;
margin: 0px 50px 0px 50px;
border-left: 1px solid white;
border-right: 1px solid white;
}
.peace-button {
margin-top: 28px;
padding: 22px 72px 23px 66px;
background-color: #c1a783;
display: flex;
background-color: #c1a783;
border-radius: 0;
border: 1px solid #c1a783;
color: #062135;
justify-content: center;
max-width: 406px;
font-size: 24px;
font-weight: bold;
line-height: 18px;
text-transform: uppercase;
font-family: "Plus Jakarta Sans", sans-serif !important;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
p.ct-description {
margin-left: 26%;
color: #000D1E;
font-size: 16px;
}
.ct-icon-description {
display: flex;
flex-direction: column;
align-items: center;
} .variation-faq-section {
background-color: #062135;
}
.faq-subsection {
max-width: 926px;
margin: 0 auto;
padding: 104px 0px 69px 0px;
background-color: #062135;
color: #ffffff; }
.faq-heading {
text-align: center;
font-size: 48px;
margin-bottom: 43px;
font-weight: 400;
line-height:60px;
}
.faq-item {
border-bottom: 1px solid #fff;
padding-bottom: 17px;
margin-bottom: 17px;
}
.faq-question {
background: none;
border: none;
color: white;
width: 100%;
text-align: left;
padding: 0px 23px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
position: relative;
}
.faq-question::after {
content: "";
position: absolute;
right: 25px;
top: 50%;
width: 20px;
height: 20px;
background-image: url(https://esapets.org/wp-content/uploads/2025/08/Vector-25.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transform: translateY(-50%);
transition: transform 0.3s ease;
}
.primary-btn {
margin-top: 35px;
}
.faq-question.active::after {
transform: translateY(-50%) rotate(180deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}
.faq-answer {
padding-top: 20px;
padding-left: 23px;
}
.faq-answer p {
padding: 0 0 10px 0;
margin: 0;
font-size: 1rem;
line-height: 1.6;
} .choose-registration-testimonial{
background-color:rgba(194, 203, 210, 1);
padding:34px 0px 40px 0px;
}
.slider-heading-row {
display: flex;
justify-content: space-between;
align-items:center;
padding-bottom:34px;
padding-left:34px;
}
.slider-heading-col1 {
display: flex;
align-items: center;
gap:20px;	
}
img.slider-col1-image1 {
width: 223px;
height: 57px;
}
img.slider-col1-image2 {
width: 165px;
height: 31px;
}
.slider-heading-col1 p{
margin:0;
font-size:20px;
font-weight:700;
padding-top:15px;
}
.registration-left-arrow{
display:none;
}
.slider-heading-col2 {
margin-right: 43px !important;
}
.slider-heading-col2 button {
display: flex;
align-items: center;
}
button.slider-arrow.right {
font-size:60px;
padding:0px;
margin:0px;
border:none;
height:35px;
background-color:transparent;	
}
button.slider-arrow.left {
display:none;	
}
p.mobile-p {
display: none;
} @media screen  and (min-width:768px) and (max-width: 1024px)  { h1.hero-title {
font-size: 48px;
line-height: 50px;
width:70%;
}
.background-colr {
max-width: 100% !important;
margin: auto;
padding: 48px 12px 48px 12px !important;
}
.service-animal-text h3 {
font-size: 18px;
line-height: 28px;
}
.register-animal-btn {
font-size: 16px;
padding: 16px;
border-radius: 5px;
}
.choose-iconline p {
font-size: 12px;
}
.choose-iconline img {
height: 14px;
width: 14px;
}
.thankyou-iconlist {
gap: 15px;
}
section.registration-section {
padding: 12px !important;
}
.registration-main {
padding: 40px 20px;
gap: 20px;
border-radius: 10px;
}
.hero-content {
display: flex;
align-items: flex-start;
max-width: 1440px;
padding-top: 130px;
}
.variation-hero-text {
margin-top:0px;
margin-bottom: 40px;
}
.hero-image {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.hero-image img{
margin-bottom:0px;
}  .variation-protect-cont {
display: flex;
justify-content: center;
align-items: center;
gap: 0px;
}
.variation-protect-cont1 {
width: 50%;
}
.variation-protect-cont1 img {
height: 475px;
width: 100%;
object-fit: cover;
}
.protect-cont1 img {
height: 484px;
} .qualify-main-cont {
display: flex;
gap: 24px;
flex-direction: column;
padding-top: 55px;
padding: 30px 0px 0px 0px;
}
.qualify-iconlist {
display: flex;
gap: 23px;
}
.qualify {
padding: 0px;
padding: 50px 0px 0px 0px;
width: 100%;
overflow-x: hidden;
box-sizing: border-box;
}
.qualify-cont1 {
display: flex;
flex-direction: column;
gap: 38px;
width: 100%;
width: 100%;
max-width: 100%;
overflow-x: hidden;
box-sizing: border-box;
padding: 0 10px;
word-wrap: break-word;
display: flex;
flex-wrap: wrap;
}
.qualify-main-cont{
padding:30px 0px 0px 0px !important;
}
.qualify-iconline{
width: auto;
}
.qualify-cont2 {
width: 100%;
} .variation-trusted-section{
padding:0px !important;
width:100% !important;
}
.variation-trusted-main{
display: flex;
width: auto !important;
margin: auto;
align-items: center;
padding:0px;
padding: 50px 10px;
justify-content: center;
gap: 30px;
flex-direction: column-reverse;
}
.trusted-features-updated{
width:60%
} .variation-how-it-works-updated{
padding: 50px 10px 50px 10px !important;
width: auto;
overflow-x: hidden;
}
.variation-number-text:before {
content: "";
max-width: 66% !important;
margin-left: 130px !important;
}
.variation-ct-icon-description {
margin-left: 35px;
}
p.variation-how-it-works-para {
text-align: center;
} .newyorkers-cont1 {
width: 100% !important;
}
.newyorkers-text-content {
width: 100%;
padding: 0px 10px;
box-sizing: border-box;
}
.newyork-border {
width: auto;
}
.line-text {
margin: 0px !important; }
.newyorkers {
flex-direction: column-reverse;
padding: 0px !important;
padding: 50px 0px 0px 0px !important;
}
.newyork-border {
width: 100%;
} .esa-laws-heading {
font-size: 36px;
font-weight: 400;
line-height: 40px;
}
p.esa-laws-para br {
display: none;
} .registrations { padding: 47px 0px 0px 10px;
text-align: center;
background-image: url(https://esapets.org/wp-content/uploads/2025/08/Background-scaled.png);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom-left;
width: 100% !important;
background-position: right bottom 0px;
}
.map img {
width: 470px;
padding-bottom:50px;
}  .qualify-cont1-paradiv p {
font-size: 16px;
line-height: 24px;
}
.qualify-iconline p {
margin: 0px;
font-size: 14px;
}
.cont1-last-para {
font-size: 16px;
line-height: 24px;
}
.esa-laws {
padding: 50px 10px 50px 10px;
gap: 30px;
}
.esa-cards-main {
display: flex;
gap: 20px;
flex-direction: column;
}
.esa-card{
width:auto;
}
h1.registration-heading {
font-size: 36px;
line-height: 46px;
}
.newyorkers-heading {
font-size: 36px;
line-height: 46px;
text-transform: capitalize;
}
.newyork-iconline p {
font-size: 16px;
}
.faq-heading {
font-size: 36px;
}
.faq-question {
font-size: 18px;
}
.faq-subsection{
padding:60px 10px;
} .variation-number-text {
gap: 0px;
margin-bottom: 10px;
}
.qualify-heading {
font-size: 32px;
line-height: 42px;
}
.variation-protect-cont2 {
padding: 30px 20px 30px 20px;
}
.variation-letter-heading {
padding-bottom: 15px;
}
.variation-protect-cont2-para {
font-size: 16px;
padding-bottom: 10px;
line-height: 26px;
}
.variation-protect-cont2-line {
padding-top: 20px;
padding-bottom: 20px;
gap: 13px !important;
}
.variation-iconline-text {
font-size: 16px;
line-height: 26px;
} .protect-cont1 img
.legal-main {
padding: 50px 16px 50px 16px;
}
.legal-heading {
font-size: 35px;
}
.legal-cont2 {
gap: 60px;
}
.legal-imagebox p {
padding: 15px 10px 0px 10px;
margin-top: 15px;
color: white;
}
.legal-imagebox img {
height: 100px;
width: 40%;
object-fit: contain;
} .emotional-eligibility-main {
max-width: 1440px;
margin: auto;
display: flex;
justify-content: flex-end;
padding-right: 16px;
padding-top: 0px;
padding-bottom: 0px;
}
.emotional-eligibility-main::before {
background: none;
width: 0px;
height: 0px;
}
.emotional-eligibility-cont1 {
width: 50%;
display:block !important;
}
.emotional-eligibility-cont1 img {
width: 100%;
height: 705px;
margin-bottom: -4px;
}
.emotional-eligibility-cont2 {
display: flex;
flex-direction: column;
width: 50%;
padding: 50px 0px 0px 0px;
}
.eligibility-heading {
font-size: 32px;
line-height: 35px;
}
.eligibility-textpara {
font-size: 16px;
}
.step-text p {
font-size: 16px;
} .peace-mind {
padding: 50px 16px 50px 16px;
}
.peace-heading {
font-size: 32px;
line-height: 40px;
text-align: center;
}
.peace-para {
font-size: 16px;
font-weight: 400;
width: 80%;
}
.peace-iconline2 {
padding: 0px 20px 0px 20px;
margin: 0px 20px 0px 20px;
}
.peace-button {
margin-top: 40px;
}
.peace-iconline img {
width: 40px;
}
.peace-iconline p {
font-size: 16px;
}
.service-animal {
flex-direction: column;
}
.register-card {
padding: 40px 30px 40px 20px;
}
.choose-register-main {
gap: 10px;
}
.background-colr .happen-card-main {
display: flex;
justify-content: center;
gap: 10px;
flex-direction: row !important;
max-width: 100% !important;
flex-wrap: wrap;
}
.background-colr .happen-card {
width: 100%;
max-width: 42%;
padding: 0px 24px 24px !important;
}
.happen-card {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
width: auto;
}
.happen-divider {
width: 257px;
border: none;
border-top: 1px dashed rgba(220, 220, 220, 1);
margin: 0;
rotate: 90deg;
height: 0px;
z-index: -1;
}
.happen-card-imgbox {
align-items: center !important;
width: 100%;
}
h3.happen-card-heading {
text-align: center !important;
}
} @media(max-width:767px) {
.background-colr {
max-width: 100% !important;
margin: auto;
padding: 48px 0px !important;
}
.background-colr section.happen-main {
max-width: 100%;
margin: auto;
padding: 0px !important;
background: transparent !important;
}
.esa-rights {
max-width: 100% !important;
margin: auto;
gap: 31px;
display: flex
;
flex-direction: column;
padding: 0px !important;
}
section.hero-banner {
padding-top: 20px;
background-position: center left;
margin-top: 96px;
padding-left: 20px;
padding-right: 20px;
}
p.desktop-p {
display: none;
}
p.mobile-p {
display: block;
}
.thanks-iconlist-mobile {
gap: 28px;
display: flex;
background-color: #C1A783;
}
.thanks-iconline-mobile {
display: flex;
align-items: center;
flex-direction: row;
gap: 10px;
}
.thanks-iconline-mobile p {
font-size: 11px;
}
.thankyou-iconlist {
display: flex;
gap: 7px;
padding-left: 6px;
}
.registration-section {
background: conic-gradient(from 149deg at 54.72% 67.06%, rgba(255, 252, 249, 0.70) 0deg, rgba(238, 230, 218, 0.70) 334.98565435409546deg) !important;
padding: 12px !important;
}
.choose-register-main {
display: flex;
gap: 0px;
flex-direction: column;
}
.register-card {
margin-top: 14px;
padding: 16px;
width: auto;
background-color: white;
border-radius: 5px;
border: 1px solid #DCDCDC;
}
.custom-bullet-list {
width: auto;
}
section.variation-hero-banner {
padding-top: 0px !important;
}
.register-animal-btn {
width: auto;
border-radius: 5px;
}
.hero-image img {
height: 290px;
position: absolute;
bottom: 0px;
right: 6%;
}
.variation-hero-text {
margin: auto;
margin-top:20px;
}
.variation-protect-cont2-para {
font-size: 16px;
line-height: 24px;
text-align: center;
padding: 0px 24px 16px 24px
}
.support-heading {
margin-bottom: 16px;
padding: 20px 30px 0px 16px;
}
.primary-btn {
margin-top: 35px;
margin-left: 30px;
}
section.how-it-works {
padding: 20px;
}
section.how-it-workspport-heading {
margin-bottom: 16px;
padding: 20px 39px 0px 0px;
}
p.variation-how-it-works-para {
line-height: 26px;
width: 88%;
padding-right: 42px;
}
.number-text {
padding: 0px 0px !important;
}
.hero-benefits-row-variation {
display: flex;
flex-direction: column !important;
gap: 12px;
}
.esa-letter-main {
max-width: 100%;
width: 100%;
margin: auto; padding-bottom: 0px;
background-color: #09314d;
}
.legal-heading {
font-size: 32px;
}
.variation-letter-heading {
padding: 20px 24px 16px 24px;
}
.variation-number-text {
gap: 21px;
margin-bottom: 22px;
}
.ct-block {
flex-direction: row;
gap: 10px;
width: 86% !important;
}
.variation-ct-icon-description {
margin-left: 10px;
}
p.ct-description {
margin-left: 6px;
font-size: 14px;
margin-left: 0px !important;
}
.number-text:before {
max-width: 176px;
margin-top: 146px;
margin-left: -85px;
rotate: 90deg;
}
.variation-number-text:before {
content: "";
max-width: 235px;
margin-left:-90px;
}
.qualify-main-cont {
padding:0px !important;
}
.qualify-heading {
font-size: 24px;
line-height: 34px;
width: 78%;
margin:auto;
}
.qualify-iconline p {
margin: 0px;
font-size: 14px;
}
.qualify {
padding:0px;
padding-top: 20px;
}
.qualify-iconlist {
display: flex;
gap: 0px;
flex-direction: column;
}
.qualify-iconline {
width: auto;
}
.qualify-main-cont {
display: flex;
padding: 30px 40px 0px 0px;
flex-direction: column;
}
.cont1-last-para {
font-size: 16px;
line-height: 24px;
}
.qualify-cont2 {
display: flex;
width: 100% !important;
}
.qualify-cont2 img {
height: 270px;
width: 100%;
object-fit: cover;
}
.trusted-main-updated {
padding: 50px 10px;
gap: 30px;
flex-direction: column-reverse;
}
section.trusted-section {
padding: 0px 10px;
}
.feature p {
font-size: 14px;
line-height: 24px;
}
.esa-laws {
background-color: #0A314D;
padding: 30px 26px;
display: flex;
flex-direction: column;
gap: 32px;
}
.esa-laws-heading {
font-size: 24px;
line-height: 34px;
}
.esa-cardheading {
font-size: 18px;
}
.esa-laws-iconline img {
width: 33px;
height: 24px;
}
.registration-main {
gap: 8px;
border-radius: 0px;
padding: 32px 0px 0px 0px;
align-items: center;
}
.esa-cards-main {
display: flex;
gap: 32px;
flex-direction: column;
}
.esa-card{
width:auto;
}
.esa-laws-iconline.esa-laws-iconline3 {
border: none;
margin:0px;
padding:0px;
}
.esa-laws-iconline p {
font-size: 14px;
}
.newyorkers {
padding: 25px 20px 0px 20px;
gap: 20px;
flex-direction: column-reverse;
}
.newyorkers-heading {
font-size: 24px;
font-weight: 800;
line-height: 34px;
text-align: center;
}
.newyork-border {
width: 330px;
margin:0px;
}
.newyorker-textpara1,.newyorker-textpara1 br{
display: none;
}
.newyorkers-text-content {
width: auto;
padding-bottom:0px;
}
.newyork-iconline p {
color: white;
font-size: 14px;
font-weight: 500;
line-height: 20px;
width:250px;
}
.newyorker-textpara p{
font-weight:400;
}
.newyork-iconline img {
width: 50px;
height: 50px;
}
.newyorkers-cont1 {
width: auto;
}
.registration-heading {
font-size: 22px !important;
line-height: 32px !important;
text-align: center:
font-family: Libre Baskerville !important;
}
.register-documents h2{
text-align: center;
}
.register-documents p {
text-align: center;
}
p.registrations-para {
font-size: 16px;
font-weight: 700;
padding: 15px 0px;
}
.dropdown-btn {
margin-bottom: 35px;
margin-top: 20px;
} .faq-subsection {
max-width: 100%;
margin: 0 auto;
padding:50px 20px;
}
.faq-question::after {
right: 0px;
top: 28%;
width: 15px;
height: 15px;
}
.service-animal {
flex-direction: column;
}
.faq-heading {
text-align: center;
font-size: 28px;
margin-bottom: 30px;
line-height:30px;
}
.faq-question {
padding: 0px 12px;
font-size: 16px;
}
.qualify-cont1-paradiv p {
font-size: 16px;
margin: 0px;
line-height: 26px;
}
.qualify-cont1 {
display: flex;
flex-direction: column;
gap: 38px;
width: auto;
padding-bottom: 0px;
padding: 20px 20px 0px 20px;
}
.feature p {
font-size: 16px;
line-height: 22px;
}
.esa-laws-iconline {
display: flex;
gap: 10px;
border-bottom: 1px solid #FFFFFF;
padding-bottom: 9px;
margin-bottom: 9px;
}
.esa-laws-para {
text-align: left;
font-size: 16px;
line-height: 18px;
}
.variation-protect-cont2 {
padding:0px;
}
.variation-iconline-text {
font-size: 14px;
line-height: 24px;
}
.variation-protect-cont2-line {
padding-top: 20px;
padding-bottom: 20px;
gap: 10px !important;
}
.protect-cont1 img {
height: 322px;
}
.protect-cont2-iconlist{
padding:0px 24px 20px 24px;
}
.mobile-only {
display: block;
width: 100%;
}
.desktop-only {
display: none;
}
.map img{
width:311px;
}
.registrations {
background-size: contain;
background-position: right bottom;
background-position: calc(100% - 20px) bottom;
width: 100% !important;
}
.legal-cont1 {
display: flex;
flex-direction: column;
gap: 0px;
}
.legal-cont1 p {
font-size: 16px;
font-weight: 400;
}
.legal-cont2 {
padding-top: 50px;
display: flex;
gap: 35px;
flex-direction: column;
}
.legal-imagebox img {
height: auto;
width: 50%;
}
img.esa-card-img {
border-radius: 5px;
}
.legal-imagebox p {
margin-top: 20px;
} .emotional-eligibility-main::before {
background: none;
width: 0px;
height: 0px;
}
.emotional-eligibility-main {
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.emotional-eligibility-main {
display: flex;
flex-direction: column-reverse;
}
.emotional-eligibility-cont1 {
display: block;
width: 100%;
}
.emotional-eligibility-cont1 img {
width: 100%;
height: auto;
margin-bottom: -4px;
}
.emotional-eligibility-cont2 {
width: auto;
padding: 50px 16px 0px 16px;
}
.eligibility-heading {
font-size: 32px;
font-weight: 400;
line-height: 35px;
text-align: center;
}
.eligibility-textpara {
text-align: center;
} .peace-para {
width: 100%;
}
.peace-iconlist {
display: flex;
flex-direction: column;
}
.primary-btn {
margin: auto;
}
.variation-primary-btn {
margin-top: 16px !important;
}
.slider-heading-col1 {
display: flex !important;
align-items: flex-start !important;
gap: 1px !important;
flex-direction: column !important;
}
.slider-heading-col1 p {
margin: 0;
font-size: 14px !important;
font-weight: 700 !important;
padding-top: 3px !important;
}
.slider-heading-col1 img {
width: 100%;
}
.refund.just-mobile {
display: none;
}
.thankyou-iconline {
display: flex;
gap: 6px;
}
.trusted-content h2 {
font-weight: 700 !important;
}
.trusted-content p {
text-align: center;
color: #273C4B;
}
.feature-updated p {
text-align: left;
color: #273C4B;
}
.trusted-content a.primary-btn {
font-size: 16px !important;
margin-top: 40px;
max-width: 75% !important;
padding: 18px 23px;
}
.blue-background {
background-color: #ebeff1 !important;
}
.thankyou-iconline img {
width: 14px;
}
section.trusted-section {
width: auto !important;
padding: 48px 16px !important;
}
}