.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1200px;
}
body {font-family: 'Roboto';}body {line-height: 1.3125;font-size: 16px;font-weight: 400;color: #1e304e;}.oxy-nav-menu-hamburger-line {background-color: #1e304e;}h1, h2, h3, h4, h5, h6 {font-family: 'Roboto';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {color: #31a6d2;text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.oxel_iconlist__row {
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 width:100%;
 margin-top:0px;
}
.oxel_iconlist__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_iconlist__row.oxy-easy-posts .oxy-posts,
.oxel_iconlist__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_iconlist__row__icon {
color: #ffcb05;}.oxel_iconlist__row__icon 
>svg {width: 30px;height: 30px;}.oxel_iconlist__row__icon {
 margin-right:16px;
 background-color:#ffffff;
}
.oxel_iconlist__row__label {
}
.hero--bg:hover{
}
.hero--bg {
 width:100%;
 height:calc(100vh - 152px) ;
}
.hero--bg:not(.ct-section):not(.oxy-easy-posts),
.hero--bg.oxy-easy-posts .oxy-posts,
.hero--bg.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:center;
}
@media (max-width: 991px) {
.hero--bg {
 height:auto;
}
}

.btn-cta-yellow {
 padding-top:0px;
 padding-bottom:0px;
 height:46.12px;
}
.btn-cta-yellow:not(.ct-section):not(.oxy-easy-posts),
.btn-cta-yellow.oxy-easy-posts .oxy-posts,
.btn-cta-yellow.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 991px) {
.btn-cta-yellow {
}
.btn-cta-yellow:not(.ct-section):not(.oxy-easy-posts),
.btn-cta-yellow.oxy-easy-posts .oxy-posts,
.btn-cta-yellow.ct-section .ct-section-inner-wrap{
flex-wrap:nowrap;
}
}

.m-t-20 {
 margin-top:clamp(20px, 20px, 1.563vw) ;
}
.btn-cta-yellow-icon {
 object-position:center center;
}
.btn-cta-yellow-fontContainer:hover{
 transition-duration:0.35s;
 transition-timing-function:ease-in-out;
}
.btn-cta-yellow-fontContainer {
 border-top-right-radius:50px;
 border-bottom-right-radius:50px;
 padding-right:28px;
 padding-left:28px;
 height:100%;
 margin-left:0px;
 transition-duration:0.35s;
 transition-timing-function:ease-in-out;
 border-top-left-radius:50px;
 border-bottom-left-radius:50px;
}
.btn-cta-yellow-fontContainer:not(.ct-section):not(.oxy-easy-posts),
.btn-cta-yellow-fontContainer.oxy-easy-posts .oxy-posts,
.btn-cta-yellow-fontContainer.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
.btn-cta-yellow-fontContainer {
 min-width:200px;
}
}

.btn-cta-yellow-font {
 color:#1e304e;
 font-size:16px;
 font-weight:900;
 text-transform:uppercase;
}
.test {
background-image: linear-gradient(170deg, #1e304e, #31a6d2);}
.blue-band {
 background-color:#31a6d2;
 overflow:hidden;
 min-height:80px;
 width:100%;
 gap:26px;
}
.blue-band:not(.ct-section):not(.oxy-easy-posts),
.blue-band.oxy-easy-posts .oxy-posts,
.blue-band.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
gap:26px;
}
@media (max-width: 767px) {
.blue-band {
 gap:20px;
}
.blue-band .ct-section-inner-wrap {
padding-top: 20px;
padding-bottom: 20px;
}
.blue-band:not(.ct-section):not(.oxy-easy-posts),
.blue-band.oxy-easy-posts .oxy-posts,
.blue-band.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:20px;
}
}

@media (max-width: 479px) {
.blue-band {
}
}

.p-l-r-50 {
 padding-left:clamp(30px, 3vw, 60px) ;
 padding-right:clamp(30px, 3vw, 60px) ;
}
.p-l-r-50 .ct-section-inner-wrap {
padding-right: clamp(40px, 50px, 3.91vw) ;
padding-left: clamp(40px, 50px, 3.91vw) ;
}
.p-l-r-50:not(.ct-section):not(.oxy-easy-posts),
.p-l-r-50.oxy-easy-posts .oxy-posts,
.p-l-r-50.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-start;
justify-content:center;
}
@media (max-width: 767px) {
.p-l-r-50 {
}
}

@media (max-width: 479px) {
.p-l-r-50 {
}
}

.zoom-12:hover{
transform:scale(1.1,1.1);}
.zoom-12 {
 width:100vw;
}
.trans-easeinout {
}
.medium19 {
 color:#ffffff;
}
.icn-arrow-right {
color: #ffffff;}.icn-arrow-right 
>svg {width: 26px;height: 26px;}.icn-arrow-right {
}
.heading-thick {
 color:#1e304e;
}
@media (max-width: 479px) {
.heading-thick {
}
.heading-thick:not(.ct-section):not(.oxy-easy-posts),
.heading-thick.oxy-easy-posts .oxy-posts,
.heading-thick.ct-section .ct-section-inner-wrap{
display:block;
}
}

.heading-thin {
 color:#1e304e;
}
@media (max-width: 479px) {
.heading-thin {
}
.heading-thin:not(.ct-section):not(.oxy-easy-posts),
.heading-thin.oxy-easy-posts .oxy-posts,
.heading-thin.ct-section .ct-section-inner-wrap{
display:block;
}
}

.swipe-hint {
}
.swipe-hint:not(.ct-section):not(.oxy-easy-posts),
.swipe-hint.oxy-easy-posts .oxy-posts,
.swipe-hint.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 1200px) {
.swipe-hint {
}
.swipe-hint:not(.ct-section):not(.oxy-easy-posts),
.swipe-hint.oxy-easy-posts .oxy-posts,
.swipe-hint.ct-section .ct-section-inner-wrap{
display:flex;
}
}

@media (max-width: 479px) {
.swipe-hint {
 animation:swipePulse 2s ease-in-out infinite;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-color:#1e304e;
 border-right-color:#1e304e;
 border-bottom-color:#1e304e;
 border-left-color:#1e304e;
}
}

.p-l-50 {
 padding-left:clamp(30px, 3vw, 60px) ;
}
.p-l-50 .ct-section-inner-wrap {
padding-left: clamp(40px, 50px, 3.91vw) ;
}
.shadow-img-img {
}
.p-t-b-120-70 {
}
.p-t-b-120-70 .ct-section-inner-wrap {
padding-top: clamp(90px, 9.375vw, 120px) ;
padding-bottom: clamp(50px, 5.469vw, 70px) ;
}
.m-b-80 {
 margin-bottom:clamp(40px,80px,6.25vw) ;
}
.m-b-20 {
 margin-bottom:clamp(15px, 20px, 1.563vw) ;
}
@media (max-width: 991px) {
.m-b-20 {
 font-weight:900;
}
}

.extras-block {
 padding-top:11px;
 padding-bottom:11px;
 width:30%;
 min-width:200px;
}
.extras-block:not(.ct-section):not(.oxy-easy-posts),
.extras-block.oxy-easy-posts .oxy-posts,
.extras-block.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
}
@media (max-width: 1200px) {
.extras-block {
 width:25%;
 max-width:30%;
}
}

.extrabold16 {
 line-height:1.2;
}
.stroke-hide {
}
@media (max-width: 991px) {
.stroke-hide {
}
.stroke-hide:not(.ct-section):not(.oxy-easy-posts),
.stroke-hide.oxy-easy-posts .oxy-posts,
.stroke-hide.ct-section .ct-section-inner-wrap{
display:none;
}
}

.stroke-code {
 width:1.35px;
 padding-top:10px;
 padding-bottom:10px;
}
@media (max-width: 767px) {
.stroke-code {
}
}

.stroke-extras {
}
.extrabold20 {
 font-weight:700;
}
.arrow-down-blu {
 width:25px;
}
@media (max-width: 991px) {
.arrow-down-blu {
 width:18px;
}
}

@media (max-width: 767px) {
.arrow-down-blu {
 width:18px;
}
}

.stroke {
 height:100%;
}
.arrow-up-blu {
 width:25px;
}
@media (max-width: 991px) {
.arrow-up-blu {
 width:18px;
}
}

@media (max-width: 767px) {
.arrow-up-blu {
 width:18px;
}
}

.p-t-50 {
 padding-top:clamp(30px, 3vw, 60px) ;
 right:0px;
}
.p-t-50 .ct-section-inner-wrap {
padding-top: clamp(40px, 3.906vw, 50px) ;
}
@media (max-width: 767px) {
.p-t-50 {
}
}

.form-sec {
}
.form-col1-m-t {
}
.m-b-150 {
 margin-bottom:clamp(70px, 150px,11.719vw) ;
}
.two-col-461-819 {
 text-align:justify;
}
.two-col-461-819:not(.ct-section):not(.oxy-easy-posts),
.two-col-461-819.oxy-easy-posts .oxy-posts,
.two-col-461-819.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:space-between;
}
.p-m-b-27 {
 margin-bottom:27px;
}
.form-box {
 background-color:#ffffff;
 padding-left:30px;
 padding-right:30px;
 padding-top:40px;
 padding-bottom:40px;
 width:100%;
}
@media (max-width: 767px) {
.form-box {
}
}

@media (max-width: 479px) {
.form-box {
 width:100%;
 padding-left:15px;
 padding-right:15px;
 padding-top:20px;
 padding-bottom:20px;
}
}

.border-r17 {
 border-radius:17px;
 background-clip:padding-box;
}
.shadow-white-form {
}
.medium20 {
}
.packages {
 background-color:#ffffff;
 padding-top:30px;
 padding-right:30px;
 padding-bottom:30px;
 padding-left:30px;
 border-radius:20px;
}
.packages:not(.ct-section):not(.oxy-easy-posts),
.packages.oxy-easy-posts .oxy-posts,
.packages.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.packages {
 padding-top:10px;
 padding-right:10px;
 padding-bottom:10px;
 padding-left:10px;
}
.packages:not(.ct-section):not(.oxy-easy-posts),
.packages.oxy-easy-posts .oxy-posts,
.packages.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

@media (max-width: 479px) {
.packages {
}
}

.m-b-70 {
 margin-bottom:clamp(35px, 70px,5.469vw) ;
}
.m-b-25 {
 margin-bottom:clamp(25px, 25px,1.953vw) ;
}
@media (max-width: 991px) {
.m-b-25 {
}
}

.cell {
 position:relative;
}
.cell:not(.ct-section):not(.oxy-easy-posts),
.cell.oxy-easy-posts .oxy-posts,
.cell.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:space-between;
}
@media (max-width: 767px) {
.cell {
}
}

.m-b-16 {
 margin-bottom:1.25vw;
}
.bold25 {
}
.car-p-text {
}
.overflow-hidden {
 overflow:hidden;
}
.carou-img-width {
 object-fit:cover;
 object-position:center center;
 z-index:2;
 border-radius:10px;
 height:auto;
}
.carou-img-width:not(.ct-section):not(.oxy-easy-posts),
.carou-img-width.oxy-easy-posts .oxy-posts,
.carou-img-width.ct-section .ct-section-inner-wrap{
display:block;
}
.ls-result-enquire {
}
.ls-open-popup {
}
@media (max-width: 479px) {
.ls-open-popup {
}
.ls-open-popup:not(.ct-section):not(.oxy-easy-posts),
.ls-open-popup.oxy-easy-posts .oxy-posts,
.ls-open-popup.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.ease-in-out:hover{
 transition-duration:0.25s;
 transition-timing-function:ease-in-out;
}
.ease-in-out {
 transition-duration:0.25s;
 transition-timing-function:ease-in-out;
}
.ls-enquire-modal {
}
..modal-1153-421 {
 box-shadow:0 30px 80px rgba(0,0,0,0.28);
}
..headline-1156-421 {
}
..headline-1158-421 {
}
..text_block-1160-421 {
}
.ls-step-result {
 width:100%;
 background-position:100% 0%;
}
.ls-result-intro {
}
.ls-result-heading {
}
.ls-result-panel {
}
.ls-result-why-title {
}
.ls-result-bullets {
}
.ls-result-actions {
}
.ls-result-card {
}
.ls-result-package-title {
}
.ls-result-speed-box {
}
.ls-result-download {
 color:#1e304e;
 font-size:50px;
 font-weight:900;
}
.ls-result-upload {
}
.ls-result-summary {
}
.ls-calc {
 gap:50px;
}
.ls-calc:not(.ct-section):not(.oxy-easy-posts),
.ls-calc.oxy-easy-posts .oxy-posts,
.ls-calc.ct-section .ct-section-inner-wrap{
gap:50px;
}
.ls-calc-mobile {
 width:100%;
 max-width:390px;
 margin-left:autopx;
 margin-right:autopx;
 padding-left:16px;
 padding-right:16px;
 padding-top:24px;
 padding-bottom:32px;
}
.ls-step {
}
.ls-step-1 {
}
.is-active {
 gap:20px;
}
.is-active:not(.ct-section):not(.oxy-easy-posts),
.is-active.oxy-easy-posts .oxy-posts,
.is-active.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
}
.ls-step-inner {
 width:100%;
 gap:20px;
 text-align:left;
}
.ls-step-inner:not(.ct-section):not(.oxy-easy-posts),
.ls-step-inner.oxy-easy-posts .oxy-posts,
.ls-step-inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
}
.ls-mobile-qno {
 font-size:16px;
 font-weight:400;
 color:#1e304e;
}
.ls-mobile-qtitle {
 font-size:16px;
 font-weight:900;
 color:#1e304e;
}
.ls-mobile-heading {
 font-size:24px;
 font-weight:800;
 line-height:1.2;
 color:#31a6d2;
 text-align:center;
}
.ls-mobile-subtext {
 font-size:11px;
 line-height:1.35;
 color:#1e304e;
 text-align:center;
}
.ls-mobile-options {
 width:100%;
 gap:12px;
}
.ls-mobile-options:not(.ct-section):not(.oxy-easy-posts),
.ls-mobile-options.oxy-easy-posts .oxy-posts,
.ls-mobile-options.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:12px;
}
.ls-cards {
 width:100%;
 gap:24px;
}
.ls-cards:not(.ct-section):not(.oxy-easy-posts),
.ls-cards.oxy-easy-posts .oxy-posts,
.ls-cards.ct-section .ct-section-inner-wrap{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:24px;
}
.ls-cards-people {
}
.ls-card {
 cursor:pointer;
 transition-duration:0.25s;
}
.ls-card-single {
}
.ls-mobile-pill {
 cursor:pointer;
}
.ls-mobile-pill-number {
 font-size:24px;
 font-weight:900;
 color:#ffffff;
}
.ls-mobile-pill-label {
 font-size:15px;
 font-weight:600;
 color:#ffffff;
}
.ls-next {
}
.ls-next-1 {
}
.ls-step-2 {
}
.ls-step-2:not(.ct-section):not(.oxy-easy-posts),
.ls-step-2.oxy-easy-posts .oxy-posts,
.ls-step-2.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.ls-mobile-usage-list {
 width:100%;
 gap:10px;
}
.ls-mobile-usage-list:not(.ct-section):not(.oxy-easy-posts),
.ls-mobile-usage-list.oxy-easy-posts .oxy-posts,
.ls-mobile-usage-list.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:10px;
}
.ls-cards-usage {
}
.ls-card-multi {
}
.ls-mobile-usage-card {
 cursor:pointer;
}
.ls-mobile-usage-icon {
}
.ls-mobile-usage-icon:not(.ct-section):not(.oxy-easy-posts),
.ls-mobile-usage-icon.oxy-easy-posts .oxy-posts,
.ls-mobile-usage-icon.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.ls-mobile-usage-copy {
 text-align:left;
}
.ls-mobile-usage-copy:not(.ct-section):not(.oxy-easy-posts),
.ls-mobile-usage-copy.oxy-easy-posts .oxy-posts,
.ls-mobile-usage-copy.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.ls-mobile-check {
 border-radius:50px;
}
.ls-next-2 {
}
.ls-step-3 {
}
.ls-step-3:not(.ct-section):not(.oxy-easy-posts),
.ls-step-3.oxy-easy-posts .oxy-posts,
.ls-step-3.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.ls-cards-devices {
}
.ls-calculate {
}
.ls-result-stage {
}
.ls-result-copy {
}
.oxel_iconlist {
 max-width:100%;
}
.oxel_iconlist__row--dark {
 background-color:#eceeef;
}
.ls-result-wrap {
 width:100%;
 gap:32px;
}
.ls-result-wrap:not(.ct-section):not(.oxy-easy-posts),
.ls-result-wrap.oxy-easy-posts .oxy-posts,
.ls-result-wrap.ct-section .ct-section-inner-wrap{
display:grid;
gap:32px;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.tabs-8932-tab:hover{
 background-color:#ffffff;
}
.tabs-8932-tab {
 background-color:#eceeef;
 padding-top:16px;
 padding-bottom:16px;
 padding-left:32px;
 padding-right:32px;
 color:#374047;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 border-top-color:#eceeef;
 border-right-color:#eceeef;
 border-bottom-color:#eceeef;
 border-left-color:#eceeef;
 border-top-style:solid;
 border-right-style:none;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
}
.tabs-8932-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-8932-tab.oxy-easy-posts .oxy-posts,
.tabs-8932-tab.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 991px) {
.tabs-8932-tab {
 border-bottom-style:none;
 border-right-color:#dee1e3;
 border-right-width:1px;
 border-right-style:solid;
}
}

@media (max-width: 479px) {
.tabs-8932-tab {
 padding-left:16px;
 padding-right:16px;
}
}

.tabs-8932-tab-active {
 margin-left:-8px;
 background-color:#ffffff;
 border-top-color:#dee1e3;
 border-right-color:#dee1e3;
 border-bottom-color:#dee1e3;
 border-left-color:#dee1e3;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:none;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-left:40px;
}
@media (max-width: 991px) {
.tabs-8932-tab-active {
 border-top-color:#dee1e3;
 border-right-color:#dee1e3;
 border-bottom-color:#dee1e3;
 border-left-color:#dee1e3;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:none;
 border-left-style:solid;
 margin-left:0px;
 padding-left:032px;
}
}

@media (max-width: 479px) {
.tabs-8932-tab-active {
 padding-left:16px;
 padding-right:16px;
}
}

.tabs-contents-8932-tab {
}
.oxel_dashboard_tabs {
 width:100%;
}
.oxel_dashboard_tabs:not(.ct-section):not(.oxy-easy-posts),
.oxel_dashboard_tabs.oxy-easy-posts .oxy-posts,
.oxel_dashboard_tabs.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
@media (max-width: 991px) {
.oxel_dashboard_tabs {
}
.oxel_dashboard_tabs:not(.ct-section):not(.oxy-easy-posts),
.oxel_dashboard_tabs.oxy-easy-posts .oxy-posts,
.oxel_dashboard_tabs.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.oxel_dashboard_tabs__tab_icon {
color: #7f8b93;}.oxel_dashboard_tabs__tab_icon 
>svg {width: 18px;height: 18px;}.oxel_dashboard_tabs__tab_icon {
 margin-right:8px;
}
@media (max-width: 767px) {
.oxel_dashboard_tabs__tab_icon {
 margin-right:0px;
}
}

.oxel_dashboard_tabs__tab_label {
 line-height:1;
 font-size:14px;
 text-transform:uppercase;
}
@media (max-width: 767px) {
.oxel_dashboard_tabs__tab_label {
}
.oxel_dashboard_tabs__tab_label:not(.ct-section):not(.oxy-easy-posts),
.oxel_dashboard_tabs__tab_label.oxy-easy-posts .oxy-posts,
.oxel_dashboard_tabs__tab_label.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
}
}

.oxel_dashboard_tabs__tab {
}
.oxel_dashboard_tabs__tab_content_container {
 width:75%;
 border-top-color:#dee1e3;
 border-right-color:#dee1e3;
 border-bottom-color:#dee1e3;
 border-left-color:#dee1e3;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:none;
 overflow:hidden;
}
@media (max-width: 991px) {
.oxel_dashboard_tabs__tab_content_container {
 width:100%;
 border-top-color:#dee1e3;
 border-right-color:#dee1e3;
 border-bottom-color:#dee1e3;
 border-left-color:#dee1e3;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
}

.oxel_dashboard_tabs__tab_content--hidden {
}
.oxel_dashboard_tabs__tab_content--hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_dashboard_tabs__tab_content--hidden.oxy-easy-posts .oxy-posts,
.oxel_dashboard_tabs__tab_content--hidden.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
}
.oxel_dropdown_buttonv2__trigger {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:16px;
 padding-right:16px;
 background-color:#374047;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 position:relative;
cursor: pointer;
}
.oxel_dropdown_buttonv2__trigger:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2__trigger.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2__trigger.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 767px) {
.oxel_dropdown_buttonv2__trigger {
 background-color:#ffcb05;
 width:100%;
 border-radius:50px;
 gap:20px;
}
.oxel_dropdown_buttonv2__trigger:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2__trigger.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2__trigger.ct-section .ct-section-inner-wrap{
justify-content:center;
gap:20px;
}
}

.oxel_dropdown_buttonv2 {
 background-color:#374047;
 position:relative;
 width:min-content ;
}
.oxel_dropdown_buttonv2:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 767px) {
.oxel_dropdown_buttonv2 {
 width:90%;
}
}

.oxel_dropdown_buttonv2__submenu {
 position:absolute;
 left:0px;
 min-width:100%;
 padding-top:4px;
 width:200px;
 z-index:10;
 top:100%;
padding-inline-start: 0; margin-block-start: 0; margin-block-end: 0;
}
@media (max-width: 767px) {
.oxel_dropdown_buttonv2__submenu {
 width:100%;
 padding-left:9px;
 padding-top:9px;
 padding-right:9px;
 padding-bottom:9px;
}
}

.oxel_dropdown_buttonv2__submenu--hidden {
 opacity:0;
pointer-events: none;
}
.oxel_dropdown_buttonv2__submenu--hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2__submenu--hidden.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2__submenu--hidden.ct-section .ct-section-inner-wrap{
display:none;
}
.oxel_dropdown_buttonv2__submenubutton:hover{
 background-color:#dee1e3;
}
.oxel_dropdown_buttonv2__submenubutton {
 text-align:left;
 background-color:#eceeef;
 min-width:100%;
 color:#374047;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
}
.oxel_dropdown_buttonv2__submenubutton:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2__submenubutton.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2__submenubutton.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.oxel_dropdown_buttonv2__submenulabel {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:16px;
 padding-right:16px;
 width:100%;
 color:#374047;
}
.oxel_dropdown_buttonv2__label {
 color:#f9f9fa;
white-space: nowrap;
}
@media (max-width: 767px) {
.oxel_dropdown_buttonv2__label {
 font-family:Roboto;
 color:#1e304e;
 font-size:18px;
 font-weight:800;
}
}

.oxel_dropdown_buttonv2__symbol {
background-image: linear-gradient(135deg, rgba(0,0,0,0) 50%, #ffffff 50%);transform:rotate(45deg); width:8px;
 height:8px;
 margin-top:-4px;
 margin-left:16px;
min-width: 0 !important; min-height: 0 !important;
}
@media (max-width: 767px) {
.oxel_dropdown_buttonv2__symbol {
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
}

.oxel_icon_button__container:hover{
 background-color:#cfd3d7;
}
.oxel_icon_button__container {
 background-color:#eceeef;
 padding-top:8px;
 padding-left:16px;
 padding-right:16px;
 padding-bottom:8px;
 transition-duration:0.3s;
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),
.oxel_icon_button__container.oxy-easy-posts .oxy-posts,
.oxel_icon_button__container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_icon_button_text {
 color:#374047;
}
.oxel_icon_button_icon {
color: #606e79;}.oxel_icon_button_icon 
>svg {width: 18px;height: 18px;}.oxel_icon_button_icon {
 margin-right:8px;
}
.oxel_logo_slider {
 width:100%;
 position:relative;
 overflow:hidden;
 background-color:#ffffff;
 text-align:center;
}
.oxel_logo_slider:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider.oxy-easy-posts .oxy-posts,
.oxel_logo_slider.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.oxel_logo_slider__logo {
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 width:20%;
 height:100px;
 text-align:center;
 padding-top:16px;
 padding-left:16px;
 padding-right:16px;
 padding-bottom:16px;
}
.oxel_logo_slider__logo:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__logo.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__logo.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel_logo_slider__image_carrier {
 width:100%;
 text-align:left;
 flex-shrink:0;
 transition-duration:0.1s;
 transition-timing-function:linear;
}
.oxel_logo_slider__image_carrier:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__image_carrier.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__image_carrier.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
.oxel_logo_slider__image_carrier--delay {
}
.oxel-image-accordion {
}
.oxel-image-accordion:not(.ct-section):not(.oxy-easy-posts),
.oxel-image-accordion.oxy-easy-posts .oxy-posts,
.oxel-image-accordion.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 767px) {
.oxel-image-accordion {
 height:600px;
}
.oxel-image-accordion:not(.ct-section):not(.oxy-easy-posts),
.oxel-image-accordion.oxy-easy-posts .oxy-posts,
.oxel-image-accordion.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.oxel-image-accordion__item {
 position:relative;
 height:400px;
 overflow:hidden;
 transition-duration:0.6s;
 transition-timing-function:cubic-bezier(.69,.05,.67,.88);
 transition-property:all;
}
@media (max-width: 767px) {
.oxel-image-accordion__item {
 height:auto;
}
}

.oxel-image-accordion__details {
 z-index:10;
 position:absolute;
 left:18px;
 bottom:16px;
 width:10000px;
}
.oxel-image-accordion__details:not(.ct-section):not(.oxy-easy-posts),
.oxel-image-accordion__details.oxy-easy-posts .oxy-posts,
.oxel-image-accordion__details.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 767px) {
.oxel-image-accordion__details {
 position:absolute;
 bottom:8px;
 left:8px;
}
}

.oxel-image-accordion__icon {
background-color: #f9f9fa;
border: 1px solid #f9f9fa;
padding: 10px;color: #374047;}.oxel-image-accordion__icon 
>svg {width: 14px;height: 14px;}.oxel-image-accordion__icon {
 margin-right:16px;
}
@media (max-width: 767px) {
.oxel-image-accordion__icon {
padding: 6px;}.oxel-image-accordion__icon {
}
}

.oxel-image-accordion__link {
 color:#f9f9fa;
}
.oxel-image-accordion__image {
 position:absolute;
 width:100%;
 height:100%;
}
.header {
}
.the-menu {
}
.shadow-t1 {
}
.w-100 {
 width:100%;
}
.text-14 {
 color:#1e304e;
}
.icon-login {
 object-fit:contain;
 object-position:center;
 aspect-ratio:23.07/25;
 width:clamp(23.07px, 23.07px, 46px) ;
 height:auto;
}
@media (max-width: 479px) {
.icon-login {
 object-fit:contain;
}
}

.btn-sim-yellow {
 font-family:Roboto;
 border-radius:50px;
 font-size:15px;
 font-weight:700;
 height:33px;
 text-transform:uppercase;
 background-color:#ffcb05;
 line-height:1;
 overflow:hidden;
 min-width:206px;
}
.btn-sim-yellow:not(.ct-section):not(.oxy-easy-posts),
.btn-sim-yellow.oxy-easy-posts .oxy-posts,
.btn-sim-yellow.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.text-15-bold {
background-color :#ffcb05;
border: 1px solid #ffcb05;
color: #1e304e;
padding: 10px 16px;
}.text-15-bold {
 font-family:Roboto;
 font-size:15px;
 font-weight:700;
 color:#1e304e;
}
.text-15-bold:not(.ct-section):not(.oxy-easy-posts),
.text-15-bold.oxy-easy-posts .oxy-posts,
.text-15-bold.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.load-instant {
 height:auto;
}
.icon-fa {
color: #333333;}.icon-fa 
>svg {width: 25px;height: 25px;}.icon-fa {
}
@media (max-width: 991px) {
.icon-fa {
}
}

.infin-logo {
 width:155px;
 object-fit:contain;
 object-position:center center;
 aspect-ratio:154/37;
 height:auto;
}
@media (max-width: 767px) {
.infin-logo {
 width:120px;
}
}

@media (max-width: 479px) {
.infin-logo {
}
}

.menu-shadow {
 box-shadow:0px 3px 6px 0px rgba(15,15,15,0.17);
}
.footer-col {
 gap:22px;
}
.footer-col:not(.ct-section):not(.oxy-easy-posts),
.footer-col.oxy-easy-posts .oxy-posts,
.footer-col.ct-section .ct-section-inner-wrap{
gap:22px;
}
.p-l-150 {
 padding-left:clamp(30px, 150px, 11.72vw) ;
}
.p-t-68-p-b-55 {
}
.p-t-68-p-b-55 .ct-section-inner-wrap {
padding-top: clamp(40px, 68px, 5.31vw) ;
padding-bottom: clamp(40px, 55px, 4.3vw) ;
}
.header-sticky {
}
.hero-img {
 width:100vw;
 object-fit:cover;
 object-position:center center;
 height:auto;
}
.h-650px {
 height:650px;
}
.h-650px:not(.ct-section):not(.oxy-easy-posts),
.h-650px.oxy-easy-posts .oxy-posts,
.h-650px.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
.btn-signUp {
background-image: linear-gradient(90deg, #31a6d2, #1e304e), url(https://infinifi.co.za/wp-content/uploads/2025/09/gradient-btn.webp); border-top-right-radius:10px;
 width:95%;
 position:absolute;
 z-index:-1;
 top:0px;
 right:0px;
}
.p-b-50 {
}
.p-b-50 .ct-section-inner-wrap {
padding-bottom: clamp(50px, 50px, 3.906vw) ;
}
.h1-blk-margin {
 color:#1e304e;
 font-weight:900;
 margin-bottom:32px;
}
.m-b-50 {
 margin-bottom:clamp(30px, 50px, 3.906vw) ;
}
.p-t-75 {
 padding-top:clamp(35px, 75px,5.859vw) ;
}
.shadow-white {
}
.price-box {
 border-radius:21px;
 padding-top:clamp(35px, 70px, 5.469vw) ;
 padding-bottom:clamp(35px, 70px, 5.469vw) ;
 padding-right:20px;
 background-color:#ffffff;
 padding-left:20px;
 width:100%;
}
.price {
 color:#ffffff;
}
@media (max-width: 991px) {
.price {
 font-size:20px;
}
}

@media (max-width: 479px) {
.price {
 margin-bottom:0px;
 padding-bottom:0px;
}
}

.m-b-60 {
 margin-bottom:clamp(30px, 60px, 4.688vw) ;
}
.m-b-35 {
 margin-bottom:clamp(25px, 35px, 2.734vw) ;
}
@media (max-width: 767px) {
.m-b-35 {
}
}

.p-t-b-90 {
 text-align:center;
}
.p-t-b-90 .ct-section-inner-wrap {
padding-top: clamp(45px, 7.031vw, 90px) ;
padding-bottom: clamp(45px, 7.031vw, 90px) ;
}
.p-t-b-90:not(.ct-section):not(.oxy-easy-posts),
.p-t-b-90.oxy-easy-posts .oxy-posts,
.p-t-b-90.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.slide {
}
.slide-text {
 height:300px;
}
.p-t-b-35 {
 padding-top:clamp(35px, 35px,2.734vw) ;
 padding-bottom:clamp(35px, 35px,2.734vw) ;
}
.livingSmart-blocks {
 border-radius:15px;
 background-color:#ffffff;
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;
 padding-bottom:20px;
 gap:20px;
 width:100%;
 max-width:23%;
}
.livingSmart-blocks:not(.ct-section):not(.oxy-easy-posts),
.livingSmart-blocks.oxy-easy-posts .oxy-posts,
.livingSmart-blocks.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
@media (max-width: 991px) {
.livingSmart-blocks {
 min-width:300px;
}
}

@media (max-width: 767px) {
.livingSmart-blocks {
 max-width:100%;
 min-width:150px;
}
}

.p-t-90 {
}
.p-t-90 .ct-section-inner-wrap {
padding-top: clamp(45px,7.031vw,90px) ;
}
.stroke-mobile {
}
.stroke-mobile:not(.ct-section):not(.oxy-easy-posts),
.stroke-mobile.oxy-easy-posts .oxy-posts,
.stroke-mobile.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 767px) {
.stroke-mobile {
 width:100%;
}
.stroke-mobile:not(.ct-section):not(.oxy-easy-posts),
.stroke-mobile.oxy-easy-posts .oxy-posts,
.stroke-mobile.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.stroke-code-mobile {
}
.slide-container {
 background-color:#1e304e;
 padding-left:clamp(15px, 2.344vw, 60px ) ;
 padding-right:clamp(15px, 2.344vw, 60px ) ;
 padding-bottom:clamp(15px, 1.953vw, 60px ) ;
 padding-top:clamp(15px, 1.953vw, 60px ) ;
 border-radius:20px;
 overflow:visible;
 max-width:clamp(200px, 19.53125vw, 500px) ;
 width:clamp(200px, 19.53125vw, 500px) ;
 height:100%;
}
.slide-container:not(.ct-section):not(.oxy-easy-posts),
.slide-container.oxy-easy-posts .oxy-posts,
.slide-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.bold20 {
 font-weight:700;
 font-size:20px;
 line-height:1.2;
}
.caro-main-container {
 width:clamp(220px, 23.438vw, 600px) ;
 position:relative;
 border-right-color:#ea0e0e;
 border-right-width:2px;
 border-right-style:dashed;
}
.caro-copy {
align-content: space-between;
}
.caro-copy:not(.ct-section):not(.oxy-easy-posts),
.caro-copy.oxy-easy-posts .oxy-posts,
.caro-copy.ct-section .ct-section-inner-wrap{
flex-wrap:wrap;
align-content:space-around;
}
.carousel-design-container {
 background-color:#1e304e;
 padding-left:30px;
 padding-right:30px;
 width:89.286%;
 overflow:visible;
 height:100%;
 border-radius:20px;
 padding-top:30px;
 padding-bottom:30px;
}
.all-legal-docs {
}
.icon-whatsapp {
color: #333333;}.icon-whatsapp 
>svg {width: 40px;height: 40px;}.icon-whatsapp {
}
@media (max-width: 1200px) {
.icon-whatsapp {
}.icon-whatsapp 
>svg {width: 25px;height: 25px;}.icon-whatsapp {
}
}

.icon-facebook {
color: #333333;}.icon-facebook 
>svg {width: 35px;height: 35px;}.icon-facebook {
 margin-left:-1px;
}
.icon-insta {
color: #ffffff;}.icon-insta 
>svg {width: 35px;height: 35px;}.icon-insta {
}
@media (max-width: 767px) {
.icon-insta {
}.icon-insta 
>svg {width: 35px;height: 35px;}.icon-insta {
}
}

.m-b-40 {
 margin-bottom:3.125vw;
}
.p-b-80 {
}
.p-b-80 .ct-section-inner-wrap {
padding-bottom: 80px;
}
.m-t-40 {
 margin-top:40px;
}
@media (max-width: 767px) {
.m-t-40 {
 object-fit:cover;
}
}

.aud-card {
}
.caro-container {
 border-radius:20px;
}
.caro-text {
 position:relative;
 top:78%;
 padding-top:11px;
 gap:0px;
 text-align:center;
}
.caro-text:not(.ct-section):not(.oxy-easy-posts),
.caro-text.oxy-easy-posts .oxy-posts,
.caro-text.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:0px;
}
.p-t-120 {
}
.p-t-120 .ct-section-inner-wrap {
padding-top: clamp(60px,9.375vw, 120px) ;
}
.package-text-numbers {
 font-size:25px;
}
.packages-mb {
 font-size:20px;
 font-weight:800;
}
.m-t-80 {
 margin-top:clamp(40px,6.25vw,100px) ;
 text-align:center;
}
.tabs-4244-tab {
 padding-top:0px;
 padding-bottom:0px;
}
@media (max-width: 767px) {
.tabs-4244-tab {
}
}

.tabs-4244-tab-active {
}
.tabs-contents-4244-tab {
}
.tab-header-font {
 font-size:16px;
 font-weight:400;
 text-align:center;
 color:#ffffff;
}
@media (max-width: 991px) {
.tab-header-font {
}
}

@media (max-width: 767px) {
.tab-header-font {
 color:#1e304e;
}
}

.border-r-1px {
 border-right-color:#ffffff;
 border-right-width:1px;
 border-right-style:solid;
}
@media (max-width: 991px) {
.border-r-1px {
 border-right-style:none;
}
}

.oxy-stock-content-styles {
}
.col-wht {
 color:#ffffff;
}
.p-l-r-20 {
 padding-left:clamp(15px,1.953vw, 60px) ;
 padding-right:clamp(15px,1.953vw, 60px) ;
}
.p-t-20 {
}
.p-t-20 .ct-section-inner-wrap {
padding-top: clamp(20px, 1.563vw, 30px) ;
}
.gallery-item {
}
.gallery-container {
}
.gallery {
}
.fast-dep-text {
 min-height:80px;
}
.p-t-b-120 {
}
.p-t-b-120 .ct-section-inner-wrap {
padding-top: clamp(90px, 9.375vw, 120px) ;
padding-bottom: clamp(90px, 9.375vw, 120px) ;
}
@media (max-width: 479px) {
.p-t-b-120 {
}
.p-t-b-120 .ct-section-inner-wrap {
padding-top: 15 ;
padding-right: 15px;
padding-bottom: 15 ;
padding-left: 15px;
}
}

.link-col-blu {
}
.border-2px-grey {
 border-bottom-color:#f1efef;
 border-bottom-width:2px;
 border-bottom-style:solid;
}
.open-form {
}
.form-open {
}
.form-close {
}
.oxy-burger-trigger {
}
.round-30 {
}
@media (max-width: 767px) {
.round-30 {
 border-radius:30px;
}
}

.col-dark-blu {
}
.border-bottom {
}
.fly-1 {
}
.fly-2 {
}
.fly-4 {
}
.fly-3 {
}
.icon-chev-hover:hover{
 transition-duration:0.25s;
 transition-timing-function:ease-in-out;
}
.icon-chev-hover {
 transition-duration:0.25s;
 transition-timing-function:ease-in-out;
}
._tabs-868-26 {
}
.tab-menu {
}
.my-tab-btn {
background-color :#1e73be;
border: 1px solid #1e73be;
color: #ffffff;
}.my-tab-btn {
}
@media (max-width: 767px) {
.my-tab-btn {
background-color :#ffffff;
border: 1px solid #ffffff;
color: #1e304e;
padding: 5px 8px;
}.my-tab-btn {
 border-top-color:#ffcb05;
 border-right-color:#ffcb05;
 border-bottom-color:#ffcb05;
 border-left-color:#ffcb05;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-radius:30px;
 font-size:14px;
 padding-left:12px;
 padding-right:12px;
}
}

@media (max-width: 479px) {
.my-tab-btn {
 padding-left:0px;
 padding-right:0px;
 padding-top:9px;
 padding-bottom:9px;
}
}

.oxy-carousel-builder {
}
@media (max-width: 767px) {
.oxy-carousel-builder {
}
.oxy-carousel-builder {
                        --carousel-cell-width: 100%;
                        }

                        }

.oxy-tabs-wrapper {
}
.oxy-tabs {
}
.ani-pulse {
}
.the-icon-footer {
}
.zoom-no-move:hover{
transform:scale(1.1,1.1); transition-duration:0.45s;
 transition-timing-function:ease-in-out;
}
.zoom-no-move {
 transition-duration:0.45s;
 transition-timing-function:ease-in-out;
}
.the-icon {
}
.no-lazy-bg {
}
.wa-icon {
}
.ls-calc-desktop {
}
.home-enquire-btn {
}
.oxy-close-modal {
padding: 10px 16px;
}.oxy-close-modal {
 float:right;
}
.tick-icons {
color: #ffcb05;}.tick-icons 
>svg {width: 30px;height: 30px;}.tick-icons {
 margin-right:16px;
}
.price-box{
  aspect-ratio: 570/535;
}
.p-l-r-50 .ct-section-inner-wrap {
    padding-right: 0;
    padding-left: 0;
}
.icon-whatsapp {
    width: clamp(24px, 2.34375vw, 64px);
}
.icon-facebook {
    width: clamp(14px, 1.238vw, 64px);
}
.icon-insta {
    width: clamp(2px, 2.2vw, 64px);
}

/* Reset image defaults */
img {
  max-width: 100%;   /* Prevents images from overflowing their containers */
  height: auto;      /* Keeps aspect ratio */
  display: block;    /* Removes inline gaps below images */
}

/* For uniform cover-style layouts (cards, galleries, hero banners) */
img.cover {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* Crops image to fill */
  object-position: center; /* Keeps focal point centered */
}

/* For cases where you want the whole image visible */
img.contain {
  width: 100%;
  height: 100%;
  object-fit: contain;     /* Letterboxes/pads instead of cropping */
  object-position: center;
}
/* =========================
   FONT-FACE (Roboto files you uploaded)
   Location: /public_html/fonts/Roboto-*.woff2|woff
   Only keep 400 + 700 to reduce requests
   ========================= */

@font-face{
  font-family:"Roboto";
  src:url("/fonts/Roboto-Regular.woff2") format("woff2"),
      url("/fonts/Roboto-Regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Roboto";
  src:url("/fonts/Roboto-Bold.woff2") format("woff2"),
      url("/fonts/Roboto-Bold.woff") format("woff");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

/* =========================
   GLOBAL TYPE
   ========================= */

/* Base (1rem = 16px) */
html { font-size: 100%; }
body { font-size: 1rem; line-height: 1.6; }

/* Typography – Roboto */
h1, h2, h3, h4, h5, h6, p, li {
  font-family: "Roboto", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
}

/* Headings use the 1280px spec as the fluid centre:
   1vw at 1280px = 12.8px → size_px / 12.8 = vw that matches the design at 1280px
   Maxes are proportional at 2560px (2×). Mins are sensible for small mobiles. */

h1 {
  font-weight: 700;
  font-size: clamp(32px, 4.140625vw, 106px);
  line-height: 1.1;
}

h2 {
  font-weight: 700;
  font-size: clamp(30px, 3.984vw, 104px);
  line-height: 1.12;
}

h3 {
  font-weight: 700;
  font-size: clamp(28px, 3.828125vw, 98px);
  line-height: 1.15;
}

h4 {
  font-weight: 700;
  font-size: clamp(22px, 1.953vw, 50px);
  line-height: 1.2;
}

h5 {
  font-weight: 400;
  font-size: clamp(22px, 1.953vw, 50px);
  line-height: 1.25;
}

h6 {
  font-weight: 700;
  font-size: clamp(18px, 1.5625vw, 36px);
  line-height: 1.3;
}

p, li {
  font-weight: 400;
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1.3125;
}

/* Price lockup */
.price {
  font-size: clamp(20px, 53px, 70px);
  font-weight: 700;
  line-height: 1;
}

/* Utility styles (fixed “middle” sizes), with unitless LHs based on your specs */
.regular25 *   { font-size: clamp(18px, 1.953vw, 37.5px); font-weight: 400; line-height: 1.20; }
.bold25 *      { font-size: clamp(23px, 1.953vw, 37.5px); font-weight: 700; line-height: 1.20; }

.extrabold20   { font-size: clamp(16px, 1.563vw, 40px);   font-weight: 700; line-height: 1.20; }
.medium20      { font-size: clamp(16px, 1.563vw, 40px);   font-weight: 400; line-height: 1.20; }
.medium19 *    { font-size: clamp(16px, 1.484vw, 38px);   font-weight: 400; line-height: 1.26; }

.extrabold16 * { font-size: clamp(16px, 1.25vw, 32px);    font-weight: 700; line-height: 1.20; }
.semibold16 *  { font-size: clamp(16px, 1.25vw, 32px);    font-weight: 700; line-height: 1.20; }

.regular13 *   { font-size: clamp(13px, 13px, 15px);      font-weight: 400; line-height: 1.15; }

/* NOTE:
   Removed font-synthesis disabling so the browser can handle missing weights cleanly.
   If you REALLY want to prevent faux styles later, we can re-add once everything is stable.
*/
@media (max-width: 768px){
  .two-col-461-819 { grid-template-columns: 1fr;  padding:0px
                   
                   }
 .p-l-r-50 .ct-section-inner-wrap {
    padding-right: 0;
    padding-left: 0;
}
  .livingSmart-blocks{
  aspect-ratio:none;
}
  /*FOOTER*/
#section-5-58{
  #margin-top:40px;
}
  #wpforms-105-field_12 * {
    font-size:14px;
  }
.wpforms-field-description {
    font-size: 14px !important;
    color: #1E304E !important;
    font-family: 'Roboto'!important;
  margin-left: 30px !important;
}
.wpforms-field-description a {
    font-size: 14px !important;
    color: #31A6D2 !important;
    font-family: 'Roboto'!important;
}
  ul.wp-block-list {
    padding-inline-start: 13px;
}
  ol.wp-block-list {
    padding-inline-start: 13px;
}

}
@media (min-width: 1279px){
  /*FOOTER*/
#section-5-58{
  #margin-top:110px;
}
  .wpforms-field-description {
    font-size: 16px !important;
    color: #1E304E !important;
    font-family: 'Roboto'!important;
  margin-left: 30px !important;
}
.wpforms-field-description a {
    font-size: 16px !important;
    color: #31A6D2 !important;
    font-family: 'Roboto'!important;
}

}/* Drop shadow: 0 3 6, #000 at 13% */
.shadow-white-form {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.13);
}
.shadow-white-form-img {
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.13));
}

/* Drop shadow: 0 7 15, #000 at 13% */
.shadow-white {
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.13);
}
.shadow-white-img {
  filter: drop-shadow(0 7px 15px rgba(0, 0, 0, 0.13));
} 

/* Drop shadow: 0 7 15, #000 at 13% */
.shadow-img {
  box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.13);
}
.shadow-img-img {
  filter: drop-shadow(5px 0px 20px rgba(0, 0, 0, 0.13));
} .oxy-stock-content-styles {
    color: #1e304e;
}
.wpforms-field-required {
  color:#9099a8;
}
#wpforms-submit-105 {
  padding-left: 45px;
  padding-right: 45px;
}

label.wpforms-field-label-inline {
    color: #1E304E !important;
}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #ffffff !important;
    border: 1px solid #FFCB05 !important;
    box-sizing: border-box;
  border-radius: 25px !important;
}
div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
    color: #1E304E!important;
}
@media screen and (max-width:1000px)
#signup {
    min-height: 40vw;
}.col-wht a{
  color:white;
}
.link-col-blu a {
  color:#31A6D2;
}

.col-dark-blu a {
  color:#1E304E;
}@media screen and (min-width: 1000px) and (max-width: 1280px) {
  #div_block-384-15 {
    padding-top: 3vw;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1919px) {
  #div_block-384-15 {
    padding-top: 5vw;
  }
}
@media screen and (min-width: 1920px) {
  #div_block-384-15 {
    padding-top: 6vw;
  }
}/* Let the search UI inherit your font stack, size, weight, and colour */
.wpts-form,
.wpts-form * {
  font: inherit;
  color: inherit;
}

/* Inputs/buttons sometimes ignore shorthand—be explicit */
.wpts-form input[type="search"],
.wpts-form .wpts-btn,
.wpts-results {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

/* Placeholder should match your text colour, slightly dimmed */
.wpts-form input[type="search"]::placeholder {
  color: currentColor;
  opacity: .6;
}

/* SVG icon uses currentColor already; this keeps it in sync with text */
.wpts-icon { fill: currentColor; }




.wpts-btn {
    background: #f3f4f600!important;
    flex-direction: row-reverse;
}
span.wpts-btn-text {
    color: #9099A8;
    font-family:inherit;
}
.wpts-icon {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    fill: #9099A8;
}
li.wpts-item {
    font-size: 14px;
} sure the tabs wrapper allows the arrow to show */
#_tabs-40-26 {
  overflow: visible;
}

.oxy-tabs .oxy-tab {
  position: relative;
}

/* Arrow styling for the active tab */
.oxy-tabs .oxy-tab.tabs-4244-tab-active::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.094vw; /* distance below the bar */
  width: 0;
  height: 0;
  border-left: 25px solid transparent;   /* arrow size */
  border-right: 25px solid transparent;  /* arrow size */
  border-top: 25px solid #31A6D2;        /* arrow colour */
}
@media screen and (max-width:1600px){
  #text_block-618-26{
    min-height:42px;
  }
}
@media screen and (max-width:1100px){
  .tabs-4244-tab *{
    text-align: left;
  }
  .oxy-tabs .oxy-tab.tabs-4244-tab-active::after {
    content: "";
    position: absolute;
    left: 97%;
    transform: translateX(-50%);
    bottom: 6.094vw;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #1E304E;
    transform: rotate(-90deg);
}
}
.oxy-dynamic-list :is([data-id="div_block-92-26"],#incspec) {
    border-bottom-width: 2px;
}
.oxel_dropdown_buttonv2__symbol {
    background-color: #1E304E!important;
}.adj-post {
    ALIGN-ITEMS: CENTER;
}
#text_block-12-229 a{
  color:#1E304E;
}/* Base button styling */
.btn-cta-yellow {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  transition: all 0.4s ease;
}

/* The icon/image default state */
.btn-cta-yellow img {
  transition: transform 0.6s ease; /* smooth movement */
}

/* On hover, move the image to the right */
.btn-cta-yellow:hover img {
  transform: translateX(4px); /* adjust distance as needed */
}
/*Header image zoom*/
.hero--bg {
  position: relative;
  overflow: hidden; /* keeps the zoomed image contained */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero--bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit; /* clones background image */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 1.8s ease;
  z-index: 0;
}

.hero--bg:hover::before {
  transform: scale(1.1); /* zoom in smoothly */
}

.hero--bg > * {
  position: relative;
  z-index: 1; /* ensures text & buttons stay visible above */
}


/*=========================*/
/* Ensure parent controls overflow */
.zoom-12 {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 1.2s ease;
  will-change: transform;
  clip-path: inset(0); /* prevents visible overflow */
}

.zoom-12:hover {
  transform: scale(1.08);
}

.zoom-no-move:hover {
  transform: scale(1.1,1.1);
  transition-duration: 0.45s !important;
  transition-timing-function: ease-in-out !important;
}
.zoom-no-move {
  transition-duration: 0.45s !important;
  transition-timing-function: ease-in-out !important;
}

/* =========================
   SHOW / HIDE VERSIONS
   ========================= */

.ls-calc-desktop {
  display: block;
}

.ls-calc-mobile {
  display: none;
}

@media (max-width: 767px) {
  .ls-calc-desktop {
    display: none !important;
  }

  .ls-calc-mobile {
    display: block !important;
  }
}

/* =========================
   GLOBAL STEP BEHAVIOUR
   ========================= */

.ls-step {
  display: none !important;
  width: 100%;
}

.ls-step.is-active {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.ls-card {
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  position: relative;
  z-index: 2;
}

.ls-card:hover {
  transform: translateY(-4px);
}

.ls-card.is-selected,
.ls-card.selected,
.ls-card[aria-pressed="true"] {
  box-shadow: 0 0 0 4px #ffcb05, 0 12px 30px rgba(0,0,0,0.18);
  border-radius: 15px;

}

.ls-cards,
.ls-step-inner {
  position: relative;
  z-index: 2;
}

/* =========================
   DESKTOP ONLY
   ========================= */

.ls-calc-desktop .ls-step-2 .ls-step-inner {
  max-width: 1680px !important;
  margin: 0 auto !important;
  gap: 18px !important;
}

.ls-calc-desktop .ls-cards-usage {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(320px, 1fr)) !important;
  gap: 28px 32px !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 10px auto 0 !important;
  align-items: start !important;
  justify-items: center !important;
}

.ls-calc-desktop .ls-cards-usage .ls-card-multi {
  width: 100% !important;
  max-width: 540px !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 10px !important;
  padding: 0 0 8px !important;
  border: 3px solid transparent !important;
  border-radius: 22px !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

.ls-calc-desktop .ls-cards-usage .ls-card-multi > div:first-child {
  width: 100% !important;
  height: 205px !important;
  min-height: 205px !important;
  max-height: 205px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.ls-calc-desktop .ls-cards-usage .ls-card-multi .oxy-headline {
  width: 100% !important;
  max-width: 460px !important;
  margin: 0 !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  font-size: 23px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

.ls-calc-desktop .ls-cards-usage .ls-card-multi .oxy-text {
  width: 100% !important;
  max-width: 500px !important;
  margin: 0 !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  text-align: center !important;
  min-height: 42px !important;
}

.ls-calc-desktop .ls-cards-usage .ls-card-multi img {
  max-width: 145px !important;
  max-height: 145px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

.ls-calc-desktop .ls-cards-usage .ls-card-multi.is-selected,
.ls-calc-desktop .ls-cards-usage .ls-card-multi.selected,
.ls-calc-desktop .ls-cards-usage .ls-card-multi[aria-pressed="true"] {
  border-color: #f4c400 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,0.12) !important;
}

@media (max-width: 1200px) {
  .ls-calc-desktop .ls-cards-usage {
    grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
    max-width: 1100px !important;
  }

  .ls-calc-desktop .ls-cards-usage .ls-card-multi {
    max-width: 100% !important;
  }
}

@media (max-width: 991px) {
  .ls-calc-desktop .ls-cards-usage {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;
  }

  .ls-calc-desktop .ls-cards-usage .ls-card-multi > div:first-child {
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
  }

  .ls-calc-desktop .ls-cards-usage .ls-card-multi .oxy-headline {
    font-size: 21px !important;
    min-height: 50px !important;
  }

  .ls-calc-desktop .ls-cards-usage .ls-card-multi .oxy-text {
    font-size: 13px !important;
  }
}

/* =========================
   MOBILE ONLY
   ========================= */

.ls-calc-mobile {
  width: 100%;
  max-width: 390px;
  margin: 0 auto;
  padding: 24px 16px 32px;
  box-sizing: border-box;
}

.ls-calc-mobile .ls-step.is-active {
  gap: 16px !important;
}

.ls-calc-mobile .ls-step-inner {
  width: 100%;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px;
  text-align: center;
  box-sizing: border-box;
}

.ls-calc-mobile .ls-mobile-qno {
  margin: 0;
  font-size: 30px !important;
  font-weight: 400;
  color: #1e304e;
  line-height: 0.5;
  text-align: center;
}

.ls-calc-mobile .ls-mobile-qtitle {
  margin: 0;
  font-size: 30px !important;
  font-weight: 900;
  color: #1e304e;
  line-height: 1.2;
  text-align: center;
}

.ls-calc-mobile .ls-mobile-heading {
  margin: 0;
  font-size: 24px !important;
  line-height: 1.2;
  font-weight: 800;
  color: #31a6d2;
  text-align: center;
}

.ls-calc-mobile .ls-mobile-subtext {
  margin: 0;
  font-size: 16px !important;
  line-height: 1.35;
  color: #1e304e;
  max-width: 290px;
  text-align: center;
}

.ls-calc-mobile .ls-mobile-options {
  width: 100%;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px;
  margin: 10px 0 8px;
}

.ls-calc-mobile .ls-mobile-pill {
  width: 100% !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 18px !important;
  border-radius: 999px !important;
  border: 2px solid #ffffff !important;
  background: linear-gradient(90deg, #31a6d2 0%, #1e304e 100%);
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(0,0,0,0.12);
  box-sizing: border-box;
  text-align: center !important;
}

.ls-calc-mobile .ls-mobile-pill-number {
  font-size: 24px !important;
  font-weight: 900;
  line-height: 1;
  color: #ffffff;
  margin: 0;
}

.ls-calc-mobile .ls-mobile-pill-label {
  font-size: 15px !important;
  font-weight: 600;
  line-height: 1.1;
  color: #ffffff;
  margin: 0;
}

.ls-calc-mobile .ls-mobile-usage-list {
  width: 100%;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 10px 0 8px;
}

.ls-calc-mobile .ls-mobile-usage-card {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 16px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-radius: 18px !important;
  border: 2px solid #ffffff !important;
  background: linear-gradient(90deg, #31a6d2 0%, #1e304e 100%) !important;
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(0,0,0,0.12);
  box-sizing: border-box;
  text-align: left !important;
  min-height: 72px !important;
}

.ls-calc-mobile .ls-mobile-usage-icon {
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ls-calc-mobile .ls-mobile-usage-icon img {
  max-width: 44px !important;
  max-height: 44px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

.ls-calc-mobile .ls-mobile-usage-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  text-align: left !important;
  min-width: 0 !important;
  width: auto !important;
}

.ls-calc-mobile .ls-mobile-usage-copy .oxy-headline,
.ls-calc-mobile .ls-mobile-usage-copy h1,
.ls-calc-mobile .ls-mobile-usage-copy h2,
.ls-calc-mobile .ls-mobile-usage-copy h3,
.ls-calc-mobile .ls-mobile-usage-copy h4 {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-align: left !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  display: block !important;
}

.ls-calc-mobile .ls-mobile-usage-copy .oxy-text,
.ls-calc-mobile .ls-mobile-usage-copy p {
  margin: 0 !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  color: rgba(255,255,255,0.96) !important;
  text-align: left !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
}

.ls-calc-mobile .ls-mobile-check {
  width: 16px !important;
  height: 16px !important;
  border: 1.8px solid rgba(255,255,255,0.9) !important;
  border-radius: 50% !important;
  position: relative;
  box-sizing: border-box;
  justify-self: end !important;
}

.ls-calc-mobile .ls-mobile-usage-card.is-selected .ls-mobile-check::after,
.ls-calc-mobile .ls-mobile-usage-card.selected .ls-mobile-check::after,
.ls-calc-mobile .ls-mobile-usage-card[aria-pressed="true"] .ls-mobile-check::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #ffcb05;
}

.ls-calc-mobile .btn-cta-yellow {
  display: inline-flex !important;
  align-items: center !important;
  height: 40px !important;
  margin-top: 10px !important;
}


.ls-result-bullet-list {
  margin: 0;
  padding-left: 22px;
  list-style: disc;
}

.ls-result-bullet {
  margin: 0 0 8px 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
}

.ls-result-bullet:last-child {
  margin-bottom: 0;
}


.ls-result-bullet-list {
  margin: 0;
  padding-left: 20px;
  list-style-type: disc;
}

.ls-result-bullet {
  margin: 0 0 6px 0;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 600;
}


/* =========================
   MOBILE SELECTED STATE
   ========================= */

.ls-calc-mobile .ls-mobile-pill.is-selected,
.ls-calc-mobile .ls-mobile-pill.selected,
.ls-calc-mobile .ls-mobile-pill[aria-pressed="true"],
.ls-calc-mobile .ls-mobile-usage-card.is-selected,
.ls-calc-mobile .ls-mobile-usage-card.selected,
.ls-calc-mobile .ls-mobile-usage-card[aria-pressed="true"] {
  border: 2px solid #ffcb05 !important;
  box-shadow: 0 0 0 3px rgba(255,203,5,0.3);

  .ls-calc-mobile .ls-mobile-pill.is-selected,
.ls-calc-mobile .ls-mobile-usage-card.is-selected {
  border: 2px solid #ffcb05 !important;
  box-shadow: 0 0 0 4px #ffcb05, 0 6px 14px rgba(0,0,0,0.2);
  transform: scale(1.02);
}
}.infini-vertical-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .infini-vertical-menu a {
    color: #ffffff;
    font-size: 20px!important!;
    font-weight: 400;
    line-height: 1.35;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .infini-vertical-menu a:hover {
    color: #ffcb05;
  }

  @media (max-width: 767px) {
    .infini-vertical-menu a {
      font-size: 16px;
    }
  }@media (max-width: 767px) {
  body.page-id-19 #_rich_text-1423-19 > div,
  body.page-id-19 #_rich_text-1429-19 > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-bottom: 22px !important;
  }


  body.page-id-19 #_rich_text-1423-19 h3,
  body.page-id-19 #_rich_text-1429-19 h3 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 36px !important;
    line-height: 0.95 !important;
    margin: 0 !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body.page-id-19 #_rich_text-1423-19 p,
  body.page-id-19 #_rich_text-1429-19 p {
    text-align: left !important;
    font-size: 20px !important;
    line-height: 1.45 !important;
  }
}

/* Step-by-step guide section */
#div_block-1268-19 {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#div_block-1269-19 {
  width: calc(100% - 40px);
  margin: 50px auto 50px 0;
  padding: clamp(48px, 5vw, 75px) clamp(28px, 3vw, 42px);
  background-image: url("http://infini-fi-local.local/wp-content/uploads/2026/06/blue-background-100.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  color: #ffffff;
  overflow: hidden;
  box-sizing: border-box;
}

#div_block-1270-19 {
  width: 100%;
  max-width: 1480px;
  gap: 18px;
}

#headline-1272-19 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(30px, 3.984vw, 104px);
  line-height: 1.04;
  font-weight: 900;
  max-width: 980px;
}

#headline-1272-19 span {
  font-weight: 400 !important;
}

#text_block-1275-19 {
  margin: 0;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.35;
  max-width: 780px;
}

/* Step grid */
#div_block-1271-19 {
  width: 100%;
  max-width: 1480px;
  margin-top: clamp(42px, 5vw, 72px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: clamp(24px, 3vw, 44px);
  row-gap: clamp(44px, 5vw, 70px);
  align-items: start;
}

/* CTA column */
#div_block-1281-19 {
  max-width: 420px;
  gap: 22px;
  align-items: flex-start;
}

#headline-1304-19 {
  margin: 0;
  color: #ffcb05;
  font-size: clamp(24px, 2.4vw, 34px);
  font-weight: 900;
  line-height: 1.15;
}

/* Keep existing Infini-fi CTA button neat inside this section */
#link-1300-19 {
  display: inline-flex;
  align-items: center;
  overflow: visible;
  text-decoration: none;
  max-width: 100%;
}

#image-1301-19 {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
}

#div_block-1302-19 {
  position: relative;
  z-index: 1;
}

/* Tablet */
@media (max-width: 991px) {
  #div_block-1269-19 {
    width: 100%;
    margin: 40px 0;
    padding: 48px 28px;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
  }

  #headline-1272-19 {
    font-size: clamp(38px, 7vw, 62px);
  }

  #div_block-1271-19 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 36px;
  }

  .deals-step-card {
    max-width: none;
  }

  .deals-step-card__title {
    white-space: normal;
  }
}

/* Mobile */
@media (max-width: 767px) {
  #div_block-1269-19 {
    width: 100%;
    margin: 36px 0;
    padding: 38px 20px;
    border-radius: 0 28px 28px 0;
  }

  #headline-1272-19 {
    font-size: 38px;
    line-height: 1.05;
  }

  #text_block-1275-19 {
    font-size: 20px;
  }

  #div_block-1271-19 {
    margin-top: 36px;
    grid-template-columns: 1fr;
    gap: 34px;
  }


  #headline-1304-19 {
    font-size: 24px;
  }

  #link-1300-19 {
    max-width: 100%;
  }
  #div_block-1490-19 {
    text-align:center;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  #headline-1272-19 {
    font-size: 32px;
  }

  .deals-step-card {
    grid-template-columns: auto 1fr;
  }

  .deals-step-card__number {
    font-size: 42px;
  }

  .deals-step-card__title {
    font-size: 22px;
  }
}

/* What is included - vertical dividers */
body.page-id-19 #div_block-1324-19 {
  column-gap: 0 !important;
}

body.page-id-19 #div_block-1327-19,
body.page-id-19 #div_block-1353-19,
body.page-id-19 #div_block-1357-19,
body.page-id-19 #div_block-1361-19,
body.page-id-19 #div_block-1365-19 {
  position: relative;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box;
}

body.page-id-19 #div_block-1327-19::after,
body.page-id-19 #div_block-1353-19::after,
body.page-id-19 #div_block-1357-19::after,
body.page-id-19 #div_block-1361-19::after {
  content: "";
  position: absolute;
  top: 78px;
  right: 0;
  width: 1px;
  height: calc(100% - 120px);
  background: #c7d0dc;
}

/* Hide dividers when the grid stacks */
@media (max-width: 991px) {
  body.page-id-19 #div_block-1327-19::after,
  body.page-id-19 #div_block-1353-19::after,
  body.page-id-19 #div_block-1357-19::after,
  body.page-id-19 #div_block-1361-19::after {
    display: none;
  }
}

.headline-1439-19 {
  font-size:48px!important;
}



/* CTA row */
body.page-id-19 #div_block-1474-19 {
  padding-top: 28px !important;
  padding-bottom: 34px !important;
}

/* Tablet */
@media (max-width: 991px) {
  body.page-id-19 #div_block-1447-19 {
    width: calc(100% - 32px) !important;
  }

  body.page-id-19 .provider-compare__list {
    padding: 22px 30px 22px 44px !important;
    font-size: 20px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body.page-id-19 #div_block-1448-19 {
    grid-template-columns: 1fr !important;
  }

  body.page-id-19 #div_block-1451-19 {
    border-right: none !important;
    border-bottom: 1px solid #dde5ef !important;
  }



  body.page-id-19 .provider-compare__list {
    padding: 22px 28px 22px 42px !important;
  }
}


/* Provider comparison: two separate Oxygen rich text blocks */
body.page-id-19 #div_block-1447-19 {
  width: min(1120px, calc(100% - 48px)) !important;
  max-width: 1120px !important;
  overflow: hidden !important;
}

body.page-id-19 #div_block-1448-19 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  width: 100% !important;
}

body.page-id-19 #div_block-1451-19,
body.page-id-19 #div_block-1452-19 {
  width: 100% !important;
  min-width: 0 !important;
}

body.page-id-19 #div_block-1451-19 {
  border-right: 1px solid #dde5ef !important;
}

body.page-id-19 #div_block-1454-19,
body.page-id-19 #div_block-1463-19 {
  padding: 0 !important;
  width: 100% !important;
}





/* Row-based comparison content */
body.page-id-19 .provider-compare-rows {
  width: 100% !important;
  padding: 22px 34px 22px 46px !important;
  box-sizing: border-box !important;
}

body.page-id-19 .provider-compare-row {
  position: relative !important;
  color: #1e304e !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: flex-start !important;
  padding-bottom: 6px !important;
}

body.page-id-19 .provider-compare-row::before {
  content: "•" !important;
  position: absolute !important;
  left: -18px !important;
  top: 0 !important;
  color: #1e304e !important;
  font-weight: 900 !important;
}

/* Give the first row more height because Openserve copy wraps */
body.page-id-19 .provider-compare-row:nth-child(1) {
  min-height: 70px !important;
}

body.page-id-19 .provider-compare-row:nth-child(2),
body.page-id-19 .provider-compare-row:nth-child(3) {
  min-height: 50px !important;
}

/* CTA row */
body.page-id-19 #div_block-1474-19 {
  padding-top: 28px !important;
  padding-bottom: 34px !important;
}

/* Tablet */
@media (max-width: 991px) {
  body.page-id-19 #div_block-1447-19 {
    width: calc(100% - 32px) !important;
  }

  body.page-id-19 .provider-compare-rows {
    padding: 22px 28px 22px 42px !important;
  }

  body.page-id-19 .provider-compare-row {
    font-size: 20px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body.page-id-19 #div_block-1448-19 {
    grid-template-columns: 1fr !important;
  }

  body.page-id-19 #div_block-1451-19 {
    border-right: none !important;
    border-bottom: 1px solid #dde5ef !important;
  }



  body.page-id-19 .provider-compare-row,
  body.page-id-19 .provider-compare-row:nth-child(1),
  body.page-id-19 .provider-compare-row:nth-child(2),
  body.page-id-19 .provider-compare-row:nth-child(3) {
    min-height: auto !important;
    margin-bottom: 10px !important;
  }
}


body.page-id-19 #div_block-1474-19 {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding-top: 28px !important;
  padding-bottom: 34px !important;
}

body.page-id-19 #link-1479-19 {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Step cards */
.deals-step-card {
  max-width: none;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  column-gap: 2px;
  align-items: start;
  color: #ffffff;
}

.deals-step-card__number {
  display: block;
  width: 76px;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1.2px #ffcb05 !important;
  text-stroke: 1.2px #ffcb05 !important;
  text-shadow: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(48px, 5vw, 70px);
  font-weight: 700;
  line-height: 0.9;
  text-align: left;
}

.deals-step-card__content {
  min-width: 0;
  padding-top: 2px;
}

.deals-step-card__title {
  margin: 0 0 18px;
  color: #ffcb05;
  font-size: clamp(22px, 1.65vw, 30px);
  font-weight: 900;
  line-height: 1.12;
  white-space: nowrap;
}

.deals-step-card__text {
  margin: 0;
  color: #ffffff;
  font-size: clamp(16px, 1.2vw, 20px);
  font-weight: 500;
  line-height: 1.35;
}

@media (max-width: 767px) {
  .deals-step-card {
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 10px;
  }

  .deals-step-card__number {
    width: 44px;
    font-size: 42px;
    -webkit-text-stroke: 1px #ffcb05 !important;
    text-stroke: 1px #ffcb05 !important;
  }

  .deals-step-card__title {
    font-size: 20px;
    line-height: 1.12;
    margin-bottom: 10px;
    white-space: normal;
  }

  .deals-step-card__text {
    font-size: 20px;
    line-height: 1.35;
  }
}


/* Font size fix to match section body copy (20px) - Kerry feedback #97 */
body.page-id-19 .provider-compare-row.pcr-fontfix,
body.page-id-19 .provider-compare-row {
    font-size: 20px !important;
    line-height: 1.6 !important;
}
}

/* Speed guide paragraph text 20px */
#div_block-1488-19 .ct-code-block p {
    font-size: 20px !important;
}
}



@media (max-width: 767px) {
  body.page-id-19 #_rich_text-1423-19 > div,
  body.page-id-19 #_rich_text-1429-19 > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-bottom: 22px !important;
  }


  body.page-id-19 #_rich_text-1423-19 h3,
  body.page-id-19 #_rich_text-1429-19 h3 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 36px !important;
    line-height: 0.95 !important;
    margin: 0 !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body.page-id-19 #_rich_text-1423-19 p,
  body.page-id-19 #_rich_text-1429-19 p {
    text-align: left !important;
    font-size: 20px !important;
    line-height: 1.45 !important;
  }
}

/* Step-by-step guide section */
#div_block-1268-19 {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#div_block-1269-19 {
  width: calc(100% - 40px);
  margin: 50px auto 50px 0;
  padding: clamp(48px, 5vw, 75px) clamp(28px, 3vw, 42px);
  background-image: url("http://infini-fi-local.local/wp-content/uploads/2026/06/blue-background-100.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  color: #ffffff;
  overflow: hidden;
  box-sizing: border-box;
}

#div_block-1270-19 {
  width: 100%;
  max-width: 1480px;
  gap: 18px;
}

#headline-1272-19 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(30px, 3.984vw, 104px);
  line-height: 1.04;
  font-weight: 900;
  max-width: 980px;
}

#headline-1272-19 span {
  font-weight: 400 !important;
}

#text_block-1275-19 {
  margin: 0;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.35;
  max-width: 780px;
}

/* Step grid */
#div_block-1271-19 {
  width: 100%;
  max-width: 1480px;
  margin-top: clamp(42px, 5vw, 72px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: clamp(24px, 3vw, 44px);
  row-gap: clamp(44px, 5vw, 70px);
  align-items: start;
}

/* CTA column */
#div_block-1281-19 {
  max-width: 420px;
  gap: 22px;
  align-items: flex-start;
}

#headline-1304-19 {
  margin: 0;
  color: #ffcb05;
  font-size: clamp(24px, 2.4vw, 34px);
  font-weight: 900;
  line-height: 1.15;
}

/* Keep existing Infini-fi CTA button neat inside this section */
#link-1300-19 {
  display: inline-flex;
  align-items: center;
  overflow: visible;
  text-decoration: none;
  max-width: 100%;
}

#image-1301-19 {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
}

#div_block-1302-19 {
  position: relative;
  z-index: 1;
}

/* Tablet */
@media (max-width: 991px) {
  #div_block-1269-19 {
    width: 100%;
    margin: 40px 0;
    padding: 48px 28px;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
  }

  #headline-1272-19 {
    font-size: clamp(38px, 7vw, 62px);
  }

  #div_block-1271-19 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 36px;
  }

  .deals-step-card {
    max-width: none;
  }

  .deals-step-card__title {
    white-space: normal;
  }
}

/* Mobile */
@media (max-width: 767px) {
  #div_block-1269-19 {
    width: 100%;
    margin: 36px 0;
    padding: 38px 20px;
    border-radius: 0 28px 28px 0;
  }

  #headline-1272-19 {
    font-size: 38px;
    line-height: 1.05;
  }

  #text_block-1275-19 {
    font-size: 20px;
  }

  #div_block-1271-19 {
    margin-top: 36px;
    grid-template-columns: 1fr;
    gap: 34px;
  }


  #headline-1304-19 {
    font-size: 24px;
  }

  #link-1300-19 {
    max-width: 100%;
  }
  #div_block-1490-19 {
    text-align:center;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  #headline-1272-19 {
    font-size: 32px;
  }

  .deals-step-card {
    grid-template-columns: auto 1fr;
  }

  .deals-step-card__number {
    font-size: 42px;
  }

  .deals-step-card__title {
    font-size: 22px;
  }
}

/* What is included - vertical dividers */
body.page-id-19 #div_block-1324-19 {
  column-gap: 0 !important;
}

body.page-id-19 #div_block-1327-19,
body.page-id-19 #div_block-1353-19,
body.page-id-19 #div_block-1357-19,
body.page-id-19 #div_block-1361-19,
body.page-id-19 #div_block-1365-19 {
  position: relative;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box;
}

body.page-id-19 #div_block-1327-19::after,
body.page-id-19 #div_block-1353-19::after,
body.page-id-19 #div_block-1357-19::after,
body.page-id-19 #div_block-1361-19::after {
  content: "";
  position: absolute;
  top: 78px;
  right: 0;
  width: 1px;
  height: calc(100% - 120px);
  background: #c7d0dc;
}

/* Hide dividers when the grid stacks */
@media (max-width: 991px) {
  body.page-id-19 #div_block-1327-19::after,
  body.page-id-19 #div_block-1353-19::after,
  body.page-id-19 #div_block-1357-19::after,
  body.page-id-19 #div_block-1361-19::after {
    display: none;
  }
}

.headline-1439-19 {
  font-size:48px!important;
}



/* CTA row */
body.page-id-19 #div_block-1474-19 {
  padding-top: 28px !important;
  padding-bottom: 34px !important;
}

/* Tablet */
@media (max-width: 991px) {
  body.page-id-19 #div_block-1447-19 {
    width: calc(100% - 32px) !important;
  }

  body.page-id-19 .provider-compare__list {
    padding: 22px 30px 22px 44px !important;
    font-size: 20px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body.page-id-19 #div_block-1448-19 {
    grid-template-columns: 1fr !important;
  }

  body.page-id-19 #div_block-1451-19 {
    border-right: none !important;
    border-bottom: 1px solid #dde5ef !important;
  }



  body.page-id-19 .provider-compare__list {
    padding: 22px 28px 22px 42px !important;
  }
}


/* Provider comparison: two separate Oxygen rich text blocks */
body.page-id-19 #div_block-1447-19 {
  width: min(1120px, calc(100% - 48px)) !important;
  max-width: 1120px !important;
  overflow: hidden !important;
}

body.page-id-19 #div_block-1448-19 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  width: 100% !important;
}

body.page-id-19 #div_block-1451-19,
body.page-id-19 #div_block-1452-19 {
  width: 100% !important;
  min-width: 0 !important;
}

body.page-id-19 #div_block-1451-19 {
  border-right: 1px solid #dde5ef !important;
}

body.page-id-19 #div_block-1454-19,
body.page-id-19 #div_block-1463-19 {
  padding: 0 !important;
  width: 100% !important;
}





/* Row-based comparison content */
body.page-id-19 .provider-compare-rows {
  width: 100% !important;
  padding: 22px 34px 22px 46px !important;
  box-sizing: border-box !important;
}

body.page-id-19 .provider-compare-row {
  position: relative !important;
  color: #1e304e !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: flex-start !important;
  padding-bottom: 6px !important;
}

body.page-id-19 .provider-compare-row::before {
  content: "•" !important;
  position: absolute !important;
  left: -18px !important;
  top: 0 !important;
  color: #1e304e !important;
  font-weight: 900 !important;
}

/* Give the first row more height because Openserve copy wraps */
body.page-id-19 .provider-compare-row:nth-child(1) {
  min-height: 70px !important;
}

body.page-id-19 .provider-compare-row:nth-child(2),
body.page-id-19 .provider-compare-row:nth-child(3) {
  min-height: 50px !important;
}

/* CTA row */
body.page-id-19 #div_block-1474-19 {
  padding-top: 28px !important;
  padding-bottom: 34px !important;
}

/* Tablet */
@media (max-width: 991px) {
  body.page-id-19 #div_block-1447-19 {
    width: calc(100% - 32px) !important;
  }

  body.page-id-19 .provider-compare-rows {
    padding: 22px 28px 22px 42px !important;
  }

  body.page-id-19 .provider-compare-row {
    font-size: 20px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body.page-id-19 #div_block-1448-19 {
    grid-template-columns: 1fr !important;
  }

  body.page-id-19 #div_block-1451-19 {
    border-right: none !important;
    border-bottom: 1px solid #dde5ef !important;
  }



  body.page-id-19 .provider-compare-row,
  body.page-id-19 .provider-compare-row:nth-child(1),
  body.page-id-19 .provider-compare-row:nth-child(2),
  body.page-id-19 .provider-compare-row:nth-child(3) {
    min-height: auto !important;
    margin-bottom: 10px !important;
  }
}


body.page-id-19 #div_block-1474-19 {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding-top: 28px !important;
  padding-bottom: 34px !important;
}

body.page-id-19 #link-1479-19 {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Step cards */
.deals-step-card {
  max-width: none;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  column-gap: 16px;
  align-items: start;
  color: #ffffff;
}

.deals-step-card__number {
  display: block;
  width: 25px;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1.2px #ffcb05 !important;
  text-stroke: 1.2px #ffcb05 !important;
  text-shadow: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(48px, 5vw, 70px);
  font-weight: 700;
  line-height: 0.9;
  text-align: left;
}

.deals-step-card__content {
  min-width: 0;
  padding-top: 2px;
}

.deals-step-card__title {
  margin: 0 0 18px;
  color: #ffcb05;
  font-size: clamp(22px, 1.65vw, 30px);
  font-weight: 900;
  line-height: 1.12;
  white-space: nowrap;
}

.deals-step-card__text {
  margin: 0;
  color: #ffffff;
  font-size: clamp(16px, 1.2vw, 20px);
  font-weight: 500;
  line-height: 1.35;
}

@media (max-width: 767px) {
  .deals-step-card {
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 10px;
  }

  .deals-step-card__number {
    width: 44px;
    font-size: 42px;
    -webkit-text-stroke: 1px #ffcb05 !important;
    text-stroke: 1px #ffcb05 !important;
  }

  .deals-step-card__title {
    font-size: 20px;
    line-height: 1.12;
    margin-bottom: 10px;
    white-space: normal;
  }

  .deals-step-card__text {
    font-size: 20px;
    line-height: 1.35;
  }
}


/* Font size fix to match section body copy (20px) - Kerry feedback #97 */
body.page-id-19 .provider-compare-row.pcr-fontfix,
body.page-id-19 .provider-compare-row {
    font-size: 20px !important;
    line-height: 1.6 !important;
}
}

/* Speed guide paragraph text 20px */
#div_block-1488-19 .ct-code-block p {
    font-size: 20px !important;
}
}


/* Provider comparison: Openserve vs Vumatel
   Scoped to the Key Info section instead of body.page-id-19
   so it works when the page is copied to another page ID.
*/

#div_block-1436-19 #div_block-1447-19 {
  width: min(1120px, calc(100% - 48px)) !important;
  max-width: 1120px !important;
  overflow: hidden !important;
}

#div_block-1436-19 #div_block-1448-19 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  width: 100% !important;
}

#div_block-1436-19 #div_block-1451-19,
#div_block-1436-19 #div_block-1452-19 {
  width: 100% !important;
  min-width: 0 !important;
}

#div_block-1436-19 #div_block-1451-19 {
  border-right: 1px solid #dde5ef !important;
}

#div_block-1436-19 #div_block-1454-19,
#div_block-1436-19 #div_block-1463-19 {
  padding: 0 !important;
  width: 100% !important;
}

/* Row-based comparison content */
#div_block-1436-19 .provider-compare-rows {
  width: 100% !important;
  padding: 22px 34px 22px 46px !important;
  box-sizing: border-box !important;
}

#div_block-1436-19 .provider-compare-row {
  position: relative !important;
  color: #1e304e !important;
  font-size: 20px !important;
  line-height: 1.6 !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: flex-start !important;
  padding-bottom: 6px !important;
}

#div_block-1436-19 .provider-compare-row::before {
  content: "•" !important;
  position: absolute !important;
  left: -18px !important;
  top: 0 !important;
  color: #1e304e !important;
  font-weight: 900 !important;
}

/* Keep row heights aligned between Openserve and Vumatel columns */
#div_block-1436-19 .provider-compare-row:nth-child(1) {
  min-height: 70px !important;
}

#div_block-1436-19 .provider-compare-row:nth-child(2),
#div_block-1436-19 .provider-compare-row:nth-child(3) {
  min-height: 50px !important;
}

/* CTA row under provider comparison */
#div_block-1436-19 #div_block-1659-19 {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding-top: 28px !important;
  padding-bottom: 34px !important;
}

#div_block-1436-19 #link-1661-19 {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Tablet */
@media (max-width: 991px) {
  #div_block-1436-19 #div_block-1447-19 {
    width: calc(100% - 32px) !important;
  }

  #div_block-1436-19 .provider-compare-rows {
    padding: 22px 28px 22px 42px !important;
  }

  #div_block-1436-19 .provider-compare-row {
    font-size: 20px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  #div_block-1436-19 #div_block-1448-19 {
    grid-template-columns: 1fr !important;
  }

  #div_block-1436-19 #div_block-1451-19 {
    border-right: none !important;
    border-bottom: 1px solid #dde5ef !important;
  }

  #div_block-1436-19 .provider-compare-row,
  #div_block-1436-19 .provider-compare-row:nth-child(1),
  #div_block-1436-19 .provider-compare-row:nth-child(2),
  #div_block-1436-19 .provider-compare-row:nth-child(3) {
    min-height: auto !important;
    margin-bottom: 10px !important;
  }
}


/* What You Need To Know cards - Rich Text mobile fix
   Applies to:
   #_rich_text-1423-19 = Install Timing
   #_rich_text-1429-19 = Cancellation Terms
*/

@media (max-width: 767px) {
  #_rich_text-1423-19 > div,
  #_rich_text-1429-19 > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-bottom: 22px !important;
  }

  #_rich_text-1423-19 h3,
  #_rich_text-1429-19 h3 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 36px !important;
    line-height: 0.95 !important;
    margin: 0 !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  #_rich_text-1423-19 p,
  #_rich_text-1429-19 p {
    text-align: left !important;
    font-size: 20px !important;
    line-height: 1.45 !important;
  }
}.fi-card {
    gap: 10px !important;
}

.fi-card__title {
    margin: 15 !important;

}

.fi-card__descriptor,
.fi-card__contract {
    display: block;
    margin: 0 !important;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.fi-card__speeds {
    margin: 4px 0 0 !important;
}

.fi-card__badge {
    margin: 6px 0 0 !important;
}

.fi-card__price {
    margin: 0 !important;
}

.fi-card__features {
    margin: 4px 0 0 !important;
}

.fi-card__netflix-logo {
    width: 200px !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin-top: 4px !important;
}

.fi-load-more-wrap {
    display: flex;
    justify-content: center;
    margin-top: clamp(20px, 20px, 1.563vw);
}

.fi-load-more {
    cursor: pointer;
}


body.page-id-19 .fi-card__title {
  margin-top: 14px !important;
  margin-bottom: 8px !important;
}

@media (max-width: 767px) {
#div_block-1436-19 {
  background-image:none!important;
}
  
}
/* =========================================
   Channel Partner Programme CSS
   Live Oxygen Page
   ========================================= */


/* Hero bullet list */
.partner-bullet-list {
  margin: 0;
  padding-left: 22px;
  color: #ffcb05;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.35;
}

.partner-bullet-list li {
  margin-bottom: 8px;
}

.partner-bullet-list li:last-child {
  margin-bottom: 0;
}

.partner-bullet-list span {
  color: #ffffff;
  font-size: 20px;
}

@media (max-width: 767px) {
  .partner-bullet-list,
  .partner-bullet-list span {
    font-size: 16px;
  }
}


/* =========================================
   Four-step cards
   ========================================= */

.infini-partner-step-card {
  display: flex;
  align-items: flex-start;
  gap: 28px;
  margin-bottom: 25px;
  color: #ffffff;
}

.infini-partner-step-card:last-child {
  margin-bottom: 0;
}

.infini-partner-step-card__number {
  display: block;
  flex: 0 0 70px;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1.2px #ffcb05 !important;
  text-stroke: 1.2px #ffcb05 !important;
  text-shadow: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(56px, 5vw, 82px);
  font-weight: 700;
  line-height: 0.9;
  text-align: left;
}

.infini-partner-step-card__content {
  flex: 1;
}

.infini-partner-step-card__title {
  margin: 0 0 10px;
  color: #ffcb05;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2;
}

.infini-partner-step-card__text {
  margin: 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.35;
}

@media (max-width: 767px) {
  .infini-partner-step-card {
    gap: 18px;
  }

  .infini-partner-step-card__number {
    flex-basis: 52px;
    font-size: 56px;
  }

  .infini-partner-step-card__title {
    font-size: 24px;
  }

  .infini-partner-step-card__text {
    font-size: 16px !important;
  }
}


/* =========================================
   Hidden SVG sets
   ========================================= */

.ct_svg_sets {
  display: none !important;
}


/* =========================================
   Builder-only AOS fix
   Keeps animated sections visible inside Oxygen editor
   ========================================= */

.oxygen-builder-body [data-aos] {
  opacity: 1 !important;
  transform: none !important;
}


/* =========================================
   Old three-column text section dividers
   Only applies if .text-columns-main is used
   ========================================= */

@media (min-width: 769px) {
  .text-columns-main > .ct-div-block:not(:last-child) {
    border-right: 1px solid #c7d2df;
  }

  .text-columns-main > .ct-div-block {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (max-width: 768px) {
  .text-columns-main {
    flex-direction: column;
  }

  .text-columns-main > .ct-div-block {
    width: 100% !important;
    border-right: none !important;
    border-bottom: none !important;
  }
}


/* =========================================
   Partner list styling
   Used on individual/business cards
   ========================================= */

.partner-list,
.channel-partner-list {
  margin: 0;
  padding-left: 24px;
  color: #203759;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
}

.partner-list li,
.channel-partner-list li {
  margin-bottom: 6px;
  padding-left: 4px;
}

.partner-list li:last-child,
.channel-partner-list li:last-child {
  margin-bottom: 0;
}

.partner-list li::marker,
.channel-partner-list li::marker {
  color: #ffcb05;
}

.partner-list span,
.channel-partner-list span {
  color: #1e304e;
  font-size: 18px;
}

@media (max-width: 767px) {
  .partner-list,
  .channel-partner-list {
    font-size: 16px;
    padding-left: 20px;
  }

  .partner-list span,
  .channel-partner-list span {
    font-size: 16px;
  }
}


/* =========================================
   Channel Partner form button
   Live WPForms ID: 737928
   ========================================= */

#wpforms-submit-737928,
.form-reseller-application .wpforms-submit {
  background-color: #ffcb05 !important;
  color: #1e304e !important;
  border: none !important;
  border-radius: 100px !important;
  padding: 14px 32px !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  min-width: 238px !important;
  height: auto !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

#wpforms-submit-737928:hover,
.form-reseller-application .wpforms-submit:hover {
  background-color: #f2bd00 !important;
  color: #1e304e !important;
  transform: translateY(-1px);
}

.form-reseller-application .wpforms-submit-container {
  text-align: left !important;
}


/* =========================================
   Channel Partner confirmation message
   ========================================= */

.infini-form-confirmation {
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  padding: 34px 28px;
  background: #1e304e;
  border-radius: 18px;
  text-align: center;
  color: #ffffff;
}

.infini-form-confirmation__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin: 0 auto 18px;
  background: #ffcb05;
  color: #1e304e;
  border-radius: 50%;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
}

.infini-form-confirmation__title {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.15;
}

.infini-form-confirmation__text {
  margin: 0 auto 12px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.45;
}

.infini-form-confirmation__text:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .infini-form-confirmation {
    padding: 28px 22px;
    border-radius: 16px;
  }

  .infini-form-confirmation__title {
    font-size: 24px;
  }

  .infini-form-confirmation__text {
    font-size: 16px;
  }
}/* WPForms submit buttons - live forms */
#wpforms-submit-737928,
#wpforms-submit-737926,
.form-reseller-application .wpforms-submit,
.form-school-nomination .wpforms-submit {
  background-color: #ffcb05 !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 100px !important;
  padding: 14px 32px !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  min-width: 238px !important;
  height: auto !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

/* Hover */
#wpforms-submit-737928:hover,
#wpforms-submit-737926:hover,
.form-reseller-application .wpforms-submit:hover,
.form-school-nomination .wpforms-submit:hover,
.wpforms-submit.btn-submit:hover {
  background-color: #f2bd00 !important;
  color: #000000 !important;
  transform: translateY(-1px);
}

/* Button alignment */
.wpforms-submit-container {
  text-align: left !important;
}

/* School criteria lists */
.school-requirements-list,
.school-requirements-list li,
.school-requirements-list span {
  font-size: 20px !important;
}

@media (max-width: 767px) {
  .school-requirements-list,
  .school-requirements-list li,
  .school-requirements-list span {
    font-size: 16px !important;
  }
}

/* School nomination lists */
.school-nomination-list,
.school-nomination-list li,
.school-nomination-list span {
  font-size: 20px !important;
}

@media (max-width: 767px) {
  .school-nomination-list,
  .school-nomination-list li,
  .school-nomination-list span {
    font-size: 16px !important;
  }
}

/* FAQ typography */
.deals-faq__question,
.deals-faq__answer,
.deals-faq__answer p {
  font-size: 20px !important;
}

@media (max-width: 767px) {
  .deals-faq__question,
  .deals-faq__answer,
  .deals-faq__answer p {
    font-size: 16px !important;
  }
}

/* Mobile background/text fixes */
@media (max-width: 767px) {
  #div_block-22-807 {
    background: transparent !important;
    background-color: transparent !important;
  }

  #headline-413-807,
  #text_block-80-807 {
    color: #ffffff !important;
  }
}

/* Infini-Futures benefit column dividers */
#div_block-480-807,
#div_block-481-807,
#div_block-482-807,
#div_block-483-807 {
  position: relative;
}

#div_block-480-807::after,
#div_block-481-807::after,
#div_block-482-807::after {
  content: "";
  position: absolute;
  top: 78px;
  right: -12px;
  width: 1px;
  height: calc(100% - 120px);
  background: #c7d0dc;
}

@media (max-width: 991px) {
  #div_block-480-807::after,
  #div_block-481-807::after,
  #div_block-482-807::after {
    display: none;
  }
}

/* WPForms confirmation message */
.infini-form-confirmation {
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  padding: 34px 28px;
  background: #1e304e;
  border-radius: 18px;
  text-align: center;
  color: #ffffff;
}

.infini-form-confirmation__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin: 0 auto 18px;
  background: #ffcb05;
  color: #1e304e;
  border-radius: 50%;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
}

.infini-form-confirmation__title {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.15;
}

.infini-form-confirmation__text {
  margin: 0 auto 12px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.45;
}

.infini-form-confirmation__text:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .infini-form-confirmation {
    padding: 28px 22px;
    border-radius: 16px;
  }

  .infini-form-confirmation__title {
    font-size: 24px;
  }

  .infini-form-confirmation__text {
    font-size: 16px;
  }
}

/* Eligibility cards */
#div_block-459-807,
#div_block-471-807 {
  border-radius: 25px !important;
  overflow: hidden !important;
}


/* #182 – Qualify wrapper */
#div_block-182-807 {
  width: 100%;
  text-align: left;
  align-items: center;
}

@media (max-width: 767px) {
  #div_block-182-807 {
    align-items: center;
    text-align: center;
  }
}

/* #184 – "Eligibility" heading */
#headline-184-807 {
  font-size: 48px;
  font-weight: 400;
  color: #1e304e;
}

@media (max-width: 767px) {
  #headline-184-807 {
    font-size: 30px;
  }
}

/* #186 – "Who qualifies?" heading */
#headline-186-807 {
  font-size: 48px;
  font-weight: 700;
  color: #1e304e;
}

@media (max-width: 767px) {
  #headline-186-807 {
    font-size: 30px;
    text-align: center;
  }
}

/* #191 – intro paragraph */
#text_block-191-807 {
  margin-top: 25px;
  font-size: 20px;
  color: #1e304e;
}

@media (max-width: 767px) {
  #text_block-191-807 {
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (max-width: 991px) {
  #text_block-191-807 {
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
  }
}

/* #458 – two-column row wrapper */
#div_block-458-807 {
  width: 90%;
  text-align: left;
  display: flex;
  flex-direction: row;
  gap: 25px;
  margin-top: 25px;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  #div_block-458-807 {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  #div_block-458-807 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}

/* #459 – "School criteria" card */
#div_block-459-807 {
  width: 50%;
  padding: 25px;
  border: 15px solid #ffffff;
  border-radius: 25px;
  box-shadow: 7px 13px 7px rgba(2, 2, 2, 0.2);
  background: linear-gradient(120deg, #31a6d2, #1e304e);
  min-height: 325px;
  overflow: hidden;
}

@media (max-width: 1200px) {
  #div_block-459-807 {
    min-height: 450px;
  }
}

@media (max-width: 991px) {
  #div_block-459-807 {
    width: 100%;
    min-height: 250px;
  }
}

@media (max-width: 767px) {
  #div_block-459-807 {
    width: 100%;
    box-shadow: none;
    min-height: 400px;
    border-color: #ffffff;
  }
}

/* #471 – "Who can nominate" card */
#div_block-471-807 {
  width: 50%;
  padding: 25px;
  border: 15px solid #ffffff;
  border-radius: 25px;
  box-shadow: 7px 13px 7px rgba(2, 2, 2, 0.2);
  background: linear-gradient(120deg, #31a6d2, #1e304e);
  min-height: 325px;
  overflow: hidden;
}

@media (max-width: 1200px) {
  #div_block-471-807 {
    min-height: 450px;
  }
}

@media (max-width: 991px) {
  #div_block-471-807 {
    width: 100%;
    min-height: 250px;
  }
}

@media (max-width: 767px) {
  #div_block-471-807 {
    width: 100%;
    box-shadow: none;
    min-height: 400px;
    border-color: #ffffff;
  }
}

/* Shared icon + label row */
.oxel_iconlist__row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
}

@media (max-width: 767px) {
  .oxel_iconlist__row {
    align-items: center;
    text-align: left;
  }
}



/* Instance overrides for #465 and #473 */
#fancy_icon-465-807,
#fancy_icon-473-807 {
  font-size: 48px;
}

@media (max-width: 767px) {
  #fancy_icon-465-807,
  #fancy_icon-473-807 {
    color: #ffffff;
    font-size: 30px;
  }
}

/* Shared label */
.oxel_iconlist__row__label {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .oxel_iconlist__row__label {
    font-size: 20px;
    color: #ffffff;
  }
}

/* Instance overrides for #466 and #474 */
#text_block-466-807,
#text_block-474-807 {
  font-size: 30px;
}

@media (max-width: 767px) {
  #text_block-466-807,
  #text_block-474-807 {
    font-size: 20px;
  }
}

/* #468 – rich text list, "School criteria" */
#_rich_text-468-807 {
  color: #ffffff;
  text-align: left;
}

@media (max-width: 767px) {
  #_rich_text-468-807 {
    text-align: left;
  }
}

/* #475 – rich text list, "Who can nominate" */
#_rich_text-475-807 {
  color: #ffffff;
  text-align: left;
  width: 100%;
}

@media (max-width: 767px) {
  #_rich_text-475-807 {
    text-align: left;
  }
}

/* List font sizes */
.school-requirements-list,
.school-requirements-list li,
.school-requirements-list span,
.school-nomination-list,
.school-nomination-list li,
.school-nomination-list span {
  font-size: 20px !important;
}

@media (max-width: 767px) {
  .school-requirements-list,
  .school-requirements-list li,
  .school-requirements-list span,
  .school-nomination-list,
  .school-nomination-list li,
  .school-nomination-list span {
    font-size: 16px !important;
  }
}


/* Shared icon */
.oxel_iconlist__row__icon {
  margin-right: 16px;
  color: #ffcb05;
  background-color: #31a6d2;
  padding: 10px;
  font-size: 30px;
}