.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-media-player .oxy-pro-media-player_play{
--extras-play-icon-size:60px;
}

.oxy-pro-media-player .oxy-pro-media-player_play button:hover{
--vm-play-scale:1;
}

.oxy-pro-media-player .oxy-pro-media-player_play button{
transition-duration:.3s;
}

.oxy-pro-media-player vime-player{
--vm-control-scale:.9;
--extras-slider-height:2px;
--vm-control-group-spacing:12px;
--vm-controls-padding:15px;
--vm-controls-spacing:15px;
--vm-time-font-size:13px;
--vm-control-border-radius:3px;
--extras-spinner-size:80px;
--vm-spinner-thickness:3px;
--vm-spinner-spin-duration:1s;
--vm-tooltip-spacing:3px;
--vm-tooltip-padding:3px;
}

.oxy-pro-media-player .oxy-pro-media-player_custom-image{
--extras-poster-left:50%;
--extras-poster-top:50%;
}

.oxy-pro-media-player vime-player.video{
                            height: 0;
                            overflow: hidden;
                        }
.oxy-pro-media-player .extras-in-builder vime-spinner{
                                opacity: 0;
                            }
.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: 1120px;
}
body {font-family: 'Outfit';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Outfit';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 {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@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;
				}
			}
.tag {
color: #333333;}.tag 
>svg {width: \px;height: \px;}.tag {
 font-size:16px;
 color:#5b6273;
}
.card-link {
 margin-top:0px;
}
.my-arrow-container {
}
.my-arrow-container:not(.ct-section):not(.oxy-easy-posts),
.my-arrow-container.oxy-easy-posts .oxy-posts,
.my-arrow-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.my-arrow-icon {
color: #195794;}.my-arrow-icon 
>svg {width: 100px;height: 100px;}.my-arrow-icon {
}
.hosting-menu-item:hover{
 color:#039ca2;
}
.hosting-menu-item {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:10px;
 padding-right:10px;
 color:#ffffff;
 transition-duration:0.3s;
 text-transform:uppercase;
 font-weight:500;
 font-size:14px;
}
.hosting-menu-parent-item {
 position:relative;
 gap:5px;
}
.hosting-menu-parent-item:not(.ct-section):not(.oxy-easy-posts),
.hosting-menu-parent-item.oxy-easy-posts .oxy-posts,
.hosting-menu-parent-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:5px;
}
.chevron {
color: #195794;}.chevron 
>svg {width: 55px;height: 55px;}.chevron {
}
.hosting-submenu-container {
 position:absolute;
 z-index:999;
 padding-top:9px;
 transition-duration:0.5s;
 transition-property:opacity, top;
 opacity:0;
 top:25px;
 left:-9999px;
 border-top-style:none;
}
.hosting-submenu-container:not(.ct-section):not(.oxy-easy-posts),
.hosting-submenu-container.oxy-easy-posts .oxy-posts,
.hosting-submenu-container.ct-section .ct-section-inner-wrap{
display:flex;
}
.hosting-submenu {
 background-color:#ffffff;
 padding-top:10px;
 padding-right:15px;
 padding-left:10px;
 padding-bottom:10px;
 width:100%;
 border-top-color:#195794;
 border-top-width:3px;
 border-top-style:solid;
 box-shadow:0px 5px 30px -15px #5e5e5e;
}
.hosting-submenu:not(.ct-section):not(.oxy-easy-posts),
.hosting-submenu.oxy-easy-posts .oxy-posts,
.hosting-submenu.ct-section .ct-section-inner-wrap{
display:grid;
align-items:flex-start;
display: grid !important;align-items: stretch;grid-template-columns: repeat(4, minmax(200px, 1fr));grid-column-gap: 5px;grid-row-gap: 2px;}
.itek-dropdown:hover{
 border-left-width:1px;
 border-left-color:#da0238;
 transition-duration:0.3s;
 color:#5b6273;
}
.itek-dropdown {
 width:100%;
 transition-duration:0.3s;
 text-transform:capitalize;
 text-align:left;
 font-size:15px;
 line-height:1.3;
 padding-top:2px;
 padding-bottom:2px;
 padding-left:8px;
 padding-right:8px;
 color:#1b1e27;
 border-bottom-style:none;
 border-bottom-width:1px;
 border-bottom-color:#eceeef;
 border-top-width:1px;
 border-top-style:none;
 border-top-color:#dee1e3;
 border-left-style:solid;
 border-left-width:1px;
 border-left-color:#dee1e3;
 margin-top:8px;
 margin-bottom:8px;
 font-weight:500;
}
.itek-dd-label {
 color:#da0238;
 text-align:left;
 font-weight:700;
 margin-bottom:8px;
}
.hosting-menu-container {
 margin-right:25px;
}
.hosting-menu-container:not(.ct-section):not(.oxy-easy-posts),
.hosting-menu-container.oxy-easy-posts .oxy-posts,
.hosting-menu-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.dropdown-w-300 {
}
.hosting-submenu-big-item:hover{
 color:#039ca2;
}
.hosting-submenu-big-item {
 color:#013a49;
 border-bottom-style:solid;
 border-bottom-width:1px;
 border-bottom-color:rgba(196,242,242,0.35);
 transition-duration:0.3s;
 width:100%;
 margin-top:3px;
 margin-bottom:3px;
}
.hosting-submenu-big-item:not(.ct-section):not(.oxy-easy-posts),
.hosting-submenu-big-item.oxy-easy-posts .oxy-posts,
.hosting-submenu-big-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
.hosting-submenu-sub-text:hover{
 color:#da0238;
}
.hosting-submenu-sub-text {
 font-family:Outfit;
 font-size:15px;
 line-height:1.2;
 text-align:left;
 font-weight:600;
 text-transform:capitalize;
 margin-right:10px;
}
.dropdown-w-auto {
}
.oxel_number_counter {
}
.oxel_number_counter__number {
 font-family:Outfit;
 color:#374047;
 font-size:3em;
}
.oxel_number_counter__label {
 font-family:Outfit;
 color:#606e79;
}
.oxel_flipbox {
 width:100%;
 position:relative;
}
.oxel_flipbox__front {
background-image:linear-gradient(rgba(25,22,22,0.2), rgba(25,22,22,0.2)), url(http://elements.oxy.host/wp-content/uploads/sites/52/2020/07/atmosphere-blue-cloud-clouds-601798.jpg);background-size:auto,  cover; width:100%;
 text-align:center;
 padding-top:32px;
 padding-left:32px;
 padding-right:32px;
 padding-bottom:32px;
 background-position:50% 50%;
}
.oxel_flipbox__front:not(.ct-section):not(.oxy-easy-posts),
.oxel_flipbox__front.oxy-easy-posts .oxy-posts,
.oxel_flipbox__front.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel_flipbox__back {
background-size: cover;transform:rotateY(180deg); width:100%;
 text-align:center;
 padding-top:32px;
 padding-left:32px;
 padding-right:32px;
 padding-bottom:32px;
 background-color:#374047;
 position:absolute;
 top:0px;
 left:0px;
 right:0px;
 bottom:0px;
 background-position:50% 50%;
}
.oxel_flipbox__back:not(.ct-section):not(.oxy-easy-posts),
.oxel_flipbox__back.oxy-easy-posts .oxy-posts,
.oxel_flipbox__back.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.cc0subber {
 font-family:'Outfit';
 font-size:24px;
 font-weight:600;
 text-transform:uppercase;
 color:#000000;
}
.cc-carrd-roll:hover{
transform:scale3d(1.1,1.1,1.1); transition-duration:0.3s;
}
.cc-carrd-roll {
 transition-duration:0.3s;
}
.cc-btn1:hover{
background-color :#000000;
border: 1px solid #000000;
}.cc-btn1:hover{
 transition-duration:0.3s;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
.cc-btn1 {
background-color :#da0238;
border: 1px solid #da0238;
}.cc-btn1 {
 font-family:'Outfit';
 font-weight:600;
 font-size:18px;
 text-transform:uppercase;
 margin-top:0px;
 transition-duration:0.3s;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
.cc-miniheader {
 font-family:'Outfit';
 color:#da0238;
 font-weight:800;
 font-size:18px;
}
.cc-miniheader2 {
 font-family:'Outfit';
 text-transform:uppercase;
 font-weight:800;
 line-height:1.2;
 margin-bottom:15px;
}
.cc-header1 {
 font-family:'Antonio';
 font-weight:800;
 text-transform:uppercase;
 font-size:34px;
 line-height:1.0;
 text-align:center;
 color:#da0238;
}
.cc-ft-header {
 color:#da0238;
 text-transform:uppercase;
 font-weight:700;
 font-size:20px;
 margin-top:28px;
}
.cc-team-header {
 font-family:'Outfit';
 font-size:20px;
 color:#f2f6f7;
 font-weight:600;
 text-align:center;
}
.CC-PAGE-MARK {
 font-family:Outfit;
 line-height:.7;
 font-size:120px;
 font-weight:800;
 text-transform:uppercase;
 color:#f2f6f7;
}
.cc-latest-box {
 width:100%;
 background-color:#ffffff;
 padding-top:15px;
 padding-left:15px;
 padding-right:15px;
 padding-bottom:15px;
}
.oxy-header {
}
.site-header {
 background-color:#ffffff;
}
.footer-grid {
 color:#f9f9fa;
}
.cta-band {
}
.cta-band:not(.ct-section):not(.oxy-easy-posts),
.cta-band.oxy-easy-posts .oxy-posts,
.cta-band.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.btn-primary:hover{
}
.btn-primary {
}
.btn-primary:not(.ct-section):not(.oxy-easy-posts),
.btn-primary.oxy-easy-posts .oxy-posts,
.btn-primary.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.btn {
padding: 10px 16px;
}.btn {
}
.btn-ghost {
}
.nav-links {
}
.hero {
}
.hero .ct-section-inner-wrap {
padding-top: 75px;
}
.eyebrow {
}
.lede {
 margin-bottom:48px;
}
.hero-skyline {
}
.logo-strip {
}
.label {
}
.logo-strip-sec {
}
.logo-strip-sec .ct-section-inner-wrap {
padding-top: 0;
padding-right: 5%;
padding-bottom: 0;
padding-left: 5%;
}
.pillar:hover{
 transition-duration:0.3s;
 box-shadow:5px 5px 5px 5px #d0d2d3;
}
.pillar {
 transition-duration:0.3s;
 width:100%;
 padding-left:18px;
 height:200px;
 min-height:225px;
}
@media (max-width: 1120px) {
.pillar {
 min-height:225px;
}
}

@media (max-width: 991px) {
.pillar {
 min-height:175px;
 height:150px;
}
}

@media (max-width: 479px) {
.pillar {
 min-height:225px;
}
}

.card:hover{
 transition-duration:0.3s;
 box-shadow:8px 8px 8px #d0d2d3;
}
.card {
color: #333333;}.card 
>svg {width: 55px;height: 55px;}.card {
 transition-duration:0.3s;
 padding-left:0px;
 margin-bottom:0px;
}
.card:not(.ct-section):not(.oxy-easy-posts),
.card.oxy-easy-posts .oxy-posts,
.card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
@media (max-width: 479px) {
.card {
 height:100%;
 width:100%;
}
}

.card-top-bar {
}
.result-pills {
 color:#0f2947;
}
.team-photo {
}
.team-photo:not(.ct-section):not(.oxy-easy-posts),
.team-photo.oxy-easy-posts .oxy-posts,
.team-photo.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.team-card {
}
.page-hero {
}
.hero-bg {
}
.cc-btn:hover{
background-color :rgba(218,2,56,0.74);
border: 1px solid rgba(218,2,56,0.74);
}.cc-btn:hover{
 transition-duration:0.3s;
}
.cc-btn {
background-color :#da0238;
border: 1px solid #da0238;
color: #ffffff;
padding: 10px 16px;
}.cc-btn {
 font-size:18px;
 font-weight:600;
 border-radius:30px;
 button-hover_color:rgba(218,2,56,0.74);
 padding-top:15px;
 padding-left:25px;
 padding-right:25px;
 padding-bottom:15px;
 transition-duration:0.3s;
}
@media (max-width: 479px) {
.cc-btn {
 width:100%;
}
}

.cc-btn-ol:hover{
}.cc-btn-ol:hover{
}
.cc-btn-ol {
padding: 10px 16px;
}.cc-btn-ol {
}
.ccv-fade-up {
}
.ccv-delay-1 {
}
.ccv-scale-in {
}
.ccv-in {
}
.ccv-step-X {
}
.ccv-step-1 {
}
.ccv-step-2 {
}
.ccv-hover-lift {
background-color :#da0238;
border: 1px solid #da0238;
color: #ffffff;
}.ccv-hover-lift {
 margin-left:0px;
}
@media (max-width: 991px) {
.ccv-hover-lift {
}
}

.ccv-in-up {
}
.ccv-scroll {
}
.eyebrow-ani {
}
.oxy-stock-content-styles {
}
.ccvccv-hover-lift {
}
.icon-holder {
 gap:5px;
}
.icon-holder:not(.ct-section):not(.oxy-easy-posts),
.icon-holder.oxy-easy-posts .oxy-posts,
.icon-holder.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
gap:5px;
}
.cat-links {
 margin-top:4px;
 color:#ffffff;
}
.eyebrow-mover {
}
.title-mover {
}
.cardani {
}
.flip-in {
}
.cardi2 {
}
.itek-dropdown-item {
}
.cat-links2 {
 margin-top:0px;
 font-size:16px;
 padding-top:5px;
}
.image-slide-right {
}
.image-slide-right:not(.ct-section):not(.oxy-easy-posts),
.image-slide-right.oxy-easy-posts .oxy-posts,
.image-slide-right.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
.case-copy-slide-right {
}
.work-grid {
 height:150px;
}

.work-grid img {
  width: 100%;
  height: 240px;
  object-fit: contain;
  background: #f7f7f7;   /* subtle neutral padding */
  padding: 12px;
  border-radius: 8px;
}




.cat-links a,
.tags-links a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  color: #ffffff !important;
}

.cat-links2 a,
.tags-links2 a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    opacity: 0.6; /* optional: visually indicate disabled */
  color: #000000 !important;
}




@media (min-width: 1121px) {
  #_header-205-22.oxy-header-wrapper.oxy-header.oxy-sticky-header.oxy-sticky-header-active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    background-color: #111111;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  }
}

#_header-113-17.oxy-header-wrapper.oxy-header.oxy-sticky-header.oxy-sticky-header-active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 11;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.my-arrow-container {
    position: absolute;
    top: 20px;
    right: 220px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;

    pointer-events: none;
    z-index: 10;

    /* Gradient mask fade */
    -webkit-mask-image: linear-gradient(
        to bottom,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0.75) 40%,
        rgba(0,0,0,0.35) 70%,
        rgba(0,0,0,0) 100%
    );
    mask-image: linear-gradient(
        to bottom,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0.75) 40%,
        rgba(0,0,0,0.35) 70%,
        rgba(0,0,0,0) 100%
    );
}

.my-arrow-icon {
    width: 80px;   /* scales the actual arrow */
    height: 80px;
    transform: translateY(0);
}

:root {
    --navy-deep: #0F2947;
    --navy: #163C63;
    --navy-mid: #1E4C7C;
    --sky: #6FA3E8;
    --crimson: #D91C3C;
    --gold: #C79A3E;
    --slate: #8A93A6;
    --charcoal: #1B1E27;
    --ink: #2B303B;
    --ink-soft: #5B6273;
    --paper: #F7F7F4;
    --paper-dim: #EFEFEA;
    --white: #FFFFFF;
    --line: #E3E3DD;
    --font-display: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
    --font-body: 'Inter', 'Segoe UI', sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --container: 1240px;
    --radius: 14px;
    --radius-sm: 8px;
}

.nav-links a
 {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--ink);
    position: relative;
    padding: 6px 2px;
}


.footer-grid h4 {
    color: var(--white);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 18px;
}

.cta-band {
    background: linear-gradient(160deg, var(--navy-deep), var(--navy-mid));
    color: var(--white);
    border-radius: 24px;
    padding: 64px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.cta-band h2 {
    color: var(--white);
    font-size: clamp(1.8rem, 3.6vw, 2.8rem);
}

.cta-band p {
    color: rgba(255, 255, 255, 0.75);
    margin-top: 14px;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}

.cta-band .hero-actions {
    justify-content: center;
    margin-top: 32px;
}

.btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 14px 26px;
    border-radius: 100px;
    transition: all .18s ease;
    border: 2px solid transparent;
}

.btn-primary {
    background: var(--crimson);
    color: var(--white);
}

.btn-ghost {
    border-color: rgba(255, 255, 255, 0.5);
    color: var(--white);
}
.btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 14px 26px;
    border-radius: 100px;
    transition: all .18s ease;
    border: 2px solid transparent;
}:root {
    --navy-deep: #0F2947;
    --navy: #163C63;
    --navy-mid: #1E4C7C;
    --sky: #6FA3E8;
    --crimson: #D91C3C;
    --gold: #C79A3E;
    --slate: #8A93A6;
    --charcoal: #1B1E27;
    --ink: #2B303B;
    --ink-soft: #5B6273;
    --paper: #F7F7F4;
    --paper-dim: #EFEFEA;
    --white: #FFFFFF;
    --line: #E3E3DD;
    --font-display: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
    --font-body: 'Inter', 'Segoe UI', sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --container: 1240px;
    --radius: 14px;
    --radius-sm: 8px;
}

.hero-bg {
  background-color: #0a1a2f; /* your dark blue base */
  background-image:
    linear-gradient(
      to right,
      rgba(255,255,255,0.06) 0px,
      rgba(255,255,255,0.06) 1px,
      transparent 1px,
      transparent 80px
    );
  background-size: 80px 100%;
}


.hero-skyline {
    position: absolute;
    inset: 0;
    opacity: 0.5;
    mix-blend-mode: screen;
    pointer-events: none;
}

.hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(175deg, var(--navy-deep) 0%, var(--navy) 55%, var(--navy-mid) 100%);
    color: var(--white);
    padding: 75px 0 75px;
}

.hero h1 {
    color: var(--white);
    font-size: clamp(2.6rem, 5.4vw, 4.4rem);
    font-weight: 800;
    letter-spacing: -0.02em;
}

.hero .lede {
    margin-top: 26px;
    font-size: 1.18rem;
    color: rgba(255, 255, 255, 0.82);
    max-width: 620px;
}

.eyebrow {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 14px;
    color: var(--sky);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
}

.logo-strip {
    font-family: var(--font-mono);
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-soft);
    margin-bottom: 26px;
    text-align: center;
}

.logo-strip-sec {
    padding: 44px 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: var(--white);
}

.pillar {
    background: var(--white);
    border-radius: var(--radius);
    padding: 28px;
    border: 1px solid var(--line);
}

.card {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 32px;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.card .card-link {
    margin-top: 18px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    color: var(--navy);
    font-size: 0.92rem;
}

.card .tag {
    font-family: var(--font-mono);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--crimson);
    font-weight: 600;
}

.card h3 {
    font-size: 1.28rem;
    margin: 12px 0 10px;
}

.card p {
    color: var(--ink-soft);
    font-size: 0.96rem;
}

.card-top-bar {
    height: 4px;
    width: 52px;
    border-radius: 4px;
    margin-bottom: 20px;
    background: var(--sky);
}

.grid .card:nth-child(4n+2) .card-top-bar {
    background: var(--crimson);
}

.result-pills {
    background: var(--paper-dim);
    padding: 8px 14px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    color: var(--navy);
}

.team-photo {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: var(--radius);
    overflow: hidden;
    margin-bottom: 18px;
    background: linear-gradient(135deg, var(--navy), var(--navy-mid));
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.team-card h3 {
    font-size: 1.2rem;
    margin-bottom: 2px;
}

.team-card  {
    color: var(--crimson);
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 12px;
    display: block;
}

.team-card p {
    color: var(--ink-soft);
    font-size: 0.94rem;
}

.page-hero h1 {
    color: var(--white);
    font-size: clamp(2.1rem, 4.2vw, 3.2rem);
    max-width: 820px;
}

.page-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(160deg, var(--navy-deep), var(--navy-mid));
    color: var(--white);
}

.icon {
  width: 32px;
  height: 32px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
}

.service-card:hover .icon {
  stroke: #111; /* or your brand accent */
}

.icon {
  transition: stroke 0.25s ease, transform 0.25s ease;
}

.service-card:hover .icon {
  transform: translateY(-2px);
}

.icon-fill {
  fill: currentColor;
  stroke: none;
}
/* ===========================
   DROPDOWN BASE + MOTION
   =========================== */

/* Hidden state — premium smooth */
.hosting-submenu-container {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    /* Layout */
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 32px;
    padding: 40px 32px;

    /* Center under parent + initial drift */
    left: 50%;
    transform: translateX(-50%) translateY(10px);

    /* Motion tuned */
    transition:
        opacity 0.26s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        transform 0.26s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        visibility 0.26s linear 0.12s;
}

/* Visible state — parent OR dropdown hovered */
.hosting-menu-parent-item:hover .hosting-submenu-container,
.hosting-submenu-container:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    /* Smooth landing */
    transform: translateX(-50%) translateY(0);

    /* Remove visibility delay on open */
    transition:
        opacity 0.26s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        transform 0.26s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        visibility 0s;
}


/* ===========================
   WIDTH UTILITIES
   =========================== */

.hosting-submenu-container.dropdown-w-300 {
    flex: 0 0 auto;
    min-width: 100px;
}

.hosting-submenu-container.dropdown-w-380 {
    flex: 0 0 auto;
    min-width: 380px;
}

.hosting-submenu-container.dropdown-w-460 {
    flex: 0 0 auto;
    min-width: 460px;
}

.hosting-submenu-container.dropdown-w-auto {
    flex: 0 0 auto;
    min-width: max-content;
}


/* ===========================
   CHEVRON ANIMATION
   =========================== */

/* Default chevron state */
.chevron {
    transition: transform 0.26s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: center;
    transform: rotate(0deg);
}

/* Rotate on parent hover */
.hosting-menu-parent-item:hover .chevron {
    transform: rotate(180deg);
}

/* Base state for each big submenu item */
.hosting-submenu-big-item {
    opacity: 100;
    transform: translateY(6px);
    transition:
        opacity 0.35s cubic-bezier(0.25, 0.1, 0.25, 1),
        transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* Parent hover triggers animation for all big items */
.hosting-menu-parent-item:hover .hosting-submenu-big-item {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger timing on each big item */
.hosting-menu-parent-item:hover .hosting-submenu-big-item:nth-child(1) { transition-delay: 0.05s; }
.hosting-menu-parent-item:hover .hosting-submenu-big-item:nth-child(2) { transition-delay: 0.10s; }
.hosting-menu-parent-item:hover .hosting-submenu-big-item:nth-child(3) { transition-delay: 0.15s; }
.hosting-menu-parent-item:hover .hosting-submenu-big-item:nth-child(4) { transition-delay: 0.20s; }
.hosting-menu-parent-item:hover .hosting-submenu-big-item:nth-child(5) { transition-delay: 0.25s; }
.hosting-menu-parent-item:hover .hosting-submenu-big-item:nth-child(6) { transition-delay: 0.30s; }
.hosting-menu-parent-item:hover .hosting-submenu-big-item:nth-child(7) { transition-delay: 0.35s; }
.hosting-menu-parent-item:hover .hosting-submenu-big-item:nth-child(8) { transition-delay: 0.40s; }
.hosting-menu-parent-item:hover .hosting-submenu-big-item:nth-child(9) { transition-delay: 0.45s; }
.hosting-menu-parent-item:hover .hosting-submenu-big-item:nth-child(10) { transition-delay: 0.50s; }

.ccv-in {
  opacity: 0;
  transform: scale(0.95);
  animation: ccvIn 0.7s cubic-bezier(.25,.1,.25,1) forwards;
}

@keyframes ccvIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.ccv-in-up {
  opacity: 0;
  transform: translateY(20px);
  animation: ccvInUp 0.7s cubic-bezier(.25,.1,.25,1) forwards;
}

@keyframes ccvInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.ccv-step-1 { animation-delay: 0.0s; }
.ccv-step-2 { animation-delay: 0.3s; }
.ccv-step-3 { animation-delay: 0.6s; }
.ccv-step-4 { animation-delay: 0.9s; }
.ccv-step-5 { animation-delay: 0.12s; }



/* Button Rollover */
.ccv-hover-lift {
  transition: transform 0.3s var(--ccv-ease-out);
}
.ccv-hover-lift:hover {
  transform: translateY(-4px);
}

.ccv-hover-scale {
  transition: transform 0.3s var(--ccv-ease);
}
.ccv-hover-scale:hover {
  transform: scale(1.03);
}

.ccv-hover-pulse {
  transition: transform 0.25s var(--ccv-spring);
}
.ccv-hover-pulse:hover {
  transform: scale(1.12);
}


.ccv-hero {
  opacity: 0;
  transform: scale(0.96);
  animation: ccvHero 1.4s var(--ccv-ease-inout) forwards;
}
@keyframes ccvHero {
  to { opacity: 1; transform: scale(1); }
}

.ccv-hero-text {
  opacity: 0;
  transform: translateY(30px);
  animation: ccvHeroText 1.2s var(--ccv-ease-out) forwards;
}
@keyframes ccvHeroText {
  to { opacity: 1; transform: translateY(0); }
}

.ccv-page {
  opacity: 0;
  animation: ccvPageIn 0.6s var(--ccv-ease) forwards;
}
@keyframes ccvPageIn {
  to { opacity: 1; }
}

.ccv-page-up {
  opacity: 0;
  transform: translateY(20px);
  animation: ccvPageUp 0.7s var(--ccv-ease-out) forwards;
}
@keyframes ccvPageUp {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes stepSlideIn {
    0% {
        opacity: 0;
        transform: translateX(-22px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.cardani {
    opacity: 0;
    transform: translateX(-22px);
}




.cardani:nth-child(1) { animation-delay: 0.1s; }
.cardani:nth-child(2) { animation-delay: 0.2s; }
.cardani:nth-child(3) { animation-delay: 0.3s; }
.cardani:nth-child(4) { animation-delay: 0.4s; }
.cardani:nth-child(5) { animation-delay: 0.5s; }
.cardani:nth-child(6) { animation-delay: 0.6s; }
.cardani:nth-child(7) { animation-delay: 0.7s; }
.cardani:nth-child(8) { animation-delay: 0.8s; }
.cardani:nth-child(9) { animation-delay: 0.9s; }
.cardani:nth-child(10) { animation-delay: 1.0s; }
.cardani:nth-child(11) { animation-delay: 1.1s; }
.cardani:nth-child(12) { animation-delay: 1.2s; }

/*
.my-arrow-icon {
    width: 100px;
    height: 100px;
    background: url(/path-to-arrow.svg) center/contain no-repeat;


    filter: brightness(0) saturate(100%) invert(21%) sepia(94%) saturate(3000%) hue-rotate(190deg) brightness(95%) contrast(90%);

    animation: arrowFlash 1.2s infinite;
}


.my-arrow-icon:nth-child(1) { animation-delay: 0s; }
.my-arrow-icon:nth-child(2) { animation-delay: 5s; }
.my-arrow-icon:nth-child(3) { animation-delay: 10s; }
.my-arrow-icon:nth-child(4) { animation-delay: 15s; }
.my-arrow-icon:nth-child(5) { animation-delay: 20s; }
.my-arrow-icon:nth-child(6) { animation-delay: 10s; }
*/
@keyframes arrowFlash {
    0%   { filter: brightness(0) saturate(100%) invert(21%) sepia(94%) saturate(3000%) hue-rotate(190deg) brightness(95%) contrast(90%); }
    40%  { filter: brightness(0) invert(1); } 
    100% { filter: brightness(0) saturate(100%) invert(21%) sepia(94%) saturate(3000%) hue-rotate(190deg) brightness(95%) contrast(90%); }
}

/* ----------------------------------------------------
   OXYGEN BUILDER VISIBILITY OVERRIDE (BULLETPROOF)
---------------------------------------------------- */
html.oxygen-builder-body [data-anim],
html.oxygen-builder-body [data-anim-stagger],
html.oxygen-builder-body .anim-active,
body.oxygen-builder [data-anim],
body.oxygen-builder [data-anim-stagger],
body.oxygen-builder .anim-active,
body.ct-builder [data-anim],
body.ct-builder [data-anim-stagger],
body.ct-builder .anim-active,
#ct-builder [data-anim],
#ct-builder [data-anim-stagger],
#ct-builder .anim-active {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

[data-anim].anim-active,
[data-anim-stagger="children"].anim-active * {
  opacity: 1 !important;
  transform: none !important;
}

[data-anim-stagger="children"] > * {
  opacity: 1;
  transform: none;
}


/* Cinematic easing + slightly longer default */
[data-anim] {
  opacity: .4;
  transform: translateY(12px);
  transition-property: opacity, transform, filter;
  transition-timing-function: var(--anim-ease, cubic-bezier(.22,.61,.36,1)); /* cinematic */
  transition-duration: var(--anim-speed, 0.8s);
  will-change: opacity, transform;
}

/* Active state */
[data-anim].anim-active {
  opacity: 1;
  transform: none;
  filter: none;
}

/* Speeds */
[data-anim-speed="fast"]  { --anim-speed: 0.45s; }
[data-anim-speed="slow"]  { --anim-speed: 1.1s; }
[data-anim-speed="normal"],
[data-anim-speed]:not([data-anim-speed="fast"]):not([data-anim-speed="slow"]) {
  --anim-speed: 0.8s;
}


/* Parallax depth layers */
[data-anim-parallax="back"] {
  transform: translateY(40px);
}
[data-anim-parallax="mid"] {
  transform: translateY(24px);
}
[data-anim-parallax="front"] {
  transform: translateY(12px);
}

/* When active, they settle but keep subtle offset if you want */
[data-anim-parallax].anim-active {
  transform: translateY(0);
}


/* ----------------------------------------------------
   TYPES + DIRECTIONS
---------------------------------------------------- */

/* Fade */
[data-anim="fade"] {
  transform: none;
}

/* Slide */
[data-anim="slide"][data-anim-direction="up"]    { transform: translateY(40px); }
[data-anim="slide"][data-anim-direction="down"]  { transform: translateY(-40px); }
[data-anim="slide"][data-anim-direction="left"]  { transform: translateX(40px); }
[data-anim="slide"][data-anim-direction="right"] { transform: translateX(-40px); }

/* Zoom */
[data-anim="zoom"][data-anim-direction="in"]  { transform: scale(0.7); }
[data-anim="zoom"][data-anim-direction="out"] { transform: scale(1.3); }

/* Blur */
[data-anim="blur"] {
  filter: blur(10px);
  transform: none;
}
[data-anim="blur"].anim-active {
  filter: blur(0);
}

/* ----------------------------------------------------
   STAGGER CHILDREN
---------------------------------------------------- */
[data-anim-stagger="children"] > * {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity var(--anim-speed, 0.6s) var(--anim-ease, ease-out),
              transform var(--anim-speed, 0.6s) var(--anim-ease, ease-out);
}

[data-anim-stagger="children"].anim-active > * {
  opacity: 1;
  transform: none;
}
site-header{
}
main{
}