@media screen and (max-width: 1399px) {
    .font-size-56 {font-size: 46px;}	
    .font-size-48 {font-size: 40px;}
    .font-size-45 {font-size: 38px;}
    .font-size-32 {font-size: 28px;}
    .font-size-26 {font-size: 21px;}
    .font-size-25 {font-size: 20px;}
    .font-size-22 {font-size: 18px;}
    .offer .stat-number {font-size: 68px;}
    .offer .stat-label {padding: 10px 22px;}
    .ourmission-section .mv-heading {top: -40px;}
}

@media(max-width:1199px){
    .connectivity-line {width: 36%; bottom: 70px; top: 100px; left: 32%; background-size: 448px 520px;}
    .connectivity-column {gap: 22px; }
    .connectivity-icon img {max-width: 35px;}
    .connectivity-card p {line-height: 1.2 !important;}
    .connectivity-card {padding: 20px; min-height: 158px;}
    .connectivity-top {margin-bottom: 8px;}
    .center-box {padding: 45px 30px;}
    .businessbenefits-box .img-fluid {max-width: 40px;}
}

@media screen and (max-width: 991px) {
    .font-size-56 {font-size: 40px;}
    .font-size-48 {font-size: 34px;}
    .font-size-45 {font-size: 27px;}
    .font-size-34 {font-size: 24px;}
    .font-size-32 {font-size: 22px;}
    .font-size-30 {font-size: 25px;}
    .font-size-26 {font-size: 19px;}
    .font-size-24 {font-size: 18px;}
    .font-size-20 {font-size: 18px;}
    .homepad {padding-top: 4rem; padding-bottom: 4rem;}
    .offer .stat-number {font-size: 54px;}
    .offer .stat-label {padding: 10px 16px;}
    .insurance-section .feature-box {padding: 20px;}
    .compare-box {padding: 16px 20px; gap: 20px; margin-top: 15px; line-height: 1;}
    .blogsection .big-card .overlay {left: 25px; width: 68%; bottom: 25px; padding: 22px;}
    .blogsection .overlay {bottom: 20px; left: 20px; right: 20px;}
    .our-recentposts .post-overlay {bottom: 10px; padding: 12px; left: 10px; right: 10px;}
    .our-recentposts .tag {top: 20px; left: 20px;}
    .our-recentposts .arrow-btn {top: 20px; right: 20px; width: 34px; height: 34px;}
    .cta img {height: 40px;}
    .testimonials-wrapper .testimonials-track {gap: 20px;}
    .keyfeatures .keyfeatures-box {padding: 22px;}
    .keyfeatures .keyfeatures-box .img-fluid {max-width: 60px;}
    .strategy-card {padding: 24px 24px;	margin-bottom: 15px;}
    .custom-progress {height: 6px;}
    .businessimapct-box {padding: 10px 0px; gap: 12px;}
    .rewards .slider-controls {margin-top: 30px;}
    .insurance-section .theinsurance::before {right: 0; top: 48%; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 38%, #FFF 100%) !important;}
    .journey .journey-overlay {padding: 18px 20px;}
    .ourmission-section .mv-heading {top: -36px;}
    .ourmission-section .mv-slide {flex: 0 0 calc((100% - 60px)/1.5);}
    .ourmission-section .mv-icon img {max-width: 60px;}
    .ourmission-section .mv-icon {top: -25px; right: -4px;}
    .ourmission-section .mv-slide h5 {margin-top: 0px;}
    .ourmission-section .mv-card {padding: 26px;}
    .ourmission-section .mv-values-card {padding: 26px;}
    .strategy-card.active .strategy-desc, 
    .strategy-card.active .progress-area {margin-top: 10px;}
    .center-box {padding: 35px 20px;}
    .center-box img {max-width: 150px;}
    .connectivity-line {width: 38%; left: 31%; background-size: 345px 520px;}
    .connectivity-card p {font-size: 15px;}
    .connectivity-icon img {max-width: 25px;}
    .connectivity-top {gap: 10px;}
    .connectivity-card {padding: 14px; min-height: 148px;}
    .integrations-card .img-fluid {min-width: 30px;}
}

@media screen and (max-width: 768px) {
    .cl-bizpromise-wrapper{flex-direction:column;}
    .cl-bizpromise-card,
    .cl-bizpromise-card.active{flex:unset;}
    .testimonials-wrapper{margin-left:-12px; margin-right:-12px;}
    .testimonials-wrapper .testimonials-card{flex:0 0 calc((100% - 20px) / 1.5);}
    .testimonial{flex:0 0 80%;}
    .ourmission-section .mv-slider-wrapper{padding-right:40px;}
    .ourmission-section .mv-slide{flex:0 0 calc((100% - 20px)/1.5);}
    .journey .slider-track{gap:15px;}
    .journey .journey-card{flex:0 0 calc((100% - 20px) / 2);}
    .journey .slider-wrapper .slider-track{margin-left: -130px; padding-top: 60px;}
    .why-yourpartner .blogsection{padding:40px 0;}
    .why-yourpartner .custom-container{flex-direction:column; height:auto; gap:15px; }
    .why-yourpartner .section{width:100%; height:40px; flex:none; border-radius:16px; position:relative; }
    .why-yourpartner .section.active{height:320px; flex:none;}
    .why-yourpartner .section.active::before{content:""; position:absolute; inset:0; background:rgba(0,0,0,.45); }
    .why-yourpartner .main-text{left:15px; right:15px; bottom:15px; padding:16px; opacity:0; visibility:hidden; transform:translateY(20px); pointer-events:none;}
    .why-yourpartner .section.active .main-text{opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto;}
    .why-yourpartner .active-badge {top: 7px; left: auto; bottom: auto; transform: initial; right: 8px;}
    .why-yourpartner .active-badge i{font-size:22px;}
    .rewards.casestudydetail-silider .slider-track{gap:16px;}
    .rewards.casestudydetail-silider .slide-card{flex:0 0 calc((100% - 16px) / 2); max-width:calc((100% - 16px) / 2); border-radius: 20px;}
}


@media screen and (max-width: 767px) {
    .font-size-56 {font-size: 30px;}	
    .font-size-48 {font-size: 28px;}
    .font-size-45 {font-size: 22px;}
    .font-size-34 {font-size: 22px;}
    .font-size-30 {font-size: 18px;}
    .font-size-20 {font-size: 16px;}
    .homepad {padding-top: 3.5rem; padding-bottom: 3.5rem;}
    .hero {padding: 20px 0 10px;}
    .offer .stat-number {font-size: 30px;}
    .offer .stat-label {padding: 7px 12px; top: -24px; left: 15px; font-size: 16px;}
    .compare-box img.img-fluid {max-width: 40px;}
    .compare-box {padding: 10px 15px; gap: 12px; margin-top: 10px;}
    .blogsection .big-card .overlay {left: 0; width: 100%; bottom: 0; padding: 22px; position: relative; border-top-left-radius: 0;	border-top-right-radius: 0;}
    .our-recentposts .post-overlay {bottom: 20px; padding: 18px; left: 20px; right: 20px;}
    .breadcrumb-custom span.round {margin: 0 5px; width: 20px; height: 20px;}
    .breadcrumb-custom span.round::before {width: 8px; height: 8px; margin-top: -4px; margin-left: -4px;}
    .footer-line {margin: 34px 0 30px;}
    .testimonials-wrapper .testimonials-card {padding: 22px;}
    .testimonials-wrapper .testimonials-stars {margin-bottom: 12px;}
    .testimonials-wrapper .testimonials-desc {margin-bottom: 20px;}
    .rewards .slider-controls {margin-top: 20px;}
    .insurance-section .feature-box .img-fluid {max-width: 40px;}
    .testimonials-wrapper .testimonials-track {gap: 15px;}
    .cl-bizpromise-number {font-size: 50px; margin-bottom: -26px;}
    .cl-bizpromise-card.active .cl-bizpromise-number {font-size: 38px;}
    .ourvision-mad {margin-top: 60px;}
    .team-tabs {gap: 10px;}
    .banner-overlay {padding: 20px;}
    .offer-mad {margin-bottom: -26px;}
    .rewards .slider-track{gap: 20px;}
    .rewards .slide-card{flex: 0 0 calc((100% - 20px) / 2);}
    .rewards .slide-card .slide-box .rewards-logo {padding-top: 0px; text-align: center; margin-right: 0;}
    .rewards .slide-card .slide-box {height: 100%;}
    .rewards .slider-wrapper {margin-top: 30px;}
    .c2l-footer {padding: 48px 0 20px;}
    .ourmission-section .mv-slider-track {gap: 15px;}
    .ourmission-section .mv-slide {flex: 0 0 calc((100% - 30px)/1.1);}
    .ourmission-section .mv-heading {top: -27px;}
    .ourmission-section .mv-values-card {margin-top: 64px;}
    .connectivity-card {padding: 24px; min-height: 100%;}
    .connectivity-center {display: block;}
    .integrations-card {padding: 18px; margin: 8px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.12);}
}

@media screen and (max-width: 575px) {
    .font-size-18 {font-size: 16px;}	
    .font-size-48 {font-size: 22px;}
    .font-size-56 {font-size: 26px;}
    .font-size-22 {font-size: 16px;} 
    .offer .stat-label {padding: 7px 10px; left: 10px; font-size: 13px;}
    .rewards .slider-track {gap: 10px;}
    .rewards .slide-card .slide-box {padding: 18px;}
    .rewards .slide-card .slide-box .rewards-logo {padding-bottom: 0px;}
    .rewards .slide-card .slide-box .rewards-logo img {height: 22px;}
    .cta img {height: 30px;}
    .blogsection .big-card .overlay p {line-height: 1.3 !important;}
    .ourmission-section .mv-slide p {font-size: 15px; line-height: 1.3 !important; letter-spacing: -0.4px;}
    .journey .journey-arrow {font-size: 22px;}
    .journey .journey-overlay {padding: 12px 15px;}
    .journey .journey-overlay .font-size-26 {font-size: 17px;}
    .team-tabs {margin-top: 15px;}
    .team-card .team-info .font-size-22 {font-size: 16px;}
    .banner-card {padding: 54px 16px 16px;}
    .rewards .slide-card {flex: 0 0 calc((100% - 10px) / 2);}
    .journey .slider-wrapper .slider-track {padding-top: 40px;}
    .journey .timeline-dot {width: 18px; height: 18px; margin-left: -9px; margin-top: -35px;}
    .journey .timeline-dot::before {width: 8px; height: 8px;}
}

@media(max-width:479px){
    .ourmission-section .mv-slide {flex: 0 0 calc((100% - 30px)/1); padding: 20px;}
    .ourmission-section .mv-card {padding: 20px;}
    .ourmission-section .mv-values-card {padding: 20px;}
}