*, *::before, *::after {
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

/* Default margins and paddings to 0 */
* {
    margin: 0; 
    padding: 0;
}

body {
    line-height: 1.5; /* WCAG criteria states that line-height should be at least 1.5: improve readability */
    -webkit-font-smoothing: antialiased; /* Fonts anti-aliasing for WebKit-based browsers */
    font-smooth: antialiased; /* Fonts anti-aliasing for non-WebKit-based browsers */
}

body, html {
    height: 100%; /* Make the body element full screen */
    scroll-behavior: smooth; /* Enable smooth scrolling */
}

ul[role='list'], ol[role='list'] {
    list-style: none; /* Turn off list decoration for semantic lists */
}

html:focus-within {
    scroll-behavior: smooth; /* Make the scrolling inside of any scrollable element smooth */
}

a:not([class]) {
    text-decoration-skip-ink: auto; /* Improve link underline appearance */
}

img, picture, svg, video, canvas {
    max-width: 100%; /* Make media elements responsive */
    height: auto;
    vertical-align: middle; /* Improve text alignment next to inline images */
    font-style: italic; /* Style alt text for images that don't load */
    background-repeat: no-repeat; /* Background repeat and size for loading placeholder images */
    background-size: cover;
}

input, button, textarea, select {
    font: inherit; /* Inherit font styles for consistency */
}

p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word; /* Allow long words to break across multiple lines */
}

/* Disable certain styles for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
        transition: none;
    }
}
:root {
    font-family: Inter, sans-serif;
    font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
  }
  @supports (font-variation-settings: normal) {
    :root { font-family: InterVariable, sans-serif; }
  }
body {
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #000000;
    background-color: #ffffff;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
}

ul {
    list-style: none;
}

h1 {
    font-size: 48px;
    line-height: 57px;
    color: #01335E;
}

h2 {
    font-size: 42px;
    line-height: 54px;
    color: #01335E;
}

h3 {
    font-size: 36px;
    line-height: 40px;
    color: #01335E;
}

h4 {
    font-size: 26px;
    line-height: 35px;
    color: #01335E;
}

p {
    font-size: 16px;
    line-height: 26px;
}

button {
    cursor: pointer;
}

.text-bold {
    font-weight: 700;
}

.text-center {
    text-align: center;
}

.h-100 {
    height: 100%;
}

.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute
}

.white-color {
    color: #ffffff;
}

.primary-color {
    color: #01335E;
}

/* .dark-color {
    color: #202e3b;
} */
/* .blue-color {
    color: #1e5ec2;
}
.green-color {
    color: #07a965;
} */
/* .yellow-color {
    color: #ffed4a;
} */
.white-bg {
    background-color: #ffffff;
}

.primary-bg {
    background-color: #01335E;
}

.secondary-bg {
    background-color: #D1F0FD;
}

/* .dark-grey-bg {
    background-color: #2a2a2a;
}
.grey-bg {
    background-color: #8b8b8b;
} */
.light-grey-bg {
    background-color: #fbfbfa;
}

.yellow-bg {
    background-color: #ce9f07;
}

.container {
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;
}

.fb {
    display: flex;
}

.fb-inline {
    display: inline-flex;
}

.fb-column {
    flex-direction: column;
}

.fb-row-reverse {
    flex-direction: row-reverse;
}

.fb-wrap {
    flex-wrap: wrap;
}

.fb-align-center {
    align-items: center;
}

.fb-align-end {
    align-items: end;
}

.fb-justify-center {
    justify-content: center;
}

.fb-justify-end {
    justify-content: end;
}

.fb-justify-space-between {
    justify-content: space-between;
}

.fb-grow {
    flex-grow: 1;
}

.fb-flex-1 {
    flex: 1;
}

.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.btn {
    font-size: 17px;
    line-height: 21px;
    font-weight: 700;
    background-color: #ffd431;
    padding: 8px 9px;
    border-radius: 40px;
    border: 1px solid #d7a90f;
    transition: background-color 0.24s;
    display: flex;
    align-items: center;
    gap: 10px;
}

.btn:after {
    content: '';
    display: inline-block;
    width: 30.9px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' viewBox='0 0 31 30' fill='none'%3E%3Cg clip-path='url(%23clip0_1_465)'%3E%3Cpath d='M15.5 29.75C23.6462 29.75 30.25 23.1462 30.25 15C30.25 6.8538 23.6462 0.25 15.5 0.25C7.3538 0.25 0.75 6.8538 0.75 15C0.75 23.1462 7.3538 29.75 15.5 29.75Z' fill='%23EEB519' stroke='%23CE9F07' stroke-width='0.5'/%3E%3Cpath d='M14.5851 20.0233L15.5532 21L21.5 15L15.5532 9L14.5851 9.97674L18.8723 14.3023H8.5V15.6977H18.8723L14.5851 20.0233Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_465'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.btn:hover {
    background-color: #d7a90f;
}

.section-title p {
    max-width: 815px; 
    margin: 0 auto;
    margin-bottom: 40px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}
.section-title p span{
    font-weight: 700;
}
.topbar p {
    width: 100%;
    line-height: 30px;
}

header {
    padding: 12px 0;
    min-height: 72px;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 999;
}

header nav {
    font-size: 15px;
    gap: 100px;
}

.logo img {
    width: 132px;
}

header nav ul {
    gap: 40px;
}

.mobile-menu-open {
    text-decoration: none;
    outline: none;
    border: none;
    background-color: transparent;
    padding: 10px 0 10px 10px;
}

.nav-mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translate(0, -100%);
    transition: 0.24s;
}

.mobile-menu-open.open~.nav-mobile {
    transform: translate(0);
}

.nav-mobile--header {
    height: 47px;
}

.nav-mobile--menu {
    font-size: 16px;
}

.nav-mobile--menu a {
    padding: 12px 25px;
    border-bottom: 1px solid #d6d6d6;
}

.reviews-summary {
    gap: 10px;
    margin-bottom: 12px;
}

.reviews-summary span {
    font-size: 14px;
}
.reviews-summary  .text-bold{
    font-weight: 500 !important;

}

.points-list {
    margin: 10px 0;
    font-size: 16px;
    line-height: 32px;
}

.points-list li {
    display: flex;
}

.points-list li:before {
    content: "";
    margin-right: 13px;
}

.hero {
    padding: 72px 0 44px 0;
    overflow: hidden;
}

.hero-testimonial {
    gap: 22px;
}

.hero-testimonial--image {
    margin-top: 18px;
}

.hero-testimonial--text {
    flex: 1;
    max-width: 404px;
}

.hero-testimonial p {
    font-size: 14px;
    line-height: 22px;
}

.hero-slider--display-wrapper:before {
    content: '';
    position: absolute;
    background-color: #38BDF8;
    border-radius: 35px;
    width: calc(100% - 16px);
    height: calc(100% - 53px);
    top: -12px;
    right: -15px;
}

.hero-slider--display-wrapper>img {
    z-index: 1;
}

.hero-slider--display {
    width: 547px;
    height: 559px;
    border: 1px solid #5b7d45;
    border-radius: 35px;
}

.hero-slider--guarantee-seal {
    top: 38px;
    left: -33px;
}
.hero-slider--reverse .hero-slider--guarantee-seal {
    top: 20px;
    left:initial;
    right: 15px;
}

.hero-slider--recommended-seal {
    bottom: 28px;
    right: 26px;
}

.hero-slider--reverse .hero-slider--recommended-seal {
    bottom: 28px;
    left: 26px;
    right: initial;
}

.hero-slider--current-image {
    height: 100%;
    width: 100%;
}

.hero-slider--current-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    border-radius: 35px;
}

.slick-current.slider-0,
.slick-current.slider-0 * {
    opacity: 1 !important;
}

.slider-0 {
    background-color: white;
    border-radius: 35px;
    border: 1px solid rgb(91, 125, 69);
    overflow: visible;
}

.hero-slider--current-image img.expand {
    margin: auto;
    transition: opacity 0.24s ease-out, transform 0s 0.325s;
    transform-origin: center;
}

.hero-slider--current-image img.fill {
    height: 100%;
    width: 100%;
    border-radius: 35px;
    transition: opacity 0.22s, transform 0s 0.325s;
}

.hero-slider--current-image img.active {
    opacity: 1;
    pointer-events: initial;
    transition: 0.32s;
}

.hero-slider--current-image img.expand.active {
    top: 1rem;
}

.hero-slider--current-image img.fill.active {
    transform: scale(1);
    transform-origin: center;
}

.hero-slider--buttons {
    margin: 17px 0;
}

.hero-slider--button {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #5b7d45;
}

.hero-slider--button.slider-0-thumb {
    border: none;
}

.hero-slider--buttons-thumbs {
    gap: 12px;
    margin: 0 22px;
}

.hero-slider--buttons-thumbs div {
    cursor: pointer;
}

.hero-slider--arrow, .hero-slider--arrow-mobile {
    border: 1px solid #5b7d45;
    border-radius: 40px;
    overflow: hidden;
}

.hero-slider--arrow:hover, .hero-slider--arrow-mobile:active {
    border: 1px solid transparent;
}

.hero-slider--arrow svg, .hero-slider--arrow-mobile svg {
    background-color: #5b7d45;
    color: #ffffff;
    height: 38px;
    width: 38px;
}

.hero-slider--arrow:hover svg, .hero-slider--arrow-mobile:active svg {
    background-color: #ffffff;
    color: #5b7d45;
}

.hero-slider--arrow-left {
    cursor: pointer;
}

.hero-slider--arrow-right {
    cursor: pointer;
}

.testimonials {
    padding: 44px 0;
}

.testimonials--list {
    gap: 16px;
    max-width: 924px;
    margin: 34px auto 0 auto;
}

.testimonial {
    width: 296px;
}

.testimonial--image {
    border-radius: 8px;
}

.testimonial--text>img {
    display: block;
    margin: 17px 0 7px 0;
}

.testimonial--text p {
    margin: 4px 0;
    font-weight: 500;
}

.testimonial--author {
    margin-top: 7px;
    font-size: 12px;
    line-height: 22px;
}

.testimonial--author img {
    margin: 0 4px;
}

.testimonial--author span {
    color: #1bba86;
}

.offer--content {
    width: 50%;
}

.offer .points-list {
    margin: 10px 0 4px 0;
}

.cta {
    width: fit-content;
    padding: 16px 0;
}
.go-to-checkout{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    
    color:#121212 !important;
    color:#121212 !important;
}
.cta button {
    padding: 11px 13px;
    display: flex;
    width: 100%;
    justify-content: center;
    margin: auto 0px;
    font-size: 18px;
    color:#121212 !important;
    line-height: 23px;
    letter-spacing: 0.1px;
    transform: scale(0.9);
    text-decoration: none;
    /* animation: pulseCTAButton 1.5s infinite; */
}

@keyframes pulseCTAButton {
    50% {
        transform: scale(1);
    }
}

.cta button span {
    display: inline-block;
    transition: 0.24s;
}

.cta button:hover span {
    transform: translate(4px, 0);
}

.cta-bottom {
    font-size: 11px;
    line-height: 16px;
    margin-top: 12px;
}

.cta-ship {
    height: 7px;
    width: 7px;
    background-color: #95df89;
    border-radius: 50%;
    margin-right: 8px;
    box-shadow: 0 0 0 2px #adf4a1;
    animation: pulseCtaShip 1.725s forwards infinite ease-out;
    opacity: 0.5;
}

@keyframes pulseCtaShip {
    45% {
        box-shadow: 0 0 0 5px #adf4a1;
        opacity: 1;
    }

    55% {
        opacity: 1;
    }
}

.cta-stock-view {
    gap: 2px;
    margin: 0 7px 0 5px;
}

.cta-stock-view span {
    background-color: #D9D9D999;
    gap: 2px;
    height: 10px;
    width: 10px;
}

.cta-stock-view.green-bg span {
    background-color: #FFFFFF99;
}

.cta-stock-view span:first-child {
    background-color: #fc2201;
}

.cta-stock-level {
    font-size: 12px;
    color: #ea4701;
}

.overview {
    padding: 40px 0 60px 0;
}

.overview--item {
    flex: 1;
    max-width: 193px;
    color: #01335E;
    min-width: 136px;
}

.overview-list {
    gap: 14px;
}

.overview--item div {
    height: 64px;
}

.overview--item p {
    line-height: 20px;
}

.customers-photos--avatar-group {
    margin-bottom: 16px;
}

.customers-photos--list {
    max-width: 1440px;
    height: 306px;
    margin: 40px auto 60px auto;
    width: 100%;
    overflow: hidden;
}

.customers-photos--list-inner {
    gap: 15px;
    animation: moveCustomersPhotos 35s linear infinite;
}

.customers-photos--list img {
    border-radius: 8px;
}

.bg-grey {
    position: relative;
}

.bg-grey .color-block {
    background-color: #fbfbfa;
    bottom: 116px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5%;
    z-index: -1;
}

.benefits-list {
    margin: 40px auto 45px auto;
    gap: 74px;
}

.benefit {
    gap: 11px;
}

.benefit.green-corner .benefit-image:before {
    content: '';
    height: 258px;
    width: 258px;
    border-radius: 20px;
    background-color: #38BDF8;
    bottom: -13px;
    right: -13px;
    position: absolute;
}

.benefit:nth-child(2n) .benefit-image {
    order: 1;
}

.benefit-text {
    flex: 1;
}


.benefit-text p {
    margin-top: 12px;
}

.benefit-image img {
    border-radius: 20px;
    border: 1px solid #01335E;
}

.banner {
    padding: 0px 0;
}

.banner-content {
    max-width: 1022px;
    background: #01335E; 
    margin: 0 auto;
    border-radius: 20px;
    padding: 24px;
    border: 2px solid #01335E;
    color: #fff;
    gap: 30px;
}
.banner-content .banner-image{
    max-width: 269px;
}
.banner-text{
    max-width: 500px;
    margin: 0 auto;
}
.banner-text h4 {
    line-height: 40px;
    margin-bottom: 8px;
    color: #38BDF8;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 40px;
}

.banner-text p {
    margin-bottom: 18px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}


.banner-text p span{
    font-weight: 700;
}
.banner-text p:last-child {
    margin-bottom: 0;
}

.banner-image img {
    border-radius: 8px;
}

.qualities {
    padding-top: 20px;
    background: #fbfbfa;
}
.qualities .section-title{
    margin-bottom: 30px;
    display: block;
}

.qualities--list {
    gap: 44px;
    margin-top: 64px;
}

.qualities--seal {
    bottom: 26%;
    right: 10.5%;
    width: 25%;
    max-width: 99px;
    min-width: 81px;
}



.quality div {
    width: 100%;
}

.quality p {
    margin-top: 4px;
}

.qualities-product-images {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.qualities-product-images img {
    width: 100%;
}

.guarantee {
    padding: 44px 0 48px 0;
}

.guarantee-content {
    max-width: 700px;
    margin: 0 auto;
    gap: 18px;
    align-items: center;
}

.guarantee-text {
    flex: 1;
    text-align: center;
}

.guarantee-text p {
    margin-top: 12px;
}

.faq {
    padding: 44px 0;
}

.faq-list {
    gap: 21px;
    margin: 25px 0 30px 0;
}

.faq-list input[type="radio"] {
    display: none;
}

.faq-accordion {
    padding: 29px 90px 28px 19px;
    border-radius: 4px;
    box-shadow: 0px 4px 8px 0px #f2f2f2;
    overflow: hidden;
    cursor: pointer;
}

.faq-item input.checked~label .faq-accordion {
    padding: 23px 90px 23px 19px;
}

.faq-title {
    font-size: 18px;
}

.faq-text {
    max-height: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
    opacity: 0;
    transition: 0.47s cubic-bezier(0.175, 0.885, 0.32, 1.275), max-height 0.6s;
}

.faq-text p {
    line-height: 28px;
    font-weight: 400;
    font-weight: 18px;
    margin: 10px 0;
}

.faq-text p:last-child {
    margin: 0;
}

.faq-text::-webkit-scrollbar {
    display: none;
}

.faq-item input.checked~label .faq-text {
    max-height: 235px;
    overflow: auto;
    transition: 0.52s ease-out, max-height 0.92s;
}

.faq-item input.checked~label .faq-text {
    opacity: 1;
}

.faq-icon {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 29px;
    top: 29px;
    z-index: 1;
    border: 2px solid #000000;
    border-radius: 50%;
    transition: 0.24s, top 0.44s;
}

.faq-item input.checked~label .faq-icon {
    transform: rotate(90deg);
    top: 46px;
}

.faq-icon:before,
.faq-icon:after {
    content: '';
    background-color: #000000;
    position: absolute;
    top: 12px;
    left: 5px;
    width: 16px;
    height: 2px;
    transition: 0.46s ease-in;
}

.faq-icon:after {
    transform: rotate(90deg);
}

.faq-item input.checked~label .faq-icon:before {
    opacity: 0;
    transform: scale(0.25, 1);
}

@keyframes moveCustomersPhotos {
    100% {
        transform: translate(-1638px);
    }
}

footer {
    font-size: 14px;
    line-height: 28px;
    color: #808080;
    padding: 47px 0 12px 0;
}

.footer--logo {
    margin-bottom: 32px;
}

.footer--links {
    margin-bottom: 18px;
}

.footer--copyright {
    padding: 13px 0 4px 0;
    border-top: 1px solid #dfdfdf;
}

.fixed-cta {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    z-index: 2;
}

.fixed-cta.hidden {
    display: none;
}
.right-bottom {
    gap: 8px;
}

.right-bottom{
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.right-bottom .right-bottom-image {
    width: 18%;
    text-align: right;
}

.right-bottom .right-bottom-text {
    width: 82%;
    padding-left: 14px;
}

.right-bottom .right-bottom-text p {
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    margin-bottom: 0;
}

.right-bottom .right-bottom-text p span {
    font-weight: 700;
}

.vft-container {
    max-width: 1230px;
    margin: 0 auto;
}

.vft-header-top {
    background: #F7F7F7;
    padding: 16px 0px;
    text-align: center;
}

.vft-header-top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    gap: 32px;
    list-style: none;
}

.vft-header-top ul li a {
    text-decoration: none;
    color: #464646;
    position: relative;

    font-weight: 500;
}

.vft-header-top ul li:first-child a {
    opacity: .8;
}

.vft-header-top ul li:last-child a::after {
    display: none;
}

.vft-header-top ul li a:after {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: -24px;
    top: 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M6.00049 13.5L11.0005 8.5L6.00049 3.5' stroke='%23464646' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.vft-grid {
    display: -ms-grid;
    display: grid;
    gap: 40px;
}

.grid-cols-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.vtf-img-fluid {
    max-width: 100%;
    display: block;
}

.vft-images-wrapper .fotorama__stage {
    border-radius: 16px;
    background: #fffbfb;
    overflow: hidden;
}

.vft-images-wrapper .fotorama__nav {
    margin-top: 16px;
}

.vft-images-wrapper .fotorama__thumb-border{
   border-color: #FDC700;
}

.vft-images-wrapper .fotorama__thumb,
.vft-images-wrapper .fotorama__thumb-border {
    border-radius: 8px;
}

.vtf-product-info .product-heading {
    color: #01335E;
    font-size: 56px;
    font-weight: 700;
    line-height: 64px; 
}

.vtf-product-info .product-review {
    position: relative;
    margin-bottom: 8px;
}

.product-review:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='136' height='24' viewBox='0 0 136 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' fill='%2300B57A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8885 10.2039L12 4.3916L10.1115 10.2039H4L8.94427 13.7962L7.05573 19.6085L12 16.0163L16.9443 19.6085L15.3156 14.5958L12.436 15.6717L15.056 13.7969L15.0557 13.7962L20 10.2039H13.8885Z' fill='white'/%3E%3Crect width='24' height='24' transform='translate(28)' fill='%2300B57A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.8885 10.2039L40 4.3916L38.1115 10.2039H32L36.9443 13.7962L35.0557 19.6085L40 16.0163L44.9443 19.6085L43.3156 14.5958L40.436 15.6717L43.056 13.7969L43.0557 13.7962L48 10.2039H41.8885Z' fill='white'/%3E%3Crect width='24' height='24' transform='translate(56)' fill='%2300B57A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M69.8885 10.2039L68 4.3916L66.1115 10.2039H60L64.9443 13.7962L63.0557 19.6085L68 16.0163L72.9443 19.6085L71.3156 14.5958L68.436 15.6717L71.056 13.7969L71.0557 13.7962L76 10.2039H69.8885Z' fill='white'/%3E%3Crect width='24' height='24' transform='translate(84)' fill='%2300B57A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M97.8885 10.2039L96 4.3916L94.1115 10.2039H88L92.9443 13.7962L91.0557 19.6085L96 16.0163L100.944 19.6085L99.3156 14.5958L96.436 15.6717L99.056 13.7969L99.0557 13.7962L104 10.2039H97.8885Z' fill='white'/%3E%3Crect width='24' height='24' transform='translate(112)' fill='%2300B57A'/%3E%3Crect x='128' width='8' height='24' fill='%23D9D9D9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M125.889 10.2039L124 4.3916L122.111 10.2039H116L120.944 13.7962L119.056 19.6085L124 16.0163L128.944 19.6085L127.316 14.5958L124.436 15.6717L127.056 13.7969L127.056 13.7962L132 10.2039H125.889Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 136px;
    height: 24px;
    margin-right: 8px;
}

.vtf-product-info .product-review span:first-child {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #3D3D3D;
    padding-left: 146px;
}

.vtf-product-info .product-review span:last-child {
    color: #6D6D6D;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.vtf-product-info p {
    color: #121212;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 16px;
}

.vtf-product-info ul {
    list-style: none;
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    padding: 0px 0px;
    margin-bottom: 40px;
}

.vtf-product-info ul li {
    color: #121212;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    padding-left: 34px;
    counter-increment: listCounter;

}

/* .vtf-product-info ul li:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 7L9.70711 17.2929C9.31658 17.6834 8.68342 17.6834 8.29289 17.2929L4 13' stroke='%23FDC700' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
} */
.vtf-product-info ul li:before{
    content: counter(listCounter);
    width: 24px;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    background: #01335E;
    border-radius: 100%;
    color: #38BDF8;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    position: absolute;
    left: 0;
    top: 0;
}

.vtf-product-info .product-price {
    margin: 24px 0px;
    color: #1C1C1C;
    font-size: 30px;
    font-weight: 700;
    padding-left: 4px;
}

.vtf-product-info .vtf-statistic-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 16px;
}

.vtf-product-info .vtf-statistic-box .single-box {
    padding: 24px 8px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(247, 247, 247, 0.50);
    gap: 14px;
}

.vtf-product-info .vtf-statistic-box .single-box h3 {
    font-size: 12px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    line-height: 16px;
}

.vtf-product-info .single-box-icon-1 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cg opacity='0.4'%3E%3Cpath d='M13.4375 21.075V23.6125C13.4375 25.7625 11.4375 27.5 8.97502 27.5C6.51252 27.5 4.5 25.7625 4.5 23.6125V21.075C4.5 23.225 6.50002 24.75 8.97502 24.75C11.4375 24.75 13.4375 23.2125 13.4375 21.075Z' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4373 17.6374C13.4373 18.2624 13.2623 18.8374 12.9623 19.3374C12.2248 20.5499 10.7122 21.3124 8.96225 21.3124C7.21225 21.3124 5.69973 20.5374 4.96223 19.3374C4.66223 18.8374 4.4873 18.2624 4.4873 17.6374C4.4873 16.5624 4.98728 15.5999 5.78728 14.8999C6.59978 14.1874 7.71224 13.7625 8.94974 13.7625C10.1872 13.7625 11.2998 14.1999 12.1123 14.8999C12.9373 15.5874 13.4373 16.5624 13.4373 17.6374Z' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4375 17.6375V21.075C13.4375 23.225 11.4375 24.75 8.97502 24.75C6.51252 24.75 4.5 23.2125 4.5 21.075V17.6375C4.5 15.4875 6.50002 13.75 8.97502 13.75C10.2125 13.75 11.3251 14.1875 12.1376 14.8875C12.9376 15.5875 13.4375 16.5625 13.4375 17.6375Z' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M27.5 13.7124V16.2875C27.5 16.975 26.95 17.5375 26.25 17.5625H23.8C22.45 17.5625 21.2125 16.575 21.1 15.225C21.025 14.4375 21.325 13.7 21.85 13.1875C22.3125 12.7125 22.95 12.4375 23.65 12.4375H26.25C26.95 12.4625 27.5 13.0249 27.5 13.7124Z' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 13.125V10.625C2.5 7.225 4.55 4.85 7.7375 4.45C8.0625 4.4 8.4 4.375 8.75 4.375H20C20.325 4.375 20.6375 4.38748 20.9375 4.43748C24.1625 4.81248 26.25 7.2 26.25 10.625V12.4375H23.65C22.95 12.4375 22.3125 12.7125 21.85 13.1875C21.325 13.7 21.025 14.4375 21.1 15.225C21.2125 16.575 22.45 17.5625 23.8 17.5625H26.25V19.375C26.25 23.125 23.75 25.625 20 25.625H16.875' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");    
width: 30px;
height: 30px;
    display: block;
}

.vtf-product-info .single-box-icon-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' viewBox='0 0 31 30' fill='none'%3E%3Cpath opacity='0.4' d='M27.8333 18.75C27.8333 23.5875 23.9208 27.5 19.0833 27.5L20.3958 25.3125' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M2.83325 11.25C2.83325 6.4125 6.74575 2.5 11.5833 2.5L10.2707 4.6875' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.4583 5.5625L22.4332 8.43748L27.3582 5.57501' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.4333 13.5249V8.42493' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.2583 2.7625L18.2582 4.42495C17.5832 4.79995 17.0208 5.74994 17.0208 6.52494V9.69998C17.0208 10.475 17.5707 11.425 18.2582 11.8L21.2583 13.4625C21.8958 13.825 22.9457 13.825 23.5957 13.4625L26.5957 11.8C27.2707 11.425 27.8332 10.475 27.8332 9.69998V6.52494C27.8332 5.74994 27.2832 4.79995 26.5957 4.42495L23.5957 2.7625C22.9582 2.4125 21.9083 2.4125 21.2583 2.7625Z' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.27075 19.3125L8.23325 22.1875L13.1707 19.325' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.23315 27.2749V22.1749' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.07075 16.5125L4.07076 18.1749C3.39576 18.5499 2.83325 19.4999 2.83325 20.2749V23.45C2.83325 24.225 3.38326 25.175 4.07076 25.55L7.07075 27.2125C7.70825 27.575 8.75825 27.575 9.40825 27.2125L12.4083 25.55C13.0833 25.175 13.6457 24.225 13.6457 23.45V20.2749C13.6457 19.4999 13.0958 18.5499 12.4083 18.1749L9.40825 16.5125C8.75825 16.1625 7.70825 16.1625 7.07075 16.5125Z' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");    
    width: 30px;
    height: 30px;
    display: block;
}

.vtf-product-info .single-box-icon-3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' viewBox='0 0 31 30' fill='none'%3E%3Cpath opacity='0.4' d='M15.6667 17.5H16.9167C18.2917 17.5 19.4167 16.375 19.4167 15V2.5H8.16669C6.29169 2.5 4.6542 3.53748 3.8042 5.06248' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.16675 21.25C3.16675 23.325 4.84175 25 6.91675 25H8.16675C8.16675 23.625 9.29175 22.5 10.6667 22.5C12.0417 22.5 13.1667 23.625 13.1667 25H18.1667C18.1667 23.625 19.2917 22.5 20.6667 22.5C22.0417 22.5 23.1667 23.625 23.1667 25H24.4167C26.4917 25 28.1667 23.325 28.1667 21.25V17.5H24.4167C23.7292 17.5 23.1667 16.9375 23.1667 16.25V12.5C23.1667 11.8125 23.7292 11.25 24.4167 11.25H26.0292L23.8918 7.51251C23.4418 6.73751 22.6168 6.25 21.7168 6.25H19.4167V15C19.4167 16.375 18.2917 17.5 16.9167 17.5H15.6667' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6667 27.5C12.0475 27.5 13.1667 26.3807 13.1667 25C13.1667 23.6193 12.0475 22.5 10.6667 22.5C9.28604 22.5 8.16675 23.6193 8.16675 25C8.16675 26.3807 9.28604 27.5 10.6667 27.5Z' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.6667 27.5C22.0475 27.5 23.1667 26.3807 23.1667 25C23.1667 23.6193 22.0475 22.5 20.6667 22.5C19.286 22.5 18.1667 23.6193 18.1667 25C18.1667 26.3807 19.286 27.5 20.6667 27.5Z' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.1667 15V17.5H24.4167C23.7292 17.5 23.1667 16.9375 23.1667 16.25V12.5C23.1667 11.8125 23.7292 11.25 24.4167 11.25H26.0292L28.1667 15Z' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.16675 10H10.6667' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.16675 13.75H8.16675' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.16675 17.5H5.66675' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        width: 30px;
    height: 30px;
    display: block;
}

.vtf-product-info .single-box-icon-4 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M15.6247 27.5004H5.09966C3.64966 27.5004 2.46216 26.3379 2.46216 24.9129V6.36294C2.46216 3.08794 4.89966 1.60044 7.88716 3.06294L13.4372 5.78794C14.6372 6.37544 15.6247 7.93794 15.6247 9.26294V27.5004Z' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.4623 18.8254V23.5504C27.4623 26.2504 26.2123 27.5004 23.5123 27.5004H15.6248V13.0254L16.2123 13.1504L21.8373 14.4129L24.3748 14.9754C26.0248 15.3379 27.3748 16.1879 27.4498 18.5879C27.4623 18.6629 27.4623 18.7379 27.4623 18.8254Z' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M6.87476 11.2505H11.2123' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M6.87476 16.2505H11.2123' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.8372 14.4129V18.4379C21.8372 19.9879 20.5747 21.2504 19.0247 21.2504C17.4747 21.2504 16.2122 19.9879 16.2122 18.4379V13.1504L21.8372 14.4129Z' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.4497 18.588C27.3747 20.063 26.1497 21.2505 24.6497 21.2505C23.0997 21.2505 21.8372 19.988 21.8372 18.438V14.413L24.3747 14.9755C26.0247 15.338 27.3747 16.188 27.4497 18.588Z' stroke='%23D08700' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        width: 30px;
    height: 30px;
    display: block;
}

.vtf-product-info .vtf-btn {
    margin: 16px 0px;
    background-color: #FDC700;
    border: 1px solid #FDC700;
    color: #121212 !important;
    border-radius: 8px;
    font-weight: 700 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 28px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    margin-bottom:8px;
   
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
            box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.vtf-product-info .vtf-btn span{
    font-weight: 800;
}
.gua-text{
    font-size: 14px !important;
    text-align: center;
}
.vtf-product-info .vtf-btn:hover{
   
    border: 1px solid #D97706;
    background: #D97706;
    
}
.vtf-product-info .vtf-btn:hover .vtf-cart-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M3.5 4H4.10632C5.12694 4 5.98384 4.7685 6.09452 5.78311L6.90548 13.2169C7.01616 14.2315 7.87306 15 8.89368 15H17.546C18.4602 15 19.2581 14.3801 19.484 13.4942L20.8639 8.08311C21.1864 6.81854 20.231 5.58889 18.926 5.58889H7.1M7.12476 18.6249H7.87476M7.12476 19.3749H7.87476M18.1248 18.6249H18.8748M18.1248 19.3749H18.8748M8.5 19C8.5 19.5523 8.05229 20 7.5 20C6.94772 20 6.5 19.5523 6.5 19C6.5 18.4477 6.94772 18 7.5 18C8.05229 18 8.5 18.4477 8.5 19ZM19.5 19C19.5 19.5523 19.0523 20 18.5 20C17.9477 20 17.5 19.5523 17.5 19C17.5 18.4477 17.9477 18 18.5 18C19.0523 18 19.5 18.4477 19.5 19Z' stroke='%23F6F6F6' stroke-linecap='round'/%3E%3C/svg%3E");

}
.vtf-product-info .vtf-cart-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 4H3.60632C4.62694 4 5.48384 4.7685 5.59452 5.78311L6.40548 13.2169C6.51616 14.2315 7.37306 15 8.39368 15H17.046C17.9602 15 18.7581 14.3801 18.984 13.4942L20.3639 8.08311C20.6864 6.81854 19.731 5.58889 18.426 5.58889H6.6M6.62476 18.6249H7.37476M6.62476 19.3749H7.37476M17.6248 18.6249H18.3748M17.6248 19.3749H18.3748M8 19C8 19.5523 7.55229 20 7 20C6.44772 20 6 19.5523 6 19C6 18.4477 6.44772 18 7 18C7.55229 18 8 18.4477 8 19ZM19 19C19 19.5523 18.5523 20 18 20C17.4477 20 17 19.5523 17 19C17 18.4477 17.4477 18 18 18C18.5523 18 19 18.4477 19 19Z' stroke='%23121212' stroke-linecap='round'/%3E%3C/svg%3E");

    display: block;
    width: 24px;
    height: 24px;
}

.vtf-product-info .product-update-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.vtf-product-info .product-update-wrapper .product-ship,
.vtf-product-info .product-update-wrapper .product-stock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    align-items: center;
    position: relative;
}
.vtf-product-info .product-update-wrapper .product-stock {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.vtf-product-info .product-update-wrapper .product-ship span:first-child::before {
    display: block;
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 17.5V5.5C14 5.22386 13.7761 5 13.5 5H2.5C2.22386 5 2 5.22386 2 5.5V17.5C2 17.7761 2.22386 18 2.5 18H4M14 17.5C14 17.7761 13.7761 18 13.5 18H8M14 17.5V8.5C14 8.22386 14.2239 8 14.5 8H17.7929C17.9255 8 18.0527 8.05268 18.1464 8.14645L21.8536 11.8536C21.9473 11.9473 22 12.0745 22 12.2071V17.5C22 17.7761 21.7761 18 21.5 18H20M14 17.5C14 17.7761 14.2239 18 14.5 18H16M4 18C4 19.1046 4.89543 20 6 20C7.10457 20 8 19.1046 8 18M4 18C4 16.8954 4.89543 16 6 16C7.10457 16 8 16.8954 8 18M16 18C16 19.1046 16.8954 20 18 20C19.1046 20 20 19.1046 20 18M16 18C16 16.8954 16.8954 16 18 16C19.1046 16 20 16.8954 20 18' stroke='%23059669'/%3E%3C/svg%3E");
}

.vtf-product-info .product-update-wrapper .product-stock span:first-child::before {
    display: block;
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z' stroke='%23DC2626'/%3E%3Cpath d='M11.6923 17C13.7315 17 16 15.3584 16 13.3333C16 10.4692 14.9186 9.75283 12.249 6.65452C12.1715 6.56458 12.0069 6.67119 12.0526 6.78075C12.9083 8.83155 12.7882 10.3447 11.6923 10.8889C10.5392 11.4614 9.74624 10.246 9.31336 9.75521C9.27179 9.7081 9.19813 9.71522 9.16403 9.76799C8.23497 11.2059 8 12.7363 8 13.3333C8 15.3584 9.6531 17 11.6923 17Z' stroke='%23DC2626'/%3E%3C/svg%3E");}

.vtf-product-info .product-update-wrapper .product-ship span:first-child,
.vtf-product-info .product-update-wrapper .product-stock span:first-child {
    font-size: 14px;
    line-height: 14px;
    position: relative;
    font-style: normal;
    font-weight: 500;
    color: #5D5D5D;
    padding-left: 32px;
}

.vtf-product-info .product-update-wrapper .product-ship span:last-child,
.vtf-product-info .product-update-wrapper .product-stock span:last-child {
    color: #121212;
    font-size: 14px;
    line-height: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
header .btn:after{
    width: 42px;
}
.banner-padding{
    padding: 48px 0px !important;
    padding-bottom: 0px !important;
}
.banner-padding2{
    padding: 64px 0px !important;
}
.bg-green{
  background:#D1F0FD;
  padding: 24px 0px;
}
.gua-text {
    font-size: 14px !important;
    text-align: center;
    opacity: .7 !important;
}
.cta-container {
    max-width: 600px;
    margin: 30px auto;
    padding: 30px;
    border-radius: 12px;
    text-align: center;
    padding-bottom: 0px;
}

.warning-icon {
    color: #e53e3e;
    font-size: 32px;
    margin-bottom: 15px;
}

.main-heading {
    font-size: 42px;
    line-height: 54px;
    color: #01335E;
}

.subheading {
    color: #000000;
    margin-top: 16px;
    font-weight: 500;
    font-size: 20px;
    margin: 0 0 25px;
}

.offer-box {
    padding: 20px;
    border-radius: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: 1px solid #E7E7E7;
    border-bottom: 0px solid transparent;
}

.discount-text {
    max-width: 70%;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    margin: 0 0 10px;
    margin: 0px auto;
}

.discount-highlight {
    color: #E53E3E;
}

.ending-soon {
    font-size: 16px;
    color: #718096;
    font-style: italic;
    font-weight: 700;
    line-height: 26px;
}

.status-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    font-size: 14px;
    color: #4a5568;
}

.status-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cta-button {
    background: #FDC700;
    color: #000;
    border: none;
    padding: 16px 32px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    min-width: 100%;
    display: block;
    margin: 16px auto;
    transition: transform 0.2s, background-color 0.2s;
  
}
.cta-button span{
    position: relative; 
}
.cta-button span:after{
    position: absolute;
    content: '';
    display: inline-block;
    width: 30.9px;
    left: 104%;
    height: 30px;
    top: -5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' viewBox='0 0 31 30' fill='none'%3E%3Cg clip-path='url(%23clip0_1_465)'%3E%3Cpath d='M15.5 29.75C23.6462 29.75 30.25 23.1462 30.25 15C30.25 6.8538 23.6462 0.25 15.5 0.25C7.3538 0.25 0.75 6.8538 0.75 15C0.75 23.1462 7.3538 29.75 15.5 29.75Z' fill='%23EEB519' stroke='%23CE9F07' stroke-width='0.5'/%3E%3Cpath d='M14.5851 20.0233L15.5532 21L21.5 15L15.5532 9L14.5851 9.97674L18.8723 14.3023H8.5V15.6977H18.8723L14.5851 20.0233Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_465'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

}
.cta-button:hover {
    background: #fdc700;
    transform: scale(1.02);
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.stock-warning {
    animation: pulse 2s infinite;
}
.cta-block .cta-container{
    border-radius: 24px;
    background: #fafafb;
}
:root {
    --btn-wrapper-height: 0px;
  }
.banner .bottom-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #38BDF8;
    padding: 8px;
  }
  .banner .order-text {
    color: black;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}
.fw-normal {
    font-weight: 400 !important;
}
.banner .code {
    display: inline-block;
    background-color: black;
    color: white;
    padding: 5px 24px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 8px;
    margin-left: 8px;
    margin-right: 8px;
}
header{
    background: #01335E;
   
}

header .container .row{
    width: 100%;;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .container .row .col{
    display: flex;
    flex-direction: row;
    align-items: center;
}
header .container .row .d-flex{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}
header .right p {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px; 
    margin-bottom: 0;
    text-align: left;
}
.header-right-first-text{
    text-align: center;
}
header .right p:last-child {
    margin-left: 0.313rem;
    padding-left: 1rem;
    position: relative;
}
header .right p:last-child::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.063rem;
    height: 100%;
    /* background-color: var(--white); */
    background-color: #777777;
}
.header-right-first-text{
    width: 156px;
    display: flex;
    flex-direction:column;
    color: #fff;
}
.header-right-last-text{
    width: 156px;
    display: flex;
    flex-direction:column;
    color: #fff;
}
.header-right-last-text a{ 
    text-decoration: underline;
}
.right .right-bottom, .right-bottom {
    padding-top: 20px;
    display: flex;
    align-items: center;
}
.right-bottom-text p {
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    margin-bottom: 0;
}
.vtf-btn:after {
    content: '';
    display: inline-block;
    width: 30.9px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' viewBox='0 0 31 30' fill='none'%3E%3Cg clip-path='url(%23clip0_1_465)'%3E%3Cpath d='M15.5 29.75C23.6462 29.75 30.25 23.1462 30.25 15C30.25 6.8538 23.6462 0.25 15.5 0.25C7.3538 0.25 0.75 6.8538 0.75 15C0.75 23.1462 7.3538 29.75 15.5 29.75Z' fill='%23EEB519' stroke='%23CE9F07' stroke-width='0.5'/%3E%3Cpath d='M14.5851 20.0233L15.5532 21L21.5 15L15.5532 9L14.5851 9.97674L18.8723 14.3023H8.5V15.6977H18.8723L14.5851 20.0233Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_465'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.vtf-product-info .vtf-cart-icon{
    display: none;
}
.bundle-of-cards {
    text-align: center;
}
.banner-btm {
    background: #f5f5f5;
    border-bottom: 1px solid #ebebeb;
    padding: 35px 0;
    text-align: center;
    width: 100%;
}

.banner-btm .container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    max-width: 1022px;
}
.bnr-btm-hding {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 100% */
    letter-spacing: 1.6px;
    text-transform: uppercase;
}
.bnr-btm-list {
    margin: 25px 0 0;
    width: 100%;
}
.bnr-btm-list, .bnr-btm-list li {
    display: inline-block;
    vertical-align: middle;
}
.bnr-btm-list li {
    padding: 0;
    position: relative;
    width: 19.6%;
}
footer {
    background: #01335E;
    color: #fff;
    padding: 40px 0;
    text-align: center;
}
footer p {
    font-size: 12px;
    line-height: 18px;
    color: #a8a8a8;
    margin-bottom: 6px;
}
footer .footer--links a,footer span{
    font-weight: 400 !important;
}
.footer--copyright{
    padding: 0px;
    border-top: 0px solid #fff;
}
.footer--links{
    margin-bottom: 0px;
}
.banner .second-half{
    display: none !important;
}
.banner .first-half{
    display: flex !important;
    align-items: center !important;
}
.product-reviews{
    display: flex;
    gap: 8px;
}
.vtf-product-info .product-reviews span {
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.vtf-product-info ul li{
    text-align: left;
    color: #01335E;
}
.right-bottom .right-bottom-text p{
    text-align: left;
}
.vtf-product-info .product-heading{
    text-align: left;
    margin-bottom: 8px;
}
.gua-text{
    color: #000;
}
p{
    color: #000;
}
.offer-content{
    align-items: flex-start;
}
.points-list li,.reviews-summary .text-bold{
    color: #000;
}
.product-price,.faq-title,.faq-item{
    text-align: left;
}
.testimonial--text p,.testimonial--author{
    text-align: left; 
    color: #000;
}
.default-ticker .ticker-item::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.16339 8.33333H9.17587M9.16648 13.3333H9.17896' stroke='%23002F28' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83331 10.8333H12.5' stroke='%23002F28' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='1.25' cy='1.25' r='1.25' transform='matrix(1 0 0 -1 13.3333 6.66687)' stroke='%23002F28' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.31185 9.28661C1.47589 10.2202 1.45791 11.6288 2.22513 12.6197C3.74758 14.5861 5.41394 16.2524 7.38026 17.7749C8.37116 18.5421 9.77975 18.5241 10.7134 17.6881C13.2482 15.4185 15.5696 13.0466 17.8099 10.44C18.0314 10.1823 18.1699 9.8664 18.201 9.52802C18.3385 8.03165 18.621 3.72056 17.4502 2.54978C16.2794 1.37901 11.9683 1.66147 10.472 1.79897C10.1336 1.83006 9.81773 1.96861 9.56003 2.19009C6.95343 4.43038 4.58149 6.75176 2.31185 9.28661Z' stroke='%23002F28' stroke-width='1.5'/%3E%3C/svg%3E");
}
.default-ticker .ticker-item::after{
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.16339 8.33333H9.17587M9.16648 13.3333H9.17896' stroke='%23002F28' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83331 10.8333H12.5' stroke='%23002F28' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='1.25' cy='1.25' r='1.25' transform='matrix(1 0 0 -1 13.3333 6.66687)' stroke='%23002F28' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.31185 9.28661C1.47589 10.2202 1.45791 11.6288 2.22513 12.6197C3.74758 14.5861 5.41394 16.2524 7.38026 17.7749C8.37116 18.5421 9.77975 18.5241 10.7134 17.6881C13.2482 15.4185 15.5696 13.0466 17.8099 10.44C18.0314 10.1823 18.1699 9.8664 18.201 9.52802C18.3385 8.03165 18.621 3.72056 17.4502 2.54978C16.2794 1.37901 11.9683 1.66147 10.472 1.79897C10.1336 1.83006 9.81773 1.96861 9.56003 2.19009C6.95343 4.43038 4.58149 6.75176 2.31185 9.28661Z' stroke='%23002F28' stroke-width='1.5'/%3E%3C/svg%3E");
}

.default-ticker .ticker-item{
    padding-left: 30px;
    position: relative;
    padding-right: 30px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0px 24px;
}
.vft-grid.grid-cols-2{
    gap: 0px;
    grid-template-columns: minmax(40%, 45%) minmax(40%, 50%);
}

.vtf-product-info .product-subheading{
    color: #01335E;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1.6px;
    margin-bottom: 8px;
    margin-top: 24px;
    text-transform: uppercase;
}
.hero-section{
    background: #D1F0FD;
    padding: 40px 0px;
    padding-bottom: 30px;
    overflow: hidden;
    position: relative;
}
.hero-section .vtf-product-info{
    position: relative;
    z-index: 30;
}
.hero-section::after{
    content: "";
    position: absolute;
    width: 100%;
    height: var(--btn-wrapper-height);
    background:#01335E;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.hero-section .list-heading{
    color: #01335E;
    margin-top: 32px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
}
.hero-section.var-1 .list-heading{
    margin-bottom: 16px;
}
.vtf-product-info p.vft-btn-after{
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}
.vtf-product-info p.vft-btn-after span{
    font-weight: 700;
}
.product-stats-1{
    justify-content: space-between;
    color: #01335E;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px; /* 166.667% */
    letter-spacing: 1.2px;
}

.section-title h2{
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
    color: #01335E;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    margin-bottom: 16px;
}
.section-title h2 span{
    color: #38BDF8;
}
.container-benefits{
    max-width: 1022px;
    margin: 0 auto;
    padding: 0px !important;
}
.container-benefits .benefit{
    gap: 70px;
}
.benefit-text h4{
    color: #38BDF8;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.6px;
    margin-bottom: 10px;
}
.benefit-text h3{
    color: #01335E;
    font-size: 35px;
    font-weight: 700;
    line-height: 40px; 
}
.benefit-text h3 span{
    color: #38BDF8;
}
.benefit-text p{
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 24px;
}
.benefit-text p  span{
    font-weight: 700;
}
.benefit-text ul{
    padding-left: 0px;
}
.benefit-text ul li{
    position: relative;
    margin-bottom: 4px;
    color: #01335E;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px; 
    padding-left: 24px;
}
.benefit-text ul li span{
    font-weight: 700;
}
.benefit-text ul li::before{
    content: "";
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect width='16' height='16' rx='8' fill='%2301335E'/%3E%3Cpath d='M11.734 5.72485L6.9302 10.5287C6.74793 10.711 6.45243 10.711 6.27016 10.5287L4.2666 8.52515' stroke='%2338BDF8' stroke-width='1.33333' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 4px;
}
.qualities-image{
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    width: 35%;
}
.qualities-list .quality{
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
    overflow: hidden;
} 
.qualities-list .quality::before{
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg width='398' height='24' viewBox='0 0 398 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M374.505 12L0.5 12' stroke='%2301335E' stroke-width='2'/%3E%3Ccircle cx='385.5' cy='12' r='11' stroke='%2301335E' stroke-width='2'/%3E%3Ccircle cx='385.5' cy='12' r='7' fill='%2338BDF8' stroke='%2301335E' stroke-width='2'/%3E%3C/svg%3E%0A");
    width: 397px;
    height: 24px;
    display: block;
    position: absolute;
    bottom: 0;
    left: -30px;
}
.qualities-list .quality.fb-justify-end::before{
    display: none;
}
.qualities-list .quality.fb-justify-end::after{
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg width='698' height='24' viewBox='0 0 698 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M698 12H23.5' stroke='%2301335E' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='11' stroke='%2301335E' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='7' fill='%2338BDF8' stroke='%2301335E' stroke-width='2'/%3E%3C/svg%3E%0A");
    width: 100%;
    height: 24px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
.quality.q-6 div p{
    max-width: 80%;
    margin: 0 auto;
}
.qualities-list .quality{
    text-align: center;
    align-items: flex-end;
}

.qualities-list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 430px;
}
/* .qualities-list .quality.q-5::before{
    left: -30%;
}
.qualities-list .quality.q-6::after{
    width: 100%;
} */
.qualities .section-title h2{
    margin-bottom: 60px;
}
.offer{
    background: #01335E;
    color: #fff;
}
.qualities-product-images{
    margin-top: 120px;
}
.reviews-summary .text-bold {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
}
.offer h2{
    margin-bottom: 18px;
    color: #38BDF8;
    font-size: 48px;
    font-weight: 700;
    line-height: 57px;
}
.offer .points-list li{
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    position: relative;
    color: #fff;
    padding-left: 28px;
}
.offer .points-list li:before{
    width: 18px;
    position: absolute;
    height: 14px;
    top: 9px;
    left: 0;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_178_776)'%3E%3Cpath d='M6.4042 13.5C6.06887 13.5 5.7495 13.3667 5.51398 13.1285L0.368263 7.92046C-0.122755 7.42388 -0.122755 6.61642 0.368263 6.11984C0.859281 5.62326 1.65769 5.62326 2.14871 6.11984L6.4042 10.4236L15.8094 0.911766C16.2805 0.394996 17.0789 0.362698 17.5938 0.839095C18.1048 1.31549 18.1367 2.12295 17.6657 2.64375C17.6417 2.66798 17.6178 2.69624 17.5898 2.72046L7.29841 13.1326C7.05889 13.3708 6.73952 13.504 6.4042 13.504V13.5Z' fill='%2338BDF8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_178_776'%3E%3Crect width='18' height='13' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");

}
.reviews-summary{
    display: flex;
    justify-content: center;
}
.offer .container-d{
    max-width: 1230px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.vtf-product-info.desktop .product-subheading,.vtf-product-info.desktop .product-heading,.vtf-product-info.desktop .product-reviews{
    display: block;
}
.vft-product-mobile{
    display: none;
}
.benefit-text-mob{
    display: none;
}
.points-list.mob{
    display: none;
}
.offer-box{
    padding-bottom: 10px;
}
.status-container{
    margin-bottom: 16px;
}
.container-benefits .benefit.reverse{
    flex-direction: row-reverse;
}
.product-stats-1 .left{
    display: flex;
    align-items: center;
    gap: 0px;
    text-transform: uppercase;
}
.product-stats-1 .right{
    display: flex;
    gap: 8px;
}
.fotorama__video{
    top: 0px;
}
/* v8 */
.vft-product-mobile p{
    text-align: left;
}
.video-main-wrapper{
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    z-index: 40;
}
.gf-list-wrapper ul{
    padding: 0;
    margin: 0;
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row !important;
    gap: 8px;
    margin-bottom: 16px;
}
.gf-list-wrapper ul li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0px;
    gap: 4px;
    width: 90px;
}
.gf-list-wrapper ul li::before{
    content: "";
    display: none;
}
.gf-list-wrapper ul li span{
    color: #01335E;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px; /* 133.333% */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    display: block;
}
.gf-list-wrapper ul li svg{
    display: block;
    margin: 0 auto;
}
mux-player{
    height: 100%;
    width: 100%;
    --seek-backward-button: none;
  --seek-forward-button: none;
  --rendition-menu-button: none;
  --cast-button: none;
  --playback-rate-button: none;
  --fullscreen-button: none;
  --pip-button: none;
  --bottom-play-button: block;
}
mux-player::part(play-button) {
    background-image: url('path/to/your-icon.png');
    background-size: cover;
    width: 40px; /* Adjust size as needed */
    height: 40px; /* Adjust size as needed */
  }
mux-player::part(bottom mute button){
    display: block !important;
}
mux-player::part(center play button) {
    border: 1px solid #fff;
    background-color: #38BDF8;
  }
  mux-player::part(center play button):hover {
    background-color: #01335E;
  }
.product-reviews{
    text-align: center;
    padding:8px 0px;
    background: #01335E;
    border-bottom: 1px solid #fff;
    color: #fff;
    margin-top: 47px;
}
.product-reviews span,.product-stats-1 .left span, .product-stats-1 .right span{
    color: #fff;
}
.product-stats-1 .left span, .product-stats-1 .right span{
    font-size: 12px;
font-weight: 700 !important;
line-height: 16px; /* 133.333% */
letter-spacing: 1.2px;
text-transform: uppercase;
}
.date-to-ship{
    text-transform: uppercase;
    color: #38BDF8 !important;
}

.bg-dark-green{
    background: #01335E;
}
.vtf-product-info .vtf-btn{
    margin-top: 0px;
    
}
.padding-btn{
    padding: 16px 0px;
}
.vtf-product-info .product-content{
    padding-left: 60px;
}
.btn-outer-wrapper .content{
    max-width: 90%;
    margin: 0 auto;
}
.grid-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: minmax(100px, auto);
    gap: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

.testimonial-quote {
    background-color: #01335E;
    color: white;
    padding: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 24px;
}

.testimonial-quote .quote {
    font-size: 26px;
    margin-bottom: 15px;
    line-height: 1.3;
    font-weight: 500;
    padding: 0px 16px;
}

.highlight {
    color: #38BDF8;
    font-weight: 700;
}

.attribution {
    font-size: 14.92px;
font-weight: 500;
    padding: 0px 16px;
    text-transform: uppercase;
}

.attribution .name {
    font-weight: bold;
}

.grid-item {
    overflow: hidden;
    border-radius: 8px;
}

.grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.img-comparison,.qualities-image{
    margin: 0 auto;
    display: block;
    max-width: 100%;
}
.benefits .section-title h2{
    max-width: 800px;
}
.cta-block .main-heading{
    padding-left: 20px;
    padding-right: 20px;
}
.logo-desktop{
    max-width: 330px;
}
.logo-mobile{
    display: none;
}

 .grid-container-mobile{
    display: none;
 }       
 .grid-bg{
    background: #D1F0FD;
    padding: 60px 0px;
}  
.offer-image{
    width: 60%;
    height: 100%;
    margin-top: 0px;
}
.comparison-padding{
    padding: 40px 0px;
}
.img-comparison{
    width: 30%;
}
.qualities.banner-padding{
    padding-bottom: 120px !important;
}
.two-col-layout .qualities-product-images{
    margin-top: 0px;
}
.vtf-product-info .product-subheading{
    color: #01335E;
}
.vtf-product-info p.vft-btn-after span{
    color: #38BDF8;
}
.banner-content {
    padding: 24px 24px;
}

.offer .container-d{
    align-items: center;
}
.product-stats-1 .right span:last-child,.product-stats-1 .left span:last-child{
    color: #38BDF8 !important;
    font-size: 12px !important;
font-weight: 700 !important;
line-height: 16px !important; 
letter-spacing: 1.2px !important;
}
.product-stats-1 .right .gap-1{
    gap: 9px;
}
.hero-section.style-2 .product-reviews{
    background: none;
    border-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    margin-bottom: 16px;
    padding: 0px;
}
.hero-section.style-2 .product-reviews span{
    color: #01335E;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.hero-section.style-2 .hero-badge{
    border-radius: 50px;
    background: #01335E;
    display: inline-flex;
    padding: 4px 12px 4px 8px;
    align-items: center;
    gap: 4px;
    color: #FFF;
    margin-bottom: 80px;
}
.hero-section.style-2 .hero-badge span{
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.header-btn{
    border-radius: 8px;
    background: #FDC700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 8px 8px 12px;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    color: #171717;
    text-align: right;
    font-size: 16px;
    font-weight: 600;
    transition: .3s all ease;
    line-height: 16px; 
}
.header-btn{
    display: flex;
}
.header-btn:hover,.header-btn:focus{
    transition: .3s all ease;
    background: #D97706;
}
.link-tel:hover svg path{
    transition: .3s all ease;
    fill: #FDC700;
    stroke: #0F172A;
}
.fixed-cta-after{
    width: 100%;
    margin: 0 16px;
    display: flex;
    margin-top: 6px;
    align-items: center;
    justify-content: space-between;
}
.fixed-cta-after span{
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}
.fixed-cta {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    padding: 0px 16px;
    z-index: 999;
    background: #01335E;
    border-radius: 16px 16px 0px 0px;
    box-shadow: 0px 0px 24px 0px rgba(0, 45, 89, 0.7);
}

/* Mobile Media Queries */

@media screen and (min-width:991px) and (max-width: 1080px) and (orientation: portrait) {
    .hero-content {
        width: calc(60% - 200px);
    }
}
@media screen and (min-width: 992px) and (orientation: portrait){
    /*.hero-content {
        width: calc(63% - 200px);
    }*/

    .hero-slider {
        position: absolute;
        top: 20px;
        right: 45px;
    }
    .hero-slider--reverse {
        left: 45px;
        right: initial;
    }

    .offer-content {
        min-height: 490px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

   


    .qualities--image-wrapper {
        position: absolute;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        top:0;
        right: 0px;
    }
}

@media screen and (min-width: 1400px){
    .offer-image {
        object-fit: fill;
    }
}
@media screen and (max-width: 1200px) and (orientation: portrait){
    .qualities--image-wrapper {
        top: 0;
        width: 35vw;
    }

}
@media screen and (min-width: 1082px) and (orientation: portrait){
    .hero-content {
        width: calc(62% - 200px);
    }
}
@media screen and (min-width: 1200px) and (orientation: portrait){

    .hero-content {
        width: calc(64% - 200px);
    }
}
@media screen and (max-width: 991px) and (orientation: portrait){
    h1 {
        font-size: 46px;
        line-height: 52px;
        text-align: center;
    }

    h2 {
        text-align: center;
    }

    .hide-tablet {
        display: none;
    }

    .logo img {
        width: 170px;
    }

    .nav-mobile--menu a:active {
        background-color: #38BDF8;
    }

    .hero {
        padding-top: 15px;
    }

    .reviews-summary {
        justify-content: center;
    }

    .hero-slider {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }

    .hero-wrapper {
        max-width: 100%;
        display: flex;
        flex-direction: column;
    }

    .hero-slider--display {
        background-color: transparent;
        height: 100%;
        width: 100%;
    }



    .hero-slider--display-wrapper:before {
        content: none;
    }

    .hero-slider--display:before {
        display: none;
    }

    .hero-slider--current-image {
        align-items: center;
        display: flex !important;
    }

    .hero-slider--current-image .slick-list,
    .hero-slider--current-image .slick-list img:not(.slider-0-img) {
        height: 100%;
        width: 100%;
    }

    .hero-slider--current-image .slick-arrow {
        position: absolute;
        z-index: 5;
    }

    .hero-slider--current-image .slick-prev.slick-arrow {
        left: -20px;
    }

    .hero-slider--current-image .slick-next.slick-arrow {
        right: -20px;
    }

    .hero-slider--arrows-mobile {
        width: 100%;
        top: 0;
        left: 0;
        user-select: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .hero-slider--current-image img {
        border-radius: 0;
        overflow: visible;
    }

    .hero-slider--arrow-mobile {
        cursor: pointer;
    }

    .hero-slider--arrow-mobile-left {
        margin-left: -20px;
    }

    .hero-slider--arrow-mobile-right {
        margin-right: -20px;
    }

    .benefit:nth-child(2n + 1) .benefit-image:before {
        height: calc(50% + 9px);
        width: calc(50% + 9px);
        bottom: -9px;
        right: -9px;
    }

    .benefits-list {
        gap: 44px;
    }

    .benefit {
        flex-direction: column;
    }

    .benefit-image {
        order: 1;
    }

    .qualities--image-wrapper {
        width: 100%;
        display: flex;
        justify-content: center;
        position: relative;
    }

    .qualities--list {
        gap: 25px;
        margin: 10px 0 0 0;
    }

    .quality,
    .quality div {
        width: 100%;
    }

    .testimonials--list {
        margin: 28px auto 0 auto;
        gap: 44px;
    }

    .offer-image {
        margin-top: 20px;
    }

    .offer .points-list {
        order: 1;
    }

    .offer .cta {
        align-self: center;
    }

    .faq {
        margin-top: 30px;
        padding: 10px 0;
    }

    .fixed-cta .cta {
        align-items: center;
        display: flex;
        flex-direction: column;
    }
}

@media screen and (min-width: 991px) {
    .bg-grey .color-block {
        top: 7%;
    }

    .testimonial {
        margin-bottom: 25px;
    }

    .qualities {
        background-image: linear-gradient(180deg, #fbfbfa 490px, transparent 490px);
    }
}

@media screen and (min-width: 768px) and (orientation: portrait){
    .hide-desktop {
        display: none;
    }

    .banner-text {
        flex: 1;
        padding: 15px 0 4px 0;
    }

    .banner--recommended-seal {
        bottom: 38px;
        right: -19px;
    }

    .qualities-product-images div {
        width: 50%;
    }
}

@media screen and (min-width: 560px) and (max-width: 991px) and (orientation: portrait){
    .bg-grey .color-block {
        top: 250px;
    }
    /*.right-bottom .right-bottom-image {
        width: 10%;
    }*/
    .right-bottom {
        width: 500px;
    }
}
@media screen and (max-width: 1240px) and (orientation: portrait){
 .fb-row-reverse .hero-content h1 {
            font-size: 36px;
    line-height: 44px;
    }
}
@media screen and (max-width: 767px) and (orientation: portrait){
    body {
        font-size: 16px;
        line-height: 23px;
    }

    .hide-mobile {
        display: none;
    }
    .benefit br.hide-mobile{
        display: block;
    }

    .fb-col-mobile {
        flex-direction: column;
    }

    h1 {
        font-size: 28px;
        line-height: 34px;
    }

    h2 {
        font-size: 26px;
        line-height: 34px;
    }

    h3 {
        font-size: 22px;
        line-height: 28px;
    }

    h4 {
        font-size: 22px;
        line-height: 30px;
    }

    .container {
        padding: 0 25px;
    }

    .hero-slider--display-wrapper {
        width: 100%;
        max-width: 547px;
        height: 90.8965vw;
        max-height: 559px;
    }

    .hero-slider--display {
        width: 100%;
        height: 100%;
    }

    .hero-slider--arrow {
        display: none;
    }

    .hero-slider--current-image img.fill,
    .hero-slider--current-image img.expand.active {
        transform: scale(1);
        transform-origin: center;
    }

    .customers-photos--list {
        margin: 17px auto 40px auto;
    }

    .benefits-list {
        margin: 30px auto;
    }

    .banner-content {
        flex-direction: column;
        padding: 20px;
        gap: 20px;
    }

    .banner-text h4 {
        line-height: 28px;
    }

    .banner--recommended-seal {
        top: 11px;
        left: 69px;
        width: 82px;
    }

    .qualities-product-images div {
        width: 100%;
    }

    .qualities-product-images {
        flex-direction: column;
        margin: 38px 0 0 0;
    }

    .guarantee {
        padding: 40px 0 20px 0;
    }

    .guarantee-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .guarantee-text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .faq-item input.checked~label .faq-accordion {
        padding: 16px 56px 16px 16px;
    }

    .faq-icon {
        right: 12px;
    }
}

@media screen and (max-width: 600px) and (orientation: portrait){
    .container {
        padding: 0 20px;
    }

    .reviews-summary img {
        width: 91px;
    }

    .hero-slider--buttons {
        width: 100%;
    }

    .hero-slider--buttons-thumbs {
        gap: 6px;
        margin: 0;
        width: 100%;
        justify-content: center;
    }

    .hero-slider--button {
        width: unset;
        max-width: 60px;
        flex: 1;
        height: 60px;
    }

    .hero-slider--guarantee-seal {
        width: 30%;
        height: 30%;
        top: 10px;
        left: 10px;
    }

    .hero-slider--recommended-seal {
        width: 65px;
        height: 65px;
        bottom: 16px;
        right: 16px;
    }
    .hero-slider--reverse .hero-slider--recommended-seal {
        bottom: 16px;
        right: initial;
        left: 16px;
    }
}

#features .section-title .break {
    display: none;
}

@media screen and (max-width: 500px) and (orientation: portrait){
    #features .section-title .break {
        display: inline;
    }
}

@media screen and (max-width: 560px) and (orientation: portrait){
    .bg-grey .color-block {
        top: 270px;
    }
}

@media screen and (max-width: 400px) and (orientation: portrait){
    .topbar p {
        font-size: 12px;
    }

    .hero-slider--guarantee-seal {
        width: 95px;
        height: 95px;
        top: 5px;
        left: 5px;
    }

    .cta button {
        letter-spacing: -0.44px;
        font-size: 16px;
        padding: 10px;
    }
}

@media (max-width: 768px) and (orientation: portrait){
    .right-bottom .right-bottom-text {
        width: 82%;
        padding-left: 0px;
    }
}



@media screen and (min-width: 992px) and (orientation: portrait){
    .right-bottom {
        width: 500px;
    }
}

.d-flex {
    display: flex;
}
.d-none{
    display: none;
}
.flex-row {
    flex-direction: row;
}

.timer-wrapper {
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    margin-top: 10px;
}

.bottom-bar .timer-wrapper .code {
    height: auto;
    align-self: flex-start;
}
@media screen and (max-width: 1200px) and (orientation: portrait){
    .vft-grid {
        gap: 24px;
        margin: 16px 0px;
    }
    .vft-container {
        max-width: 80%;
        margin: 0 auto;
    }

    .grid-cols-2 {
        -ms-grid-columns: 1fr !important;
        grid-template-columns: 1fr !important;
    }

    .vft-images-wrapper .fotorama__stage {
        margin: 0 auto;
    }
}
@media screen and (max-width: 768px) and (orientation: portrait){
    .vft-header-top{
        padding: 8px 0px;
    }
    .vft-header-top ul li a:after{
        top: 0px;
    }
    .vft-header-top ul li a{
        font-size: 14px;
    }
    .vft-container {
        max-width: 92%;
        margin: 0 auto;
    }
    .vtf-product-info .product-review span,.vtf-product-info p,.vtf-product-info ul li
    {
        font-size: 22px;
    }
    .vtf-product-info .product-price{
        font-size: 24px;
    }
    .vtf-product-info .vtf-statistic-box .single-box h3{
        font-size: 13px;
        line-height: 16px;
    }
    .vtf-product-info .product-update-wrapper .product-ship span, .vtf-product-info .product-update-wrapper .product-stock span{
        font-size: 12px !important;
    }
    .vtf-product-info .product-update-wrapper .product-stock span:first-child::before {
        transform: scale(.8);
        top:-5px;
    }
    .vtf-product-info .product-update-wrapper .product-ship span:first-child::before {
        transform: scale(.8);
        top:-5px;
    }
    .vtf-product-info .product-update-wrapper{
        margin-bottom: 24px;
    }
    .vtf-product-info .product-review span{
        font-size: 12px !important;
    }
    .product-review:before {
        transform: scale(0.8);
        left: -11px;
        top: 0px;
    }
    .vtf-product-info .product-review span:first-child{
        padding-left: 120px;
    }
    .vtf-product-info .product-heading{
        text-align: left;
    }
    .vtf-product-info .vtf-statistic-box{
        gap: 8px;
    }
    .qualities .section-title{
        margin-bottom: 60px;
        display: block;
    }
}
@media screen and (min-width: 768px) and (max-width: 1240px) and (orientation: portrait){
    .hero-section{
        padding-top: 16px;
    }
    .vft-container {
        max-width: 96%;
        margin: 0 auto;
    }
    .vtf-product-info .product-subheading{
        text-align: left;
    }
    .bnr-btm-list li{
        margin: 8px auto;
    }
    .container-benefits .benefit{
        gap: 16px;
        padding-left: 16px;
        padding-right: 16px;
        flex-direction: row !important;
    }
    .container-benefits .benefit.reverse{
        flex-direction: row-reverse !important;
    }
.testimonial-quote .quote {
    font-size: 18px;
    line-height: 24px;
    padding: 0px 0px;
}
.attribution {
    font-size: 12px;
    padding-left: 0px !important;
    line-height: 18px;

}
}
@media screen and (min-width: 768px){
    .date-to-ship{
        text-align: left;
    }
    .grid-container-c {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(3, 1fr);
        gap: 8px;
        
    }
    .grid-bg{
        background: #D1F0FD;
        padding: 40px 0px;
    }
        
    .div1 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
    }

    .div2 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
        grid-column-start: 5;
        grid-row-start: 2;
    }

    .div4 {
        grid-column-start: 3;
        grid-row-start: 2;
    }

    .div5 {
        grid-column-start: 4;
        grid-row-start: 2;
    }

    .div14 {
        grid-column-start: 3;
        grid-row-start: 1;
    }

    .div16 {
        grid-column-start: 4;
        grid-row-start: 1;
    }

    .div17 {
        grid-column-start: 5;
        grid-row-start: 1;
    }

    .div18 {
        grid-column-start: 6;
        grid-row-start: 1;
    }

    .div19 {
        grid-row-start: 3;
    }

    .div20 {
        grid-row-start: 3;
    }

    .div21 {
        grid-row-start: 3;
    }

    .div22 {
        grid-row-start: 3;
    }
}     

@media screen and (max-width: 1300px) and (orientation: portrait){
    .offer .container-d{
        flex-direction: column;
        padding: 24px 16px;
    }
}
@media screen and (max-width: 768px) and (orientation: portrait){
    header .container .row .d-flex{
        gap: 6px;
    }
    .logo-desktop{
        display: none;
    }
    .logo-mobile{
        display: block;
        max-width: 135px;
    }
    mux-player::part(center play button) {
        border: 1px solid #fff;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        padding: 16px;
      }
    .banner-content {
        padding: 24px 16px;
    }
    .img-comparison{
        width: 90%;
    }
    .testimonial-quote{
        padding: 20px 16px;
    }
    .offer-image{
        width: 100%;
        height: 100%;
        margin-top: 20px;
    }
    .grid-item {
        overflow: hidden;
        border-radius: 8px;
        width: 100%;
        height: 100%;

    }
    .grid-container-c.dekstop{
        display: none;
    }
    .grid-container-mobile{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(4, 1fr);
        gap: 8px;
    }
    .div1 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
    }

    .div2 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
        grid-column-start: 3;
        grid-row-start: 3;
    }

    .div12 {
        grid-column-start: 1;
        grid-row-start: 4;
    }

    .div13 {
        grid-column-start: 2;
        grid-row-start: 4;
    }

    .div17 {
        grid-column-start: 4;
        grid-row-start: 2;
    }

    .div19 {
        grid-column-start: 4;
        grid-row-start: 1;
    }

    .div21 {
        grid-column-start: 1;
        grid-row-start: 3;
    }

    .div22 {
        grid-column-start: 2;
        grid-row-start: 3;
    }

    .div23 {
        grid-column-start: 3;
        grid-row-start: 2;
    }

    .div29 {
        grid-column-start: 3;
        grid-row-start: 1;
    }
    .testimonial-quote .quote {
     font-size: 14px;
     line-height: 18px;
     padding: 0px 0px;
     margin-bottom: 8px;

    }
    .attribution{
        padding: 0px 0px;
        font-size: 8px;
        letter-spacing: .8px;
    }
        
    .cta button{
        border-radius: 8px;
        width: 100%;
    }
    .fixed-cta .cta{
        width: 100%;
    }
    .container-benefits .benefit.reverse{
        flex-direction: column;
    }
    .bene-2 h2{
        margin-bottom: 20px;
    }
    .benefit-text h3{
        margin: 0 auto;
    }
    .banner-btm {
        padding: 20px 0
    }

    .bnr-btm-list {
        margin: 12px 0 0;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .banner-btm .container {
        box-sizing: border-box;
        max-width: 600px;
        padding: 0 15px;
        width: 100%;
    }
    .bnr-btm-list li {
        padding: 8px 18px;
        width: 100%;
    }
    .bnr-btm-list li:last-child{
        display: none;
    }
    .bnr-btm-hding {
        font-size: 15px;
        line-height: 19px;
    }
    .bnr-btm-list li img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }
    .header-right-first-text{
        display: none;
    }
    .banner .bottom-bar {
        display: block;
        text-align: center;
    }
    .timer-wrapper {
        justify-content: center;
        align-items: center;
        padding: 0px 0px !important;
        margin-top: 5px;
        flex-direction: row !important;
    }
    .banner .second-half{
        display: flex !important;
        flex-direction: column;
    }
    .banner .first-half{
        display: none !important;
    }
    .vtf-product-info.desktop .product-subheading,.vtf-product-info.desktop .product-heading,.vtf-product-info.desktop .product-reviews{
        display: none;
    }
    .vft-product-mobile{
        display: block;
    }
    .vtf-product-info .product-subheading{
        margin-top: 0px;
        text-align: left;
    }
    .vtf-product-info .product-heading{
        text-align: left;
        font-size: 30px;
        font-weight: 700;
        line-height: normal;
        margin: 0 auto;
        margin-bottom: 0px;
    }
    
    .hero-section.var-1 .vtf-product-info .product-heading{
        max-width: 280px;
        text-align: left;
        margin-bottom: 0px;
        margin-left: 0px;
    }
    .logo img {
        width: 120px;
    }
    .vtf-product-info.desktop .list-heading{
        display: none;
        padding-left: 16px;
        padding-right: 16px;
    }
    .hero-section.var-1 .vtf-product-info.desktop ul{
        display: none;
        padding-left: 16px;
        padding-right: 16px;
    }
    .hero-section.var-1 .vtf-product-info.desktop ul li{
        margin-bottom: 8px;
    }
    .product-reviews{
        justify-content: center;
    }
    .vft-grid.grid-cols-2{
        gap: 0px;
        margin: 0;
    }
    .hero-section .list-heading{
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .vtf-product-info ul li{
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
    }
    .vtf-product-info ul{
        margin-bottom: 32px;
    }
    .vtf-product-info p.vft-btn-after{
        margin: 0px 16px;
        display: block !important;
    }
    .product-stats-1{
        margin-top: 16px;
        gap: 16px;
    }
    .hero-section{
        padding-bottom: 0px;
    }
    .hero-section.var-1{
        padding-top: 24px !important;
    }
    .bnr-btm-list li img{
        max-width: 10 0%;
    }
    .banner-btm .container{
        padding: 0px;
    }
    .banner-btm{
        float: none;
        display: block;
        margin-bottom:0px;
    }
    .banner-padding2{
        padding: 40px 0px !important;
    }
    .banner-content .banner-image{
        max-width: 100%;
        width: 100%;
    }
    .banner-text h4{
        font-size: 22px;
        line-height: 28px;
    }
    .banner-content{
        padding: 16px;
        padding-bottom: 32px;
    }
    .section-title h2{
        font-size: 26px;
        font-weight: 700;
        line-height: 34px; 
        max-width: 343px;
    }
    
    .container-benefits .benefit{
        gap: 24px;
        justify-content: center;
        margin: 0px 16px;
    }
    .benefit{
        border-top: 1px solid #01335E;
        padding-top: 32px;
    }
    .benefit-text h4,.benefit-text h3,.benefit-text p{
        text-align: center;
    }
    .benefit-text h3{
        font-size: 22px;
        font-weight: 700;
        line-height: 28px; 
    }
    .banner-image img {
        width: 100%;
    }
    .benefit-text ul{
        display: none;
    }
    .benefit-text-mob{
        display: block;
        margin-top: 24px;
    }
    .benefit-text-mob ul li{
        position: relative;
        margin-bottom: 4px;
        color: #01335E;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        padding-left: 24px;
    }
    .benefit-text-mob ul li span{
        font-weight: 700;
    }
    .benefit-text-mob ul li::before {
        content: "";
        left: 0;
        top: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect width='16' height='16' rx='8' fill='%2301335E'/%3E%3Cpath d='M11.734 5.72485L6.9302 10.5287C6.74793 10.711 6.45243 10.711 6.27016 10.5287L4.2666 8.52515' stroke='%2338BDF8' stroke-width='1.33333' stroke-linecap='round'/%3E%3C/svg%3E");
        width: 16px;
        height: 16px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 4px;
    }
    .benefit-1{
        order: 1;
    }
    .benefit-text h3{
        max-width: 300px;
    }
    .qualities-image{
        position: relative;
        width:auto;
        max-width: 100%;
        display: block;
        height: auto;
        transform: none;
        left: auto;
        top: auto;
        margin-bottom: 12px;

    }
    .qualities-list{
        display: block;
    }
    .qualities-list .quality::before,.qualities-list .quality.fb-justify-end::after{
        display: none;
    }
    .qualities-list .quality{
        padding: 12px 0px;
        text-align: center;
    }
    .quality p{
        margin-top: 0px;
    }
    .qualities-product-images{
        margin-top: 40px;
    }
    .guarantee{
        padding-bottom: 40px;
    }
    .offer .container-d{
        flex-direction: column;
    }
    .offer-content{
        justify-content: center;
        align-items: center;
        padding: 40px 16px;
        padding-bottom: 32px;
    }
    .offer-content .reviews-summary .text-bold{
        max-width: 200px;
        line-height: 22px;
    }
    .offer h2{
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 0px;
    }
    .points-list.mob{
        display: block;
        padding-top: 24px;
        padding-bottom: 40px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .offer-content .points-list{
        display: none;
    }
    .testimonial{
        width: 100%;
    }
    .testimonial--image{
        width: 100%;
    }
    .testimonials--list{
        gap: 32px;
    }
    .faq{
        padding: 40px 0px;
    }
    .faq-accordion{
        padding: 32px 60px 32px 19px;
    }
    .faq h2{
        font-size: 26px;
        font-weight: 700;
        line-height: 34px; 
        max-width: 343px;
        margin: 0 auto;
    }
    .cta-block .cta-container{
        max-width: 90%;
        margin: 0 auto;
        padding: 32px 16px;
    }
    .cta-block .main-heading{
        font-size: 42px;
        font-weight: 700;
        max-width: 80%;
        margin: 0 auto;
    }
    .cta-block .subheading{
        max-width: 70%;
        margin: 0 auto;
    }
    .offer-box{
        display: block;
        padding: 16px;
        padding-bottom: 2px;
    }
    .status-container{
        margin-bottom: 16px;
    }
    footer{
        padding-bottom: 140px;
    }
    .product-stats-1 .left,.product-stats-1 .right{
        justify-content: center;
    }
    .vft-product-mobile p{
        text-align: center;
        font-size: 16px;
        line-height: 26px;
    }
    .vft-product-mobile p span{
        font-weight: 700;
    }
    .gf-list-wrapper ul{
        flex-direction: row;
    }
    .hero-section::after{
        display: none;
    }
    .vtf-product-info.desktop .product-reviews{
        display: block;
        margin-top: 0px;
    }
    .vtf-product-info.desktop .product-heading,.vtf-product-info.desktop p{
        display: none;
    }
    .vtf-product-info .product-content{
        padding-left: 0px;
    }
    .video-main-wrapper{
        margin-left: 0px;
        margin-right: 0px;
        border-radius: 0px;
    }
    .video-main-wrapper> div{
        border-radius: 0px !important;
    }
    .hero-section .vft-container{
        max-width: 100%;
    }
    .vft-product-mobile .vtf-product-info{
        max-width: 92%;
        margin: 0 auto;
    }
    .vtf-product-info .vtf-btn{
        padding: 16px 8px;
    }
    .btn-outer-wrapper .content {
        max-width: 96%;
        margin: 0 auto;
    }
    .qualities-list .quality.q-2{
        padding-top: 10px;
    }
    .vtf-product-info.desktop .gf-list-wrapper{
        display: none !important;
    }
    .product-stats-1 .left span, .product-stats-1 .right span{
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }
    .product-stats-1 .left, .product-stats-1 .right{
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 2px;
    }
    .qualities.banner-padding{
        padding-bottom: 60px !important;
    }
    .hero-section.style-2 .vtf-product-info.desktop .product-reviews,.hero-section.style-2 .vtf-product-info.desktop .hero-badge{
        display: none !important;
    }
    .hero-section.style-2{
        padding-top:0px;
    }
    .hero-section.style-2 .product-reviews{
        margin-top: 0px;
        padding: 8px 0px;
        border-bottom: 1px solid #01335E;
        margin-bottom: 16px;
    }
    .hero-section.style-2 .vft-product-mobile .vtf-product-info{
        max-width: 316px;
        margin: 0 auto;
        text-align: center;
    }
    .hero-section.style-2 .vtf-product-info .product-heading{
        text-align: center;
        margin-bottom: 16px;
    }
    .hero-section.style-2 .hero-badge span{
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        width: 100%;
    }
    .hero-section.style-2 .hero-badge{
        margin-bottom: 24px;
    }
    .header{
        padding: 8px 0px;
        min-height: auto;
    }
    .fixed-cta .cta {
        width: 100%;
    }
    .fixed-cta-after {
        width: 100%;
        margin: 0 16px;
        display: flex;
        margin-top: 6px;
        align-items: center;
        justify-content: space-between;
    }
    .fixed-cta-after span {
        color: #FFF;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
    }
    .product-stats-1 {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        gap: 4px !important;
    }
    .product-stats-1 .left, .product-stats-1 .right{
        flex-direction: row;
    }
}
@media screen and (max-width: 400px) and (orientation: portrait){
    
    .testimonial-quote{
        padding: 20px 12px;
    }
    
}


@media only screen 
  and (min-width: 320px) 
  and (max-width: 1024px) 
  and (orientation: landscape) { 
    .hero-section{
        padding-top: 16px;
    }
    .vtf-product-info .product-content {
        padding-left: 16px;
    }
    .benefit-text p{
        max-width: 60%;
    }
    .hero-section .grid-cols-2 {
        grid-template-columns: 1fr 1fr;
    }
    .hero-section .vft-container{
        max-width: 95%;
    }
    .vtf-product-info .product-heading {
        font-size: 32px;
        line-height: 1.3;
    }
    .vtf-product-info p{
        font-size: 18px;
        line-height: 1.6;
    }
    .vtf-product-info .vtf-btn{
        padding: 16px;
        font-size: 16px;
        gap: 8px;
    }
    .hero-section::after{
        display: none;
    }
    .product-stats-1{
        gap: 8px;
    }
    .product-stats-1 .right{
        align-items: center;
    }
    .grid-item {
        overflow: hidden;
        border-radius: 8px;
        width: 100%;
        height: 100%;
    }
    .section-title h2{
        font-size: 32px;
        line-height: 1.3;
    }
    .section-title p{
        max-width: 60%;
        font-size: 16px;
        line-height: 1.6;
    }
    .container-benefits .benefit{
        display: grid;
        grid-template-columns: 1fr 1fr;
        flex-direction: row;
        gap: 24px;
    }
    .container-benefits .benefit.reverse .benefit-1{
        order: 2;
    }
    .container-benefits .benefit.reverse .benefit-text{
        order: 1;
    }
    .container-benefits{
        max-width: 95%;
        margin: 0 auto;
    }
    .benefit-text h3{
        font-size: 24px;
        line-height: 1.3;
    }
    .container-benefits .benefit-text p{
        max-width: 100%;;
    }
    .img-comparison {
        width: 60%;
    }
    .qualities-image{
        display: block;
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto;
        transform: none;
        object-fit: cover;
        width: 50%;
        margin-bottom: 40px;
    
    }
    .qualities-list{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .qualities-list .quality::before,.qualities-list .quality::after{
        display: none !important;
    }
    .qualities-list .quality{
        text-align: center;
        padding-top: 0px;
    }
    .qualities-list .quality.q-2 {
        padding-top: 0px;
    }
    .qualities-product-images {
        margin-top: 30px;
    }
    .offer .container-d{
        justify-content: center;
        flex-direction: column;
    }
    .offer-content{
        padding-top: 40px;
        padding-bottom: 40px;
        align-items: center;
    }
    .offer-image {
        width: 90%;
        margin: 0 auto;
        height: 100%;
        border-radius: 16px;
    }
    .faq{
        padding-top: 60px;
    }
    .faq h2{
        font-size: 32px;
        line-height: 1.3;
        max-width: 50%;
        margin: 0 auto;
    }
    .faq-text p{
        font-size: 14px;
        line-height: 1.6;
    }
    .faq-accordion {
        padding: 16px 90px 16px 16px;
    }
    .faq-icon {
        top: 14px;
        transform: scale(.8);
    }
    .faq-list {
        gap: 16px;
        max-width: 80%;
        margin: 25px auto 30px auto;
    }
    .faq-item input.checked~label .faq-icon {
        transform: rotate(90deg) scale(.8);
        top: 14px;
    }
    .main-heading{
        font-size: 36px;
        max-width: 75%;
        margin: 0 auto;
    }
    header{
        position: relative;
        top: auto;
    }
    .testimonials--list {
        gap: 24px;
    }
    .testimonial {
        width: 30%;
    }
    .testimonials--list{
        max-width: 95%;
    }
    .grid-container-c.dekstop{
        display: none;
    }
    .grid-container-mobile{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(4, 1fr);
        gap: 8px;
    }
    .div1 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
    }

    .div2 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
        grid-column-start: 3;
        grid-row-start: 3;
    }

    .div12 {
        grid-column-start: 1;
        grid-row-start: 4;
    }

    .div13 {
        grid-column-start: 2;
        grid-row-start: 4;
    }

    .div17 {
        grid-column-start: 4;
        grid-row-start: 2;
    }

    .div19 {
        grid-column-start: 4;
        grid-row-start: 1;
    }

    .div21 {
        grid-column-start: 1;
        grid-row-start: 3;
    }

    .div22 {
        grid-column-start: 2;
        grid-row-start: 3;
    }

    .div23 {
        grid-column-start: 3;
        grid-row-start: 2;
    }

    .div29 {
        grid-column-start: 3;
        grid-row-start: 1;
    }
    .testimonial-quote .quote {
     font-size: 14px;
     line-height: 18px;
     padding: 0px 0px;
     margin-bottom: 8px;

    }
    .attribution{
        padding: 0px 0px;
        font-size: 8px;
        letter-spacing: .8px;
    }
}