.nav-cta,
.nav-links a {
    font-family: Inter;
    font-size: 16px
}

.mobile-menu .mob-cta,
.nav-cta {
    font-weight: 600;
    color: #fff;
    gap: 5px
}
.nav-links a.active {
    color: #007bff;  
    
}
#earbuds-table,
#hero-box {
    background-color: #ebfaff
}

.navbar {
    transition: all 0.3s ease;
}

.smoothFixed {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    animation: smoothFixed 0.3s ease forwards;
}

@keyframes smoothFixed {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.btn1,
.save-btn,
.save-btn:hover,
a {
    text-decoration: none
}

*,
::after,
::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

:root {
    --orange: #FF7C0E;
    --brown: #542307;
    --blue: #009ed7;
    --rust: #c85615;
    --cream: #efefe5;
    --warm-cream: #fff8e8;
    --green: #1BBA86;
    --red: #FC2201;
    --star: #FFA601
}

body,
html {
    font-family: Inter, sans-serif;
    color: #333;
    overflow-x: hidden
}

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

a {
    color: inherit
}

.navbar {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    box-shadow: 0 0 0 0 #00000040
}

.navbar .container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.nav-logo img {
    height: 40px;
    width: auto;
    object-fit: contain;
}

.nav-links {
    display: flex;
    gap: 80px;
    list-style: none
}

.nav-links a {
    font-weight: 600;
    color: #333;
    transition: color .2s
}

.nav-links a:hover {
    color: var(--blue)
}

.nav-cta {
    background: var(--green);
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: background .2s;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 4px 0 #00000040;
    max-width: 147px
}

.btn1,
.cta-btn-main {
    font-family: Inter, sans-serif;
    text-align: center
}

.nav-cta:hover {
    background: #62cfab
}

.hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 4px;
    background: 0 0;
    border: none
}

.hamburger span {
    display: block;
    width: 26px;
    height: 3px;
    background: #111;
    border-radius: 3px;
    transition: .3s
}

.hamburger.open span:first-child {
    transform: translateY(8px) rotate(45deg)
}

.dl-active .bar2,
.hamburger.open span:nth-child(2) {
    opacity: 0
}

.hamburger.open span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg)
}

.mobile-menu {
    display: none;
    position: fixed;
    top: 59pxpx;
    left: 0;
    right: 0;
    background: #fff;
    padding: 20px 24px 28px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
    z-index: 999;
    flex-direction: column;
    gap: 4px
}

.mobile-menu.open,
.sec2-pc-row {
    display: flex
}

.mobile-menu a {
    font-family: 'Kantumruy Pro', sans-serif;
    font-weight: 500;
    font-size: 17px;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    color: #111
}

.comp-table tr:last-child td,
.mobile-menu a:last-child,
.s5Col2 ul li:last-child,
.s5Col2.s5Col3 ul li:last-child,
.s5Col2.s5Col4 ul li:last-child {
    border-bottom: none
}

.mobile-menu .mob-cta {
    margin-top: 14px;
    background: var(--green);
    text-align: center;
    padding: 13px;
    border-radius: 150px;
    display: flex;
    justify-content: center;
        line-height: 100%;
    align-items: center;
}

.btn-box,
.cta-btn {
    flex-direction: column
}

#nav-bar-section .nav-bar,
#nav-bar-section-mob .nav-bar {
    background: #fff;
    padding: 0;
    margin-top: -90px;
    top: 90px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);
    z-index: 999;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);
    position: relative
}

#nav-bar-section .nav-bar.fixed-nav,
#nav-bar-section-mob .nav-bar.fixed-nav {
    position: fixed;
    z-index: 9999;
    -webkit-transition: margin .3s ease-out;
    transition: margin .3s ease-out;
    margin-top: 0;
    top: -1px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);
    width: 100%;
    background: #fff
}

.mob-mnu-ic button {
    outline: 0;
    -webkit-appearance: none;
    background: 0 0;
    padding: 0;
    cursor: pointer;
    border: none
}

.bar1,
.bar2,
.bar3 {
    width: 25px;
    height: 3px;
    background-color: #000;
    transition: .4s;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px
}

.dl-active .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 5px);
    transform: rotate(-45deg) translate(-5px, 5px);
    background: #000
}

.dl-active .bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -5px);
    transform: rotate(45deg) translate(-5px, -5px);
    background: #000
}

.bar2 {
    margin: 4px 0
}

.cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px
}

.cta-btn-main {
    background: var(--blue);
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    padding: 16px 28px;
    border-radius: 18px;
    border: 1px solid #4b4b4b;
    cursor: pointer;
    width: 100%;
    max-width: 360px;
    text-transform: uppercase;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, .25);
    transition: background .2s
}

.btn1,
.review-box .review-head,
.watchSet span {
    text-transform: capitalize
}

.cta-btn-main:hover {
    background: #007fb0
}

.cta-stock {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 400
}

.stock-dot {
    width: 12px;
    height: 12px;
    background: var(--green);
    border-radius: 6px;
    flex-shrink: 0
}

.stock-squares {
    display: flex;
    gap: 2px
}

.stock-sq {
    width: 13px;
    height: 13px;
    border: 1px solid #686c78
}

.stock-sq.red {
    background: #ff3838
}

.custom-box1,
.stock-sq.white {
    background: #fff
}

.jamescorecom-child {
    width: auto;
    height: 20px
}

.btn1 {
    font-size: 18px;
    color: #0a0a0a;
    padding: 15px 20px;
    border-radius: 4px;
    font-weight: 700;
    background: #ff7c0e;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

#hero-box .btn1 {
    font-weight: 800
}

.btn1 .btn-arw {
    margin-top: -3px;
    margin-left: 10px
}

.btn1:hover {
    color: #000 !important
}

.btn-arw {
    margin-left: 9px;
    width: 27px
}

.save-btn,
.save-btn:hover,
a.order-link {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 5px;
    padding: 12px 15px;
    background: #ff7c0e;
    text-transform: capitalize;
    border: none
}

.stock-low-stye,
.text {
    text-transform: uppercase
}

.save-btn,
.save-btn:hover {
    font-size: 26px;
    color: #fff !important;
    padding: 13px 50px;
    width: 410px;
    text-align: center;
    margin: 0 0 10px;
    font-weight: 600;
    background: #ff7c0e;
    box-shadow: 0 4px 4px 0 #00000040
}

.btn-box p {
    font-size: 12px;
    line-height: 17px;
    margin-top: 10px;
    font-weight: 400;
    width: 336px;
    text-align: center
}

.btn-box {
    text-align: left;
    display: flex;
    align-items: flex-start
}

.banner-author-section,
.banner-features-content,
.banner-reviews-content,
.features-cta,
.features-sec-hdng h3.sec-hdng,
.features-sec-para-wrapper,
.features-sec-video-wrapper,
.hero-review em,
.info,
.sec4-contentbox,
.section-title,
.step-info,
.watchSec,
.watchSet,
.wm-cta,
h3.sec-hdng.center,
p.sec-para.center {
    text-align: center
}

#review .info,
.btn-box p .font-style {
    font-weight: 500
}

.bag-icon {
    width: 27px;
    margin-left: 7px
}

#ctabtn-mob .btn-box,
.hero-bg {
    width: 100%
}

.stock-low {
    margin-left: 5px;
    margin-right: 5px
}

.stock-low-stye {
    color: #fc2201
}

.navbar {
    margin-bottom: 0;
}

#ctabtn-mob {
    background: 0 0;
    padding: 7px 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    transition: bottom 1s;
    display: table;
    width: 100%
}

.hero {
    position: relative;
    min-height: 650px;
    overflow: hidden;
    background: #Ffffff;
}

.hero-bg,
.hero-overlay {
    position: absolute;
    inset: 0
}

.hero-bg {
    height: 100%;
    object-fit: cover;
    object-position: center top
}

.hero-overlay {
    background: rgba(255, 250, 240, .15)
}

.hero-content {
    position: relative;
    z-index: 2;
    padding: 48px 0 60px;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 60px;
    min-height: 650px;
    direction: rtl
}

.hero-text {
    max-width: 100%;
    direction: ltr
}

.hero-title {
    font-family: Manuale, serif;
    font-weight: 600;
    font-size: clamp(36px, 4vw, 62px);
    color: var(--brown);
    line-height: .9;
    margin-bottom: 30px;
    text-shadow: 3px 4px 0 #fffbf2;
    max-width: 400px
}

.hero-features {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px
}

.hero-feat,
.review-meta {
    align-items: center;
    display: flex
}

.hero-feat {
    gap: 20px;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #1d1d1d
}

.trust-sub,
.trust-title {
    font-family: 'Kantumruy Pro', sans-serif
}

.hero-feat img {
    width: 32px;
    height: 32px;
    flex-shrink: 0
}

.hero-review {
    background: #f6f7f9;
    border: 1px dashed #3a748c;
    border-radius: 14px;
    padding: 16px 20px;
    margin-bottom: 28px;
    font-size: 14px;
    line-height: 1.6;
    color: #3b3b3b
}

.hero-review em {
    font-style: italic;
    color: #000;
    display: block;
    margin-bottom: 8px;
    font-size: 14px
}

.review-meta {
    gap: 18px;
    flex-wrap: nowrap;
    justify-content: center
}

.verified {
    color: #1ac70e;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 5px
}

.hero-img-side,
.hero-img-side-mob {
    position: relative;
    height: 640px
}

.hero-img-side img,
.hero-img-side video,
.hero-img-side-mob video {
    width: 100%;
    max-width: 100%;
    border-radius: 16px;
    object-fit: cover;
    height: 100%;
    filter: brightness(1.2) contrast(1.05)
}

.hero-img-side video,
.hero-img-side-mob video {
    border: 0px solid #e5e5e5
}

.as_seen_on_cntnr_mob,
.carouselBx-wrapper,
.feature-card.ft-card-two .feature-img,
.footer-links a:last-child::after,
.hero-img-side-mob,
.mob-accordian,
.mob-mnu-ic,
.mob-view,
.mobwrapper,
.owl-next span,
.owl-prev span,
.review-slider .owl-nav,
.slider-one .owl-dots,
.slider-one .owl-nav,
.stepTxt,
.story-body.mob,
.story-img-mob,
.trust-marquee,
.wm-center-mob {
    display: none
}

#hero-box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 89px;
    padding-top: 60px;
    padding-bottom: 60px
}

.banner-pc-content {
    position: relative;
    padding-left: 60px
}

.banner-reviews-content {
    padding: 11px 30px;
    background: #f6f7f9;
    border: 1px dashed #3a748c;
    border-radius: 15px;
    width: fit-content;
    margin: 10px 0 30px
}

.story,
.trust-strip {
    background: #fff
}

.banner-reviews-para p {
    font-weight: 600;
    font-size: 16px;
    font-style: italic;
    color: #0a0a0a
}

.banner-author-section {
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-author-section img:first-child {
    width: 35px
}

.banner-author-section img:last-child {
    margin-left: 5.5px;
    width: 110px;
    margin-top: -1px
}

.banner-reviews-details span {
    font-size: 13px;
    color: #3b3b3b
}

.banner-reviews-details img {
    margin-right: 8px
}

.banner-reviews-details span img {
    max-width: 100px;
    margin-right: 0;
    margin-left: 10px
}

.hero-box-one .banner-videobox {
    position: relative;
    padding-left: 34px
}

.banner-videobox video {
    width: 100%;
    height: 630px;
    object-fit: cover;
    border-radius: 25px
}

.video-icon {
    position: absolute;
    right: -95px;
    width: 230px;
    height: auto;
    bottom: -118px
}

.usaBx {
    position: absolute;
    top: 11px;
    right: 11px
}

.full-width,
.step-card,
.story,
h3.sec-hdng,
p.sec-para {
    position: relative
}

.hero-rate p {
    font-weight: 500;
    font-size: 16px;
    line-height: 137%;
    color: #0a0a0a
}

.hero-rate p span img {
    bottom: 1px;
    margin-right: 5px
}

.content-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%
}

.banner-features-content img {
    width: 70px
}

.banner-features-content p {
    line-height: 18px;
    font-weight: 700;
    font-size: 12px;
    color: #0a0a0a;
    margin-top: 8px;
    font-family: Inter, sans-serif
}

.banner-features-container {
    display: flex;
    max-width: 526px
}

.banner-features-content {
    width: 20%;
    margin: 0 9px
}

.review-star img {
    width: 100px
}

.new-banner-section .banner-videobox {
    height: 530px
}

.trust-strip {
    padding: 20px 40px;
    border-bottom: 1px solid #eee
}

.trust-grid {
    max-width: 1040px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 14px
}

.trust-icon {
    width: 60px;
    height: 60px;
    object-fit: contain;
    flex-shrink: 0
}

.feature-img,
.features-videobox video,
.story-img img {
    object-fit: cover;
    width: 100%
}

.trust-title {
    font-weight: 600;
    font-size: 15px;
    color: #111;
    margin-bottom: 10px;
    letter-spacing: .04em
}

.heading1,
.heading2,
.section-title,
h2.sec-head,
h3.sec-hdng {
    font-weight: 700
}

.trust-sub {
    font-size: 13px;
    color: #555;
    line-height: 1.5
}

.section-title {
    font-family: inter, serif;
    margin-bottom: 34px
}

.container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px
}

.story-inner {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

.heading1,
.heading2,
.info {
    margin-bottom: 30px
}

.heading1 {
    color: #0a0a0a;
    font-size: 48px;
    line-height: 140%
}

.heading2,
h3.sec-hdng,
p.sec-para {
    line-height: 120%
}

.heading2 {
    color: #121212;
    font-size: 36px
}

h2.sec-head {
    font-size: 56px;
    color: #000;
    margin-bottom: 5px
}

.s5Col2 .s5Col2Top p span,
h3.sec-hdng {
    font-size: 34px
}

h2.sec-head span {
    color: #1b9cfd;
    display: block
}

h3.sec-hdng {
    color: #000;
    padding-bottom: 20px
}

h3.sec-hdng span {
    color: #133d8f
}

h3.sec-hdng.center {
    font-size: 40px
}

p.sec-para {
    font-size: 24px;
    padding-bottom: 30px;
    margin-bottom: 0
}

.features-sec-hdng h3.sec-hdng::before,
p.sec-para.center::before {
    left: 50%;
    transform: translateX(-50%)
}

p.sub-hdng {
    text-align: left
}

.info {
    font-weight: 600;
    font-size: 32px;
    line-height: 50px;
    color: #0a0a0a
}

.sec-heading p.details {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 20px
}

.full-width {
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw
}

.story-text .section-title {
    text-align: left;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 30px;
    max-width: 100%;
    color: #ffffff;
    font-family: "Urbanist", sans-serif;
}

.story-sub {
    font-size: clamp(27px, 1.5vw, 40px);
    color: #a24100;
    letter-spacing: .02em;
    margin-bottom: 25px;
    font-weight: 500;
    font-family: "Delicious Handrawn", cursive
}

.story-body {
    font-size: 17px;
    line-height: 1.8;
    color: #ffffff;
    font-weight: 500;
    display: block
}

.story-body p {
    color: #ffffff;
    line-height: 150%;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: Inter;
    font-weight: 400
}

.features {
    padding: 80px 0;
    background: #ffffff;
}

.features-grid {
    max-width: 1100px;
    margin: 50px auto 0;
    display: grid;
    grid-template-columns: auto;
    gap: 40px
}

.blueSectionWrap .features-grid {
    margin: 00px auto 0;
}

.blueSectionWrap {
    background: #2343C3;
    padding: 40px 0px;
    margin-top: 50px;
}

.feature-title,
.features-sec-hdng,
.review-stars,
.up-slide-dwn:last-child {
    margin-bottom: 20px
}

.feature-card {
    display: flex;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: center;
    overflow: hidden;
    min-height: 280px
}

.feature-card.ft-card-one .feature-img {
    height: 100%
}

.feature-card.ft-card-one {
    min-height: 380px;
    grid-template-columns: 1.5fr 1fr;
    gap: 0
}

.feature-card.reverse {
    direction: rtl;
    background: 0 0;
    grid-template-columns: 1fr 1.2fr;
    gap: 20px
}

.feature-card.ft-card-two {
    direction: rtl;
    text-align: left;
    grid-template-columns: 1fr 1fr;
    min-height: 500px
}

.feature-card.reverse>* {
    direction: ltr;
    width: 100%;
    max-width: 50%
}

.feature-card.reverse .feature-img {
    overflow: hidden
}

.feature-img {
    max-width: 50%;
    height: 100%;
    max-height: 360px;
    display: flex;
    align-items: center;
    object-fit: cover;
}

.feature-body {
    padding: 40px
}

.feature-card.ft-card-one .feature-body {
    padding-right: 45px
}

.feature-title {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #275CD3;
    line-height: 1.2;
    font-family: "Urbanist", sans-serif;
}

.blueSectionWrap .feature-title {
    color: #ffffff;
}

.feature-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    max-width: 470px
}

.blueSectionWrap .feature-desc {
    color: #ffffff;
}

.easy-install,
.energy-saving,
.fast-shipping,
.quiet-operation {
    font-family: Inter;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-align: center
}

.features-cta {
    margin-top: 80px
}

.features-sec {
    padding: 30px 0 20px;
    background: #f6f7f9
}

.features-sec-txt {
    font-size: 24px;
    font-weight: 600;
    margin-top: 60px
}

.features-content,
.features-sec-para h3,
.wm-item-title {
    font-weight: 600;
    font-size: 20px
}

.features-sec-txt img,
.rating-content img,
.selSec img {
    margin-right: 10px
}

.features-sec-txt+.features-sec-txt {
    margin-top: 90px
}

.features-sec .btn-box {
    align-items: center;
    margin-left: 0;
    margin-top: 20px
}

.features-content {
    color: #000;
    line-height: 28px
}

.features-videobox video {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0 4px 0 #00000040;
    height: 100%;
    margin-top: 1px
}

.features-list ul {
    padding: 0
}

.features-list ul li,
.nameSec span {
    display: flex;
    align-items: flex-start
}

.features-list ul li img {
    margin-right: 27px;
    margin-top: 10px
}

.features-list li p {
    max-width: 500px
}

.features-sec-video-wrapper {
    height: 270px
}

.feature-img img,
.feature-img {
    border-radius: 12px;
}

.features-sec-video-wrapper img,
.features-sec-video-wrapper video {
    width: 100%;
    max-width: 100%;
    height: 270px !important;
    object-fit: cover;
    border-radius: 21px
}

.features-sec-para-wrapper {
    padding-top: 0
}

.features-sec-para h3 {
    color: #0a0a0a;
    line-height: 157%;
    margin-bottom: 10px;
    padding: 16px 0 0
}

.features-sec-para h3 img {
    width: 30px;
    margin-right: 15px
}

.features-sec-para p {
    color: #0a0a0a;
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    max-width: 345px;
    margin-left: auto;
    margin-right: auto
}

#earbuds-table .btn-box,
.sec2 .btn-box {
    margin-top: 50px;
    align-items: center
}

.faqs,
.what-makes {
    background: #FDFBF2;
    padding: 80px 0
}

.faqs {
    background: #ffffff;
}

.what-makes {
    background-image: url(../../images/index1-new/productFeaturesBg.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #deeff9;
        background-position-y: 1px;
}

.what-makes .section-title {
    font-size: 40px;
    line-height: 1.25;
    margin-bottom: 70px;
    margin-left: auto;
    margin-right: auto;
}

.wm-item-mob {
    width: 40%
}

.wm-grid {
    max-width: 1300px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.7fr 1fr;
    gap: 0;
    align-items: self-start;
    padding: 0 16px;
}

.feature-imgWrapper img.img-fluid {
    max-width: 70px;
    width: 100%;
}

.wm-left,
.wm-right {
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
    z-index: 1
}

.wm-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.wm-center img {
    max-width: 100%;
    width: 95%
}

.blockFoWrapper {
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: center;
}

video.feature-imgVid {
    height: 70px;
    object-fit: cover;
    border-radius: 50px;
    border: 3px solid #503611;
    width: 100%;
    max-width: 70px;
}

.feature-imgWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100px;
    margin-bottom: -70px;
    flex-direction: column;
}

.feature-imgWrapper p {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    padding-top: 16px;
}

.wm-item {
    display: flex;
    gap: 16px;
    align-items: flex-start
}

.wm-icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    object-fit: contain;
    min-width: 44px;
}

.wm-item-title {
    font-family: Inter, sans-serif;
    color: #333333;
    margin-bottom: 6px
}

.wm-item-desc {
    font-size: 15px;
    color: #333;
    line-height: 1.6;
    font-weight: 500;
}

.wm-cta {
    margin-top: 50px
}

.steps {
    padding: 20px 0 80px;
    background: #fff
}

.steps .section-title {
    font-size: 32px;
    color: var(--orange);
    margin-bottom: 56px
}

.steps-grid {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

#earbuds-table .save-btn,
.steps-cta {
    margin-top: 60px
}

.step-card {
    border-radius: 20px;
    overflow: hidden;
    padding: 0px;
    max-width: 350px;
    width: 100%;
    background: #ffffff;
    border: 2px solid #ffffff;
}

.step-img {
    width: 100%;
    aspect-ratio: 3/4.5;
    object-fit: cover
}

.step-info {
    padding: 20px;
    position: absolute;
    bottom: 20px;
    border-radius: 17px;
    background: #f0f0e8;
    max-width: 90%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0)
}

.invert-text,
.money-back-section,
.review-photo-placeholder,
.s5Col2,
.sec5-imgbox,
.step,
.three-steps {
    position: relative
}

.step-name {
    font-family: Nunito, sans-serif;
    font-size: 25px;
    color: #212529;
    margin-bottom: 8px;
    font-weight: 400
}

.step-desc {
    font-family: 'Kantumruy Pro', sans-serif;
    font-size: 14px;
    color: #212529;
    line-height: 1.6;
    font-weight: 500
}

.sec5-hdng-btm,
.step {
    font-size: 24px;
    text-align: center
}

.steps-cta {
    text-align: center
}

.three-steps {
    padding: 70px 0 50px;
    background: #ebfaff
}

.three-steps-inner {
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto
}

.three-steps .heading1 {
    margin-bottom: 60px
}

.three-steps-box {
    width: 100%;
    padding: 10px 60px
}

.sec4 .btn-box,
.three-steps .btn-box {
    align-items: center;
    margin-top: 50px
}

.step {
    width: 61px;
    height: 55px;
    border-radius: 50%;
    color: #009eaa;
    font-weight: 700;
    font-family: Geist, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f8faff;
    border: 5px solid #fff;
    margin: -25px auto 20px
}

.sec5-hdng-btm {
    line-height: 120%;
    font-weight: 400;
    margin-top: 20px
}

.comp-check,
.comp-x {
    font-size: 20px;
    font-weight: 700
}

.sec5-para h4 {
    font-size: 30px;
    line-height: 120%;
    margin-top: 20px;
    margin-bottom: 14px
}

.com-star1,
.sec5-content-container {
    margin-top: 20px
}

.sec5-videobox video {
    border-radius: 20px;
    object-fit: cover;
    width: 100%;
    height: 340px
}

.sec5-text-content {
    display: flex;
    margin-top: 35px
}

.comparison {
    padding: 98px 0 60px;
    background: #ffffff;
}

.comparison .section-title {
    font-size: 40px;
    margin-bottom: 48px;
    line-height: 1.2;
    margin-left: auto;
    margin-right: auto;
}

.comp-table-wrap {
    max-width: 1100px;
    margin: 0 auto 90px;
    border-radius: 35px;
    padding: 0 40px
}

.comp-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff7e4;
    border-radius: 28px;
    overflow: hidden
}

.comp-table td,
.comp-table th {
    padding: 16px 20px;
    text-align: center;
    border-bottom: 1px solid #e8dcc5;
    font-size: 15px
}

.comp-table th {
    font-family: Nunito, sans-serif;
    font-weight: 700;
    font-size: 16px;
    background: #fff7e4;
    padding-top: 24px
}

.comp-table td:first-child {
    text-align: left;
    font-family: Inter, sans-serif;
    font-weight: 500;
    color: #212529
}

.comp-check {
    color: #22c55e
}

.comp-x {
    color: #ef4444
}

.comp-brand-img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 12px;
    margin: 0 auto 6px
}

.comp-brand-name {
    font-family: Nunito, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #333
}

.comp-stars {
    font-size: 12px;
    color: #888
}

.comp-punch {
    background: linear-gradient(to bottom, #a4b57d, #cad6ae);
    border-radius: 16px;
    padding: 8px
}

.s5CompBox {
    display: flex;
    width: 1000px;
    align-items: flex-end;
    vertical-align: middle;
    margin: 130px auto 0
}

.comp-rating,
.faq-item.open .faq-a {
    display: block
}

.s5Col1 {
    float: left;
    width: 45%;
    padding: 100px 0 10px 50px;
    margin-top: 0
}

.s5Col1 ul li {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 35px;
    color: #212529;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 600;
    text-align: left;
    justify-content: flex-start;
    font-family: Inter
}

.s5Col1 ul li,
.s5Col2 ul li {
    height: 50px;
    border-bottom: 2px solid #C5D0D6;
}

.s5Col1 ul li:last-child,
.s5Col2 ul li:last-child {
    height: 60px;
    border-bottom: none
}

.s5Col2 {
    float: left;
    width: 20%;
    border-radius: 10px;
    margin: -118px 0 -20px;
    z-index: 9;
    background: linear-gradient(180deg, #E5F3FF 0%, #D9EDFF 100%);
}

.s5Col2.s5Col3 {
    width: 22%;
    background: 0 0;
    border: none;
    margin-top: -104px
}

.acdn-heading.active,
.s5Col2.s5Col3::before,
.s5Col2.s5Col4::before {
    border: none
}

.s5Col2.s5Col4 {
    width: 18%;
    background: 0 0;
    border: none;
    margin-top: -125.5px
}

.s5Col2 ul li,
.s5Col2.s5Col3 ul li,
.s5Col2.s5Col4 ul li {
    border-bottom: 2px solid #C5D0D6;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.s5Col2 ul {
    padding-top: 20px
}

.s5Col2 ul li {
    color: #000;
    line-height: 31px;
    text-align: center
}

.routine-section .sec-heading p,
.s5CompBox ul {
    margin-bottom: 30px
}

.review-box p,
.s5Col2Top p,
.s5Col2Top.s5Col3Top,
.s5Col2Top.s5Col4Top {
    margin-bottom: 0
}

.s5Col2Top {
    height: auto;
    text-align: center;
    margin-bottom: 20px
}

.s5Col2Top p {
    line-height: 30px;
    color: #fff;
    text-align: center
}

.s5Col2 .s5Col2Top p {
    color: #333333;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin-top: 20px;
    font-family: Inter;
}

.s5Col3 .s5Col2Top p,
.s5Col4 .s5Col2Top p {
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px
}

.s5Col2Top.s5Col3Top p {
    font-family: Inter;
}

.ratng2 {
    position: relative;
    top: 4.9px;
}

.s5Col2.s5Col3 ul,
.s5Col2.s5Col4 ul {
    padding-top: 20px;
    margin-top: 0
}

.s5CompBox .s5Col2Top img:first-child,
.s5CompBox .s5Col3Top img:first-child {
    height: 120px;
    object-fit: contain;
    position: relative;
    top: -48px;
    margin-bottom: -48px;
}

.s5CompBox .s5Col3Top img:first-child {
    height: 90px !important;
    display: block
}

.s5Col2Prod,
.s5Col3Prod {
    margin: -20px auto 0;
    height: auto
}

.s5Col4Prod {
    margin: -79px auto 0;
    height: 80px !important
}

.comp-rating {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 96px
}

.s5Col2-checkbox {
    margin-top: -25px
}

.rightSec ul,
.s5CompBox ul {
    padding-left: 0
}

#earbuds-table {
    padding: 80px 0 100px
}

.comparison-col2 {
    border-radius: 0 0 12px 12px
}

#earbuds-table .sec5-hdng-btm {
    font-weight: 400
}

.guarantee {
    padding: 72px 0;
    background: #2F2F2F;
}

.guarantee-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 60px;
    align-items: center;
    padding: 0 10px
}

.guarantee-badge img {
    width: 340px;
    height: 340px;
    object-fit: contain
}

.guarantee-title {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: clamp(24px, 3vw, 44px);
    color: #fff;
    margin-bottom: 18px;
    line-height: 1.2
}

.review-body,
.review-headline {
    font-family: Inter;
    font-size: 18px
}

.guarantee-text {
    font-size: 17px;
    color: rgba(255, 255, 255, .9);
    line-height: 1.7;
    margin-bottom: 32px;
    max-width: 674px;
    font-weight: 400
}

.guarantee-text strong {
    color: #fff
}

.guarantee-cta {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: baseline;
    max-width: 500px;
}

.guarantee-cta .containerBox {
    width: 100%;
    color: #fff
}

.guarantee .cta-btn-main {
    border-color: rgba(255, 255, 255, .4)
}

.guarantee .cta-stock {
    color: rgba(255, 255, 255, .85)
}

.money-back-section {
    background: #0e5278;
    padding: 60px 0
}

.btn-box.money-back-btn-box {
    width: 380px;
    margin-top: 34px
}

.money-back-section .btn-box {
    margin-top: 30px;
    max-width: 369px
}

.reviews {
    padding: 80px 0;
    background: #fff;
}

.reviews .section-title {
    font-size: clamp(26px, 3vw, 40px);
    color: #275CD3;
    margin: 0 auto 30px;
}

.reviews-grid {
    max-width: 1300px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    padding: 40px;
}

.review-card {
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 20px
}

.rev-author-main {
    display: flex;
    position: absolute;
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    bottom: 15px;
    left: 15px;
    gap: 10px
}

.review-photo {
    width: 100%;
    aspect-ratio: 4/3.5;
    object-fit: cover;
    border-radius: 16px;
    margin-bottom: 16px;
    border: 1px solid #d7d7d7
}

.review-stars img {
    height: 20px
}

.reviewCont {
    padding: 8px 16px 16px
}

.review-headline {
    font-weight: 700;
    color: #333333;
    margin-bottom: 16px
}

.review-body {
    font-weight: 300;
    line-height: 26px;
    color: #000;
    margin-bottom: 14px;
    font-size: 16px;
}

.review-author,
.review-verified {
    font-family: 'Kantumruy Pro', sans-serif
}

.review-author {
    font-weight: 400;
    font-size: 18px;
    color: #111;
    gap: 10px
}

.review-author b {
    font-weight: 600;
}

.review-verified {
    font-size: 12px;
    color: #1ac70e;
    display: flex;
    align-items: center;
    gap: 5px
}

.faq-q,
.reviewSec {
    display: flex;
    gap: 16px
}

#review {
    padding: 80px 0;
    background-color: #97b1c0
}

#review h2.sec-head {
    color: #3b3b3b
}

#review h3.sec-hdng {
    font-size: 50px;
    text-align: center;
    margin-bottom: 40px
}

#review .testName span {
    color: #37b72d
}

#review .save-btn {
    margin-top: 30px
}

#review .sec-3-head h2 span {
    color: #0f4c48
}

#review .btn-box {
    align-items: center;
    margin-top: 40px
}

.review-box {
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #d7d7d7;
    padding: 0;
    margin-bottom: 14px;
    font-weight: 300
}

.review-contentbox {
    padding: 20px
}

.review-box .review-head {
    font-weight: 500;
    color: #000;
    font-size: 20px;
    line-height: normal;
    text-align: left;
    margin: 15px 0 10px;
    min-height: 18px
}

.review-box p {
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
    min-height: 90px;
    text-align: left
}

.review-box p.testName {
    color: #000;
    font-weight: 700;
    margin-top: 0;
    text-align: left;
    min-height: inherit;
    font-style: normal;
    display: flex;
    align-items: center
}

.testName {
    font-size: 16px;
    font-weight: 700;
    font-family: Inter, sans-serif
}

.testName img {
    margin: -1px 3px 0 11px;
    width: 20px
}

.reviewSec {
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 40px auto 0
}

.nameSec,
.review-details2 {
    margin-left: 10px
}

.review-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 0;
    padding: 0
}

img.testStar {
    width: 100px !important
}

.review-heading {
    color: #3b3b3b;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    margin-top: 15px;
    margin-bottom: 15px
}

.review-details {
    color: #000;
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    max-width: 520px;
    margin-bottom: 15px
}

.review-prod-img {
    width: 100%;
    max-width: 223px;
    height: auto
}

.review-details2 {
    color: #8a8a8a;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    margin-top: 30px;
    margin-bottom: 0
}

.expert-name,
.expert-years {
    line-height: 120% !important
}

.trust-review {
    width: 100%;
    max-width: 1000px
}

.authSec {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.authorP {
    width: 40px
}

.nameSec span.reviewer-state {
    color: #828282;
    font-size: 11px;
    line-height: 16px;
    font-weight: 400
}

.nameSec span img {
    margin-left: 2px
}

.reviews-wrapper {
    padding-top: 10px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #a4a4a4
}

.reviewer {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.review-slider {
    width: calc(100% + 24px);
    margin-left: -12px;
    margin-right: -12px
}

.review-slider .owl-carousel .owl-item img {
    width: auto;
    display: inline;
    margin-bottom: 10px !important
}

.review-slider .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0
}

.review-slider .owl-theme .owl-dots .owl-dot.active span,
.review-slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #3a748c
}

.review-slider .owl-theme .owl-dots .owl-dot span {
    background: #d9d9d9
}

.numberIng_sec .btn-box,
.review .btn-box,
.section8 .btn-box {
    align-items: center
}

.expert-advice-sec {
    padding: 60px 0;
    background-color: #e9f6ff
}

.expert-advice-pc,
.expert-advice-pc img {
    height: auto;
    border-radius: 25px
}

.expert-advice-txt {
    text-align: center;
    padding: 0 30px
}

.expert-advice-txt .sec-hdng {
    color: #333;
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 0
}

.expert-advice-txt p {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 170%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.quote-open {
    position: absolute;
    top: -8px;
    left: -30px
}

.quote-close {
    position: absolute;
    bottom: -8px;
    right: -30px
}

.expert-advice-txt p+img {
    margin-top: 20px;
    max-width: 400px
}

.expert-name {
    color: #000;
    font-size: 14px;
    font-weight: 400
}

.accordion,
.faq-q {
    cursor: pointer;
    font-weight: 600
}

.expert-years {
    font-size: 16px !important;
    margin-top: 10px
}

.expert-rating {
    max-width: 140px;
    height: auto;
    margin-bottom: 20px
}

.faqs .section-title {
    font-size: 32px;
    color: #275CD3 !important;
    margin-bottom: 50px;
    background: 0 0;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #275CD3 !important;
    background-clip: unset
}

.faq-list {
    max-width: 973px;
    margin: 0 auto;
    padding: 0 40px
}

.faq-item {
    border-bottom: 1px solid #dfdfdf
}

.faq-q {
    width: 100%;
    text-align: left;
    background: 0 0;
    border: none;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    color: #333;
    font-family: Inter;
    font-size: 18px
}

.dic-text p,
.discount-button,
.footer,
.limited-hdng h3,
.limited-sec-content .sp-offer,
.offer-contentbox,
.offer-heading,
.sec4-content,
.sec5-contentbox h4,
.sec5-contentbox p,
.timer-box,
.watchSet span {
    text-align: center
}

.faq-icon {
    transition: transform .3s;
    width: 46px;
    height: 46px;
    background: transparent;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.faq-item.open .faq-icon {
    transform: rotate(45deg)
}

.faq-a {
    display: none;
    padding: 0 0 20px;
    font-size: 16px;
    line-height: 1.7;
    color: #444
}

.section8 {
    padding: 80px 0 20px;
    background: #ebfaff
}

.section8 .heading1 a,
.section8 .heading1 a:hover {
    color: #000 !important;
    text-decoration: none
}

.section8 .heading1 span img {
    margin-left: 30px;
    max-width: 35px;
    margin-top: -10px
}

.faq-container {
    vertical-align: top;
    max-width: 830px;
    width: 100%;
    margin: 15px auto;
    float: none;
    overflow: hidden
}

.up-slide-dwn {
    float: left;
    width: 99%;
    background: 0 0;
    border-radius: 0;
    border-bottom: 1px solid #212529;
    margin-top: 0;
    padding: 10px 20px;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.accordion {
    padding: 13px 45px 10px 0;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0;
    color: #000
}

.accordion span {
    color: #0c2539;
    display: inline-block;
    padding-right: 5px
}

.acdn-content {
    display: none;
    transition: background-color .3s;
    font-family: Inter, sans-serif
}

.up-slide-dwn .acdn-para.d-md-flex span:first-child {
    width: calc(20% - 10px)
}

.up-slide-dwn .acdn-para.d-md-flex span:last-child {
    width: calc(80% - 10px)
}

.acdn-para+ul li {
    list-style-type: disc
}

#toggle-faq img,
#toggle-faq1 img {
    transition: .7s ease-in-out
}

#toggle-faq img.rotate,
#toggle-faq1 img.rotate {
    transform: rotate(180deg)
}

.urgency {
    padding: 50px 0 130px
}

.urgency-inner {
    max-width: 900px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 60px;
    align-items: center;
    padding: 0 40px
}

.urgency-title {
    font-family: Manuale, serif;
    font-weight: 800;
    font-size: clamp(30px, 3.5vw, 58px);
    color: var(--brown);
    line-height: 1.1;
    margin-bottom: 28px
}

.urgency-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 60px
}

.urgency-item {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #524d3d
}

#countdown,
#hours,
#minutes,
#seconds,
.limited-sec-content .ltd-offer,
.timer-title {
    font-family: "Work Sans", sans-serif
}

.urgency-item img {
    width: 32px;
    height: 32px
}

.urgency-img img {
    width: 100%;
    border-radius: 20px
}

.limited-sec-content {
    background-color: #0e5278;
    padding: 18px 0 40px
}

.limited-sec-content-container {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: auto;
    justify-content: center
}

.limited-sec-content-container .btn1 {
    font-size: 22px;
    padding: 13px 81px
}

.limited-right-content video {
    height: 546px;
    object-fit: cover;
    border-radius: 24px
}

.limited-left-content {
    padding: 56px 0;
    max-width: 45%
}

.limited-sec-content .btn-box {
    width: max-content;
    margin: auto
}

.limited-hdng h3 {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 16px
}

.limited-offers-list ul {
    display: flex;
    flex-wrap: wrap
}

.limited-offers-list li {
    font-size: 15px;
    line-height: 21px;
    color: #fff;
    margin-bottom: 8px
}

.dic-text p,
.selSec p {
    margin-bottom: 0;
    font-family: Poppins, sans-serif
}

.limited-offers-list li img {
    margin-right: 16px
}

.rating-content {
    font-size: 14px;
    color: #fff;
    margin-bottom: 16px
}

.timer-box {
    border: 2px solid #fff;
    padding: 15px 20px;
    display: flex;
    border-radius: 24px;
    color: #fff;
    align-items: center;
    justify-content: space-evenly;
    margin: 20px auto;
    width: max-content;
    gap: 30px
}

.offer-container,
.selSec,
.special-discountbox {
    margin-left: auto;
    margin-right: auto
}

.timer-title {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 20px
}

#countdown {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
    display: flex
}

#hours,
#minutes,
#seconds {
    color: #ff7c0e;
    font-size: 38px;
    margin: 0 4px;
    position: relative;
    padding: 0 7px;
    line-height: normal
}

#hours::before,
#minutes::before {
    content: ":";
    position: absolute;
    right: -10px
}

.tm-unit {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 500
}

#countdown div {
    display: flex;
    flex-direction: column
}

.limited-sec-content .ltd-offer {
    font-size: 24px;
    line-height: 1;
    color: #fff;
    margin-bottom: 20px;
    text-align: center
}

.limited-sec-content .sp-offer {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 20px
}

.limited-sec-content .save-btn {
    margin: auto
}

.offer-container {
    width: 90%;
    background: #e9f6ff;
    border: 1px dashed #40301f;
    padding: 40px 20px
}

.offer-contentbox {
    padding-left: 10px
}

.offer-heading {
    font-weight: 600;
    font-size: 38px;
    line-height: 140%;
    margin-bottom: 10px
}

.offer-box,
.offer-heading2,
.selSec {
    margin-bottom: 20px
}

.offer-heading span {
    color: #bf1313
}

.offer-detls {
    font-size: 15px
}

.special-discountbox {
    background: #fff;
    border-radius: 24px;
    padding: 20px 30px;
    max-width: 465px;
    margin-top: 30px
}

.offer-time-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.offer-time-wrapper h6 {
    color: #000;
    font-size: 20px;
    line-height: 120%;
    font-weight: 700
}

.numberIng-contentbox,
.time-counterbox {
    padding-left: 20px
}

.watchSec span {
    color: #e86e16;
    font-weight: 700;
    font-size: 35px;
    line-height: 35px
}

.watchSet span {
    color: #000;
    font-weight: 500;
    font-size: 12.5px;
    line-height: 18.75px;
    padding: 0 5px;
    min-width: 58px;
    display: inline-block
}

.discount-heading1 {
    color: #bf1313;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%
}

.discount-heading2 {
    color: #000;
    font-weight: 700;
    font-size: 40px;
    line-height: 130%
}

.discount-button,
.offer-heading2 {
    font-weight: 700;
    line-height: 100%
}

.offer-icons-wrapper {
    margin-top: 15px
}

.offer-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.offer-heading2 {
    font-size: 24px
}

.discount-button {
    color: #0c8b4b;
    font-size: 28px;
    text-decoration: underline;
    margin-top: 20px;
    display: inline-block
}

.footer-copy,
.footer-links {
    font-size: 16px
}

.discount-button:hover {
    color: #0c8b4b !important;
    text-decoration: underline !important
}

.selSec-wrapper {
    max-width: 422px
}

.selSec {
    background: #fffdd8;
    border: 2px dashed #ed8e00;
    border-radius: 4px;
    padding: 4px 10px;
    position: relative;
    max-width: max-content
}

.selSec p {
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.footer {
    background: #2b2b2b;
    color: #fff;
    padding: 40px
}

.footer-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 28px
}

.footer-logo img {
    height: 60px;
    padding-bottom: 8px;
}


.footer-links {
    display: flex;
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.footer-links a {
    color: #fff;
    transition: opacity .2s;
    position: relative
}

.footer-links a::after {
    content: '';
    position: absolute;
    right: -13px;
    top: -9px;
    width: 2px;
    height: 95%;
    background: #fff;
    margin-top: 10px
}

.footer-links a:hover {
    opacity: .8
}

.footer-copy {
    margin-bottom: 30px;
    margin-top: 24px
}

.footer-fine {
    font-size: 13px;
    color: rgba(255, 255, 255, .75);
    line-height: 1.8;
    max-width: 900px;
    margin: 0 auto
}

.c-text,
.ftr-link a {
    font-size: 16px;
    font-weight: 700
}

footer {
    padding: 40px 0;
    background: #97b1c0
}

.ftr-logo {
    width: 264px;
    display: block
}

.ftr-link {
    margin-top: 20px;
    color: #fff
}

.ftr-link a {
    color: #fff;
    padding: 2px 8px
}

.c-text {
    color: #fff;
    margin-top: 15px
}

.dic-text p {
    color: #fff;
    font-size: 14px
}

.sec1 {
    width: 100%;
    height: auto;
    background-color: #fbfcfe;
    padding: 80px 0 60px
}

.sec3-content-container {
    background-color: #0e5278;
    padding: 80px 0
}

.sec3-content-container .heading1 {
    color: #fff;
    margin-bottom: 44px
}

.sec3-txt-content p {
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    font-weight: 400
}

.sec3-txt-content h3 {
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    color: #0a0a0a
}

.sec-duo-content-container,
.tiktok {
    background-color: #ebfaff;
    padding: 80px 0
}

.sec-duo-content-container .sec3-txt-content p {
    color: #0a0a0a
}

.sec3-media-content img:first-child,
.sec3-media-content video {
    width: 100%;
    height: auto;
    border-radius: 12px
}

.sec3-hl {
    width: 40px;
    border-top: 4px solid #018dc0;
    opacity: 1
}

.sec3-main-content .sec3-content:last-child {
    margin-bottom: 50px
}

.sec3-txt-content {
    margin: 0 55px
}

.sec4 {
    background: #f3f3f3;
    padding: 40px 0 10px
}

.sec2-content-container .sec2-media-content img,
.sec2-content-container .sec2-media-content video,
.sec4-imgbox img {
    width: 100%;
    height: auto
}

.sec4-icon {
    width: 100%;
    max-width: 180px;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.sec4-heading {
    color: #000;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    margin-top: 20px;
    margin-bottom: 10px
}

.sec4-contentbox p {
    color: #000;
    font-weight: 300;
    font-size: 14px;
    line-height: 120%
}

.sec4-content {
    width: 24%;
    box-shadow: 0 0 10px 0 #0000001f;
    border-radius: 35px
}

.sec4-content-container {
    margin-top: 170px
}

.sec4-content img {
    margin-top: -90px
}

.sec4-content h4 {
    margin: 30px 0;
    font-size: 22px;
    font-weight: 700
}

.sec4-content p {
    font-size: 18px;
    margin-bottom: 0;
    min-height: 170px
}

.numberIng_sec,
section.sec5-section {
    padding: 80px 0;
    background-color: #0e5278
}

.sec5-section .heading1 {
    color: #121212
}

.sec5-contentbox h4 {
    color: #fff;
    font-size: 20px;
    line-height: 150%;
    font-weight: 700;
    margin: 12px 0
}

.sec5-contentbox p {
    color: #fff;
    font-size: 15px;
    line-height: 144%;
    font-weight: 500;
    min-height: 80px
}

.sec5-slider {
    margin: 42px auto 30px;
    max-width: 1300px
}

.sec5 .btn-box {
    align-items: center;
    margin-top: 20px
}

section.sec5 {
    padding: 66px 0 46px
}

.sec2-pc-wrapper {
    box-shadow: 0 2px 10px 0 #00000026;
    border-radius: 50px;
    overflow: hidden;
    width: 84%;
    margin-left: auto;
    margin-right: auto
}

.sec2-pc-content {
    width: 35%;
    position: relative
}

.sec2-pc-content img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sec2-pc-content video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom
}

.sec2-para-content {
    width: 65%;
    min-height: 100%;
    padding: 25px 90px 25px 110px
}

.sec2-para-content h3.sec-hdng {
    font-size: 28px
}

.sec2-para-content h3.sec-hdng+p {
    font-size: 18px;
    line-height: 28px;
    max-width: 480px;
    margin-bottom: 0
}

.sec2-row2 {
    height: 100%;
    background: #f3f3f3
}

.sec2-content-container .sec2-media-content video {
    margin-bottom: -6px
}

.sec2-txt-content {
    padding-left: 66px
}

.sec2-txt-content h4 {
    font-weight: 700;
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 20px;
    color: #007ffe;
    font-family: Poppins, sans-serif
}

.sec2-txt-content h4 span {
    color: #1e3856
}

.sec2-txt-content p {
    font-weight: 400;
    font-size: 15px;
    line-height: 150%
}

.sec2-txt-content p span.yellow-text {
    color: #efb73e;
    font-weight: 700
}

.sec2-dtls {
    font-size: 18px;
    line-height: 170%;
    font-weight: 600
}

.sec-2-row,
.sec2-row {
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.signature-imgbox img {
    max-width: 260px;
    width: 100%;
    height: auto
}

.invert-down,
.invert-top {
    position: absolute;
    width: 28px
}

.invert-top {
    top: -10px;
    left: -35px
}

.invert-down {
    bottom: -8px;
    right: 12px
}

.numberIng-wrapper {
    width: 100%;
    padding: 0
}

.numberIng_sec .custom-container {
    padding: 0 60px
}

.numberIng-rightbox {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end
}

.numberIng-box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 30px
}

.numberIng-iconbox {
    display: flex;
    justify-content: center;
    align-items: end;
    margin-bottom: 10px
}

.numberIng-iconbox img {
    width: 48px;
    height: auto
}

.numberIng-leftbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.width-one {
    width: 29%
}

.width-two {
    width: 42%
}

.numberIng-heading {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 10px
}

.numberIng-contentbox p {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%
}

#review .testName span,
.s5Col2 ul li,
.s5Col2Top p {
    font-size: 16px;
    font-weight: 400
}

.section6 {
    background: 0 0/cover #424242;
    overflow: hidden;
    float: none;
    position: relative
}

.s6Seal,
.s6SealBg {
    position: absolute
}

.s6SealBg {
    top: 0;
    left: 80px
}

.s6Seal {
    top: 97px;
    left: 103px
}

.s6Right {
    float: right;
    width: calc(100% - 500px);
    padding: 25px 0 30px 50px
}

.s6Right h2 {
    color: #00507d;
    font-size: 40px;
    line-height: 120%;
    font-weight: 700
}

.b-box p {
    font-weight: 500
}

.s6Right .s6-dtls {
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    max-width: 587px
}

.section6 .btn-box {
    display: block;
    text-align: left
}

.section6 .save-btn,
.section6 .save-btn:hover {
    background: #f26a0d;
    border-color: #fff
}

.custom-box-common {
    margin: 50px 0;
    box-shadow: 0 6px 9px -3px #00000045;
    border-radius: 15px;
    padding: 15px 7px
}

.custom-box2 {
    background: linear-gradient(0deg, #93b0c0 .02%, #557c93 100%)
}

.b-box {
    background: #2e4db9;
    padding: 15px;
    border-radius: 10px;
    width: calc(20% - 15px)
}

.Slides,
.number {
    border-radius: 50%;
    display: flex
}

.b-box p {
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 15px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.b-bow-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto
}

.device_txt b {
    color: #2e4db8;
    font-size: 24px;
    line-height: 38px
}

.number {
    min-width: 75px;
    height: 75px;
    background: #35495e;
    color: #fff;
    font-size: 45px;
    align-items: center;
    justify-content: center;
    margin-right: 18px
}

.routine-section {
    padding: 30px 0
}

.s3-con-box {
    width: calc(50% - 20px);
    position: relative
}

.s3-con-box img,
.s3-img.s3-con-box video {
    border-radius: 20px
}

.s3TxtBx {
    width: 50%
}

.s3TxtBx h3 {
    font-family: Raleway, sans-serif;
    font-weight: 800;
    margin: 0 0 10px 20px;
    font-size: 40px;
    color: #fff
}

.s3TxtBx p,
.text {
    color: #fff;
    font-family: inter, sans-serif
}

.s3TxtBx p {
    font-size: 20px;
    line-height: 33px
}

.s3TxtBx .num-cir {
    position: static
}

.s3TxtBx .num-cir p {
    font-weight: 600;
    color: #2e4db8;
    font-size: 20px;
    display: table;
    line-height: 50px;
    width: 50px;
    font-family: Poppins, sans-serif;
    padding-right: 0;
    text-align: center
}

.textslide-container {
    position: relative;
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.Slides {
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    border: 4px solid rgba(255, 255, 255, .6);
    margin: 0 10px;
    transition: opacity 1.5s;
    text-align: center
}

.text {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center
}

.Slides.active {
    background: #fff;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .3)
}

.Slides.active .text {
    color: #2f4fbb;
    font-weight: 800
}

.slider-heading {
    color: #121212;
    font-weight: 400;
    font-size: 36px;
    line-height: 120%
}

.as_seen_on_sec {
    clear: both;
    position: relative;
    z-index: 99;
    margin-top: 0;
    background: #FAFAFA;
}

.as_seen_on_cntnr {
    padding: 13px 0 9px;
    color: #fff;
    float: left;
    width: 100%
}

.as_seen_hdng {
    width: 20%;
    float: left
}

.as_seen_hdng p {
    font-size: 26px;
    line-height: 100%;
    font-weight: 700;
    margin-bottom: 0;
    color: #848484;
    text-align: left
}

.as_seen_on_cntnr_desk {
    width: 80%;
    float: left
}

.as_seen_on_cntnr_desk .slider-collection .owl-carousel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden
}

.features_cntnr,
.jctkr-wrapper {
    float: left;
    position: relative;
    width: 100%;
    height: 85px;
    overflow: hidden
}

.features_cntnt {
    justify-content: space-between;
    align-items: center;
    animation: 25s linear infinite features_scroll;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    padding: 8px 0;
    position: absolute
}

.features_cntnt img {
    width: 100px;
    object-fit: contain;
    margin-left: 35px;
    height: 65px
}

.features_cntnt li {
    position: relative;
    width: 20%;
    height: 100%
}

.jctkr-wrapper ul {
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    font-size: 0;
    text-align: left;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    z-index: 20
}

.jctkr-wrapper ul li {
    float: left;
    position: relative;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    text-align: center
}

.pro-slider img {
    height: 75px;
    object-fit: contain;
    width: 116px;
    padding: 10px
}

.pro-slider .item {
    text-align: center;
    display: table
}

.bnrStar .star {
    width: 100%;
    max-width: 118px;
    height: auto;
    margin-right: 10px
}

.essential-hdng p.commonHead b,
.uses-content p {
    color: #ff5c00;
    font-weight: 700
}

.tiktok-logo {
    width: 149px;
    display: block;
    margin: 20px 0
}

.owl-next,
.owl-prev {
    position: absolute;
    bottom: 25px;
    width: 80px;
    height: 80px;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.tiktok-slider {
    margin: 20px 0 40px
}

.tiktok-slider-none {
    margin: 10px 0 40px
}

.tiktok-img {
    margin: 0 15px
}

.tiktok-slider-none .tiktok-img:nth-of-type(odd) img {
    width: 267px;
    object-fit: cover
}

.tiktok-slider-none .tiktok-img:nth-of-type(2n) img {
    width: 388px;
    object-fit: cover
}

.owl-prev {
    right: 150px
}

.owl-next {
    right: 30px
}

.owl-theme .owl-dots .owl-dot {
    width: auto !important
}

.pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(.9)
    }

    50% {
        transform: scale(1)
    }
}

@-webkit-keyframes pulse {

    0%,
    100% {
        -webkit-transform: scale(.95)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

.hourglass {
    animation: 2.5s ease-in-out infinite forwards rotateP
}

@keyframes rotateP {
    0% {
        transform: rotate(0)
    }

    100%,
    50% {
        transform: rotate(180deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.dot-fade {
    animation: 1s ease-in-out infinite fade
}

@keyframes fade {

    0%,
    100%,
    70% {
        opacity: 100%
    }

    50% {
        opacity: 30%
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

img.img-fluid.garanteeImage {
    max-width: 110px;
    left: auto;
    margin-left: auto;
    position: relative;
    top: 0;
}

section.everyDayOut {
    background: #F6F3EE;
    padding: 80px 0;
}

.everyday-outdoors {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 16px;
}

.everyday-slider {
    display: flex;
    gap: 12px;
}

.everyday-item {
    flex: 1;
}

.everyday-item img {
    width: 100%;
    display: block;
    border-radius: 4px;
    margin-bottom: 36px;
}

.everyday-item h4 {
    font-size: 22px;
    line-height: 120%;
    color: #275CD3;
    margin: 0 0 15px;
    font-weight: 800;
}

.everyday-item p {
    font-size: 14px;
    line-height: 1.45;
    color: #333333;
    margin: 0;
}

@media (max-width: 991px) {
    .everyday-slider {
        display: block;
    }

    .everyday-item {
        padding: 0 8px;
    }

    .everyday-slider .slick-list {
        margin: 0 -8px;
    }
}

@media (max-width:1199px) {
    .hero-feat {
        font-size: 18px
    }

    .hero-content {
        grid-template-columns: 1fr 1fr
    }

    .comparison {
        padding: 60px 40px 70px
    }

    .comparison .section-title,
    .reviews .section-title,
    .urgency-title {
        font-size: 32px
    }

    .comp-table-wrap {
        padding: 0
    }

    .reviews-grid {
        gap: 30px
    }

    .rev-author-main {
        left: 8px
    }

    .features-grid {
        padding: 0 40px
    }

    .faqs .section-title {
        font-size: 32px;
        margin-bottom: 20px
    }

    .urgency-list {
        gap: 8px;
        margin-bottom: 25px
    }

    .s5Col1 {
        width: 40%
    }
}

@media (max-width:992px) {

    .container,
    .story-text .section-title {
        padding: 0 20px
    }

    .nav-links,
    .trust-grid {
        gap: 15px
    }

    .nav-links a {
        font-size: 14px
    }

    .nav-cta {
        font-size: 15px;
        padding: 10px 25px
    }

    .nav-logo img {
        height: 40px
    }

    .hero-content {
        grid-template-columns: 1fr 1.2fr;
        gap: 10px
    }

    .hero-feat {
        font-size: 17px
    }

    .hero-review em,
    .review-author,
    .trust-sub,
    .trust-title {
        font-size: 12px
    }

    .review-meta {
        gap: 5px
    }

    .verified {
        font-size: 10px
    }

    .hero-review {
        padding: 10px
    }

    .cta-btn-main {
        padding: 16px 20px
    }

    .trust-strip {
        padding: 20px
    }

    .trust-icon {
        width: 40px;
        height: 40px
    }

    .trust-item {
        gap: 10px
    }

    .story-inner {
        gap: 20px;
        text-align: left
    }

    .story-body p {
        line-height: 20px;
        margin-bottom: 10px;
        font-size: 14px
    }

    .features-grid {
        padding: 0 40px;
        gap: 30px
    }

    .feature-card.ft-card-one {
        grid-template-columns: 1fr 1fr;
        min-height: 240px
    }

    .feature-title {
        font-size: 28px;
        margin-bottom: 10px
    }

    .feature-card.reverse {
        grid-template-columns: 1fr 1fr;
        gap: 20px
    }

    .feature-card.ft-card-two {
        min-height: 300px
    }

    .feature-desc br,
    .feature-title br {
        display: none
    }

    .step-info {
        padding: 20px 10px
    }

    .step-name {
        font-size: 20px
    }

    .comparison .section-title,
    .reviews .section-title {
        font-size: 40px
    }

    .comp-table-wrap {
        padding: 0
    }

    .reviews-grid {
        gap: 20px
    }

    .rev-author-main {
        padding: 10px;
        gap: 5px;
        left: 5px
    }

    .review-verified {
        font-size: 9px
    }

    .footer-fine {
        display: inline
    }

    .s5Col2 ul li img,
    .s5Col2.s5Col3 ul li img,
    .s5Col2.s5Col4 ul li img {
        width: 27px;
        height: 27px
    }

    .s5Col1 {
        width: 32%
    }

    .s5Col2,
    .s5Col2.s5Col3,
    .s5Col2.s5Col4 {
        width: 12%
    }

    .s5Col1 ul li {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width:900px) {

    .feature-card,
    .features-grid {
        grid-template-columns: 1fr
    }

    .guarantee-inner {
        gap: 30px
    }

    .guarantee-badge {
        display: flex;
        justify-content: center
    }

    .guarantee-cta {
        justify-content: center
    }

    .feature-card {
        min-height: auto
    }

    .feature-card.reverse {
        direction: ltr
    }

    .feature-img {
        height: 220px
    }

    .wm-grid {
        grid-template-columns: 1fr 1.2fr 1fr
    }

    .story-img,
    .urgency-img {
        order: 1
    }

    .story-text {
        order: 0
    }

    .features {
        padding: 60px 0
    }
}

@media (max-width:767px) {

    .comparison .section-title br,
    .hero-review,
    .nav-cta,
    .nav-links,
    .s5Col4.hide-mob,
    .steps-cta,
    .wm-center {
        display: none
    }

    .hamburger {
        display: flex;
        width: fit-content
    }

    .navbar {
        padding: 10px 15px;
        box-shadow: 0 2px 2px 0 #00000040
    }

    .faq-list,
    .navbar .container {
        padding: 0
    }

    .nav-logo img {
        height: 40px
    }

    .hero-img-side {
        order: -1;
        height: auto;
    }

    .hero-img-side img.jamescorecom-child {
        max-width: 96px;
    }

    .hero-img-side video {
        height: auto !important;
    }

    .jctkr-wrapper ul li img {
        object-fit: contain !important;
    }

    .hero-content {
        gap: 0px !important;
    }

    .hero-img-side-mob {
        display: block;
        margin-bottom: 20px
    }

    .hero-content {
        grid-template-columns: 1fr;
        padding: 30px 0 0;
        min-height: auto;
        gap: 24px;
        text-align: center
    }

    .hero-features {
        margin-bottom: 30px
    }

    .trust-grid {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        display: none
    }

    .feature-card.ft-card-two,
    .feature-card.reverse,
    .guarantee-inner,
    .steps-grid,
    .story-inner,
    .wm-grid {
        grid-template-columns: 1fr
    }

    .trust-strip {
        padding: 20px 0
    }

    .trust-marquee {
        display: block;
        overflow: hidden;
        position: relative
    }

    .trust-track {
        display: flex;
        width: max-content;
        animation: 25s linear infinite scrollTrust
    }

    .trust-item {
        max-width: 100%;
        margin-right: 20px;
        width: 260px;
        gap: 25px
    }

    .trust-title {
        font-size: 16px
    }

    .review-author,
    .trust-sub {
        font-size: 14px
    }

    .trust-icon {
        width: 60px;
        height: 60px
    }

    @keyframes scrollTrust {
        0% {
            transform: translateX(0)
        }

        100% {
            transform: translateX(-50%)
        }
    }

    .story {
        padding: 35px 0;
        background: #fff
    }

    .story-text .section-title {
        text-align: center;
        font-size: 40px;
        margin: auto
    }

    .story-sub {
        font-size: 28px;
        padding: 0 20px
    }

    .story-body {
        display: none;
        font-size: 17px;
        padding: 0 12px;
        text-align: left
    }

    .story-body.mob,
    .story-img-mob,
    .wm-center-mob {
        display: block
    }

    .story-body p {
        font-size: 18px;
        line-height: 25px
    }

    .features {
        padding: 40px 20px
    }

    .features .section-title {
        font-size: 45px;
        margin-bottom: 40px;
        line-height: 50px
    }

    .feature-card.ft-card-one,
    .features-grid {
        grid-template-columns: 1fr;
        background: 0 0
    }

    .feature-card.ft-card-one .feature-body {
        padding: 30px 20px 20px;
        text-align: center
    }

    .feature-card.ft-card-one .feature-img {
        height: 250px;
        object-fit: cover;
        border-radius: 35px
    }

    .feature-title {
        font-size: 26px;
        margin-bottom: 10px;
        font-weight: 700;
        color: #275CD3
    }

    .feature-desc {
        font-size: 16px;
        color: #333;
        font-weight: 500
    }

    .features-grid {
        gap: 20px;
        padding: 0
    }

    .feature-card.reverse {
        gap: 0
    }

    .feature-body {
        padding: 20px;
        text-align: center
    }

    .feature-card.ft-card-two {
        background: 0 0;
        min-height: auto;
        gap: 0
    }

    .feature-card.ft-card-two .feature-img {
        display: block;
        border-radius: 35px
    }

    .features-cta {
        margin-top: 20px
    }

    .steps,
    .what-makes {
        padding: 30px 0
    }

    .what-makes .section-title {
        font-size: 38px;
        padding: 0 20px;
        margin-bottom: 20px
    }

    .wm-grid {
        padding: 0
    }

    .wm-left,
    .wm-right {
        padding: 20px;
        gap: 29px
    }

    .wm-right {
        flex-direction: column;
    }

    .wm-left {
        margin-bottom: 0
    }

    .wm-item-title {
        font-size: 20px;
        margin-bottom: 0;
        color: #333;
        font-weight: 700
    }

    .wm-item-desc {
        font-size: 18px;
        font-weight: 400;
    }

    .steps .section-title {
        font-size: 40px;
        max-width: 90%;
        margin: 0 auto 30px;
        line-height: 45px
    }

    .steps .swiper-pagination {
        position: relative;
        bottom: 0;
        padding-top: 40px
    }

    .steps .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border: 1px solid #789d20;
        background: #fff;
        opacity: 1
    }

    .steps .swiper-pagination-bullet-active {
        background: #789d20
    }

    .comparison {
        padding: 50px 10px 16px
    }

    .comparison .section-title {
        font-size: 44px;
        margin-bottom: 40px
    }

    .comp-table-wrap {
        background: 0 0;
        padding: 0
    }

    .s5CompBox {
        width: 100% !important;
        margin: 170px auto 0 !important
    }

    .s5CompBox .s5Col3Top img:first-child {
        height: 60px !important
    }

    .s5Col2Top,
    .s5CompBox ul {
        margin-bottom: 20px
    }

    .s5CompBox .s5Col2Top img:first-child,
    .s5CompBox .s5Col3Top img:first-child {
        height: 80px
    }

    .s5Col2 .s5Col2Top p,
    .s5Col2Top.s5Col3Top p {
        font-size: 14px;
        margin-top: 0;
        min-height: 1.4;
    }

    .comp-rating {
        width: 70px
    }

    .s5Col1 {
        width: 50% !important;
        padding: 10px 0 0 !important
    }

    .s5Col2,
    .s5Col2.s5Col3 {
        width: 25% !important
    }

    .s5Col1 ul li,
    .s5Col2 ul li {
        height: 75px !important;
        font-size: 15px !important;
        line-height: 22px !important
    }

    .s5Col2Prod,
    .s5Col3Prod {
        margin: -50px auto 0 !important
    }

    .faqs,
    .guarantee {
        padding: 50px 20px
    }

    .guarantee-inner {
        padding: 0;
        text-align: center
    }

    .guarantee-badge img {
        width: 250px;
        height: 250px
    }

    .guarantee-title {
        font-size: 32px;
        margin-bottom: 30px
    }

    .guarantee-text {
        font-size: 16px;
        margin: 0 auto
    }

    .reviews {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 40px
    }

    .reviews .section-title {
        font-size: 40px;
        line-height: 45px;
        padding: 0 20px
    }

    .reviews-grid {
        padding: 0;
        grid-template-columns: 1fr;
    }

    .rev-author-main {
        padding: 10px;
        bottom: 15px;
        left: 8px;
        gap: 5px
    }

    .review-headline {
        font-size: 22px
    }

    .review-stars img {
        height: 25px
    }

    .faq-q {
        font-size: 16px;
        line-height: 26px;
        font-family: Inter
    }

    .urgency {
        padding-bottom: 30rem
    }

    .urgency-inner {
        grid-template-columns: 1fr;
        padding: 0 10px
    }

    .urgency-title {
        text-align: center;
        font-size: 40px;
        line-height: 45px
    }

    .urgency-list {
        padding-left: 20px;
        margin-bottom: 30px
    }

    .urgency-item {
        font-size: 20px
    }

    .urgency .cta-btn-main {
        padding: 18px 10px
    }

    .footer {
        padding: 40px 20px 80px
    }

    .footer-links {
        gap: 12px;
        font-size: 14px;
        margin-bottom: 30px
    }

    .footer-links a::after {
        right: -7px
    }

    .footer-copy {
        max-width: 100%;
        margin: 0 auto 30px;
        line-height: normal;
        font-size: 14px
    }

    .footer-fine {
        display: inline
    }

    .cta-btn-main {
        font-size: 17px;
        padding: 18px 20px
    }

    .hero-title {
        font-size: 40px;
        text-align: center;
        line-height: 41px
    }

    .hero-feat {
        font-size: 18px;
        text-align: left
    }

    .hero-img-side-mob video {
        border: 5px solid #fff
    }

    .cta-btn {
        width: 100%
    }
}

@media (max-width:480px) {

    .reviews-grid,
    .steps-grid,
    .trust-grid {
        grid-template-columns: 1fr
    }

    .footer-copy {
        font-size: 12px;
    }

    .trust-item {
        flex-direction: row
    }
}

@media (max-width:400px) {
    .hero-title {
        font-size: 37px
    }

    .features .section-title {
        font-size: 40px;
        margin-bottom: 40px;
        line-height: 40px
    }

    .what-makes .section-title {
        font-size: 38px
    }

    .comparison .section-title {
        font-size: 35px;
        margin-bottom: 40px
    }
}

@media (max-width:374.9px) {
    .footer-copy {
        font-size: 12px
    }
}

@media(max-width:991px) {
    .showDesk {
        display: none;
    }
    section.jamescorecom-parent.showDesk{
        display: block;
    }

}

.mobileFixed.mobile_cta_Btn {
    display: none;
}

.stickyTop {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 99999;
    background: #00000000;
    right: 0;
    margin: auto
}

.cta_btn_cntnr {
    padding: 10px;
    width: 100%
}

.cta_btn_cntnr a {
    background: #FF7B00;
    font-size: 18px;
    padding: 10px 16px;
    display: flex;
    max-width: 500px;
    height: 52px;
    border-radius: 5.28px;
    border: none;
    line-height: normal;
    letter-spacing: 0;
    padding: 10px 24px;
    flex-direction: row;
    margin: auto;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    color: #ffffff;
    align-items: center;
}

.cta_btn_cntnr a img.img-fluid.btn-arw {
    object-fit: contain;
    max-height: max-content;
}

.stickyTop.hidden {
    display: none;
}

@media (max-width: 767px) {
    .mobileFixed {
        display: none !important;
        bottom: 0;
        z-index: 999;
        width: 100%;
        justify-content: space-between !important;
    }

    #fixedBtn.hidden {
        opacity: 0;
        transform: translateY(16px);
        pointer-events: none;
    }
    section.jamescorecom-parent.showDesk{
        display: none;
    }
}

.repeated-order-confirmation-modal {
    display: none !important;
}