.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: 1220px;
}
body {font-family: 'DM Sans';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: rgba(249,249,249,0.64);}.oxy-nav-menu-hamburger-line {background-color: rgba(249,249,249,0.64);}h1, h2, h3, h4, h5, h6 {font-family: 'DM Sans';font-size: 64px;font-weight: 400;line-height: 1.4;color: #efefef;}h2, h3, h4, h5, h6{font-size: 44px;font-weight: 400;line-height: 1.4;}h3, h4, h5, h6{font-size: 32px;}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;
				}
			}
.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_megamenu_parent:hover{
 background-color:#cfd3d7;
}
.oxel_megamenu_parent {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:32px;
 padding-right:32px;
 position:relative;
 background-color:#f9f9fa;
 transition-duration:0.3s;
}
.oxel_megamenu_parent__title {
 color:#374047;
}
.oxel_megamenu__wrapper {
transform:; padding-top:32px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:0px;
 opacity:1;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 position:relative;
 width:100%;
 z-index:1999;
}
.oxel_megamenu__wrapper:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__wrapper.oxy-easy-posts .oxy-posts,
.oxel_megamenu__wrapper.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.oxel_megamenu__wrapper--hidden {
transform:translateY(64px); opacity:0;
pointer-events: none;
}
.oxel_megamenu__close-icon {
color: #333333;}.oxel_megamenu__close-icon 
>svg {width: 32px;height: 32px;}.oxel_megamenu__close-icon {
 position:absolute;
 top:48px;
 right:16px;
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,
.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
}
@media (max-width: 991px) {
.oxel_megamenu__close-icon {
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,
.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.agencyb-outline-button:hover{
background-color: transparent;
border: 1px solid #ffffff;
color: #ffffff;
}.agencyb-outline-button:hover{
transform: scale(1.05,1.05);
}
.agencyb-outline-button {
background-color: transparent;
border: 1px solid #ffffff;
color: #ffffff;
padding: 13px 21.4px;
}.agencyb-outline-button {
 font-family:DM Sans;
 button-hover_color:#ffffff;
 font-size:18px;
 font-weight:900;
 padding-left:48px;
 padding-right:48px;
 transition-duration:0.2s;
 transition-timing-function:ease;
 transition-property:all;
 border-radius:100px;
 letter-spacing:2px;
 line-height:1.2;
 text-align:center;
}
.oxel_accordion {
 border-top-color:#adb4b9;
 border-right-color:#adb4b9;
 border-bottom-color:#adb4b9;
 border-left-color:#adb4b9;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 width:100%;
 gap:20px;
}
.oxel_accordion:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion.oxy-easy-posts .oxy-posts,
.oxel_accordion.ct-section .ct-section-inner-wrap{
gap:20px;
}
.oxel_accordion__row {
 font-family:DM Sans;
 width:100%;
 text-align:justify;
 font-weight:600;
 background-color:#080808;
 border-radius:14px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 border-top-color:rgba(255,255,255,0.04);
 border-right-color:rgba(255,255,255,0.04);
 border-bottom-color:rgba(255,255,255,0.04);
 border-left-color:rgba(255,255,255,0.04);
cursor: pointer;
}
.oxel_accordion__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row.oxy-easy-posts .oxy-posts,
.oxel_accordion__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
.oxel_accordion__icon {
color: #374047;}.oxel_accordion__icon 
>svg {width: 18px;height: 18px;}.oxel_accordion__icon {
 margin-right:8px;
 transition-duration:0.3s;
}
.oxel_accordion__row_left {
}
.oxel_accordion__row_left:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row_left.oxy-easy-posts .oxy-posts,
.oxel_accordion__row_left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_accordion__content {
 width:100%;
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 border-bottom-color:#98a1a8;
 border-bottom-width:2px;
 border-bottom-style:none;
 overflow:hidden;
 opacity:1;
 transition-duration:3s;
 border-top-style:none;
 border-right-style:none;
 border-left-style:none;
 transition-property:max-height;
 text-align:left;
 max-height:3000px;
 margin-top:0px;
}
.oxel_accordion__content:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content.oxy-easy-posts .oxy-posts,
.oxel_accordion__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.oxel_accordion__content__hidden {
 max-height:0px;
 padding-left:8px;
 padding-right:8px;
 padding-top:0px;
 z-index:-1;
 padding-bottom:0px;
 transition-duration:0s;
}
.oxel_accordion__content__hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content__hidden.oxy-easy-posts .oxy-posts,
.oxel_accordion__content__hidden.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_accordion__row__label {
}
.dwc-ticker-slider {
 width:130%;
}
.dwc-ticker-slider .ct-section-inner-wrap {
padding-right: 0;
padding-left: 0;
}
.dwc-ticker-slider__wrapper {
 width:100%;
}
.oxel_dynamicslider {
 width:100%;
}
.oxel_dynamicslider__container {
 height:400px;
}
.swiper-container {
}
.swiper-wrapper {
}
.infinite {
}
.swiper-slide {
}
.swiper-slide--auto-width {
 width:auto !important ;
 border-radius:50vw ;
 background-color:rgba(255,255,255,0.07);
}
.swiper-slide--auto-width:not(.ct-section):not(.oxy-easy-posts),
.swiper-slide--auto-width.oxy-easy-posts .oxy-posts,
.swiper-slide--auto-width.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.swiper-slider__inner {
 padding-left:10px;
 padding-right:10px;
 padding-top:10px;
 padding-bottom:10px;
 gap:20px;
}
.swiper-slider__inner:not(.ct-section):not(.oxy-easy-posts),
.swiper-slider__inner.oxy-easy-posts .oxy-posts,
.swiper-slider__inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:20px;
}
.swiper-slider__featured-img {
 width:40px;
 object-fit:cover;
 aspect-ratio:1;
 border-radius:50vw ;
 height:auto;
}
.slide-title {
 max-width:calc(100% - var(--space-m)) ;
 color:rgba(255,255,255,0.69);
 font-size:max(1.5vw, 18px) ;
}
@media (max-width: 479px) {
.slide-title {
}
}

.oxel_circular_counter {
 width:150px;
 height:150px;
 border-radius:50%;
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 color:#00fff2;
 background-color:#dee1e3;
}
.oxel_circular_counter__inner {
 width:100%;
 height:100%;
 background-color:#f9f9fa;
 border-radius:50%;
 text-align:center;
}
.oxel_circular_counter__inner:not(.ct-section):not(.oxy-easy-posts),
.oxel_circular_counter__inner.oxy-easy-posts .oxy-posts,
.oxel_circular_counter__inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.oxel_circular_counter__number {
 color:#374047;
 font-size:32px;
 font-weight:100;
}
.oxel_circular_counter__unit {
 color:#374047;
 font-weight:100;
 font-size:32px;
}
.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_section_indicator {
 position:fixed;
 right:0px;
 top:0px;
 bottom:0px;
 width:30px;
 z-index:10;
 padding-left:8px;
 padding-right:32px;
}
.oxel_section_indicator:not(.ct-section):not(.oxy-easy-posts),
.oxel_section_indicator.oxy-easy-posts .oxy-posts,
.oxel_section_indicator.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
.oxel_section_indicator__dot {
 width:16px;
 height:16px;
 background-color:#606e79;
 border-radius:50%;
 margin-top:12px;
 margin-bottom:12px;
 color:#f9f9fa;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
min-height: 0px !important; min-width: 0px !important;
}
.oxel_section_indicator__dot:not(.ct-section):not(.oxy-easy-posts),
.oxel_section_indicator__dot.oxy-easy-posts .oxy-posts,
.oxel_section_indicator__dot.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
.oxel_section_indicator__label:after{
transform:rotate(45deg); position:absolute;
 width:16px;
 height:16px;
 background-color:#606e79;
 right:-6px;
 z-index:-1;
 border-top-right-radius:4px;
 border-top-left-radius:0px;
 border-bottom-left-radius:0px;
 border-bottom-right-radius:0px;
 border-radius:0px;
  content:"";
}
.oxel_section_indicator__label {
 position:absolute;
 padding-top:4px;
 padding-bottom:4px;
 padding-left:16px;
 padding-right:16px;
 background-color:#606e79;
 border-radius:0px;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 right:calc(100% + 8px) ;
}
.oxel_section_indicator__label:not(.ct-section):not(.oxy-easy-posts),
.oxel_section_indicator__label.oxy-easy-posts .oxy-posts,
.oxel_section_indicator__label.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
.oxel_section_indicator__label__text {
 color:#f9f9fa;
}
.oxel_section_indicator__label--hidden {
transform:translate(112px); opacity:0;
}
.saas-body-text {
 font-family:DM Sans;
 color:#8188a6;
 font-size:16px;
 font-weight:300;
 line-height:1.6;
 max-width:640px;
}
.saas-primary-button:hover{
transform:scale(1.05,1.05); background-color:#f64e6e;
 box-shadow:0px 20px 40px rgba(0,0,0,0.1);
}
.saas-primary-button {
 font-family:DM Sans;
 background-color:#f64e6e;
 color:#ffffff;
 font-size:16px;
 letter-spacing:1px;
 line-height:1.1;
 text-decoration:none;
 font-weight:700;
 text-align:center;
 padding-top:16px;
 padding-bottom:16px;
 padding-left:48px;
 padding-right:48px;
 border-radius:100px;
 transition-duration:0.2s;
 transition-timing-function:ease;
 transition-property:all;
 text-transform:uppercase;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 margin-top:auto;
background-image: linear-gradient(-90deg, #f64e6e 0%, #ff795e 98%);
}
.saas-showcase-3-column {
background-size: cover; background-color:#353c59;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
 background-repeat:no-repeat;
}
.saas-showcase-3-label {
 line-height:1.2;
 color:#f8596a;
 font-size:12px;
 letter-spacing:1px;
 text-transform:uppercase;
 font-weight:700;
 margin-bottom:10px;
 margin-top:auto;
}
.saas-showcase-3-title {
 color:#ffffff;
 line-height:1.2;
 margin-bottom:4px;
}
.freelance-heading-two {
 font-family:DM Sans;
 font-size:48px;
 color:#ffffff;
 line-height:1.1;
 letter-spacing:0px;
 font-weight:700;
}
.freelance-body-text {
 font-family:DM Sans;
 color:#a7a9b2;
 font-size:14px;
 font-weight:400;
 line-height:1.5;
 margin-bottom:12px;
}
.freelance-showcase-5-wrapper {
 width:100%;
 background-color:#494e5e;
 box-shadow:0px 30px 40px -10px rgba(0,0,0,0.5);
background-image: linear-gradient(0deg, #242732 0%, #3c414e 100%);
}
.freelance-showcase-5-wrapper:not(.ct-section):not(.oxy-easy-posts),
.freelance-showcase-5-wrapper.oxy-easy-posts .oxy-posts,
.freelance-showcase-5-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 767px) {
.freelance-showcase-5-wrapper {
 text-align:center;
}
.freelance-showcase-5-wrapper:not(.ct-section):not(.oxy-easy-posts),
.freelance-showcase-5-wrapper.oxy-easy-posts .oxy-posts,
.freelance-showcase-5-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.freelance-showcase-5-img {
 width:50%;
}
@media (max-width: 767px) {
.freelance-showcase-5-img {
 width:100%;
}
}

.freelance-showcase-5-content {
 width:100%;
 margin-left:28px;
 margin-top:20px;
 margin-right:28px;
 margin-bottom:20px;
 text-align:left;
 height:100%;
}
.freelance-showcase-5-content:not(.ct-section):not(.oxy-easy-posts),
.freelance-showcase-5-content.oxy-easy-posts .oxy-posts,
.freelance-showcase-5-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 767px) {
.freelance-showcase-5-content {
 padding-left:24px;
 padding-right:24px;
}
}

.freelance-showcase-5-title {
 font-family:DM Sans;
 font-size:14px;
 color:white;
 font-weight:700;
 line-height:1.1;
 letter-spacing:1px;
 margin-bottom:12px;
}
.freelance-showcase-5-text {
 font-family:DM Sans;
 color:#a7a9b2;
 font-size:14px;
 font-weight:400;
 line-height:1.5;
 margin-bottom:12px;
}
.freelance-text-link:hover{
 text-decoration:underline;
}
.freelance-text-link {
 font-family:DM Sans;
 color:#f66061;
 font-size:14px;
 font-weight:400;
 text-decoration:none;
 line-height:1.5;
}
.saas-heading-two {
 font-family:DM Sans;
 color:#ffffff;
 font-size:48px;
 line-height:1.1;
 font-weight:700;
 margin-bottom:0px;
}
@media (max-width: 479px) {
.saas-heading-two {
 font-size:40px;
}
}

.saas-subheading {
 font-family:DM Sans;
 color:#8188a6;
 font-size:22px;
 font-weight:300;
 max-width:480px;
 line-height:1.6;
}
.saas-showcase-2-column {
 text-align:left;
}
.saas-showcase-2-column:not(.ct-section):not(.oxy-easy-posts),
.saas-showcase-2-column.oxy-easy-posts .oxy-posts,
.saas-showcase-2-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 767px) {
.saas-showcase-2-column {
 text-align:center;
}
.saas-showcase-2-column:not(.ct-section):not(.oxy-easy-posts),
.saas-showcase-2-column.oxy-easy-posts .oxy-posts,
.saas-showcase-2-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.saas-showcase-2-title {
 line-height:1.2;
 margin-bottom:4px;
 color:#353c59;
 font-size:20px;
}
.saas-showcase-2-label {
 color:#f8596a;
 font-size:12px;
 text-transform:uppercase;
 letter-spacing:1px;
 font-weight:700;
 margin-bottom:6px;
}
.saas-showcase-2-img {
 margin-bottom:16px;
}
.fancy-logogrid-1-logo {
 width:14.6%;
 margin-top:1%;
 margin-left:1%;
 margin-right:1%;
 margin-bottom:1%;
}
@media (max-width: 991px) {
.fancy-logogrid-1-logo {
}
}

@media (max-width: 767px) {
.fancy-logogrid-1-logo {
 width:31.33%;
}
}

.atomic-subheading {
 font-family:DM Sans;
 color:#2b2c27;
 font-size:24px;
 line-height:1.6;
 font-weight:200;
 max-width:480px;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
@media (max-width: 767px) {
.atomic-subheading {
 font-size:20px;
}
}

@media (max-width: 479px) {
.atomic-subheading {
 font-size:18px;
}
}

.atomic-secondary-heading {
 color:#2b2c27;
 font-weight:400;
 font-size:56px;
 line-height:1.1;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
@media (max-width: 1220px) {
.atomic-secondary-heading {
 font-size:52px;
}
}

@media (max-width: 767px) {
.atomic-secondary-heading {
 font-size:44px;
}
}

@media (max-width: 479px) {
.atomic-secondary-heading {
 font-size:40px;
}
}

.Secondary:hover{
background-color :#d6d6d6;
border: 1px solid #d6d6d6;
color: #0f0f0f;
}.Secondary:hover{
}
.Secondary {
background-color :#ffffff;
border: 1px solid #ffffff;
color: #0f0f0f;
padding: 10px 16px;
}.Secondary {
 button-hover_color:#d6d6d6;
 box-shadow:8px rgba(17,16,17,0.24);
}
@media (max-width: 991px) {
.Secondary {
padding: 8px 12.8px;
}.Secondary {
 font-size:14px;
}
}

@media (max-width: 767px) {
.Secondary {
padding: 8px 12.8px;
}.Secondary {
 font-size:14px;
}
}

.oxy-superbox-primary {
}
.oxy-superbox-secondary {
}
.cta-btn {
}
@media (max-width: 479px) {
.cta-btn {
}
}

.oxy-stock-content-styles {
}
.portfolio-tag-pill {
/* display: inline-block; background-color: #f3f4f6; color: #111827; padding: 4px 10px; margin: 4px; border-radius: 9999px; font-size: 14px; */
}
.portfolio-tag {
 visibility:visible;
}
@media (max-width: 479px) {
.portfolio-tag {
 gap:14px;
 width:100%;
}
.portfolio-tag:not(.ct-section):not(.oxy-easy-posts),
.portfolio-tag.oxy-easy-posts .oxy-posts,
.portfolio-tag.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:14px;
}
}

.cards-stack {
 gap:40px;
 padding-bottom:100px;
 margin-bottom:100px;
}
.cards-stack:not(.ct-section):not(.oxy-easy-posts),
.cards-stack.oxy-easy-posts .oxy-posts,
.cards-stack.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:40px;
}
.portfolio-card {
 top:0px;
}
.portfolio-card:not(.ct-section):not(.oxy-easy-posts),
.portfolio-card.oxy-easy-posts .oxy-posts,
.portfolio-card.ct-section .ct-section-inner-wrap{
flex-direction:column;
}
@media (max-width: 767px) {
.portfolio-card {
height:400px !important;
}
}

@media (max-width: 479px) {
.portfolio-card {
height:360px !important;
}
}

.stack-cards {
}
.stack-card {
}
.custom-cursor {
}
.toggle-3040 {
}
.toggle-3040-expanded {
}
.video-bg-div {
}
.oxy-close-modal {
background-color :#1e73be;
border: 1px solid #1e73be;
padding: 10px 16px;
}.oxy-close-modal {
background-image:url(https://stunnergraphicstech.com/wp-content/uploads/2025/09/Play-Button.png); background-blend-mode:normal;
 background-color:rgba(17,16,17,0.24);
 position:absolute;
 z-index:1;
 right:220px;
}
.project-category {
 color:#ffffff;
color: #fff !imortant;
}
.tabs-1936-tab {
}
.tabs-1936-tab-active {
}
.tabs-contents-1936-tab {
}
@media (max-width: 479px) {
.tabs-contents-1936-tab {
 padding-left:0px;
 padding-right:0px;
}
.tabs-contents-1936-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-contents-1936-tab.oxy-easy-posts .oxy-posts,
.tabs-contents-1936-tab.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

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

.portfolio-tag-pill.theme-pill {
  display: inline-block;
  background: #2E293A;    /*rgba(255,255,255,0.07);  dark bg */
  color: #fff;      /* white text */
  padding: 6px 12px;
  border-radius: 10px;
  font-size: 14px;
  margin-right: 6px;
}

/* Default: desktop */
.tags-below {
  display: flex;
  gap: 6px;
}
.tags-overlay {
  display: none;
}

.portfolio-tag-pill.detail-pill {
  display: inline-block;
  background: linear-gradient(
    180deg, 
    rgba(153, 153, 153, 0.1),  
    rgba(210, 9, 248, 0.2)    
  ) !important;
  backdrop-filter: blur(4px); /* Optional glassy effect */
  color: #fff;      /* white text */
  padding: 6px 12px;
  border-radius: 10px;
  font-size: 14px;
  margin-right: 6px;
}


/* Tablet & mobile (<= 992px): */
@media (max-width: 992px) {
  .tags-below {
    display: none !important;
  }
  .tags-overlay {
    display: flex !important;
    gap: 6px;
  }
}
/* Hide CTA on mobile */
@media (max-width: 991px) {
  .cta-btn {
    display: none !important;
   
}

/* Show CTA again when menu is open */
 /* Show CTA when menu is open */
  .oxy-nav-menu.oxy-nav-menu-open ~ .cta-btn,
  .oxy-nav-menu.oxy-nav-menu-open + .cta-btn {
    display: inline-block !important;
  }
}
  : root {
    --card-height: 87vh; /* Reduce card height for tablets */
    --card-top-padding: 1.5em; /* Smaller stacking offset */
    --card-margin: 4vw;
    --cards: 4;
  }

  /* ===== STACKED CARDS WRAPPER ===== */
.cards-stack {   
/*   position: relative;
  display: block;
  --stack-top: 80px;        
  --stack-reveal: 72px;     
  --stack-gap: 24px; 
  --shadow: 0 10px 30px rgba(0,0,0,.25);
  --radius: 20px;
  padding-bottom: 10vh; /* enough space for scroll 
  perspective: 2000px; */

  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(var(--cards), var(--card-height));
  gap: var(--card-margin);
  padding-bottom: calc(var(--cards) * var(--card-top-padding));
  margin-bottom: var(--card-margin);

}

/* ===== INDIVIDUAL CARD ===== */
.portfolio-card {
/*   position: relative;
  top: calc(var(--stack-top) + (var(--stack-reveal) * var(--i))); 
  margin-bottom: var(--stack-gap);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  background: #12151c;
  cursor: none; 
  z-index: calc(100 - var(--i));  */


  position: sticky;
  padding-top: calc(var(--i) * var(--card-top-padding));
  top: calc(var(--i) * var(--card-top-padding)); /* 👈 use index offset */
  height: var(--card-height);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  background: #12151c;
  cursor: none;
  transition: transform .4s ease, box-shadow .4s ease;
  z-index: calc(100 - var(--i)); 
  
 
}

/* .portfolio-card:not(:first-child) {
  margin-top: -180px;
}
 */
/* .cards-stack .portfolio-card {
  top: calc(var(--stack-top) + (var(--i, 0) * var(--stack-reveal)));
} */


/* Scale effect when hovered */
.portfolio-card:hover {
  transform: scale(1.03);
  box-shadow: 0 20px 50px rgba(0,0,0,.4);
}

@media (max-width: 992px) {
  : root {
    --card-height: 70vh; /* Prevent LONG stretched cards */
    --card-top-padding: 1em; /* Reduce vertical stacking */
    --card-margin: 3vw;
  }

  /* ===== STACKED CARDS WRAPPER ===== */
.cards-stack {   
/*   position: relative;
  display: block;
  --stack-top: 80px;        
  --stack-reveal: 72px;     
  --stack-gap: 24px; 
  --shadow: 0 10px 30px rgba(0,0,0,.25);
  --radius: 20px;
  padding-bottom: 10vh; /* enough space for scroll 
  perspective: 2000px; */

  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(var(--cards), var(--card-height));
  gap: var(--card-margin);
  padding-bottom: calc(var(--cards) * var(--card-top-padding));
  margin-bottom: var(--card-margin);

}

/* ===== INDIVIDUAL CARD ===== */
.portfolio-card {
/*   position: relative;
  top: calc(var(--stack-top) + (var(--stack-reveal) * var(--i))); 
  margin-bottom: var(--stack-gap);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  background: #12151c;
  cursor: none; 
  z-index: calc(100 - var(--i));  */


  position: sticky;
  padding-top: calc(var(--i) * var(--card-top-padding));
  top: calc(var(--i) * var(--card-top-padding)); /* 👈 use index offset */
  height: var(--card-height);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  background: #12151c;
  cursor: none;
  transition: transform .4s ease, box-shadow .4s ease;
  z-index: calc(100 - var(--i)); 
  
 
}

/* .portfolio-card:not(:first-child) {
  margin-top: -180px;
}
 */
/* .cards-stack .portfolio-card {
  top: calc(var(--stack-top) + (var(--i, 0) * var(--stack-reveal)));
} */


/* Scale effect when hovered */
.portfolio-card:hover {
  transform: scale(1.03);
  box-shadow: 0 20px 50px rgba(0,0,0,.4);
}

}



/* ===== CUSTOM CURSOR (hidden by default) ===== */
.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: auto;
  padding: 8px 16px;
  background: #fff;
  color: #000;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: opacity .2s ease, transform .15s ease;
  opacity: 0;
  z-index: 9999;
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
}
/* Global Fluid Typography System */

/* Headings */
h1 {
  font-size: clamp(32px, 6vw, 64px);
  line-height: 1.2;
}

h2 {
  font-size: clamp(28px, 4.5vw, 44px);
  line-height: 1.3;
}

h3 {
  font-size: clamp(20px, 3.5vw, 36px);
  line-height: 1.3;
}

h4 {
  font-size: clamp(18px, 3vw, 28px);
  line-height: 1.4;
}

h5 {
  font-size: clamp(16px, 2.5vw, 22px);
  line-height: 1.4;
}

h6 {
  font-size: clamp(14px, 2vw, 18px);
  line-height: 1.5;
}

/* Paragraphs */
p {
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.6;
}




.project-category a {
  color: #fff !important;         /* Force override */
  
}

.project-category a:hover {
  color: #ff9800 !important;
}
/* Tabs horizontal scroll container */
.tabs-wrapper {
 display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  gap: 12px;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/* Hide scrollbar - Chrome, Safari */
.tabs-wrapper::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar - Firefox */
.tabs-wrapper {
  scrollbar-width: none;
}

/* Ensure tabs don't shrink */
.tabs-wrapper > * {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}
@media (max-width: 768px) {
  .tabs-wrapper {
    padding-bottom: 8px;
  }
}


.tabs-1936-tab {
  display: inline-block;
  /*background: #2E293A;    /*rgba(255,255,255,0.07);  dark bg */
   background: linear-gradient(
    180deg, 
    rgba(153, 153, 153, 0.1),  
    rgba(210, 9, 248, 0.2)    
  );
  backdrop-filter: blur(4px);
  color:rgba(255,255,255,0.50);      /* white text */
  padding: 8px 20px;
  border-radius: 10px;
  margin-right: 6px;
}

.tabs-1936-tab.tabs-1936-tab-active {
  background: #D209F8;     /* active bg */
  color: #fff;   /* active text */
  display: inline-block;
  padding: 8px 20px;
  border-radius: 10px;
  margin-right: 6px;
}