.locationBubbles {width: fit-content!important}
.blog-prevReviews, .blog-nextReviews {display: none;}
#customHomepage h1, h2, p, ul, ol {
all: revert;
}
.link2 {margin-top: 0px!important;}
#loginBTN p {margin-top: 3px!important;}
#customHomepage ul.link2, ul.links {margin-top: 0px;}
#customHomepage {margin-top: 120px;}
#customHomepage html, #customHomepage body{
overflow-x: hidden;
}
#customHomepage img, #customHomepage video, #customHomepage iframe{
max-width: 100%;
height: auto;
}
#customHomepage body{font-family: Inter; margin: 0px; overflow-x: hidden;}
#customHomepage .hideDesktop{display: none;}
#customHomepage #badgeContainer.hideDesktop{display: none;}
#customHomepage h1{font-size: 16px; font-weight: 600; margin-top: 0px;}
#customHomepage a{text-decoration: none; color: #0063c6;}
#customHomepage .blue{color:#004699;}
#customHomepage .primaryButton{padding: 15px 57px; background: #0B8436; color: white; border-radius: 6px; box-shadow: 0px 10px 15px 0px rgba(5, 13, 29, 0.18); font-weight: bold; text-align: center;}
#customHomepage .primaryButton p{margin-top: 0px; margin-bottom: 0px;}
#customHomepage .primaryButtonBlue{text-align: center; width: 100%; padding: 13px 10px; background: #004699; color: white; border-radius: 6px; box-shadow: 0px 10px 15px 0px rgba(5, 13, 29, 0.18); font-weight: bold; height: fit-content;}
#customHomepage .primaryButtonBlueStandalone{margin-top: 45px; display: flex; align-items: center; justify-content: center; width: 247px; height: 48px; background: #004699; color: white; border-radius: 6px; box-shadow: 0px 10px 15px 0px rgba(5, 13, 29, 0.18); font-weight: bold;}
#customHomepage .secondaryButtonBlue{text-align: center; border-radius: 6px; border: 1px solid #004699; background: white; width: 100%; padding: 12px 10px; color: #004699; font-weight: bold; height: fit-content;}
#customHomepage .secondaryButtonBlue p{margin-top: 0px; margin-bottom: 0px;}
#customHomepage .sectionHeadingTwo{color: #004699; font-size: 20px; font-weight: 600; margin-top: 0px;}
#customHomepage .sectionHeadingThree{color: #111928; font-size: 25px; font-weight: 700; margin-top: 0px; margin-bottom: 16px;}
#customHomepage .bodyText{font-size: 16px; color: #555; line-height: 26px; font-weight: 400;}
#customHomepage p.bodyText{margin-top: 0px; margin-bottom: 0px;}
/* Hero Section */
#customHomepage #hero{z-index: 0; overflow: hidden; display: flex; justify-content: center; align-items: center; gap: 120px; margin: auto; padding-top: 60px; padding-bottom: 60px; padding-left: clamp(24px, 5vw, 80px); padding-right: clamp(24px, 5vw, 80px); background: linear-gradient(180deg, #DCF3FF 0%, #FFF 100%); flex-wrap: wrap; flex-shrink: 1;}
#customHomepage .hero::before{content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; background: linear-gradient(to bottom, #e0f7fa, #ffffff); z-index: -1;}
#customHomepage #hero h2{font-size: 39px; font-weight: 700; margin-top: 10px; margin-bottom: 10px; line-height: 58px; color: #004699;}
#customHomepage #heroLeft, #customHomepage #heroRight{flex: 1 1 0; max-width: 538px;}
#customHomepage #heroLeft{max-width: 538px; position: relative;}
#customHomepage #heroLeft > p{font-size: 25px; margin-top: 0px; line-height: 36px; color: #333; font-weight: 400;}
#customHomepage #heroRight{display: flex; flex-direction: column; align-items: center; gap: 32px;}
#customHomepage #heroArrow{position: absolute; top: 50px; left: 260px; width: 170px; height: auto; z-index: 0; transform: translate(-10%, -10%);}
#customHomepage #desktopCTA{position: relative; display: flex; align-items: center; gap: 30px;}
#customHomepage .stateName{color: #0063C6; font-weight: bold; font-size: 31px; margin-top: 0px; margin-bottom: 10px;}
#customHomepage .stateVerbiage{color: #333; font-size: 20px; font-weight: 700; margin-top: 10px; margin-bottom: 18px; line-height: 30px;}
#customHomepage #locationWrapper{position: relative; max-width: 521px; width: 100%;}
#customHomepage #locationBox{position: relative; z-index: 1; width: 100%; padding: clamp(20px, 5vw, 32px) clamp(24px, 5vw, 55px); border-radius: 8px; border: 1px solid #DFE4EA; background: white; box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.10); text-align: center; max-width: 521px;}
#customHomepage #locationCTAs, #customHomepage #returnCTAs, #customHomepage #productCTAs{width: 100%; display: flex; gap: 12px;}
#customHomepage .notifyLine{font-size: 14px; margin-bottom: 20px; line-height: 20px;}
#customHomepage .notifyLine a{text-decoration: underline; color: #004699;}
#customHomepage #dollarBillSVGcorner{position: absolute; top: -47px; left: 490px; width: 180px; height: auto; z-index: 0; transform: translate(-10%, -10%);}
#customHomepage #dollarBillSVGleft{position: absolute; bottom: -22px; left: 4px; width: 200px; height: auto; z-index: 0; transform: translate(-10%, -10%);}
#customHomepage #dollarBillSVGone{position: absolute; top: -40px; left: 5px; width: 180px; height: auto; z-index: 0; transform: translate(-10%, -10%);}
#customHomepage #dollarBillSVG{position: absolute; top: 170px; left: 485px; width: 210px; height: auto; z-index: 0; transform: translate(-10%, -10%);}
#customHomepage #eligibilityText{font-size: 24px; color: #004699; font-family: "Caveat", cursive; margin-top: 0px; margin-bottom: 0px; padding-bottom: 5px;}
#customHomepage select{width: 100%; padding: 12px 20px; border: 1px solid #F3F4F6; background: #E5E7EB; border-radius: 6px; margin-bottom: 24px;}
#customHomepage #state{font-size: 16px; color: #5E6573; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url("data:image/svg+xml;utf8,") no-repeat right 20px center; background-color: #E5E7EB; background-size: 16px; border: 1px solid #F3F4F6; border-radius: 6px;}
#customHomepage #stateSelection p{font-size: 13px; color: #333; margin-top: 0px;}
#customHomepage #trustpilot img{height: 30px; width: auto;}
/* Return Section */
#customHomepage #return{display: flex; margin: 0 auto; gap: 48px; padding-top: 48px; padding-bottom: 48px; padding-left: clamp(24px, 5vw, 80px); padding-right: clamp(24px, 5vw, 80px); align-items: center; justify-content: center;}
#customHomepage #returnRight{max-width: 561px;}
#customHomepage #returnRight .bodyText{margin-bottom: 32px;}
/* Product Section */
#customHomepage #products{margin: 0 auto; max-width: 1291px; padding: 48px 20px 48px 20px;}
#customHomepage #productHead{text-align: center;}
#customHomepage #productHead p{margin-bottom: 36px;}
#customHomepage #productContainer{display: flex; gap: 32px;}
#customHomepage .productBox{width: 409px; padding: 35px 33px 35px 33px; border-radius: 21px;}
#customHomepage .productBox:first-child{background: linear-gradient(180deg, #DCF3FF 0%, #FFF 100%);}
#customHomepage .productBox:nth-child(2){background: linear-gradient(180deg, #DEF6E7 0%, #FFF 100%);}
#customHomepage .productBox:nth-child(3){background: linear-gradient(180deg, #DFE4EA 0%, #FFF 100%);}
#customHomepage .productAvailability{display: flex; gap: 12px; align-items: center; padding: 12px 16px; border-radius: 8px; background-color: white; width: fit-content;}
#customHomepage .productAvailability p{color: #004699; font-size: 13px; font-weight: 700; margin: 0px; line-height: 1;}
#customHomepage .productName{font-size: 20px; margin-bottom: 0px; font-weight: 600; margin-top: 20px;}
#customHomepage .productDescription{margin-bottom: 22px; color: #333; line-height: 26px; margin-top: 12px;}
#customHomepage .greenCircle{position: relative; width: 10px; height: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
#customHomepage .greenCircle svg{display: block;}
#customHomepage .greenCircle::after{content: ""; position: absolute; top: -6px; left: -6px; width: 22px; height: 22px; background: rgba(17, 167, 74, 0.25); /* softer glow */ border-radius: 50%; opacity: 0; transform: scale(1); animation: pulseGlow 4s ease-out infinite; /* slower, smoother pulse */}
@keyframes pulseGlow {
0% {
transform: scale(1);
opacity: 0.4;
}
50%{
transform: scale(1.8);
opacity: 0;
}
100%{
transform: scale(1);
opacity: 0;
}
}
/* How It Works */
#customHomepage #eligibilityArrow{position: absolute; top: 55px; left: 225px; width: 170px; height: auto; z-index: 0; transform: translate(-10%, -10%);}
#customHomepage #howItWorks{display: flex; margin: 0 auto; justify-content: center; gap: 120px; padding-top: 60px; padding-bottom: 60px; padding-left: clamp(24px, 5vw, 80px); padding-right: clamp(24px, 5vw, 80px); align-items: center;}
#customHomepage .stepContainer{display: flex; align-items: center; gap: 30px; text-align: left;}
#customHomepage #stepContent{margin-bottom: 20px;}
#customHomepage .stepNumber{color: #333; font-size: 20px;font-weight: 600; margin-bottom: 12px; margin-top: 20px;}
#customHomepage .stepDescription{color: #555; font-weight: 400; margin-top: 0px;}
/* Value Points */
#customHomepage #value{padding-top:60px; padding-bottom: 60px; padding-left: clamp(24px, 5vw, 80px); padding-right: clamp(24px, 5vw, 80px); background-image: url("https://netpayadvance.com/wp-content/uploads/2025/07/WhyNPABg.pngg"); background-position: center 10%; background-size: cover; background-repeat: no-repeat;}
/* Subtle Bounce Animation */
#customHomepage .bounce{animation: bounce 3s ease-in-out infinite;}
#customHomepage .bounce-delay-1{animation-delay: 0.3s;}
#customHomepage .bounce-delay-2{animation-delay: 0.6s;}
#customHomepage .bounce-delay-3{animation-delay: 0.9s;}
@keyframes bounce {
0%, 100% {transform: translateY(0);}
25% {transform: translateY(-1.5px);}
75% {transform: translateY(1.5px);}
}
#customHomepage #valueHead{text-align: center;}
#customHomepage #valueHead .bodyText{max-width: 685px; margin: 0 auto;}
#customHomepage #valueContainer{display: flex; flex-direction: column; margin: 0 auto; width: fit-content; gap: 48px; margin-top: 45px;}
#customHomepage .valueRow{display: flex; gap: 48px; justify-content: center; align-items: center;}
#customHomepage .indValue{display: flex; gap: 32px; max-width: 358px; width: 100%; align-items: center;}
#customHomepage .indValue img{width: 77px; height: 77px;}
#customHomepage .value{font-size: 18px; font-weight: bold; color: #004699; margin-top: 0px; margin-bottom: 0px;}
/* Reviews Section */
#customHomepage #reviews{margin: 0 auto; padding-top: 60px; padding-bottom: 76px; padding-left: clamp(24px, 5vw, 80px); padding-right: clamp(24px, 5vw, 80px); display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 3.65%, rgba(212, 240, 255, 0.42) 93.96%);}
#customHomepage #reviewsTop{display: flex; align-items: center; max-width: 1090px; width: 100%; justify-content: space-between;}
#customHomepage #reviewsBottom{max-width: 1216px; width: 100%;}
#customHomepage #badgeContainer{display: flex; align-items: center; gap: 12px;}
#customHomepage #badgeContainer img{height: 60px; width: auto;}
#customHomepage .card{flex: 0 0 345px; background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.10); height: fit-content;}
#customHomepage .name{font-size: 14px; color: #555555;}
#customHomepage .rating{width: 96px; height: 16px;}
#customHomepage .reviewVerbiage{margin-bottom: 20px; font-size: 16px; color: #555555; line-height: 24px;}
#customHomepage .ratingName{display: flex; justify-content: space-between; align-items: center;}
#customHomepage .ratingName p{margin: 0px;}
/* Contact Section */
#customHomepage #contact{display: flex; justify-content: center; flex-direction: column; gap: 52px; background: linear-gradient(185deg, #0063C6 9.84%, #036 95.1%); padding-top: 48px; padding-bottom: 54px; padding-left: clamp(24px, 5vw, 80px); padding-right: clamp(24px, 5vw, 80px);}
#customHomepage #contact img{width: 282px; height: auto;}
#customHomepage #contactTop, #customHomepage #contactBottom, #customHomepage #contactButtons{display: flex; justify-content: center;}
#customHomepage #contactTop{gap: 35px; align-items: center;}
#customHomepage #contactBottom{scroll-margin-top: 115px; width: fit-content; padding: 31px 48px; margin: 0 auto; background-color: rgba(255, 255, 255, 0.1); border-radius: 13px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); gap: 50px; align-items: center;}
#customHomepage #contactBottomLeft{max-width: 347px;}
#customHomepage h3.sectionHeadingThreeWhite{margin-top: 0px; margin-bottom: 10px;}
#customHomepage p.bodyTextWhite{margin-bottom: 3px; margin-top: 5px;}
#customHomepage #contactBottomRight{max-width: 412px; width: 100%;}
#customHomepage #contactTopRight{display: inline-flex; flex-direction: column; max-width: 700px; width: 100%;}
#customHomepage #contactButtons{display: flex; flex-wrap: nowrap; justify-content: center; gap: 20px; margin-top: 30px;}
#customHomepage .sectionHeadingTwoWhite{color: white; font-size: 20px; font-weight: 600; margin-top: 0px;}
#customHomepage .sectionHeadingThreeWhite{color: white; font-size: 25px; font-weight: 700; margin-top: 0px;}
#customHomepage .bodyTextWhite:nth-of-type(2){margin-bottom: 34px;}
#customHomepage .bodyTextWhite{font-size: 16px; color: white; line-height: 26px; font-weight: 400;}
#customHomepage .contactCTA{display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 16px; text-align: center; width: 100%; border: 1.5px solid #3ECC71; border-radius: 6px; color: white; background-color: rgba(255, 255, 255, 0.09);}
#customHomepage #mailchimpState{width: 100%; font-size: 16px; color: black; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url("data:image/svg+xml;utf8,") no-repeat right 20px center; background-color: white; background-size: 16px; border: 1px solid #F3F4F6; border-radius: 6px;}
#customHomepage .state-input{padding: 12px 16px; width: 100%; height: 48px; background-color: white; border: 1px solid #808080; box-sizing: border-box; font-size: 16px; border-radius: 6px; margin-bottom: 10px;}
#customHomepage #signUp{margin-top: 17px; display: flex; align-items: center; justify-content: center; min-width: 247px; height: 48px; background: #0B8436; color: white; border-radius: 6px; box-shadow: 0px 10px 15px 0px rgba(5, 13, 29, 0.18); font-weight: bold; cursor: pointer; border: none;}
#customHomepage .slider-wrapper{position: relative; display: flex; align-items: center; flex-wrap: nowrap; margin-top: 45px; justify-content: center;}
#customHomepage .slider-container{
overflow: hidden;
width: 1095px; /* 3 cards * 345px + 2 gaps * 24px */
height: 230px;
}
#customHomepage .slider{
display: flex;
gap: 24px;
transition: transform 0.3s ease-in-out;
}
#customHomepage .arrowReviews{
position: absolute;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
border-radius: 0;
font-size: 24px;
color: #004699;
cursor: pointer;
z-index: 10;
padding: 0;
line-height: 1;
}
/* ⬅ Left arrow */
#customHomepage .arrowReviews.left{
left: -20px;
}
/* ➡ Right arrow */
#customHomepage .arrowReviews.right{
right: -20px;
}
/* Blog Section */
#customHomepage .author{font-size: 14px; font-weight: 400; margin-top: 0px; margin-bottom: 24px;}
#customHomepage #blogs{display: flex; flex-direction: column; gap: 45px; align-items: center; background: linear-gradient(to bottom, rgba(212, 240, 255, 0.42) 0%, rgba(255, 255, 255, 0.42) 100%); padding-top: 76px; padding-bottom: 40px; padding-left: clamp(24px, 5vw, 80px); padding-right: clamp(24px, 5vw, 80px); justify-content: center;}
#customHomepage #blogTop, #customHomepage #faqTop{text-align: center;}
#customHomepage #blogBottom{display: flex; justify-content: center; align-items: center; gap: 48px; align-items: stretch;}
#customHomepage #blogBottomRight{display: flex; flex-direction: column; gap: 40px;}
#customHomepage #blogBottomRight .cardTitle{margin-top: 0px;}
#customHomepage .blogCard{border-radius: 10px; padding: 30px 34px; height: fit-content; background-color: white; border: 1px solid #F3F4FE; box-shadow: 0 20px 95px rgba(201, 203, 204, 0.3);}
#customHomepage .blogCardLeft{max-width: 450px; display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
#customHomepage .blogCardRight{width: 100%; max-width: 616px; display: flex; gap: 18px;}
#customHomepage .cardTitle{font-size: 20px; font-weight: 600; color: #333333; text-align: left; line-height: 30px; margin-bottom: 6px; margin-top: 20px;}
#customHomepage .carousel-btn.blog-prev{margin-right: 12px;}
#customHomepage .carousel-btn.blog-next{margin-left: 12px;}
#customHomepage .carousel-wrapper, #customHomepage .carousel-wrapperReviews{position: relative; width: 90%; max-width: 400px; margin: auto; overflow: hidden; display: flex; align-items: center;}
#customHomepage .carousel-wrapperReviews{margin-top: 30px;}
#customHomepage .carousel, #customHomepage .carouselReviews{overflow: hidden; width: 100%;}
#customHomepage .carousel-track, #customHomepage .carousel-trackReviews{display: flex; transition: transform 0.3s ease;}
#customHomepage .carousel-card, #customHomepage .carousel-cardReviews{flex: 0 0 100%; box-sizing: border-box; padding: 1.5em; background: white; text-align: center; border-radius: 10px; border: 1px solid #E5E7EB; box-shadow: 0px 12px 22px 0px rgba(201, 203, 204, 0.10); display: flex; flex-direction: column; justify-content: space-between; height: auto;}
#customHomepage .carousel-btn, #customHomepage .carousel-btnReviews{background: none; border: none; font-size: 2rem; cursor: pointer; z-index: 2; color: #004699;}
#customHomepage .rightCardDiv{display: flex; max-width: 230px; width: 100%; flex-direction: column;}
#customHomepage .readMore{width: fit-content; height: fit-content; padding: 13px 28px; color: #004699; background-color: white; border: 1.5px solid #004699; border-radius: 6px; font-weight: 700; margin-top: auto;}
/* FAQ Section */
#customHomepage #faq{max-width: 100%; display: flex; align-items: center; justify-content: center; margin: auto; flex-direction: column; padding-top: 60px; padding-bottom: 60px; padding-left: clamp(24px, 5vw, 80px); padding-right: clamp(24px, 5vw, 80px); background-image: url("https://netpayadvance.com/wp-content/uploads/2025/07/FAQ-bg-scaled.png"); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
#customHomepage .faq{display: flex; flex-direction: column; gap: 24px;}
#customHomepage #faqTop .bodyText{margin-bottom: 45px;}
#customHomepage #faqBottom{display: flex; gap: 27px;}
#customHomepage .faq-item{background-color: white; border: 1px solid #F3F4FE; box-shadow: 0px 20px 95px 0px rgba(201, 203, 204, 0.30); padding: 30px 34px; border-radius: 10px; max-width: 570px; cursor: pointer; width: 100%;}
#customHomepage .faq-header{display: flex; align-items: center; gap: 25px;}
#customHomepage .arrowFAQ svg{transition: transform 0.25s ease-in-out; transform-origin: center; will-change: transform;}
#customHomepage .arrow.rotate{transform: rotate(90deg);}
#customHomepage .faq-answer{max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding-left: 28px; font-size: 16px; color:#555; font-weight: 400; line-height: 24px;}
#customHomepage .faq-item.open .faq-answer{max-height: 500px; margin-top: 5px;}
#customHomepage .faq-item.open .arrowFAQ svg{transform: rotate(180deg);}
#customHomepage .question{font-size: 18px; font-weight: 600; color:#004699;}
/* Responsive Section */
@media only screen and (max-width: 1252px) {
#heroArrow, #eligibilityArrow, #eligibilityText {display: none;}
}
@media only screen and (max-width: 1165px) {
#hero h2 {font-size: 30px; line-height: 42px;}
#customHomepage #heroLeft > p{font-size: 20px; line-height: 32px;}
#customHomepage #hero{gap: 80px;}
#customHomepage #productCTAs{flex-direction: column;}
#customHomepage #faqBottom{flex-direction: column;}
#customHomepage .faq-item{max-width: 100%; width: 100%;}
#customHomepage #blogBottom{gap: 40px;}
#customHomepage #blogBottomRight{flex-direction: row;}
#customHomepage .blogCardLeft{max-width: 305px; width: 100%;}
#customHomepage .blogCardRight{flex-direction: column; height: 100%;justify-content: space-between; max-width: 305px; width: 100%; justify-content: flex-start;}
}
@media only screen and (min-width: 600px) {
.contactCTA {max-width: 220px;}
#customHomepage .carousel-card{flex: 0 0 33.33%;}
}
@media only screen and (max-width: 600px) {
#eligibilityText {display: block;}
#customHomepage .arrowFAQ {height: 24px}
#customHomepage .arrowFAQ svg{width: 24.3px; height: auto;}
#customHomepage #badgeContainer.hideDesktop{display: flex; justify-content: center; margin-bottom: 24px;}
#customHomepage .bodyTextWhite:nth-of-type(2){margin-bottom: 25px;}
#customHomepage .secondaryButtonBlue, #customHomepage .primaryButtonBlue{font-size: 15px;}
#customHomepage #return, #customHomepage #contactTopRight, #customHomepage #howItWorks, #customHomepage #reviews{text-align: center;}
#customHomepage a.link{width: 100%;}
#customHomepage .hideDesktop{display:block;}
#customHomepage h1{font-size: 13px;}
#customHomepage #hero{text-align: center; gap: 20px; padding-top: 55px; padding-bottom: 48px; background-image: url("https://netpayadvance.com/wp-content/uploads/2025/07/Mobile-Header.png"); background-repeat: no-repeat; background-size: cover;}
#customHomepage #hero h2{font-size: 25px; line-height: 34px;}
#customHomepage #heroRight.hide{display: none;}
#customHomepage #heroLeft.hideDesktop{display: none;}
#customHomepage #heroLeft #desktopCTA{gap: 20px;}
#customHomepage #contactTopRight h3{line-height: 32px;}
#customHomepage #heroLeft > p{font-size: 18px; line-height: 26px;}
#customHomepage #stateSelection p{font-size: 13px;}
#customHomepage .stateName{font-size: 20px;}
#customHomepage .stateVerbiage{font-size: 18px;}
#customHomepage #hero, #customHomepage #desktopCTA, #customHomepage #return, #customHomepage #productContainer, #customHomepage #howItWorks, #customHomepage #valueContainer, #customHomepage .valueRow, #customHomepage #contactTop, #customHomepage #contactBottom, #customHomepage #faqBottom, #customHomepage #reviewsTop, #customHomepage #productCTAs{flex-direction: column; max-width: 100%;}
#customHomepage .hide, #customHomepage #blogBottom{display: none;}
#customHomepage #howItWorks{gap: 20px; flex-direction: column-reverse; padding-top: 25px; padding-bottom: 25px;}
#customHomepage #locationBox{width: fit-content; padding: 32px 24px; width: 100%; margin-bottom: 20px;}
#customHomepage #locationCTAs, #customHomepage #returnCTAs, #customHomepage #productCTAs, #customHomepage #contactButtons{flex-direction: column;}
#customHomepage #state{width: 100%;}
#customHomepage .faq-header{gap: 18px;}
#customHomepage .faq-item{padding: 16px 22px; width: 100%;}
#customHomepage .faq-answer{font-size: 14px; line-height: 26px; padding-left: 0px;}
#customHomepage .productBox{max-width: 100%; padding: 35px 20px; width: 100%;}
#customHomepage #products{padding-top: 25px; padding-bottom: 25px;}
#customHomepage #productContainer{gap: 18px;}
#customHomepage #howRight img{width: 255px; height: auto;}
#customHomepage #return{padding-top: 25px; padding-bottom: 25px; gap: 30px}
#customHomepage #returnImage img{width: 239px; height: auto;}
#customHomepage #returnRight h3{line-height: 34px;}
#customHomepage #contactBottom{padding: 30px 24px; gap: 14px; width: 100%; align-items: flex-start;}
#customHomepage #contactTopLeft img{width: 121px; height: auto;}
#customHomepage #trustpilot{display: none;}
#customHomepage #trustpilotMobile{width: 305px;}
#customHomepage .question{font-size: 16px;}
#customHomepage .sectionHeadingThree, #customHomepage .sectionHeadingTwo{margin-bottom: 10px; line-height: 34px;}
#customHomepage .slider-wrapper{
flex-wrap: nowrap;
justify-content: center;
margin-top: 28px;
}
#customHomepage .slider-container{
width: 85vw;
padding: 0 20px;
}
#customHomepage .slider{
padding: 10px 0;
}
#customHomepage .card{
flex: 0 0 80vw; /* adjust as needed for mobile card width */
}
#customHomepage #value{padding-top: 32px; padding-bottom: 32px;}
#customHomepage #valueContainer{display: none;}
#customHomepage #valueContainerMobile{display: flex; flex-direction: column; gap: 48px; margin-top: 30px;}
#customHomepage .valueRowMobile{display: flex; align-items: center; justify-content: center; gap: 20px;}
#customHomepage .valueRowMobile img{width: 50px; height: auto;}
#customHomepage .leftValue, #customHomepage .rightValue{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; max-width: 150px; width: 100%; gap: 18px;}
#customHomepage p.value{line-height: 26px;}
#customHomepage #reviews, #customHomepage #contact{padding-top: 32px; padding-bottom: 48px;}
#customHomepage #contact{gap: 48px;}
#customHomepage #contactTop{gap: 6px;}
#customHomepage #blogs{padding-top: 48px; padding-bottom: 32px; gap: 30px;}
#customHomepage #faq{padding-left: 20px; padding-right: 20px; padding-top: 24px;}
#customHomepage #faq .sectionHeadingThree{font-size: 20px;}
#customHomepage #faqTop .bodyText{margin-bottom: 30px;}
#customHomepage .author, #customHomepage .cardTitle{text-align: left;}
#customHomepage {margin-top: 90px;}
}