.rever-banner .orange-btn {background-color: #fff; color: #000000; border: 1px solid #6916fe; display: flex; align-items: center; width: fit-content; padding: 12.5px 40px;}
.rever-banner .orange-btn img { max-width: 80px; margin-left: 10px; position: relative; top: -4px;}
.rever-banner .orange-btn svg path{fill: #6916fe;}
#features{padding-top: 50px;}
#features .section-tag { display: inline-block; padding: 4px 14px; background: #e8f0ff; color: #0184FE;font-family: 'Poppins'; border-radius: 99px; font-size: 12px; font-weight: 600; margin-bottom: 14px;}
#features .section-title{font-size: 36px; font-family: 'Poppins'; font-weight: 700; margin-bottom: 20px;}
#features .section-title span{color: #0184FE;}
#features .section-sub {font-family: 'Poppins'; font-size: 15px; color: #6b7280; max-width: 590px; margin: 0 auto 48px;}
#features .features-grid { width: 100%; overflow-x: hidden;}
#features .marquee-block {animation-duration: 40s; animation-iteration-count: infinite; animation-timing-function: linear; display: flex; width: 100%; justify-content: space-between; position: relative;}
#features .marquee1 { animation-name: marquee1;}
#features .marquee-item-list { display: inline-flex; margin: 0;}
#features .feature-chip { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; font-family: 'Poppins'; font-size: 14px;font-weight: 500; transition: box-shadow .2s, border-color .2s; margin-right: 40px; white-space: nowrap;}
#features .check { width: 20px; height: 20px;background: linear-gradient(135deg, #0184FE 0%, #7708FE 100%); border-radius: 50%; display: flex; align-items: center;justify-content: center; flex-shrink: 0; color: #fff; font-size: 11px; font-family: 'Poppins';}
#features .marquee2 { animation-name: marquee2; margin-top: 20px;}
@keyframes marquee1 { 0% { left: 0;} 100% { left: -100%;}}
@keyframes marquee2 { 100% { left: 0;}  0% { left: -100%; }}
.rever-feature-sec{padding-top: 50px;}
.rever-feature-sec h2{font-size: 36px; font-family: 'Poppins'; font-weight: 700; margin-bottom: 20px; text-align: center;}
.rever-feature-sec h2 span{color: #0184FE;}
.rever-feature-sec .title-txt{text-align: center; font-family: 'Poppins'; font-size: 15px; color: #6b7280; margin-bottom: 30px;}
.rever-feature-row { display: grid; grid-template-columns: 2fr 2fr 2fr 2fr; gap: 25px;}
.rever-feature-row .feature-box { background-color: #fff; border-radius: 10px; padding: 14px; box-shadow: 0 0 4px -2px #000; transition: 0.4s ease-in-out;}
.rever-feature-row .feature-box img{cursor: pointer;}
.rever-feature-row h3 { font-size: 16px; line-height: 20px; font-family: 'Poppins'; margin-bottom: 10px; margin-top: 15px; font-weight: 600;}
.rever-feature-row p { text-align: justify; font-size: 14px; font-family: 'Poppins';}
.viewall-feature { text-align: center; margin-top: 50px; margin-bottom: 60px;}
.viewall-feature a{display: inline-flex; align-items: center; gap: 6px;font-family: 'Poppins'; padding: 10px 22px; border-radius: 8px; font-size: 15px; font-weight: 600;cursor: pointer; background: transparent;border: 2px solid #0184FE; color: #0184FE; transition: all .2s;}
.viewall-feature a:hover{background-color: #e8f0ff; color: #0184FE;}
.cta-banner { background: linear-gradient(135deg, #053A96 0%, #0184FE 45%, #7708FE 100%); padding: 35px;text-align: center; color: #fff;}
.cta-banner h2{font-size: 36px; font-family: 'Poppins'; font-weight: 700; margin-bottom: 20px; text-align: center; color: #fff;}
.cta-banner p { text-align: center; font-size: 14px; font-family: 'Poppins'; color: #fff;}
.cta-banner a{display: inline-flex; align-items: center; gap: 6px;font-family: 'Poppins'; padding: 10px 22px; border-radius: 8px; font-size: 15px; font-weight: 600;cursor: pointer; background: #fff;border: 2px solid #fff; color: #053A96; transition: all .2s;}
.cta-banner a:hover{background-color: #eef4ff; color: #053A96;}
#faq{padding-top: 50px; padding-bottom: 50px;}
#faq h2{font-size: 36px; font-family: 'Poppins'; font-weight: 700; margin-bottom: 20px; text-align: center;}
#faq h2 span{color: #0184FE;}
#faq p{text-align: center; font-size: 15px; font-family: 'Poppins'; color: #6b7280;}
.faq-item { border-bottom: 1px solid #e5e7eb;}
.faq-q { width: 100%; background: none; border: none; cursor: pointer; padding: 22px 0; text-align: left; font-size: 16px; font-weight: 600; color: #111827; display: flex; justify-content: space-between; align-items: center;gap: 16px; font-family: 'Poppins';}
.faq-q .arrow { font-family: 'Poppins'; font-size: 28px; font-weight: 500; transition: transform .3s; color: #7708FE; flex-shrink: 0;}
.faq-item.open .faq-q .arrow { transform: rotate(45deg);}
.faq-a {font-family: 'Poppins'; font-size: 15px; color: #6b7280; line-height: 1.7; max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .35s ease;}
.faq-item.open .faq-a { max-height: 200px; padding-bottom: 20px;}

.custom-popup { display: none;position: fixed; inset: 0; z-index: 99999;}
.custom-popup.active { display: flex; align-items: center; justify-content: center;}
.popup-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.7);}
.popup-content { position: relative; z-index: 2; max-width: 90%; max-height: 90vh; padding: 0 !important; background-color: transparent !important; box-shadow: none !important;border-radius: 0 !important; width: unset !important; flex: unset !important;}
.popup-content img { display: block; max-width: 100%; max-height: 80vh;}
.popup-close { position: absolute; top: -45px; right: 0; width: 35px; height: 35px; border: 0; background: transparent;  color: #fff; font-size: 35px;line-height: 30px; cursor: pointer;}
body.popup-open { overflow: hidden;}
html.popup-open{overflow: hidden;}

@media(max-width: 991px){
    .rever-feature-row { grid-template-columns: 2fr 2fr;}
}
@media(max-width: 767px){
    .product-rever .new-inner-banner-section.product-innerpage-banner { height: 610px;}
    .new-inner-first-section .mt-60 { margin-top: 0px;}
    #features .section-title, .rever-feature-sec h2, .cta-banner h2, #faq h2{font-size: 26px;}
    #features .section-title br{display: none;}
    .rever-feature-row { grid-template-columns: 1fr;}
    #features .marquee-block { animation-duration: 15s;}
    .rever-banner .orange-btn img {max-width: 64px;top: -3px;}
    .rever-banner .orange-btn{margin-inline: auto;}
}