.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: 1168px;
}
body {font-family: 'Poppins';}body {line-height: 1.6;font-size: 1.7rem;font-weight: 400;color: var(--paragraph-color);}.oxy-nav-menu-hamburger-line {background-color: var(--paragraph-color);}h1, h2, h3, h4, h5, h6 {font-family: 'Roboto';font-size: min(max(3.6rem, calc(3.6rem + ((1vw - 0.32rem) * 3))), 6rem) ;font-weight: 700;line-height: min(max(4rem, calc(4rem + ((1vw - 0.32rem) * 2.5))), 6rem);color: var(--dark-color);}h2, h3, h4, h5, h6{font-size: min(max(3.12rem, calc(3.12rem + ((1vw - 0.32rem) * 2.1))), 4.8rem) ;font-weight: 700;line-height: min(max(3.74rem, calc(3.74rem + ((1vw - 0.32rem) * 1.325))), 4.8rem);color: var(--dark-color);}h3, h4, h5, h6{font-size: min(max(2.73rem, calc(2.73rem + ((1vw - 0.32rem) * 1.4625))), 3.9rem) ;font-weight: 700;line-height: min(max(3.54rem, calc(3.54rem + ((1vw - 0.32rem) * 0.95))), 4.3rem);color: var(--dark-color);}h4, h5, h6{font-size: min(max(2.3rem, calc(2.3rem + ((1vw - 0.32rem) * 1))), 3.1rem) ;font-weight: 700;line-height: min(max(3rem, calc(3rem + ((1vw - 0.32rem) * 0.875))), 3.7rem);color: var(--dark-color);}h5, h6{font-size: min(max(2rem, calc(2rem + ((1vw - 0.32rem) * 0.625))), 2.5rem) ;font-weight: 700;line-height: min(max(2.45rem, calc(2.45rem + ((1vw - 0.32rem) * 1.0875))), 3.32rem);color: var(--dark-color);}h6{font-size: min(max(1.8rem, calc(1.8rem + ((1vw - 0.32rem) * 0.25))), 2rem) ;font-weight: 700;line-height: min(max(2.4rem, calc(2.4rem + ((1vw - 0.32rem) * 0.5))), 2.8rem);color: var(--dark-color);}a {color: var(--primary-color);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: min(max(8rem, calc(8rem + ((1vw - 0.32rem) * 5))), 12rem) ;
padding-right: 2.4rem;
padding-bottom: min(max(8rem, calc(8rem + ((1vw - 0.32rem) * 5))), 12rem) ;
padding-left: 2.4rem;
}.ct-new-columns > .ct-div-block {
padding-top: 2.4rem;
padding-right: 2.4rem;
padding-bottom: 2.4rem;
padding-left: 2.4rem;
}.oxy-header-container {
padding-right: 2.4rem;
padding-left: 2.4rem;
}@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;
				}
			}
.font-bold {
 font-weight:700;
}
.font-bold:locked{
}
.color-white {
 color:var(--white-color);
}
.color-white:locked{
}
.h5 {
 font-weight:700;
 line-height:min(max(2.45rem, calc(2.45rem + ((1vw - 0.32rem) * 1.0875))), 3.32rem);
 font-size:min(max(2rem, calc(2rem + ((1vw - 0.32rem) * 0.625))), 2.5rem) ;
}
.btn-m:hover{
transform:translateY(-5px);}
.btn-m {
 padding-left:3.2rem;
 padding-right:3.2rem;
 padding-top:1.2rem;
 padding-bottom:1.2rem;
 font-weight:600;
 font-size:1.6rem;
 border-radius:0.6rem;
 transition-duration:0.4s;
 transition-property:all;
}
@media (max-width: 1168px) {
.btn-m {
 padding-top:1rem;
 padding-bottom:1rem;
 padding-left:2.8rem;
 padding-right:2.8rem;
}
}

@media (max-width: 767px) {
.btn-m {
 padding-top:1.2rem;
 padding-bottom:1.2rem;
 padding-left:3.2rem;
 padding-right:3.2rem;
}
}

@media (max-width: 479px) {
.btn-m {
 padding-top:1rem;
 padding-bottom:1rem;
 padding-left:2.8rem;
 padding-right:2.8rem;
 width:100%;
}
}

.btn-primary:hover{
 background-color:var(--primary-hover-color);
box-shadow: 0 8px 9px rgb(var(--primary-rgb-vals), 25%);
}
.btn-primary {
 background-color:var(--primary-color);
 color:var(--light-color);
 transition-duration:0.4s;
 transition-property:all;
box-shadow: 0 4px 9px rgb(var(--primary-rgb-vals), 20%);
}
.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;
align-items:center;
justify-content:center;
}
.btn-primary-alt:hover{
 background-color:var(--primary-alt-hover-color);
}
.btn-primary-alt {
 background-color:var(--primary-alt-color);
 color:var(--primary-color);
 transition-duration:0.4s;
 transition-property:all;
}
.btn-primary-alt:not(.ct-section):not(.oxy-easy-posts),
.btn-primary-alt.oxy-easy-posts .oxy-posts,
.btn-primary-alt.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.icon-sm-light {
color: var(--light-color);}.icon-sm-light 
>svg {width: 16px;height: 16px;}.icon-sm-light {
}
.icon-sm-light:locked{
}
.h1 {
 line-height:min(max(4rem, calc(4rem + ((1vw - 0.32rem) * 2.5))), 6rem);
 font-weight:700;
 font-size:min(max(3.6rem, calc(3.6rem + ((1vw - 0.32rem) * 3))), 6rem); ;
}
.two-buttons-set {
}
.two-buttons-set:not(.ct-section):not(.oxy-easy-posts),
.two-buttons-set.oxy-easy-posts .oxy-posts,
.two-buttons-set.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.two-buttons-set:locked{
}
@media (max-width: 479px) {
.two-buttons-set {
 width:100%;
}
.two-buttons-set:not(.ct-section):not(.oxy-easy-posts),
.two-buttons-set.oxy-easy-posts .oxy-posts,
.two-buttons-set.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.color-dark {
 color:var(--dark-color);
 margin-bottom:34px;
}
.color-dark:locked{
}
.color-paragraph {
 color:var(--paragraph-color);
}
.color-paragraph:locked{
}
@media (max-width: 767px) {
}

.bg {
 background-color:var(--background-color);
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
}
.bg .ct-section-inner-wrap {
padding-top: 0;
}
.bg-placeholder {
 background-color:var(--placeholder-color);
}
.bg-placeholder:locked{
}
.grid {
}
.grid:locked{
}
@media (max-width: 767px) {
.grid {
}
.grid:not(.ct-section):not(.oxy-easy-posts),
.grid.oxy-easy-posts .oxy-posts,
.grid.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column-reverse;
}
}

.gap-12 {
}
.gap-12:locked{
}
.row-gap-12 {
}
.row-gap-12:locked{
}
.col-span-2 {
}
.col-span-2:locked{
}
.col-span-3 {
}
.col-span-3:locked{
}
.grid-cols-5 {
}
.grid-cols-5:locked{
}
.h-full {
 height:100%;
}
.h-full:locked{
}
.mx-auto {
 margin-left:auto;
 margin-right:auto;
}
.mx-auto:locked{
}
.mr-3 {
 margin-right:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ;
}
.mb-4 {
 margin-bottom:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
}
.mb-8 {
 margin-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
}
.w-full {
 width:100%;
 padding-left:0px;
}
.w-full:not(.ct-section):not(.oxy-easy-posts),
.w-full.oxy-easy-posts .oxy-posts,
.w-full.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:space-between;
}
.w-full:locked{
}
@media (max-width: 767px) {
.w-full {
 text-align:justify;
}
.w-full:not(.ct-section):not(.oxy-easy-posts),
.w-full.oxy-easy-posts .oxy-posts,
.w-full.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.rounded {
 border-radius:0.4rem;
}
.rounded:locked{
}
.items-center {
}
.items-center:not(.ct-section):not(.oxy-easy-posts),
.items-center.oxy-easy-posts .oxy-posts,
.items-center.ct-section .ct-section-inner-wrap{
align-items:center;
}
.items-center:locked{
}
.object-cover {
object-fit: cover;
}
.object-cover:locked{
}
.md-col-span-1 {
}
.md-col-span-1:locked{
}
@media (max-width: 767px) {
.md-col-span-1 {
}
}

.md-grid-cols-1 {
}
.md-grid-cols-1:locked{
}
@media (max-width: 767px) {
.md-grid-cols-1 {
}
}

.md-grid-cols-3 {
}
.md-grid-cols-3:locked{
}
@media (max-width: 767px) {
.md-grid-cols-3 {
}
}

.sm-grid-cols-2 {
}
.sm-grid-cols-2:locked{
}
@media (max-width: 479px) {
.sm-grid-cols-2 {
}
}

.gap-8 {
}
.gap-8:locked{
}
.col-span-4 {
}
.col-span-4:locked{
}
.grid-cols-6 {
}
.grid-cols-6:locked{
}
.text-left {
 text-align:left;
}
.text-left:locked{
}
.rounded-lg {
 border-radius:0.8rem;
}
.rounded-lg:locked{
}
.row-gap-6 {
}
.row-gap-6:locked{
}
.grid-cols-1 {
}
.grid-cols-1:locked{
}
.shadow-md {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.lg-col-span-3 {
}
.lg-col-span-3:locked{
}
@media (max-width: 991px) {
.lg-col-span-3 {
}
}

.om-repeater {
}
.font-medium {
 font-weight:500;
}
.font-medium:locked{
}
.h4 {
 line-height:min(max(3rem, calc(3rem + ((1vw - 0.32rem) * 0.875))), 3.7rem);
 font-weight:700;
 font-size:min(max(2.3rem, calc(2.3rem + ((1vw - 0.32rem) * 1))), 3.1rem) ;
}
.color-primary {
 color:var(--primary-color);
}
.color-primary:locked{
}
.grid-cols-2 {
}
.grid-cols-2:locked{
}
.mb-2:hover{
 color:#111010;
}
.mb-2 {
 margin-bottom:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ;
 color:#595858;
}
.w-5by6 {
 width:83.333333%;
}
.w-5by6:locked{
}
.lg-w-full {
}
.lg-w-full:locked{
}
@media (max-width: 991px) {
.lg-w-full {
}
}

.gap-16 {
}
.gap-16:locked{
}
.md-row-start-1 {
}
.md-row-start-1:locked{
}
@media (max-width: 767px) {
.md-row-start-1 {
}
}

.border-color {
 border-top-color:var(--border-color);
 border-right-color:var(--border-color);
 border-bottom-color:var(--border-color);
 border-left-color:var(--border-color);
}
.border-color:locked{
}
.mb-3 {
 margin-bottom:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ;
}
.rounded-b-lg {
 border-bottom-right-radius:0.8rem;
 border-bottom-left-radius:0.8rem;
}
.rounded-b-lg:locked{
}
.rounded-t-lg {
 border-top-right-radius:0.8rem;
 border-top-left-radius:0.8rem;
}
.rounded-t-lg:locked{
}
.h6 {
 line-height:min(max(2.4rem, calc(2.4rem + ((1vw - 0.32rem) * 0.5))), 2.8rem);
 font-weight:700;
 font-size:min(max(1.8rem, calc(1.8rem + ((1vw - 0.32rem) * 0.25))), 2rem) ;
}
.grid-cols-3 {
}
.grid-cols-3:locked{
}
.p-4 {
 padding-top:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
 padding-left:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
 padding-right:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
 padding-bottom:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
}
.border-px {
 border-top-width:1px;
 border-left-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-style:solid;
 border-top-style:solid;
 border-bottom-style:solid;
 border-right-style:solid;
}
.border-px:locked{
}
.lg-grid-cols-2 {
}
.lg-grid-cols-2:locked{
}
@media (max-width: 991px) {
.lg-grid-cols-2 {
}
}

.h3 {
 line-height:min(max(3.54rem, calc(3.54rem + ((1vw - 0.32rem) * 0.95))), 4.3rem);
 font-weight:700;
 font-size:min(max(2.73rem, calc(2.73rem + ((1vw - 0.32rem) * 1.4625))), 3.9rem) ;
}
.grid-cols-4 {
}
.grid-cols-4:locked{
}
.text-center {
 text-align:center;
}
.text-center:locked{
}
.w-3by4 {
 width:75%;
}
.w-3by4:locked{
}
.lg-grid-cols-3 {
}
.lg-grid-cols-3:locked{
}
@media (max-width: 991px) {
.lg-grid-cols-3 {
}
}

.md-grid-cols-2 {
}
.md-grid-cols-2:locked{
}
@media (max-width: 767px) {
.md-grid-cols-2 {
}
}

.md-w-full {
}
.md-w-full:locked{
}
@media (max-width: 767px) {
.md-w-full {
}
}

.sm-grid-cols-1 {
}
.sm-grid-cols-1:locked{
}
@media (max-width: 479px) {
.sm-grid-cols-1 {
}
}

.mb-20 {
 margin-bottom:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ;
}
.icon-solid-sm-primary {
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
padding: 10px;color: var(--light-color);}.icon-solid-sm-primary 
>svg {width: 16px;height: 16px;}.icon-solid-sm-primary {
}
.icon-solid-sm-primary:locked{
}
.gap-4 {
}
.gap-4:locked{
}
.centered {
 text-align:center;
}
.centered:not(.ct-section):not(.oxy-easy-posts),
.centered.oxy-easy-posts .oxy-posts,
.centered.ct-section .ct-section-inner-wrap{
align-items:center;
align-content:center;
justify-content:center;
}
.centered:locked{
}
.color-light {
 color:var(--light-color);
}
.color-light:locked{
}
.bg-primary {
 background-color:var(--primary-color);
}
.bg-primary:locked{
}
.font-semibold {
 font-weight:600;
}
.font-semibold:locked{
}
.row-gap-8 {
}
.row-gap-8:locked{
}
.mb-12 {
 margin-bottom:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
}
.vertical {
}
.vertical:not(.ct-section):not(.oxy-easy-posts),
.vertical.oxy-easy-posts .oxy-posts,
.vertical.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.vertical:locked{
}
.icon-sm-primary {
color: var(--primary-color);}.icon-sm-primary 
>svg {width: 16px;height: 16px;}.icon-sm-primary {
}
.icon-sm-primary:locked{
}
.row-gap-4 {
}
.row-gap-4:locked{
}
.mb-16 {
 margin-bottom:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
}
.p-0 {
 padding-top:0rem;
 padding-left:0rem;
 padding-right:0rem;
 padding-bottom:0rem;
}
.px-8 {
 padding-left:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
 padding-right:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
}
.py-4:locked{
}
.py-4 {
 padding-top:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
 padding-bottom:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
}
.w-4by6 {
 width:66.666667%;
}
.w-4by6:locked{
}
.horizontal {
}
.horizontal:not(.ct-section):not(.oxy-easy-posts),
.horizontal.oxy-easy-posts .oxy-posts,
.horizontal.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.horizontal:locked{
}
.lg-w-3by4 {
}
.lg-w-3by4:locked{
}
@media (max-width: 991px) {
.lg-w-3by4 {
}
}

.tabs-3023-tab {
 background-color:var(--placeholder-color);
 color:var(--dark-color);
}
.tabs-3023-tab-active {
 background-color:var(--primary-color);
 color:var(--light-color);
}
.tabs-contents-3023-tab {
}
.btn-s:hover{
transform:translateY(-5px);}
.btn-s {
 padding-top:0.8rem;
 padding-bottom:0.8rem;
 padding-left:2.4rem;
 padding-right:2.4rem;
 font-weight:600;
 font-size:1.4rem;
 transition-duration:0.4s;
 transition-property:all;
 border-radius:0.4rem;
}
@media (max-width: 1168px) {
.btn-s {
 padding-left:2rem;
 padding-right:2rem;
}
}

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

@media (max-width: 767px) {
.btn-s {
 padding-left:2.4rem;
 padding-right:2.4rem;
}
.btn-s:not(.ct-section):not(.oxy-easy-posts),
.btn-s.oxy-easy-posts .oxy-posts,
.btn-s.ct-section .ct-section-inner-wrap{
display:none;
}
}

@media (max-width: 479px) {
.btn-s {
 padding-left:2rem;
 padding-right:2rem;
 width:100%;
}
}

.mr-4 {
 margin-right:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
}
.mr-12 {
 margin-right:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
}
.py-6 {
 padding-top:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ;
 padding-bottom:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ;
}
.py-6 .ct-section-inner-wrap {
padding-bottom: 0;
}
.rounded-sm {
 border-radius:0.2rem;
}
.rounded-sm:locked{
}
.md-hidden {
}
.md-hidden:locked{
}
@media (max-width: 767px) {
.md-hidden {
}
}

.h2 {
 line-height:min(max(3.74rem, calc(3.74rem + ((1vw - 0.32rem) * 1.325))), 4.8rem);
 font-weight:700;
 font-size:min(max(3.12rem, calc(3.12rem + ((1vw - 0.32rem) * 2.1))), 4.8rem) ;
}
.text-sm {
 font-size:1.4rem;
 line-height:1.6;
}
.my-auto {
 margin-top:auto;
 margin-bottom:auto;
}
.my-auto:locked{
}
.mr-8 {
 margin-right:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
}
.capitalize {
 text-transform:capitalize;
}
.capitalize:locked{
}
.w-2by3 {
 width:66.666667%;
}
.w-2by3:locked{
}
.horizontal-wrap {
}
.horizontal-wrap:not(.ct-section):not(.oxy-easy-posts),
.horizontal-wrap.oxy-easy-posts .oxy-posts,
.horizontal-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.horizontal-wrap:locked{
}
.md-mr-0 {
}
.md-mr-0:locked{
}
@media (max-width: 767px) {
.md-mr-0 {
}
}

.md-w-1by2 {
}
.md-w-1by2:locked{
}
@media (max-width: 767px) {
.md-w-1by2 {
}
}

.sm-w-full {
}
.sm-w-full:locked{
}
@media (max-width: 479px) {
.sm-w-full {
}
}

.oxy-stock-content-styles {
}
.mb-6 {
 margin-bottom:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ;
}
.icon-lg-primary {
color: var(--primary-color);}.icon-lg-primary 
>svg {width: 24px;height: 24px;}.icon-lg-primary {
}
.icon-lg-primary:locked{
}
.card-normal {
 width:100%;
 padding-left:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
 padding-right:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
 padding-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
 padding-top:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
 border-radius:0.5rem;
}
.bg-alt {
 background-color:var(--background-alt-color);
}
.bg-alt:locked{
}
.card-relaxed {
 width:100%;
 padding-top:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
 padding-left:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
 padding-right:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
 padding-bottom:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
 border-radius:0.5rem;
}
.shadow-xs {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
}
.z-99 {
 z-index:99;
}
.z-99:locked{
}
.icon-solid-md-light {
background-color: var(--placeholder-color);
border: 1px solid var(--placeholder-color);
padding: 14px;color: var(--primary-color);}.icon-solid-md-light 
>svg {width: 22px;height: 22px;}.icon-solid-md-light {
}
.icon-solid-md-light:locked{
}
.md-rounded-lg {
}
.md-rounded-lg:locked{
}
@media (max-width: 767px) {
.md-rounded-lg {
}
}

.text-xl {
 font-size:min(max(1.8rem, calc(1.8rem + ((1vw - 0.32rem) * 0.25))), 2rem) ;
 line-height:min(max(2.4rem, calc(2.4rem + ((1vw - 0.32rem) * 0.5))), 2.8rem);
 color:var(--secondary-hover-color);
}
.color-paragraph-alt {
 color:var(--paragraph-alt-color);
}
.color-paragraph-alt:locked{
}
.bg-secondary {
 background-color:var(--secondary-color);
}
.bg-secondary:locked{
}
.w-10p {
 width:10%;
}
.w-10p:locked{
}
.lg-col-span-1 {
}
.lg-col-span-1:locked{
}
@media (max-width: 991px) {
.lg-col-span-1 {
}
}

.md-col-span-2 {
}
.md-col-span-2:locked{
}
@media (max-width: 767px) {
.md-col-span-2 {
}
}

.md-centered {
}
.md-centered:locked{
}
@media (max-width: 767px) {
.md-centered {
}
}

.md-vertical {
}
.md-vertical:locked{
}
@media (max-width: 767px) {
.md-vertical {
}
}

.icon-xl-primary {
color: var(--primary-color);}.icon-xl-primary 
>svg {width: 32px;height: 32px;}.icon-xl-primary {
}
.icon-xl-primary:locked{
}
.icon-md-primary {
color: var(--primary-color);}.icon-md-primary 
>svg {width: 20px;height: 20px;}.icon-md-primary {
}
.icon-md-primary:locked{
}
.mr-2 {
color: #333333;}.mr-2 
>svg {width: 55px;height: 55px;}.mr-2 {
 margin-right:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ;
}
.p-2 {
 padding-top:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ;
 padding-left:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ;
 padding-right:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ;
 padding-bottom:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ;
}
.icon-lg-light {
color: var(--light-color);}.icon-lg-light 
>svg {width: 24px;height: 24px;}.icon-lg-light {
}
.icon-lg-light:locked{
}
.bg-black {
 background-color:var(--black-color);
}
.bg-black:locked{
}
.mr-5 {
 margin-right:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ;
}
.w-1by3 {
 width:33.333333%;
}
.w-1by3:locked{
}
.content-around {
}
.content-around:not(.ct-section):not(.oxy-easy-posts),
.content-around.oxy-easy-posts .oxy-posts,
.content-around.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:space-around;
}
.content-around:locked{
}
.md-w-2by3 {
}
.md-w-2by3:locked{
}
@media (max-width: 767px) {
.md-w-2by3 {
}
}

.uppercase {
 text-transform:uppercase;
}
.uppercase:locked{
}
.rounded-full {
 border-radius:999.901rem;
}
.rounded-full:locked{
}
.lg-hidden {
}
.lg-hidden:locked{
}
@media (max-width: 991px) {
.lg-hidden {
}
}

.btn-l:hover{
transform:translateY(-5px);}
.btn-l {
 padding-left:6.4rem;
 padding-right:6.4rem;
 padding-top:1.2rem;
 padding-bottom:1.2rem;
 font-weight:600;
 font-size:1.8rem;
 border-radius:0.8rem;
 transition-duration:0.4s;
 transition-property:all;
}
@media (max-width: 1168px) {
.btn-l {
 padding-top:1rem;
 padding-bottom:1rem;
 padding-left:5.4rem;
 padding-right:5.4rem;
}
}

@media (max-width: 991px) {
.btn-l {
 padding-left:4.4rem;
 padding-right:4.4rem;
}
}

@media (max-width: 767px) {
.btn-l {
 padding-top:1.2rem;
 padding-bottom:1.2rem;
 padding-left:6.4rem;
 padding-right:6.4rem;
}
}

@media (max-width: 479px) {
.btn-l {
 padding-left:5.4rem;
 padding-right:5.4rem;
 padding-top:1rem;
 padding-bottom:1rem;
 width:100%;
}
}

.btn-secondary:hover{
 background-color:var(--secondary-hover-color);
box-shadow: 0 8px 9px rgb(var(--secondary-rgb-vals), 25%);
}
.btn-secondary {
 background-color:var(--secondary-color);
 color:var(--light-color);
 transition-duration:0.4s;
 transition-property:all;
box-shadow: 0 4px 9px rgb(var(--secondary-rgb-vals), 20%);
}
.btn-secondary:not(.ct-section):not(.oxy-easy-posts),
.btn-secondary.oxy-easy-posts .oxy-posts,
.btn-secondary.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.btn-white:hover{
 background-color:var(--primary-alt-color);
}
.btn-white {
 color:var(--dark-color);
 background-color:var(--white-color);
 transition-duration:0.4s;
 transition-property:all;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.btn-white:not(.ct-section):not(.oxy-easy-posts),
.btn-white.oxy-easy-posts .oxy-posts,
.btn-white.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.btn-trans:hover{
 background-color:var(--white-color);
 color:var(--primary-color);
}
.btn-trans {
 color:var(--light-color);
 background-color:rgba(255,255,255,0.15);
 transition-duration:0.4s;
 transition-property:all;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.btn-trans:not(.ct-section):not(.oxy-easy-posts),
.btn-trans.oxy-easy-posts .oxy-posts,
.btn-trans.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.btn-secondary-alt:hover{
 background-color:var(--secondary-alt-hover-color);
}
.btn-secondary-alt {
 background-color:var(--secondary-alt-color);
 color:var(--secondary-hover-color);
 transition-duration:0.4s;
 transition-property:all;
}
.btn-secondary-alt:not(.ct-section):not(.oxy-easy-posts),
.btn-secondary-alt.oxy-easy-posts .oxy-posts,
.btn-secondary-alt.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.icon-3xl-light {
color: var(--light-color);}.icon-3xl-light 
>svg {width: 64px;height: 64px;}.icon-3xl-light {
}
.icon-3xl-light:locked{
}
.icon-2xl-primary {
color: var(--primary-color);}.icon-2xl-primary 
>svg {width: 48px;height: 48px;}.icon-2xl-primary {
}
.icon-2xl-primary:locked{
}
.icon-2xl-light {
color: var(--light-color);}.icon-2xl-light 
>svg {width: 48px;height: 48px;}.icon-2xl-light {
}
.icon-2xl-light:locked{
}
.icon-2xl-dark {
color: var(--dark-color);}.icon-2xl-dark 
>svg {width: 48px;height: 48px;}.icon-2xl-dark {
}
.icon-2xl-dark:locked{
}
.icon-xl-light {
color: var(--light-color);}.icon-xl-light 
>svg {width: 32px;height: 32px;}.icon-xl-light {
}
.icon-xl-light:locked{
}
.icon-xl-dark {
color: var(--dark-color);}.icon-xl-dark 
>svg {width: 32px;height: 32px;}.icon-xl-dark {
}
.icon-xl-dark:locked{
}
.icon-lg-secondary {
color: var(--secondary-color);}.icon-lg-secondary 
>svg {width: 24px;height: 24px;}.icon-lg-secondary {
}
.icon-lg-secondary:locked{
}
.icon-lg-tertiary {
color: var(--tertiary-color);}.icon-lg-tertiary 
>svg {width: 24px;height: 24px;}.icon-lg-tertiary {
}
.icon-lg-tertiary:locked{
}
.icon-lg-dark {
color: var(--dark-color);}.icon-lg-dark 
>svg {width: 24px;height: 24px;}.icon-lg-dark {
}
.icon-lg-dark:locked{
}
.icon-lg-paragraph {
color: var(--paragraph-color);}.icon-lg-paragraph 
>svg {width: 24px;height: 24px;}.icon-lg-paragraph {
}
.icon-lg-paragraph:locked{
}
.icon-md-light {
color: var(--light-color);}.icon-md-light 
>svg {width: 20px;height: 20px;}.icon-md-light {
}
.icon-md-light:locked{
}
.icon-md-dark {
color: var(--dark-color);}.icon-md-dark 
>svg {width: 20px;height: 20px;}.icon-md-dark {
}
.icon-md-dark:locked{
}
.icon-md-paragraph {
color: var(--paragraph-color);}.icon-md-paragraph 
>svg {width: 20px;height: 20px;}.icon-md-paragraph {
}
.icon-md-paragraph:locked{
}
.icon-sm-dark {
color: var(--dark-color);}.icon-sm-dark 
>svg {width: 16px;height: 16px;}.icon-sm-dark {
}
.icon-sm-dark:locked{
}
.icon-sm-paragraph {
color: var(--paragraph-color);}.icon-sm-paragraph 
>svg {width: 16px;height: 16px;}.icon-sm-paragraph {
}
.icon-sm-paragraph:locked{
}
.icon-solid-lg-primary {
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
padding: 16px;color: var(--light-color);}.icon-solid-lg-primary 
>svg {width: 26px;height: 26px;}.icon-solid-lg-primary {
}
.icon-solid-lg-primary:locked{
}
.icon-solid-lg-secondary {
background-color: var(--secondary-color);
border: 1px solid var(--secondary-color);
padding: 16px;color: var(--light-color);}.icon-solid-lg-secondary 
>svg {width: 26px;height: 26px;}.icon-solid-lg-secondary {
}
.icon-solid-lg-secondary:locked{
}
.icon-solid-lg-tertiary {
background-color: var(--tertiary-color);
border: 1px solid var(--tertiary-color);
padding: 16px;color: var(--light-color);}.icon-solid-lg-tertiary 
>svg {width: 26px;height: 26px;}.icon-solid-lg-tertiary {
}
.icon-solid-lg-tertiary:locked{
}
.icon-solid-lg-light {
background-color: var(--placeholder-color);
border: 1px solid var(--placeholder-color);
padding: 16px;color: var(--primary-color);}.icon-solid-lg-light 
>svg {width: 26px;height: 26px;}.icon-solid-lg-light {
}
.icon-solid-lg-light:locked{
}
.icon-solid-md-primary {
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
padding: 14px;color: var(--light-color);}.icon-solid-md-primary 
>svg {width: 22px;height: 22px;}.icon-solid-md-primary {
}
.icon-solid-md-primary:locked{
}
.icon-solid-sm-light {
background-color: var(--placeholder-color);
border: 1px solid var(--placeholder-color);
padding: 10px;color: var(--primary-color);}.icon-solid-sm-light 
>svg {width: 16px;height: 16px;}.icon-solid-sm-light {
}
.icon-solid-sm-light:locked{
}
.card-loose {
 width:100%;
 padding-top:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
 padding-left:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
 padding-right:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
 padding-bottom:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
 border-radius:0.5rem;
}
.card-tight {
 width:100%;
 padding-top:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
 padding-left:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
 padding-right:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
 padding-bottom:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
 border-radius:0.5rem;
}
.card-snug {
 width:100%;
 padding-top:min(max(1.682rem, calc(1.682rem + ((1vw - 0.32rem) * 0.8975))), 2.4rem) ;
 padding-left:min(max(1.682rem, calc(1.682rem + ((1vw - 0.32rem) * 0.8975))), 2.4rem) ;
 padding-right:min(max(1.682rem, calc(1.682rem + ((1vw - 0.32rem) * 0.8975))), 2.4rem) ;
 padding-bottom:min(max(1.682rem, calc(1.682rem + ((1vw - 0.32rem) * 0.8975))), 2.4rem) ;
 border-radius:0.5rem;
}
.card-none {
 width:100%;
 border-radius:0.5rem;
}
.avatar {
 width:6.4rem;
 height:6.4rem;
 border-radius:0.8rem;
 box-shadow:inset 0px 2px 4px 0px rgba(0,0,0,0.11);
}
.avatar:locked{
}
.avatar-sm {
 width:4.8rem;
 height:4.8rem;
 border-radius:0.8rem;
 box-shadow:inset 0px 2px 4px 0px rgba(0,0,0,0.1);
}
.avatar-sm:locked{
}
.avatar-lg {
 width:9.6rem;
 height:9.6rem;
 border-radius:0.8rem;
 box-shadow:inset 0px 2px 4px 0px rgba(0,0,0,0.11);
}
.avatar-lg:locked{
}
.avatar-xl {
 width:12.8rem;
 height:12.8rem;
 border-radius:0.8rem;
 box-shadow:inset 0px 2px 4px 0px rgba(0,0,0,0.11);
}
.avatar-xl:locked{
}
.img-scroller:hover{
 transition-property:background-position;
 transition-duration:5s;
 transition-timing-function:linear;
 transition-delay:0s;
background-position: bottom center!important;
}
.img-scroller {
 transition-property:background-position;
 transition-duration:1.5s;
 transition-timing-function:ease-out;
 transition-delay:0.5s;
 width:100%;
 height:100%;
 background-repeat:no-repeat;
margin-left: auto!important; margin-right: auto!important; background-position: top center; background-size: 100% auto!important;
}
.bg-tertiary {
 background-color:var(--tertiary-color);
}
.bg-tertiary:locked{
}
.bg-white {
 background-color:var(--white-color);
}
.bg-white:locked{
}
.bg-placeholder-alt {
 background-color:var(--placeholder-alt-color);
}
.bg-placeholder-alt:locked{
}
.border-color-alt {
 border-top-color:var(--border-alt-color);
 border-right-color:var(--border-alt-color);
 border-bottom-color:var(--border-alt-color);
 border-left-color:var(--border-alt-color);
}
.border-color-alt:locked{
}
.border-color-primary {
 border-top-color:var(--primary-color);
 border-right-color:var(--primary-color);
 border-bottom-color:var(--primary-color);
 border-left-color:var(--primary-color);
}
.border-color-primary:locked{
}
.border-color-secondary {
 border-top-color:var(--secondary-color);
 border-right-color:var(--secondary-color);
 border-bottom-color:var(--secondary-color);
 border-left-color:var(--secondary-color);
}
.border-color-secondary:locked{
}
.border-color-tertiary {
 border-top-color:var(--tertiary-color);
 border-right-color:var(--tertiary-color);
 border-bottom-color:var(--tertiary-color);
 border-left-color:var(--tertiary-color);
}
.border-color-tertiary:locked{
}
.space-y-0 {
}
.space-y-0:locked{
}
.space-y-1 {
}
.space-y-1:locked{
}
.space-y-2 {
}
.space-y-2:locked{
}
.space-y-3 {
}
.space-y-3:locked{
}
.space-y-4 {
}
.space-y-4:locked{
}
.space-y-6 {
}
.space-y-6:locked{
}
.space-y-8 {
}
.space-y-8:locked{
}
.space-y-10 {
}
.space-y-10:locked{
}
.space-y-12 {
}
.space-y-12:locked{
}
.space-y-14 {
}
.space-y-14:locked{
}
.space-y-16 {
}
.space-y-16:locked{
}
.space-y-20 {
}
.space-y-20:locked{
}
.rounded-md {
 border-radius:0.6rem;
}
.rounded-md:locked{
}
.rounded-xl {
 border-radius:1.6rem;
}
.rounded-xl:locked{
}
.rounded-r-sm {
 border-top-right-radius:0.2rem;
 border-bottom-right-radius:0.2rem;
}
.rounded-r-sm:locked{
}
.rounded-l-sm {
 border-top-left-radius:0.2rem;
 border-bottom-left-radius:0.2rem;
}
.rounded-l-sm:locked{
}
.rounded-b-sm {
 border-bottom-right-radius:0.2rem;
 border-bottom-left-radius:0.2rem;
}
.rounded-b-sm:locked{
}
.rounded-t-sm {
 border-top-right-radius:0.2rem;
 border-top-left-radius:0.2rem;
}
.rounded-t-sm:locked{
}
.rounded-r {
 border-top-right-radius:0.4rem;
 border-bottom-right-radius:0.4rem;
}
.rounded-r:locked{
}
.rounded-l {
 border-top-left-radius:0.4rem;
 border-bottom-left-radius:0.4rem;
}
.rounded-l:locked{
}
.rounded-b {
 border-bottom-right-radius:0.4rem;
 border-bottom-left-radius:0.4rem;
}
.rounded-b:locked{
}
.rounded-t {
 border-top-left-radius:0.4rem;
 border-top-right-radius:0.4rem;
}
.rounded-t:locked{
}
.rounded-r-md {
 border-top-right-radius:0.6rem;
 border-bottom-right-radius:0.6rem;
}
.rounded-r-md:locked{
}
.rounded-l-md {
 border-top-left-radius:0.6rem;
 border-bottom-left-radius:0.6rem;
}
.rounded-l-md:locked{
}
.rounded-b-md {
 border-bottom-right-radius:0.6rem;
 border-bottom-left-radius:0.6rem;
}
.rounded-b-md:locked{
}
.rounded-t-md {
 border-top-right-radius:0.6rem;
 border-top-left-radius:0.6rem;
}
.rounded-t-md:locked{
}
.rounded-r-lg {
 border-top-right-radius:0.8rem;
 border-bottom-right-radius:0.8rem;
}
.rounded-r-lg:locked{
}
.rounded-l-lg {
 border-top-left-radius:0.8rem;
 border-bottom-left-radius:0.8rem;
}
.rounded-l-lg:locked{
}
.border-none {
 border-top-width:0px;
 border-left-width:0px;
 border-right-width:0px;
 border-bottom-width:0px;
 border-left-style:solid;
 border-top-style:solid;
 border-bottom-style:solid;
 border-right-style:solid;
}
.border-none:locked{
}
.border-2 {
 border-top-width:2px;
 border-right-width:2px;
 border-left-width:2px;
 border-bottom-width:2px;
 border-left-style:solid;
 border-top-style:solid;
 border-bottom-style:solid;
 border-right-style:solid;
}
.border-2:locked{
}
.border-t {
 border-top-width:1px;
 border-top-style:solid;
}
.border-t:locked{
}
.border-r {
 border-right-width:1px;
 border-right-style:solid;
}
.border-r:locked{
}
.border-b {
 border-bottom-width:1px;
 border-bottom-style:solid;
}
.border-b:locked{
}
.border-l {
 border-left-width:1px;
 border-left-style:solid;
}
.border-l:locked{
}
.cursor-pointer {
cursor: pointer;
}
.cursor-pointer:locked{
}
.inline-grid {
}
.inline-grid:locked{
}
.gap-px {
}
.gap-px:locked{
}
.gap-2 {
}
.gap-2:locked{
}
.gap-6 {
}
.gap-6:locked{
}
.gap-20 {
}
.gap-20:locked{
}
.gap-24 {
}
.gap-24:locked{
}
.row-gap-0 {
}
.row-gap-0:locked{
}
.row-gap-2 {
}
.row-gap-2:locked{
}
.grid-flow-row {
}
.grid-flow-row:locked{
}
.grid-flow-col {
}
.grid-flow-col:locked{
}
.grid-flow-row-dense {
}
.grid-flow-row-dense:locked{
}
.grid-flow-col-dense {
}
.grid-flow-col-dense:locked{
}
.col-end-1 {
}
.col-end-1:locked{
}
.col-end-2 {
}
.col-end-2:locked{
}
.col-end-3 {
}
.col-end-3:locked{
}
.col-end-4 {
}
.col-end-4:locked{
}
.col-end-5 {
}
.col-end-5:locked{
}
.col-end-6 {
}
.col-end-6:locked{
}
.col-end-7 {
}
.col-end-7:locked{
}
.col-end-auto {
}
.col-end-auto:locked{
}
.col-start-1 {
}
.col-start-1:locked{
}
.col-start-2 {
}
.col-start-2:locked{
}
.col-start-3 {
}
.col-start-3:locked{
}
.col-start-4 {
}
.col-start-4:locked{
}
.col-start-5 {
}
.col-start-5:locked{
}
.col-start-6 {
}
.col-start-6:locked{
}
.col-start-7 {
}
.col-start-7:locked{
}
.col-start-auto {
}
.col-start-auto:locked{
}
.col-auto {
}
.col-auto:locked{
}
.col-span-1 {
}
.col-span-1:locked{
}
.col-span-5 {
}
.col-span-5:locked{
}
.col-span-6 {
}
.col-span-6:locked{
}
.row-auto {
}
.row-auto:locked{
}
.row-span-1 {
}
.row-span-1:locked{
}
.row-span-2 {
}
.row-span-2:locked{
}
.row-span-3 {
}
.row-span-3:locked{
}
.row-start-1 {
}
.row-start-1:locked{
}
.row-start-2 {
}
.row-start-2:locked{
}
.row-start-3 {
}
.row-start-3:locked{
}
.row-start-4 {
}
.row-start-4:locked{
}
.row-start-auto {
}
.row-start-auto:locked{
}
.row-end-1 {
}
.row-end-1:locked{
}
.row-end-2 {
}
.row-end-2:locked{
}
.row-end-3 {
}
.row-end-3:locked{
}
.row-end-4 {
}
.row-end-4:locked{
}
.row-end-auto {
}
.row-end-auto:locked{
}
.grid-rows-1 {
}
.grid-rows-1:locked{
}
.grid-rows-2 {
}
.grid-rows-2:locked{
}
.grid-rows-3 {
}
.grid-rows-3:locked{
}
.grid-rows-none {
}
.grid-rows-none:locked{
}
.grid-60-40 {
}
.grid-60-40:locked{
}
.grid-40-60 {
}
.grid-40-60:locked{
}
.grid-33-66 {
}
.grid-33-66:locked{
}
.grid-66-33 {
}
.grid-66-33:locked{
}
.grid-75-25 {
}
.grid-75-25:locked{
}
.grid-25-75 {
}
.grid-25-75:locked{
}
.grid-cols-none {
}
.grid-cols-none:locked{
}
.font-normal {
 font-weight:400;
}
.font-normal:locked{
}
.h-auto {
 height:auto;
}
.h-auto:locked{
}
.h-screen {
 height:100vh;
}
.h-screen:locked{
}
.text-xs {
 font-size:1.2rem;
 line-height:1.6;
}
.text-base {
 font-size:1.6rem;
 line-height:1.6;
}
.text-lg {
 font-size:min(max(1.7rem, calc(1.7rem + ((1vw - 0.32rem) * 0.125))), 1.8rem) ;
 line-height:min(max(2.55rem, calc(2.55rem + ((1vw - 0.32rem) * 0.1875))), 2.7rem);
}
.text-2xl {
 font-size:min(max(2.04rem, calc(2.04rem + ((1vw - 0.32rem) * 0.45))), 2.4rem) ;
 line-height:min(max(2.4rem, calc(2.4rem + ((1vw - 0.32rem) * 1))), 3.2rem);
}
.text-3xl {
 font-size:min(max(2.4rem, calc(2.4rem + ((1vw - 0.32rem) * 0.75))), 3rem) ;
 line-height:min(max(3.2rem, calc(3.2rem + ((1vw - 0.32rem) * 0.5))), 3.6rem);
}
.text-4xl {
 font-size:min(max(2.7rem, calc(2.7rem + ((1vw - 0.32rem) * 1.125))), 3.6rem) ;
 line-height:min(max(3.51rem, calc(3.51rem + ((1vw - 0.32rem) * 0.6125))), 4rem);
}
.text-5xl {
 font-size:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
 line-height:min(max(3.8rem, calc(3.8rem + ((1vw - 0.32rem) * 1.25))), 4.8rem);
}
.text-6xl {
 font-size:min(max(3.9rem, calc(3.9rem + ((1vw - 0.32rem) * 2.625))), 6rem) ;
 line-height:1;
}
.text-7xl {
 font-size:min(max(4.32rem, calc(4.32rem + ((1vw - 0.32rem) * 3.6))), 7.2rem) ;
 line-height:1;
}
.text-8xl {
 font-size:min(max(5.28rem, calc(5.28rem + ((1vw - 0.32rem) * 5.4))), 9.6rem) ;
 line-height:1;
}
.text-9xl {
 font-size:min(max(6.4rem, calc(6.4rem + ((1vw - 0.32rem) * 8))), 12.8rem) ;
 line-height:1;
}
.ml-auto {
 margin-left:auto;
}
.ml-auto:locked{
}
.mr-auto {
 margin-right:auto;
}
.mr-auto:locked{
}
.mb-auto {
 margin-bottom:auto;
}
.mb-auto:locked{
}
.mt-auto {
 margin-top:auto;
}
.mt-auto:locked{
}
.mr-0 {
 margin-right:0px;
}
.mr-0:locked{
}
.mb-0 {
 margin-bottom:0px;
}
.mb-0:locked{
}
.mr-1 {
 margin-right:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ;
}
.mb-1 {
 margin-bottom:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ;
}
.mb-5 {
 margin-bottom:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ;
}
.mr-6 {
 margin-right:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ;
}
.mr-16 {
 margin-right:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
}
.mr-20 {
 margin-right:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ;
}
.mr-24 {
 margin-right:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ;
}
.mb-24 {
 margin-bottom:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ;
}
.object-contain {
object-fit: contain;
}
.object-contain:locked{
}
.object-bottom {
object-position: bottom;
}
.object-bottom:locked{
}
.object-left {
object-position: left;
}
.object-left:locked{
}
.object-right {
object-position: right;
}
.object-right:locked{
}
.object-top {
object-position: top;
}
.object-top:locked{
}
.opacity-0 {
 opacity:0;
}
.opacity-0:locked{
}
.opacity-25 {
 opacity:0.25;
}
.opacity-25:locked{
}
.opacity-50 {
 opacity:0.5;
}
.opacity-50:locked{
}
.opacity-75 {
 opacity:0.75;
}
.opacity-75:locked{
}
.opacity-100 {
 opacity:1;
}
.opacity-100:locked{
}
.hover-opacity-0:hover{
 opacity:0;
}
.hover-opacity-0 {
}
.hover-opacity-0:locked{
}
.hover-opacity-25:hover{
 opacity:0.25;
}
.hover-opacity-25 {
}
.hover-opacity-25:locked{
}
.hover-opacity-50:hover{
 opacity:0.5;
}
.hover-opacity-50 {
}
.hover-opacity-50:locked{
}
.hover-opacity-75:hover{
 opacity:0.75;
}
.hover-opacity-75 {
}
.hover-opacity-75:locked{
}
.hover-opacity-100:hover{
 opacity:1;
}
.hover-opacity-100 {
}
.hover-opacity-100:locked{
}
.font-headings {
 font-family:Roboto;
}
.font-headings:locked{
}
.font-text {
 font-family:Poppins;
}
.font-text:locked{
}
.p-1 {
 padding-top:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ;
 padding-left:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ;
 padding-right:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ;
 padding-bottom:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ;
}
.p-3 {
 padding-top:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ;
 padding-left:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ;
 padding-right:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ;
 padding-bottom:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ;
}
.p-5 {
 padding-top:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ;
 padding-left:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ;
 padding-right:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ;
 padding-bottom:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ;
}
.p-6 {
 padding-top:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ;
 padding-left:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ;
 padding-right:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ;
 padding-bottom:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ;
}
.p-8 {
 padding-top:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
 padding-left:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
 padding-right:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
 padding-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
}
.p-12 {
 padding-top:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
 padding-left:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
 padding-right:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
 padding-bottom:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
}
.p-12 .ct-section-inner-wrap {
padding-bottom: 0;
}
.p-16 {
 padding-top:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
 padding-left:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
 padding-right:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
 padding-bottom:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
}
.p-20 {
 padding-top:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ;
 padding-left:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ;
 padding-right:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ;
 padding-bottom:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ;
}
.p-24 {
 padding-top:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ;
 padding-left:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ;
 padding-right:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ;
 padding-bottom:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ;
}
.py-1 {
 padding-bottom:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ;
 padding-top:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ;
}
.px-1 {
 padding-left:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ;
 padding-right:min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem) ;
}
.py-2 {
 padding-top:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ;
 padding-bottom:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ;
}
.px-2 {
 padding-left:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ;
 padding-right:min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem) ;
}
.py-3 {
 padding-top:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ;
 padding-bottom:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ;
}
.px-3 {
 padding-left:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ;
 padding-right:min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem) ;
}
.px-4 {
 padding-left:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
 padding-right:min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem) ;
}
.py-5 {
 padding-top:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ;
 padding-bottom:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ;
}
.px-5 {
 padding-left:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ;
 padding-right:min(max(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.75))), 2rem) ;
}
.px-6 {
 padding-left:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ;
 padding-right:min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem) ;
}
.py-8 {
 padding-top:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
 padding-bottom:min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem) ;
}
.py-8 .ct-section-inner-wrap {
padding-bottom: min(max(8rem, calc(8rem + ((1vw - 0.32rem) * 5))), 12rem) ;
}
@media (max-width: 767px) {
.py-8 {
}
.py-8:not(.ct-section):not(.oxy-easy-posts),
.py-8.oxy-easy-posts .oxy-posts,
.py-8.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.py-12 {
 padding-top:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
 padding-bottom:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
}
.px-12 {
 padding-left:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
 padding-right:min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem) ;
}
.py-16 {
 padding-top:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
 padding-bottom:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
}
.px-16 {
 padding-left:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
 padding-right:min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem) ;
}
.px-16 .ct-section-inner-wrap {
padding-top: 0;
}
.py-20 {
 padding-top:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ;
 padding-bottom:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ;
}
.px-20 {
 padding-left:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ;
 padding-right:min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem) ;
}
.py-24 {
 padding-top:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ;
 padding-bottom:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ;
}
.px-24 {
 padding-left:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ;
 padding-right:min(max(6.72rem, calc(6.72rem + ((1vw - 0.32rem) * 3.6))), 9.6rem) ;
}
.underline {
 text-decoration:underline;
}
.underline:locked{
}
.hover-underline:hover{
 text-decoration:underline;
}
.hover-underline {
}
.hover-underline:locked{
}
.lowercase {
 text-transform:lowercase;
}
.lowercase:locked{
}
.text-right {
 text-align:right;
}
.text-right:locked{
}
.shadow-inner {
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
.shadow-inner:locked{
}
.shadow-none {
box-shadow: 0 0 #0000;
}
.shadow-none:locked{
}
.shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.shadow-lg {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.shadow-xl {
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.shadow-2xl {
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.items-stretch {
}
.items-stretch:not(.ct-section):not(.oxy-easy-posts),
.items-stretch.oxy-easy-posts .oxy-posts,
.items-stretch.ct-section .ct-section-inner-wrap{
align-items:stretch;
}
.items-stretch:locked{
}
.content-center {
}
.content-center:not(.ct-section):not(.oxy-easy-posts),
.content-center.oxy-easy-posts .oxy-posts,
.content-center.ct-section .ct-section-inner-wrap{
align-content:center;
}
.content-center:locked{
}
.content-between {
}
.content-between:not(.ct-section):not(.oxy-easy-posts),
.content-between.oxy-easy-posts .oxy-posts,
.content-between.ct-section .ct-section-inner-wrap{
display:flex;
align-content:space-between;
justify-content:space-between;
}
.content-between:locked{
}
.hidden {
}
.hidden:not(.ct-section):not(.oxy-easy-posts),
.hidden.oxy-easy-posts .oxy-posts,
.hidden.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
}
.hidden:locked{
}
.overflow-y-scroll {
overflow-y: scroll;
}
.overflow-y-scroll:locked{
}
.tracking-wide {
 letter-spacing:0.05rem;
}
.tracking-wider {
 letter-spacing:0.1rem;
}
.overflow-hidden {
 overflow:hidden;
}
.inline-block {
display: inline-block;
}
.inline-block:not(.ct-section):not(.oxy-easy-posts),
.inline-block.oxy-easy-posts .oxy-posts,
.inline-block.ct-section .ct-section-inner-wrap{
display:inline-block;
flex-direction:unset;
}
.inline-block:locked{
}
.color-secondary {
 color:var(--secondary-color);
}
.color-secondary:locked{
}
.color-tertiary {
 color:var(--tertiary-color);
}
.color-tertiary:locked{
}
.color-black {
 color:var(--black-color);
}
.color-black:locked{
}
.flex {
}
.flex:not(.ct-section):not(.oxy-easy-posts),
.flex.oxy-easy-posts .oxy-posts,
.flex.ct-section .ct-section-inner-wrap{
display:flex;
}
.flex:locked{
}
.order-1 {
-webkit-order: 1; order: 1;
}
.order-1:locked{
}
.order-2 {
-webkit-order: 2; order: 2;
}
.order-2:locked{
}
.order-3 {
-webkit-order: 3; order: 3;
}
.order-3:locked{
}
.order-4 {
-webkit-order: 4; order: 4;
}
.order-4:locked{
}
.order-5 {
-webkit-order: 5; order: 5;
}
.order-5:locked{
}
.order-6 {
-webkit-order: 6; order: 6;
}
.order-6:locked{
}
.order-first {
-webkit-order: -9999; order: -9999;
}
.order-first:locked{
}
.order-last {
-webkit-order: 9999; order: 9999;
}
.order-last:locked{
}
.order-none {
-webkit-order: 0; order: 0;
}
.order-none:locked{
}
.w-auto {
 width:auto;
}
.w-auto:locked{
}
.w-1by2 {
 width:50%;
}
.w-1by2:locked{
}
.w-1by4 {
 width:25%;
}
.w-1by4:locked{
}
.w-2by4 {
 width:50%;
}
.w-2by4:locked{
}
.w-1by6 {
 width:16.666667%;
}
.w-1by6:locked{
}
.w-2by6 {
 width:33.333333%;
}
.w-2by6:locked{
}
.w-3by6 {
 width:50%;
}
.w-3by6:locked{
}
.w-1by5 {
 width:20%;
}
.w-1by5:locked{
}
.w-screen {
 width:100vw;
}
.w-screen:locked{
}
.xl-grid-cols-1 {
}
.xl-grid-cols-1:locked{
}
@media (max-width: 1168px) {
.xl-grid-cols-1 {
}
}

.xl-grid-cols-2 {
}
.xl-grid-cols-2:locked{
}
@media (max-width: 1168px) {
.xl-grid-cols-2 {
}
}

.xl-grid-cols-3 {
}
.xl-grid-cols-3:locked{
}
@media (max-width: 1168px) {
.xl-grid-cols-3 {
}
}

.xl-grid-cols-4 {
}
.xl-grid-cols-4:locked{
}
@media (max-width: 1168px) {
.xl-grid-cols-4 {
}
}

.xl-grid-cols-5 {
}
.xl-grid-cols-5:locked{
}
@media (max-width: 1168px) {
.xl-grid-cols-5 {
}
}

.xl-grid-cols-none {
}
.xl-grid-cols-none:locked{
}
@media (max-width: 1168px) {
.xl-grid-cols-none {
}
}

.xl-col-end-1 {
}
.xl-col-end-1:locked{
}
@media (max-width: 1168px) {
.xl-col-end-1 {
}
}

.xl-col-end-2 {
}
.xl-col-end-2:locked{
}
@media (max-width: 1168px) {
.xl-col-end-2 {
}
}

.xl-col-end-3 {
}
.xl-col-end-3:locked{
}
@media (max-width: 1168px) {
.xl-col-end-3 {
}
}

.xl-col-end-4 {
}
.xl-col-end-4:locked{
}
@media (max-width: 1168px) {
.xl-col-end-4 {
}
}

.xl-col-end-5 {
}
.xl-col-end-5:locked{
}
@media (max-width: 1168px) {
.xl-col-end-5 {
}
}

.xl-col-end-6 {
}
.xl-col-end-6:locked{
}
@media (max-width: 1168px) {
.xl-col-end-6 {
}
}

.xl-col-end-auto {
}
.xl-col-end-auto:locked{
}
@media (max-width: 1168px) {
.xl-col-end-auto {
}
}

.xl-col-start-1 {
}
.xl-col-start-1:locked{
}
@media (max-width: 1168px) {
.xl-col-start-1 {
}
}

.xl-col-start-2 {
}
.xl-col-start-2:locked{
}
@media (max-width: 1168px) {
.xl-col-start-2 {
}
}

.xl-col-start-3 {
}
.xl-col-start-3:locked{
}
@media (max-width: 1168px) {
.xl-col-start-3 {
}
}

.xl-col-start-4 {
}
.xl-col-start-4:locked{
}
@media (max-width: 1168px) {
.xl-col-start-4 {
}
}

.xl-col-start-5 {
}
.xl-col-start-5:locked{
}
@media (max-width: 1168px) {
.xl-col-start-5 {
}
}

.xl-col-start-6 {
}
.xl-col-start-6:locked{
}
@media (max-width: 1168px) {
.xl-col-start-6 {
}
}

.xl-col-start-auto {
}
.xl-col-start-auto:locked{
}
@media (max-width: 1168px) {
.xl-col-start-auto {
}
}

.xl-col-auto {
}
.xl-col-auto:locked{
}
@media (max-width: 1168px) {
.xl-col-auto {
}
}

.xl-col-span-1 {
}
.xl-col-span-1:locked{
}
@media (max-width: 1168px) {
.xl-col-span-1 {
}
}

.xl-col-span-2 {
}
.xl-col-span-2:locked{
}
@media (max-width: 1168px) {
.xl-col-span-2 {
}
}

.xl-col-span-3 {
}
.xl-col-span-3:locked{
}
@media (max-width: 1168px) {
.xl-col-span-3 {
}
}

.xl-col-span-4 {
}
.xl-col-span-4:locked{
}
@media (max-width: 1168px) {
.xl-col-span-4 {
}
}

.xl-col-span-5 {
}
.xl-col-span-5:locked{
}
@media (max-width: 1168px) {
.xl-col-span-5 {
}
}

.xl-gap-2 {
}
.xl-gap-2:locked{
}
@media (max-width: 1168px) {
.xl-gap-2 {
}
}

.xl-gap-4 {
}
.xl-gap-4:locked{
}
@media (max-width: 1168px) {
.xl-gap-4 {
}
}

.xl-gap-6 {
}
.xl-gap-6:locked{
}
@media (max-width: 1168px) {
.xl-gap-6 {
}
}

.xl-gap-8 {
}
.xl-gap-8:locked{
}
@media (max-width: 1168px) {
.xl-gap-8 {
}
}

.xl-gap-12 {
}
.xl-gap-12:locked{
}
@media (max-width: 1168px) {
.xl-gap-12 {
}
}

.xl-gap-16 {
}
.xl-gap-16:locked{
}
@media (max-width: 1168px) {
.xl-gap-16 {
}
}

.xl-flex {
}
.xl-flex:locked{
}
@media (max-width: 1168px) {
.xl-flex {
}
}

.xl-h-full {
}
.xl-h-full:locked{
}
@media (max-width: 1168px) {
.xl-h-full {
}
}

.xl-h-screen {
}
.xl-h-screen:locked{
}
@media (max-width: 1168px) {
.xl-h-screen {
}
}

.xl-mx-auto {
}
.xl-mx-auto:locked{
}
@media (max-width: 1168px) {
.xl-mx-auto {
}
}

.xl-centered {
}
.xl-centered:locked{
}
@media (max-width: 1168px) {
.xl-centered {
}
}

.xl-horizontal {
}
.xl-horizontal:locked{
}
@media (max-width: 1168px) {
.xl-horizontal {
}
}

.xl-horizontal-wrap {
}
.xl-horizontal-wrap:locked{
}
@media (max-width: 1168px) {
.xl-horizontal-wrap {
}
}

.xl-vertical {
}
.xl-vertical:locked{
}
@media (max-width: 1168px) {
.xl-vertical {
}
}

.xl-hidden {
}
.xl-hidden:locked{
}
@media (max-width: 1168px) {
.xl-hidden {
}
}

.xl-w-1by2 {
}
.xl-w-1by2:locked{
}
@media (max-width: 1168px) {
.xl-w-1by2 {
}
}

.xl-w-1by3 {
}
.xl-w-1by3:locked{
}
@media (max-width: 1168px) {
.xl-w-1by3 {
}
}

.xl-w-2by3 {
}
.xl-w-2by3:locked{
}
@media (max-width: 1168px) {
.xl-w-2by3 {
}
}

.xl-w-1by4 {
}
.xl-w-1by4:locked{
}
@media (max-width: 1168px) {
.xl-w-1by4 {
}
}

.xl-w-2by4 {
}
.xl-w-2by4:locked{
}
@media (max-width: 1168px) {
.xl-w-2by4 {
}
}

.xl-w-3by4 {
}
.xl-w-3by4:locked{
}
@media (max-width: 1168px) {
.xl-w-3by4 {
}
}

.xl-w-full {
}
.xl-w-full:locked{
}
@media (max-width: 1168px) {
.xl-w-full {
}
}

.lg-col-end-1 {
}
.lg-col-end-1:locked{
}
@media (max-width: 991px) {
.lg-col-end-1 {
}
}

.lg-col-end-2 {
}
.lg-col-end-2:locked{
}
@media (max-width: 991px) {
.lg-col-end-2 {
}
}

.lg-col-end-3 {
}
.lg-col-end-3:locked{
}
@media (max-width: 991px) {
.lg-col-end-3 {
}
}

.lg-col-end-4 {
}
.lg-col-end-4:locked{
}
@media (max-width: 991px) {
.lg-col-end-4 {
}
}

.lg-col-end-5 {
}
.lg-col-end-5:locked{
}
@media (max-width: 991px) {
.lg-col-end-5 {
}
}

.lg-col-end-auto {
}
.lg-col-end-auto:locked{
}
@media (max-width: 991px) {
.lg-col-end-auto {
}
}

.lg-col-start-1 {
}
.lg-col-start-1:locked{
}
@media (max-width: 991px) {
.lg-col-start-1 {
}
}

.lg-col-start-2 {
}
.lg-col-start-2:locked{
}
@media (max-width: 991px) {
.lg-col-start-2 {
}
}

.lg-col-start-3 {
}
.lg-col-start-3:locked{
}
@media (max-width: 991px) {
.lg-col-start-3 {
}
}

.lg-col-start-4 {
}
.lg-col-start-4:locked{
}
@media (max-width: 991px) {
.lg-col-start-4 {
}
}

.lg-col-start-5 {
}
.lg-col-start-5:locked{
}
@media (max-width: 991px) {
.lg-col-start-5 {
}
}

.lg-col-start-auto {
}
.lg-col-start-auto:locked{
}
@media (max-width: 991px) {
.lg-col-start-auto {
}
}

.lg-col-auto {
}
.lg-col-auto:locked{
}
@media (max-width: 991px) {
.lg-col-auto {
grid-column: auto;
}
}

.lg-col-span-2 {
}
.lg-col-span-2:locked{
}
@media (max-width: 991px) {
.lg-col-span-2 {
}
}

.lg-col-span-4 {
}
.lg-col-span-4:locked{
}
@media (max-width: 991px) {
.lg-col-span-4 {
}
}

.lg-grid-cols-1 {
}
.lg-grid-cols-1:locked{
}
@media (max-width: 991px) {
.lg-grid-cols-1 {
}
}

.lg-grid-cols-4 {
}
.lg-grid-cols-4:locked{
}
@media (max-width: 991px) {
.lg-grid-cols-4 {
}
}

.lg-grid-cols-none {
}
.lg-grid-cols-none:locked{
}
@media (max-width: 991px) {
.lg-grid-cols-none {
}
}

.lg-row-start-1 {
}
.lg-row-start-1:locked{
}
@media (max-width: 991px) {
.lg-row-start-1 {
}
}

.lg-gap-2 {
}
.lg-gap-2:locked{
}
@media (max-width: 991px) {
.lg-gap-2 {
}
}

.lg-gap-4 {
}
.lg-gap-4:locked{
}
@media (max-width: 991px) {
.lg-gap-4 {
}
}

.lg-gap-6 {
}
.lg-gap-6:locked{
}
@media (max-width: 991px) {
.lg-gap-6 {
}
}

.lg-gap-8 {
}
.lg-gap-8:locked{
}
@media (max-width: 991px) {
.lg-gap-8 {
}
}

.lg-gap-12 {
}
.lg-gap-12:locked{
}
@media (max-width: 991px) {
.lg-gap-12 {
}
}

.lg-flex {
}
.lg-flex:locked{
}
@media (max-width: 991px) {
.lg-flex {
}
}

.lg-order-1 {
}
.lg-order-1:locked{
}
@media (max-width: 991px) {
.lg-order-1 {
}
}

.lg-order-2 {
}
.lg-order-2:locked{
}
@media (max-width: 991px) {
.lg-order-2 {
}
}

.lg-order-3 {
}
.lg-order-3:locked{
}
@media (max-width: 991px) {
.lg-order-3 {
}
}

.lg-order-4 {
}
.lg-order-4:locked{
}
@media (max-width: 991px) {
.lg-order-4 {
}
}

.lg-order-5 {
}
.lg-order-5:locked{
}
@media (max-width: 991px) {
.lg-order-5 {
}
}

.lg-order-6 {
}
.lg-order-6:locked{
}
@media (max-width: 991px) {
.lg-order-6 {
}
}

.lg-order-first {
}
.lg-order-first:locked{
}
@media (max-width: 991px) {
.lg-order-first {
}
}

.lg-order-last {
}
.lg-order-last:locked{
}
@media (max-width: 991px) {
.lg-order-last {
}
}

.lg-order-none {
}
.lg-order-none:locked{
}
@media (max-width: 991px) {
.lg-order-none {
}
}

.lg-h-full {
}
.lg-h-full:locked{
}
@media (max-width: 991px) {
.lg-h-full {
}
}

.lg-h-screen {
}
.lg-h-screen:locked{
}
@media (max-width: 991px) {
.lg-h-screen {
}
}

.lg-mr-0 {
}
.lg-mr-0:locked{
}
@media (max-width: 991px) {
.lg-mr-0 {
}
}

.lg-mx-auto {
}
.lg-mx-auto:locked{
}
@media (max-width: 991px) {
.lg-mx-auto {
}
}

.lg-centered {
}
.lg-centered:locked{
}
@media (max-width: 991px) {
.lg-centered {
}
}

.lg-horizontal {
}
.lg-horizontal:locked{
}
@media (max-width: 991px) {
.lg-horizontal {
}
}

.lg-horizontal-wrap {
}
.lg-horizontal-wrap:locked{
}
@media (max-width: 991px) {
.lg-horizontal-wrap {
}
}

.lg-vertical {
}
.lg-vertical:locked{
}
@media (max-width: 991px) {
.lg-vertical {
}
}

.lg-w-1by2 {
}
.lg-w-1by2:locked{
}
@media (max-width: 991px) {
.lg-w-1by2 {
}
}

.lg-w-1by3 {
}
.lg-w-1by3:locked{
}
@media (max-width: 991px) {
.lg-w-1by3 {
}
}

.lg-w-2by3 {
}
.lg-w-2by3:locked{
}
@media (max-width: 991px) {
.lg-w-2by3 {
}
}

.lg-w-1by4 {
}
.lg-w-1by4:locked{
}
@media (max-width: 991px) {
.lg-w-1by4 {
}
}

.lg-w-2by4 {
}
.lg-w-2by4:locked{
}
@media (max-width: 991px) {
.lg-w-2by4 {
}
}

.md-rounded-sm {
}
.md-rounded-sm:locked{
}
@media (max-width: 767px) {
.md-rounded-sm {
}
}

.md-rounded {
}
.md-rounded:locked{
}
@media (max-width: 767px) {
.md-rounded {
}
}

.md-rounded-md {
}
.md-rounded-md:locked{
}
@media (max-width: 767px) {
.md-rounded-md {
}
}

.md-col-end-1 {
}
.md-col-end-1:locked{
}
@media (max-width: 767px) {
.md-col-end-1 {
}
}

.md-col-end-2 {
}
.md-col-end-2:locked{
}
@media (max-width: 767px) {
.md-col-end-2 {
}
}

.md-col-end-3 {
}
.md-col-end-3:locked{
}
@media (max-width: 767px) {
.md-col-end-3 {
}
}

.md-col-end-4 {
}
.md-col-end-4:locked{
}
@media (max-width: 767px) {
.md-col-end-4 {
}
}

.md-col-end-5 {
}
.md-col-end-5:locked{
}
@media (max-width: 767px) {
.md-col-end-5 {
}
}

.md-col-end-auto {
}
.md-col-end-auto:locked{
}
@media (max-width: 767px) {
.md-col-end-auto {
}
}

.md-col-start-1 {
}
.md-col-start-1:locked{
}
@media (max-width: 767px) {
.md-col-start-1 {
}
}

.md-col-start-2 {
}
.md-col-start-2:locked{
}
@media (max-width: 767px) {
.md-col-start-2 {
}
}

.md-col-start-3 {
}
.md-col-start-3:locked{
}
@media (max-width: 767px) {
.md-col-start-3 {
}
}

.md-col-start-4 {
}
.md-col-start-4:locked{
}
@media (max-width: 767px) {
.md-col-start-4 {
}
}

.md-col-start-5 {
}
.md-col-start-5:locked{
}
@media (max-width: 767px) {
.md-col-start-5 {
}
}

.md-col-start-auto {
}
.md-col-start-auto:locked{
}
@media (max-width: 767px) {
.md-col-start-auto {
}
}

.md-col-auto {
}
.md-col-auto:locked{
}
@media (max-width: 767px) {
.md-col-auto {
}
}

.md-col-span-3 {
}
.md-col-span-3:locked{
}
@media (max-width: 767px) {
.md-col-span-3 {
}
}

.md-col-span-4 {
}
.md-col-span-4:locked{
}
@media (max-width: 767px) {
.md-col-span-4 {
}
}

.md-grid-cols-4 {
}
.md-grid-cols-4:locked{
}
@media (max-width: 767px) {
.md-grid-cols-4 {
}
}

.md-grid-cols-none {
}
.md-grid-cols-none:locked{
}
@media (max-width: 767px) {
.md-grid-cols-none {
}
}

.md-gap-2 {
}
.md-gap-2:locked{
}
@media (max-width: 767px) {
.md-gap-2 {
}
}

.md-gap-4 {
}
.md-gap-4:locked{
}
@media (max-width: 767px) {
.md-gap-4 {
}
}

.md-gap-6 {
}
.md-gap-6:locked{
}
@media (max-width: 767px) {
.md-gap-6 {
}
}

.md-gap-8 {
}
.md-gap-8:locked{
}
@media (max-width: 767px) {
.md-gap-8 {
}
}

.md-flex {
}
.md-flex:locked{
}
@media (max-width: 767px) {
.md-flex {
}
}

.md-order-1 {
}
.md-order-1:locked{
}
@media (max-width: 767px) {
.md-order-1 {
}
}

.md-order-2 {
}
.md-order-2:locked{
}
@media (max-width: 767px) {
.md-order-2 {
}
}

.md-order-3 {
}
.md-order-3:locked{
}
@media (max-width: 767px) {
.md-order-3 {
}
}

.md-order-4 {
}
.md-order-4:locked{
}
@media (max-width: 767px) {
.md-order-4 {
}
}

.md-order-5 {
}
.md-order-5:locked{
}
@media (max-width: 767px) {
.md-order-5 {
}
}

.md-order-6 {
}
.md-order-6:locked{
}
@media (max-width: 767px) {
.md-order-6 {
}
}

.md-order-first {
}
.md-order-first:locked{
}
@media (max-width: 767px) {
.md-order-first {
}
}

.md-order-last {
}
.md-order-last:locked{
}
@media (max-width: 767px) {
.md-order-last {
}
}

.md-order-none {
}
.md-order-none:locked{
}
@media (max-width: 767px) {
.md-order-none {
}
}

.md-h-full {
}
.md-h-full:locked{
}
@media (max-width: 767px) {
.md-h-full {
}
}

.md-h-screen {
}
.md-h-screen:locked{
}
@media (max-width: 767px) {
.md-h-screen {
}
}

.md-ml-auto {
}
.md-ml-auto:locked{
}
@media (max-width: 767px) {
.md-ml-auto {
 margin-left:auto;
}
}

.md-mr-auto {
}
.md-mr-auto:locked{
}
@media (max-width: 767px) {
.md-mr-auto {
}
}

.md-mb-0 {
}
.md-mb-0:locked{
}
@media (max-width: 767px) {
.md-mb-0 {
}
}

.md-mx-auto {
}
.md-mx-auto:locked{
}
@media (max-width: 767px) {
.md-mx-auto {
}
}

.md-horizontal {
}
.md-horizontal:locked{
}
@media (max-width: 767px) {
.md-horizontal {
}
}

.md-horizontal-wrap {
}
.md-horizontal-wrap:locked{
}
@media (max-width: 767px) {
.md-horizontal-wrap {
}
}

.md-w-1by3 {
}
.md-w-1by3:locked{
}
@media (max-width: 767px) {
.md-w-1by3 {
}
}

.sm-col-end-1 {
}
.sm-col-end-1:locked{
}
@media (max-width: 479px) {
.sm-col-end-1 {
}
}

.sm-col-end-2 {
}
.sm-col-end-2:locked{
}
@media (max-width: 479px) {
.sm-col-end-2 {
}
}

.sm-col-end-3 {
}
.sm-col-end-3:locked{
}
@media (max-width: 479px) {
.sm-col-end-3 {
}
}

.sm-col-end-4 {
}
.sm-col-end-4:locked{
}
@media (max-width: 479px) {
.sm-col-end-4 {
}
}

.sm-col-end-auto {
}
.sm-col-end-auto:locked{
}
@media (max-width: 479px) {
.sm-col-end-auto {
}
}

.sm-col-start-1 {
}
.sm-col-start-1:locked{
}
@media (max-width: 479px) {
.sm-col-start-1 {
}
}

.sm-col-start-2 {
}
.sm-col-start-2:locked{
}
@media (max-width: 479px) {
.sm-col-start-2 {
}
}

.sm-col-start-3 {
}
.sm-col-start-3:locked{
}
@media (max-width: 479px) {
.sm-col-start-3 {
}
}

.sm-col-start-4 {
}
.sm-col-start-4:locked{
}
@media (max-width: 479px) {
.sm-col-start-4 {
}
}

.sm-col-start-auto {
}
.sm-col-start-auto:locked{
}
@media (max-width: 479px) {
.sm-col-start-auto {
}
}

.sm-col-auto {
}
.sm-col-auto:locked{
}
@media (max-width: 479px) {
.sm-col-auto {
}
}

.sm-col-span-1 {
}
.sm-col-span-1:locked{
}
@media (max-width: 479px) {
.sm-col-span-1 {
}
}

.sm-col-span-2 {
}
.sm-col-span-2:locked{
}
@media (max-width: 479px) {
.sm-col-span-2 {
}
}

.sm-col-span-3 {
}
.sm-col-span-3:locked{
}
@media (max-width: 479px) {
.sm-col-span-3 {
}
}

.sm-grid-cols-3 {
}
.sm-grid-cols-3:locked{
}
@media (max-width: 479px) {
.sm-grid-cols-3 {
}
}

.sm-grid-cols-none {
}
.sm-grid-cols-none:locked{
}
@media (max-width: 479px) {
.sm-grid-cols-none {
}
}

.sm-gap-2 {
}
.sm-gap-2:locked{
}
@media (max-width: 479px) {
.sm-gap-2 {
}
}

.sm-gap-4 {
}
.sm-gap-4:locked{
}
@media (max-width: 479px) {
.sm-gap-4 {
}
}

.sm-gap-6 {
}
.sm-gap-6:locked{
}
@media (max-width: 479px) {
.sm-gap-6 {
}
}

.sm-flex {
}
.sm-flex:locked{
}
@media (max-width: 479px) {
.sm-flex {
}
}

.sm-order-1 {
}
.sm-order-1:locked{
}
@media (max-width: 479px) {
.sm-order-1 {
}
}

.sm-order-2 {
}
.sm-order-2:locked{
}
@media (max-width: 479px) {
.sm-order-2 {
}
}

.sm-order-3 {
}
.sm-order-3:locked{
}
@media (max-width: 479px) {
.sm-order-3 {
}
}

.sm-order-4 {
}
.sm-order-4:locked{
}
@media (max-width: 479px) {
.sm-order-4 {
}
}

.sm-order-5 {
}
.sm-order-5:locked{
}
@media (max-width: 479px) {
.sm-order-5 {
}
}

.sm-order-6 {
}
.sm-order-6:locked{
}
@media (max-width: 479px) {
.sm-order-6 {
}
}

.sm-order-first {
}
.sm-order-first:locked{
}
@media (max-width: 479px) {
.sm-order-first {
}
}

.sm-order-last {
}
.sm-order-last:locked{
}
@media (max-width: 479px) {
.sm-order-last {
}
}

.sm-order-none {
}
.sm-order-none:locked{
}
@media (max-width: 479px) {
.sm-order-none {
}
}

.sm-h-full {
}
.sm-h-full:locked{
}
@media (max-width: 479px) {
.sm-h-full {
}
}

.sm-h-screen {
}
.sm-h-screen:locked{
}
@media (max-width: 479px) {
.sm-h-screen {
}
}

.sm-mt-0 {
}
.sm-mt-0:locked{
}
@media (max-width: 479px) {
.sm-mt-0 {
}
}

.sm-mr-0 {
}
.sm-mr-0:locked{
}
@media (max-width: 479px) {
.sm-mr-0 {
}
}

.sm-mr-auto {
}
.sm-mr-auto:locked{
}
@media (max-width: 479px) {
.sm-mr-auto {
}
}

.sm-ml-auto {
}
.sm-ml-auto:locked{
}
@media (max-width: 479px) {
.sm-ml-auto {
}
}

.sm-mx-auto {
}
.sm-mx-auto:locked{
}
@media (max-width: 479px) {
.sm-mx-auto {
}
}

.sm-centered {
}
.sm-centered:locked{
}
@media (max-width: 479px) {
.sm-centered {
}
}

.sm-horizontal {
}
.sm-horizontal:locked{
}
@media (max-width: 479px) {
.sm-horizontal {
}
}

.sm-horizontal-wrap {
}
.sm-horizontal-wrap:locked{
}
@media (max-width: 479px) {
.sm-horizontal-wrap {
}
}

.sm-vertical {
}
.sm-vertical:locked{
}
@media (max-width: 479px) {
.sm-vertical {
}
}

.sm-hidden {
}
.sm-hidden:locked{
}
@media (max-width: 479px) {
.sm-hidden {
}
}

.sm-w-1by2 {
}
.sm-w-1by2:locked{
}
@media (max-width: 479px) {
.sm-w-1by2 {
}
}

.hover-bg-primary {
}
.hover-bg-primary:locked{
}
.hover-bg-secondary {
}
.hover-bg-secondary:locked{
}
.hover-bg {
}
.hover-bg:locked{
}
.hover-bg-dark {
}
.hover-bg-dark:locked{
}
.hover-bg-light {
}
.hover-bg-light:locked{
}
.hover-bg-alt {
}
.hover-bg-alt:locked{
}
.hover-bg-white {
}
.hover-bg-white:locked{
}
.hover-bg-black {
}
.hover-bg-black:locked{
}
.hover-bg-placeholder {
}
.hover-bg-placeholder:locked{
}
.hover-bg-placeholder-alt {
}
.hover-bg-placeholder-alt:locked{
}
.hover-color-dark {
}
.hover-color-dark:locked{
}
.hover-color-light {
}
.hover-color-light:locked{
}
.hover-color-primary {
}
.hover-color-primary:locked{
}
.hover-color-paragraph {
}
.hover-color-paragraph:locked{
}
.hover-color-paragraph-alt {
}
.hover-color-paragraph-alt:locked{
}
.hover-border-primary {
}
.hover-border-primary:locked{
}
.hover-border-secondary {
}
.hover-border-secondary:locked{
}
.hover-border-dark {
}
.hover-border-dark:locked{
}
.hover-border-light {
}
.hover-border-light:locked{
}
.hover-border {
}
.hover-border:locked{
}
.hover-border-alt {
}
.hover-border-alt:locked{
}
.w-64 {
}
.text-whte {
}
.bg-primary-alt {
 background-color:var(--primary-alt-color);
}
.bg-primary-alt:locked{
}
.hero {
 text-align:left;
}
.hero:not(.ct-section):not(.oxy-easy-posts),
.hero.oxy-easy-posts .oxy-posts,
.hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-end;
}
.bg-wh {
}
.breadcrumbs {
 height:50px;
}
.overlay {
position: absolute; z-index: 10; width: 700px; height: 600px; background: rgba(0,0,0,0.5); transform: skew(200.25deg); right: -100px;
}
.overlay-text {
position: absolute; right:0px; z-index: 11; font-weight: 300;
}
.bg-primary-hover {
 background-color:var(--primary-hover-color);
}
.bg-primary-hover:locked{
}
.bg-secondary-hover {
 background-color:var(--secondary-hover-color);
}
.bg-secondary-hover:locked{
}
.bg-secondary-alt {
 background-color:var(--secondary-alt-color);
}
.bg-secondary-alt:locked{
}
.bg-primary-alt-hover {
 background-color:var(--primary-alt-hover-color);
}
.bg-primary-alt-hover:locked{
}
.bg-secondary-alt-hover {
 background-color:var(--secondary-alt-hover-color);
}
.bg-secondary-alt-hover:locked{
}
.flex-row {
}
.flex-row:not(.ct-section):not(.oxy-easy-posts),
.flex-row.oxy-easy-posts .oxy-posts,
.flex-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.flex-col {
}
.flex-col:not(.ct-section):not(.oxy-easy-posts),
.flex-col.oxy-easy-posts .oxy-posts,
.flex-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.flex-col:locked{
}
.flex-wrap {
}
.flex-wrap:not(.ct-section):not(.oxy-easy-posts),
.flex-wrap.oxy-easy-posts .oxy-posts,
.flex-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-wrap:wrap;
}
.flex-wrap:locked{
}
.justify-start {
}
.justify-start:not(.ct-section):not(.oxy-easy-posts),
.justify-start.oxy-easy-posts .oxy-posts,
.justify-start.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:flex-start;
}
.justify-start:locked{
}
.justify-end {
}
.justify-end:not(.ct-section):not(.oxy-easy-posts),
.justify-end.oxy-easy-posts .oxy-posts,
.justify-end.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:flex-end;
}
.justify-end:locked{
}
.justify-center {
}
.justify-center:not(.ct-section):not(.oxy-easy-posts),
.justify-center.oxy-easy-posts .oxy-posts,
.justify-center.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:center;
}
.justify-center:locked{
}
.justify-between {
}
.justify-between:not(.ct-section):not(.oxy-easy-posts),
.justify-between.oxy-easy-posts .oxy-posts,
.justify-between.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:space-between;
}
.justify-between:locked{
}
.items-start {
}
.items-start:not(.ct-section):not(.oxy-easy-posts),
.items-start.oxy-easy-posts .oxy-posts,
.items-start.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-start;
}
.items-start:locked{
}
.items-end {
}
.items-end:not(.ct-section):not(.oxy-easy-posts),
.items-end.oxy-easy-posts .oxy-posts,
.items-end.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-end;
}
.items-end:locked{
}
.items-baseline {
align-items: baseline;
}
.items-baseline:locked{
}
.self-start {
align-self: flex-start;
}
.self-start:locked{
}
.self-end {
align-self: flex-end;
}
.self-end:locked{
}
.self-center {
align-self: center;
}
.self-center:locked{
}
.self-stretch {
align-self: stretch;
}
.self-stretch:locked{
}
.color-primary-alt {
 color:var(--primary-alt-color);
}
.color-primary-alt:locked{
}
.color-secondary-alt {
 color:var(--secondary-alt-color);
}
.color-secondary-alt:locked{
}
.max-w-0 {
 max-width:0rem;
}
.max-w-0:locked{
}
.max-w-xs {
 max-width:31.9rem;
}
.max-w-xs:locked{
}
.max-w-sm {
 max-width:47.9rem;
}
.max-w-sm:locked{
}
.max-w-md {
 max-width:76.7rem;
}
.max-w-md:locked{
}
.max-w-lg {
 max-width:99.1rem;
}
.max-w-lg:locked{
}
.max-w-xl {
 max-width:111.9rem;
}
.max-w-xl:locked{
}
.max-w-full {
 max-width:100%;
}
.max-w-full:locked{
}
.max-w-prose {
 max-width:65chnone;
}
.max-w-prose:locked{
}
.blur-sm {
 filter:blur(4px);
}
.blur-sm:locked{
}
.blur {
 filter:blur(8px);
}
.blur:locked{
}
.blur-md {
 filter:blur(12px);
}
.blur-md:locked{
}
.blur-lg {
 filter:blur(16px);
}
.blur-lg:locked{
}
.blur-xl {
 filter:blur(24px);
}
.blur-xl:locked{
}
.gird {
}
.te {
}
.tabs-9099-tab {
}
.tabs-9099-tab-active {
}
.tabs-contents-9099-tab {
}
.overlay-heading {
background-image:linear-gradient(rgba(196,12,65,0.90), rgba(196,12,65,0.90));}
.py-10 {
}
.prayatna-hero-section {
}
.prayatna-hero-section:not(.ct-section):not(.oxy-easy-posts),
.prayatna-hero-section.oxy-easy-posts .oxy-posts,
.prayatna-hero-section.ct-section .ct-section-inner-wrap{
display:grid;
align-items:center;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 991px) {
.prayatna-hero-section {
}
.prayatna-hero-section:not(.ct-section):not(.oxy-easy-posts),
.prayatna-hero-section.oxy-easy-posts .oxy-posts,
.prayatna-hero-section.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

.prayatna-hero-content {
 margin-right:0px;
}
.prayatna-tag {
}
.prayatna-heading {
}
.prayatna-highlight {
}
.prayatna-subtitle {
}
.prayatna-btn-container {
}
.prayatna-btn-container:not(.ct-section):not(.oxy-easy-posts),
.prayatna-btn-container.oxy-easy-posts .oxy-posts,
.prayatna-btn-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 1168px) {
.prayatna-btn-container {
}
.prayatna-btn-container:not(.ct-section):not(.oxy-easy-posts),
.prayatna-btn-container.oxy-easy-posts .oxy-posts,
.prayatna-btn-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
}

@media (max-width: 479px) {
.prayatna-btn-container {
}
.prayatna-btn-container:not(.ct-section):not(.oxy-easy-posts),
.prayatna-btn-container.oxy-easy-posts .oxy-posts,
.prayatna-btn-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.prayatna-btn {
 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:#f1f1f1;
 border-right-color:#f1f1f1;
 border-bottom-color:#f1f1f1;
 border-left-color:#f1f1f1;
}
.prayatna-btn:not(.ct-section):not(.oxy-easy-posts),
.prayatna-btn.oxy-easy-posts .oxy-posts,
.prayatna-btn.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.prayatna-btn-primary {
}
.prayatna-icon {
}
.prayatna-btn-secondary {
}
.prayatna-hero-image {
}
@media (max-width: 1168px) {
.prayatna-hero-image {
 padding-left:0px;
}
}

.prayatna-image-container {
}
@media (max-width: 991px) {
.prayatna-image-container {
}
}

.prayatna-actual-image {
 height:100%;
}
@media (max-width: 991px) {
.prayatna-actual-image {
}
}

.about-hero {
}
.container {
}
.about-hero-content {
}
.about-hero-content:not(.ct-section):not(.oxy-easy-posts),
.about-hero-content.oxy-easy-posts .oxy-posts,
.about-hero-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.about-hero-bg {
}
.about-content {
}
.about-grid {
}
.about-main {
}
.share-buttons {
}
.share-buttons:not(.ct-section):not(.oxy-easy-posts),
.share-buttons.oxy-easy-posts .oxy-posts,
.share-buttons.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.social-share {
}
.fab {
}
.fa-facebook-f {
}
.fa-twitter {
}
.fa-linkedin-in {
}
.fas {
}
.fa-envelope {
}
.featured-image {
}
.image-badge {
}
.about-text {
}
.btn {
}
.btn-outline {
}
.btn-with-icon {
}
.fa-arrow-right {
}
.about-sidebar {
}
.sidebar-card {
}
.search-box {
}
.fa-search {
}
.recent-posts {
 padding-top:1px;
}
.divider {
}
.quick-links {
}
.article-header {
}
.article-breadcrumb {
}
.fa-chevron-right {
}
.article-meta {
}
.article-meta-left {
}
.article-date {
}
.far {
}
.fa-calendar {
}
.article-category {
}
.fa-tag {
}
.article-reading-time {
}
.fa-clock {
}
/* Don't add any custom css to this file. This file may change in future as we extend the framework */
/* The framework will overwrite any CSS you write here when we make an update. */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
}

.btn-l .ct-fancy-icon svg {
  height: 18px;
  width: 18px;
}

.btn-m .ct-fancy-icon svg {
  height: 16px;
  width: 16px;
}

.btn-s .ct-fancy-icon svg {
  height: 14px;
  width: 14px;
}

.grid {
  display: grid;
}
.gap-2 {
  gap: 0.8rem;
}
.gap-4 {
  gap: 1.6rem;
}
.gap-6 {
  gap: 2.4rem;
}
.gap-8 {
  gap: 3.2rem;
}
.gap-12 {
  gap: 4.8rem;
}
.gap-16 {
  gap: 6.4rem;
}
.gap-20 {
  gap: 8rem;
}
.gap-24 {
  gap: 9.6rem;
}
.gap-px {
  gap: 1px;
}
.row-gap-2 {
  row-gap: 0.8rem;
}
.row-gap-4 {
  row-gap: 1.6rem;
}
.row-gap-6 {
  row-gap: 2.4rem;
}
.row-gap-8 {
  row-gap: 3.2rem;
}
.row-gap-12 {
  row-gap: 4.8rem;
}
.grid-flow-row {
  grid-auto-flow: row;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-flow-row-dense {
  grid-auto-flow: row dense;
}
.grid-flow-col-dense {
  grid-auto-flow: column dense;
}
.col-auto {
  grid-column: auto;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-3 {
  grid-column-start: 3;
}
.col-start-4 {
  grid-column-start: 4;
}
.col-start-5 {
  grid-column-start: 5;
}
.col-start-6 {
  grid-column-start: 6;
}
.col-start-7 {
  grid-column-start: 7;
}
.col-start-auto {
  grid-column-start: auto;
}
.col-end-1 {
  grid-column-end: 1;
}
.col-end-2 {
  grid-column-end: 2;
}
.col-end-3 {
  grid-column-end: 3;
}
.col-end-4 {
  grid-column-end: 4;
}
.col-end-5 {
  grid-column-end: 5;
}
.col-end-6 {
  grid-column-end: 6;
}
.col-end-7 {
  grid-column-end: 7;
}
.col-end-auto {
  grid-column-end: auto;
}
.row-auto {
  grid-row: auto;
}
.row-span-1 {
  grid-row: span 1 / span 1;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.row-span-3 {
  grid-row: span 3 / span 3;
}
.row-start-1 {
  grid-row-start: 1;
}
.row-start-2 {
  grid-row-start: 2;
}
.row-start-3 {
  grid-row-start: 3;
}
.row-start-4 {
  grid-row-start: 4;
}
.row-start-auto {
  grid-row-start: auto;
}
.row-end-1 {
  grid-row-end: 1;
}
.row-end-2 {
  grid-row-end: 2;
}
.row-end-3 {
  grid-row-end: 3;
}
.row-end-4 {
  grid-row-end: 4;
}
.row-end-auto {
  grid-row-end: auto;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-none {
  grid-template-columns: none;
}

.grid-60-40 {
  display: grid;
  grid-template-columns: 3fr 2fr; 
}
.grid-40-60 {
  display: grid;
  grid-template-columns: 2fr 3fr; 
}
.grid-33-66 {
  display: grid;
  grid-template-columns: 1fr 2fr; 
}
.grid-66-33 {
  display: grid;
  grid-template-columns: 2fr 1fr; 
}
.grid-75-25 {
  display: grid;
  grid-template-columns: 3fr 1fr; 
}
.grid-25-75 {
  display: grid;
  grid-template-columns: 1fr 3fr; 
}
  
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-none {
  grid-template-rows: none;
}

.ct-section.space-y-0 .ct-section-inner-wrap > * + *,
.space-y-0:not(.ct-section) > * + * {
  margin-top: 0;
}
.ct-section.space-y-1 .ct-section-inner-wrap > * + *,
.space-y-1:not(.ct-section) > * + * {
  margin-top: min(max(0.28rem, calc(0.28rem + ((1vw - 0.32rem) * 0.15))), 0.4rem);
}
.ct-section.space-y-2 .ct-section-inner-wrap > * + *,
.space-y-2:not(.ct-section) > * + * {
margin-top: min(max(0.56rem, calc(0.56rem + ((1vw - 0.32rem) * 0.3))), 0.8rem);
}
.ct-section.space-y-3 .ct-section-inner-wrap > * + *,
.space-y-3:not(.ct-section) > * + * {
margin-top: min(max(0.84rem, calc(0.84rem + ((1vw - 0.32rem) * 0.45))), 1.2rem);
}
.ct-section.space-y-4 .ct-section-inner-wrap > * + *,
.space-y-4:not(.ct-section) > * + * {
margin-top: min(max(1.12rem, calc(1.12rem + ((1vw - 0.32rem) * 0.6))), 1.6rem);
}
.ct-section.space-y-6 .ct-section-inner-wrap > * + *,
.space-y-6:not(.ct-section) > * + * {
margin-top: min(max(1.68rem, calc(1.68rem + ((1vw - 0.32rem) * 0.9))), 2.4rem);
}
.ct-section.space-y-8 .ct-section-inner-wrap > * + *,
.space-y-8:not(.ct-section) > * + * {
margin-top: min(max(2.24rem, calc(2.24rem + ((1vw - 0.32rem) * 1.2))), 3.2rem);
}
.ct-section.space-y-10 .ct-section-inner-wrap > * + *,
.space-y-10:not(.ct-section) > * + * {
margin-top: min(max(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 1.5))), 4rem);
}
.ct-section.space-y-12 .ct-section-inner-wrap > * + *,
.space-y-12:not(.ct-section) > * + * {
margin-top: min(max(3.36rem, calc(3.36rem + ((1vw - 0.32rem) * 1.8))), 4.8rem);
}
.ct-section.space-y-14 .ct-section-inner-wrap > * + *,
.space-y-14:not(.ct-section) > * + * {
margin-top: min(max(3.92rem, calc(3.92rem + ((1vw - 0.32rem) * 2.1))), 5.6rem);
}
.ct-section.space-y-16 .ct-section-inner-wrap > * + *,
.space-y-16:not(.ct-section) > * + * {
margin-top: min(max(4.48rem, calc(4.48rem + ((1vw - 0.32rem) * 2.4))), 6.4rem);
}
.ct-section.space-y-20 .ct-section-inner-wrap > * + *,
.space-y-20:not(.ct-section) > * + * {
margin-top: min(max(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 3))), 8rem);
}

.ct-video > .oxygen-vsb-responsive-video-wrapper > iframe {
  border-radius: 6px;
}

@media screen and (max-width: 1119px) {
  .xl-col-auto {
   grid-column: auto;
  }
  .xl-col-span-1 {
   grid-column: span 1 / span 1;
  }
  .xl-col-span-2 {
   grid-column: span 2 / span 2;
  }
  .xl-col-span-3 {
   grid-column: span 3 / span 3;
  }
  .xl-col-span-4 {
   grid-column: span 4 / span 4;
  }
  .xl-col-span-5 {
   grid-column: span 5 / span 5;
  }
  .xl-col-start-1 {
   grid-column-start: 1;
  }
  .xl-col-start-2 {
   grid-column-start: 2;
  }
  .xl-col-start-3 {
   grid-column-start: 3;
  }
  .xl-col-start-4 {
   grid-column-start: 4;
  }
  .xl-col-start-5 {
   grid-column-start: 5;
  }
  .xl-col-start-6 {
   grid-column-start: 6;
  }
  .xl-col-start-auto {
   grid-column-start: auto;
  }
  .xl-col-end-1 {
   grid-column-end: 1;
  }
  .xl-col-end-2 {
   grid-column-end: 2;
  }
  .xl-col-end-3 {
   grid-column-end: 3;
  }
  .xl-col-end-4 {
   grid-column-end: 4;
  }
  .xl-col-end-5 {
   grid-column-end: 5;
  }
  .xl-col-end-6 {
   grid-column-end: 6;
  }
  .xl-col-end-auto {
   grid-column-end: auto;
  }
  .xl-grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xl-grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl-grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl-grid-cols-4 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl-grid-cols-5 {
   grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl-grid-cols-none {
   grid-template-columns: none;
  }
  .xl-gap-2 {
   gap: 0.8rem;
  }
  .xl-gap-4 {
   gap: 1.6rem;
  }
  .xl-gap-6 {
   gap: 2.4rem;
  }
  .xl-gap-8 {
   gap: 3.2rem;
  }
  .xl-gap-12 {
   gap: 4.8rem;
  }
  .xl-row-gap-2 {
   gap: 0.8rem;
  }
  .xl-row-gap-4 {
   gap: 1.6rem;
  }
  .xl-row-gap-6 {
   gap: 2.4rem;
  }
  .xl-row-gap-8 {
   gap: 3.2rem;
  }
  .xl-flex {
   display: flex!important;
  }
  .xl-h-full {
   height: 100%;
  }
  .xl-h-screen {
   height: 100vh;
  }
  .xl-mx-auto {
   margin-left: auto;
   margin-right: auto;
  }
  .xl-centered {
    align-items: center!important;
    justify-content: center!important;
    align-content: center!important;
    text-align: center!important;
   }
  .xl-horizontal {
   display: flex!important;
   flex-direction: row!important;
  }
  .xl-horizontal-wrap {
   display: flex!important;
   flex-direction: row!important;
   flex-wrap: wrap!important;
  }
  .xl-vertical {
   display: flex!important;
   flex-direction: column!important;
  }
  .xl-hidden {
   display: none!important;
  }
  .xl-w-1by2 {
   width: 50%;
  }
  .xl-w-1by3 {
   width: 33.333333%;
  }
  .xl-w-2by3 {
   width: 66.666667%;
  }
  .xl-w-1by4 {
   width: 25%;
  }
  .xl-w-2by4 {
   width: 50%;
  }
  .xl-w-3by4 {
   width: 75%;
  }
  .xl-w-full {
   width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .lg-col-auto {
   grid-column: auto;
  }
  .lg-col-span-1 {
   grid-column: span 1 / span 1;
  }
  .lg-col-span-2 {
   grid-column: span 2 / span 2;
  }
  .lg-col-span-3 {
   grid-column: span 3 / span 3;
  }
  .lg-col-span-4 {
   grid-column: span 4 / span 4;
  }
  .lg-col-start-1 {
   grid-column-start: 1;
  }
  .lg-col-start-2 {
   grid-column-start: 2;
  }
  .lg-col-start-3 {
   grid-column-start: 3;
  }
  .lg-col-start-4 {
   grid-column-start: 4;
  }
  .lg-col-start-5 {
   grid-column-start: 5;
  }
  .lg-col-start-auto {
   grid-column-start: auto;
  }
  .lg-col-end-1 {
   grid-column-end: 1;
  }
  .lg-col-end-2 {
   grid-column-end: 2;
  }
  .lg-col-end-3 {
   grid-column-end: 3;
  }
  .lg-col-end-4 {
   grid-column-end: 4;
  }
  .lg-col-end-5 {
   grid-column-end: 5;
  }
  .lg-col-end-auto {
   grid-column-end: auto;
  }
  .lg-grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg-grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg-grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg-grid-cols-4 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg-grid-cols-none {
   grid-template-columns: none;
  }
  .lg-gap-2 {
   gap: 0.8rem;
  }
  .lg-gap-4 {
   gap: 1.6rem;
  }
  .lg-gap-6 {
   gap: 2.4rem;
  }
  .lg-gap-8 {
   gap: 3.2rem;
  }
  .lg-gap-12 {
   gap: 4.8rem;
  }
  .lg-row-gap-2 {
   gap: 0.8rem;
  }
  .lg-row-gap-4 {
   gap: 1.6rem;
  }
  .lg-row-gap-6 {
   gap: 2.4rem;
  }
  .lg-row-gap-8 {
   gap: 3.2rem;
  }
  .lg-row-start-1 {
   grid-row-start: 1;
  }
  .lg-flex {
     display: flex!important;
    }
  .lg-order-1 {
   order: 1;	 
  }
  .lg-order-2 {
   order: 2;	 
  }
  .lg-order-3 {
   order: 3;	 
  }
  .lg-order-4 {
   order: 4;	 
  }
  .lg-order-5 {
   order: 5;	 
  }
  .lg-order-6 {
   order: 6;	 
  }
  .lg-order-first {
   order: -9999;	 
  }
  .lg-order-last {
   order: 9999;	 
  }
  .lg-order-none {
   order: 0;	 
  }
  .lg-h-full {
   height: 100%;
  }
  .lg-h-screen {
   height: 100vh;
  }
  .lg-mr-0 {
   margin-right: 0;
  }
  .lg-mx-auto {
   margin-left: auto;
   margin-right: auto;
  }
  .lg-centered {
    align-items: center!important;
    justify-content: center!important;
    align-content: center!important;
    text-align: center!important;
   }
  .lg-horizontal {
   display: flex!important;
   flex-direction: row!important;
  }
  .lg-horizontal-wrap {
   display: flex!important;
   flex-direction: row!important;
   flex-wrap: wrap!important;
  }
  .lg-vertical {
   display: flex!important;
   flex-direction: column!important;
  }
  .lg-hidden {
   display: none!important;
  }
  .lg-w-1by2 {
   width: 50%;
  }
  .lg-w-1by3 {
   width: 33.333333%;
  }
  .lg-w-2by3 {
   width: 66.666667%;
  }
  .lg-w-1by4 {
   width: 25%;
  }
  .lg-w-2by4 {
   width: 50%;
  }
  .lg-w-3by4 {
   width: 75%;
  }
  .lg-w-full {
   width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .md-col-auto {
   grid-column: auto;
  }
  .md-col-span-1 {
   grid-column: span 1 / span 1;
  }
  .md-col-span-2 {
   grid-column: span 2 / span 2;
  }
  .md-col-span-3 {
   grid-column: span 3 / span 3;
  }
  .md-col-start-1 {
   grid-column-start: 1;
  }
  .md-col-start-2 {
   grid-column-start: 2;
  }
  .md-col-start-3 {
   grid-column-start: 3;
  }
  .md-col-start-4 {
   grid-column-start: 4;
  }
  .md-col-start-auto {
   grid-column-start: auto;
  }
  .md-col-end-1 {
   grid-column-end: 1;
  }
  .md-col-end-2 {
   grid-column-end: 2;
  }
  .md-col-end-3 {
   grid-column-end: 3;
  }
  .md-col-end-4 {
   grid-column-end: 4;
  }
  .md-col-end-auto {
   grid-column-end: auto;
  }
  .md-grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md-grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md-grid-cols-none {
   grid-template-columns: none;
  }
  .md-gap-2 {
   gap: 0.8rem;
  }
  .md-gap-4 {
   gap: 1.6rem;
  }
  .md-gap-6 {
   gap: 2.4rem;
  }
  .md-gap-8 {
   gap: 3.2rem;
  }
  .md-row-gap-2 {
   gap: 0.8rem;
  }
  .md-row-gap-4 {
   gap: 1.6rem;
  }
  .md-row-gap-6 {
   gap: 2.4rem;
  }
  .md-rounded-sm {
   border-radius: 0.2rem;
  }
  .md-rounded {
   border-radius: 0.4rem;
  }
  .md-rounded-md {
   border-radius: 0.6rem;
  }
  .md-rounded-lg {
   border-radius: 0.8rem;
  }
  .md-row-start-1 {
   grid-row-start: 1;
  }
  .md-flex {
   display: flex!important;
  }
  .md-order-1 {
   order: 1;	 
  }
  .md-order-2 {
   order: 2;	 
  }
  .md-order-3 {
   order: 3;	 
  }
  .md-order-4 {
   order: 4;	 
  }
  .md-order-5 {
   order: 5;	 
  }
  .md-order-6 {
   order: 6;	 
  }
  .md-order-first {
   order: -9999;	 
  }
  .md-order-last {
   order: 9999;	 
  }
  .md-order-none {
   order: 0;	 
  }
  .md-h-full {
   height: 100%;
  }
  .md-h-screen {
   height: 100vh;
  }
  .md-ml-auto {
   margin-left: auto;
  }
  .md-mr-auto {
   margin-right: auto;
  }
  .md-mr-0 {
   margin-right: 0;
  }
  .md-mb-0 {
   margin-bottom: 0;
  }
  .md-mx-auto {
   margin-left: auto;
   margin-right: auto;
  }
  .md-centered {
    align-items: center!important;
    justify-content: center!important;
    align-content: center!important;
    text-align: center!important;
   }
  .md-horizontal {
   display: flex!important;
   flex-direction: row!important;
  }
  .md-horizontal-wrap {
   display: flex!important;
   flex-direction: row!important;
   flex-wrap: wrap!important;
  }
  .md-vertical {
    display: flex!important;
    flex-direction: column!important;
   }
  .md-hidden {
   display: none!important;
  }
  .md-w-1by2 {
   width: 50%;
  }
  .md-w-1by3 {
   width: 33.333333%;
  }
  .md-w-2by3 {
   width: 66.666667%;
  }
  .md-w-full {
   width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .sm-col-auto {
   grid-column: auto;
  }
  .sm-col-span-1 {
   grid-column: span 1 / span 1;
  }
  .sm-col-span-2 {
   grid-column: span 2 / span 2;
  }
  .sm-col-start-1 {
   grid-column-start: 1;
  }
  .sm-col-start-2 {
   grid-column-start: 2;
  }
  .sm-col-start-3 {
   grid-column-start: 3;
  }
  .sm-col-start-auto {
   grid-column-start: auto;
  }
  .sm-col-end-1 {
   grid-column-end: 1;
  }
  .sm-col-end-2 {
   grid-column-end: 2;
  }
  .sm-col-end-3 {
   grid-column-end: 3;
  }
  .sm-col-end-auto {
   grid-column-end: auto;
  }
  .sm-grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm-grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm-grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm-grid-cols-none {
   grid-template-columns: none;
  }
  .sm-gap-2 {
   gap: 0.8rem;
  }
  .sm-gap-4 {
   gap: 1.6rem;
  }
  .sm-gap-6 {
   gap: 2.4rem;
  }
  .sm-row-gap-2 {
   gap: 0.8rem;
  }
  .sm-row-gap-4 {
   gap: 1.6rem;
  }
  .sm-flex {
     display: flex!important;
    }
  .sm-order-1 {
   order: 1;	 
  }
  .sm-order-2 {
   order: 2;	 
  }
  .sm-order-3 {
   order: 3;	 
  }
  .sm-order-4 {
   order: 4;	 
  }
  .sm-order-5 {
   order: 5;	 
  }
  .sm-order-6 {
   order: 6;	 
  }
  .sm-order-first {
   order: -9999;	 
  }
  .sm-order-last {
   order: 9999;	 
  }
  .sm-order-none {
   order: 0;	 
  }
  .sm-h-full {
   height: 100%;
  }
  .sm-h-screen {
   height: 100vh;
  }
  .sm-mt-0 {
   margin-top: 0;
  }
  .sm-mr-0 {
   margin-right: 0;
  }
  .sm-mr-auto {
   margin-right: auto;
  }
  .sm-ml-auto {
   margin-left: auto;
  }
  .sm-mx-auto {
   margin-left: auto;
   margin-right: auto;
  }
  .sm-centered {
   align-items: center!important;
   justify-content: center!important;
   align-content: center!important;
   text-align: center!important;
  }
  .sm-horizontal {
   display: flex!important;
   flex-direction: row!important;
  }
  .sm-horizontal-wrap {
   display: flex!important;
   flex-direction: row!important;
   flex-wrap: wrap!important;
  }
  .sm-vertical {
   display: flex!important;
   flex-direction: column!important;
  }
  .sm-hidden {
   display: none!important;
  }
  .sm-w-1by2 {
   width: 50%;
  }
  .sm-w-full {
   width: 100%;
  }
}

/* Don't add any custom css to this file. This file may change in future as we extend the framework */
/* The framework will overwrite any CSS you write here when we make an update. *//* Don't add/delete any custom css in this file. This file may change in future as we extend the framework */
/* The framework will overwrite any CSS you write here when we make an update. */
/* Find hover classes documentation at https://learn.oxymade.com/docs/learn/hover-classes/ */

@keyframes hover-wobble-horizontal {
  16.65% {
   -webkit-transform: translateX(8px);
   transform: translateX(8px);
  }
  33.3% {
   -webkit-transform: translateX(-6px);
   transform: translateX(-6px);
  }
  49.95% {
   -webkit-transform: translateX(4px);
   transform: translateX(4px);
  }
  66.6% {
   -webkit-transform: translateX(-2px);
   transform: translateX(-2px);
  }
  83.25% {
   -webkit-transform: translateX(1px);
   transform: translateX(1px);
  }
  100% {
   -webkit-transform: translateX(0);
   transform: translateX(0);
  }
}
@keyframes hover-buzz-out {
  10% {
   -webkit-transform: translateX(3px) rotate(2deg);
   transform: translateX(3px) rotate(2deg);
  }
  20% {
   -webkit-transform: translateX(-3px) rotate(-2deg);
   transform: translateX(-3px) rotate(-2deg);
  }
  30% {
   -webkit-transform: translateX(3px) rotate(2deg);
   transform: translateX(3px) rotate(2deg);
  }
  40% {
   -webkit-transform: translateX(-3px) rotate(-2deg);
   transform: translateX(-3px) rotate(-2deg);
  }
  50% {
   -webkit-transform: translateX(2px) rotate(1deg);
   transform: translateX(2px) rotate(1deg);
  }
  60% {
   -webkit-transform: translateX(-2px) rotate(-1deg);
   transform: translateX(-2px) rotate(-1deg);
  }
  70% {
   -webkit-transform: translateX(2px) rotate(1deg);
   transform: translateX(2px) rotate(1deg);
  }
  80% {
   -webkit-transform: translateX(-2px) rotate(-1deg);
   transform: translateX(-2px) rotate(-1deg);
  }
  90% {
   -webkit-transform: translateX(1px) rotate(0);
   transform: translateX(1px) rotate(0);
  }
  100% {
   -webkit-transform: translateX(-1px) rotate(0);
   transform: translateX(-1px) rotate(0);
  }
}
@keyframes hover-back-pulse {
  50% {
   background-color: var(--tertiary-color);
  }
}
@keyframes hover-ripple-out {
  100% {
   top: -12px;
   right: -12px;
   bottom: -12px;
   left: -12px;
   opacity: 0;
  }
}

:where(.hover-fade, .hover-back-pulse).hover-bg-primary:where(:hover, :focus, :active),
:where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-primary:before,
:where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-primary:hover {
  background: var(--primary-color) !important;
}
:where(.hover-fade, .hover-back-pulse).hover-bg-secondary:where(:hover, :focus, :active),
:where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-secondary:before,
:where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-secondary:hover {
  background: var(--secondary-color) !important;
}

:where(.hover-fade, .hover-back-pulse).hover-bg:where(:hover, :focus, :active),
:where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg:before,
:where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg:hover {
  background: var(--background-color) !important;
}

:where(.hover-fade, .hover-back-pulse).hover-bg-dark:where(:hover, :focus, :active),
:where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-dark:before,
:where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-dark:hover {
  background: var(--dark-color) !important;
}

:where(.hover-fade, .hover-back-pulse).hover-bg-light:where(:hover, :focus, :active),
:where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-light:before,
:where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-light:hover {
  background: var(--light-color) !important;
}

:where(.hover-fade, .hover-back-pulse).hover-bg-alt:where(:hover, :focus, :active),
:where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-alt:before,
:where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-alt:hover {
  background: var(--background-alt-color) !important;
}

:where(.hover-fade, .hover-back-pulse).hover-bg-white:where(:hover, :focus, :active),
:where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-white:before,
:where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-white:hover {
  background: var(--white-color) !important;
}

:where(.hover-fade, .hover-back-pulse).hover-bg-black:where(:hover, :focus, :active),
:where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-black:before,
:where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-black:hover {
  background: var(--black-color) !important;
}

:where(.hover-fade, .hover-back-pulse).hover-bg-placeholder:where(:hover, :focus, :active),
:where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-placeholder:before,
:where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-placeholder:hover {
  background: var(--placeholder-color) !important;
}

:where(.hover-fade, .hover-back-pulse).hover-bg-placeholder-alt:where(:hover, :focus, :active),
:where(.hover-bounce-to-right, .hover-bounce-to-bottom, .hover-shutter-out-horizontal, .hover-underline-from-left, .hover-underline-from-center, .hover-overline-from-left, .hover-overline-from-center, .hover-underline-reveal, .hover-overline-reveal).hover-bg-placeholder-alt:before,
:where(.hover-bubble-left, .hover-bubble-bottom, .hover-bubble-right, .hover-bubble-top).hover-bg-placeholder-alt:hover {
  background: var(--placeholder-alt-color) !important;
}

:where(.hover-bounce-to-bottom, .hover-bounce-to-right, .hover-shutter-out-horizontal).hover-color-dark:where(:hover, :focus, :active) {
  color: var(--dark-color) !important;
}

:where(.hover-bounce-to-bottom, .hover-bounce-to-right, .hover-shutter-out-horizontal).hover-color-light:where(:hover, :focus, :active) {
  color: var(--light-color) !important;
}

:where(.hover-bounce-to-bottom, .hover-bounce-to-right, .hover-shutter-out-horizontal).hover-color-primary:where(:hover, :focus, :active) {
  color: var(--primary-color) !important;
}

:where(.hover-bounce-to-bottom, .hover-bounce-to-right, .hover-shutter-out-horizontal).hover-color-paragraph:where(:hover, :focus, :active) {
  color: var(--paragraph-color) !important;
}
:where(.hover-bounce-to-bottom, .hover-bounce-to-right, .hover-shutter-out-horizontal).hover-color-paragraph-alt:where(:hover, :focus, :active) {
  color: var(--paragraph-alt-color) !important;
}
.hover-color-dark:hover, .hover-color-dark:hover :where(p, div, h1, h2, h3, h4, h5, h6, a, ul, li) {
  color: var(--dark-color) !important;
}
.hover-color-light:hover, .hover-color-light:hover :where(p, div, h1, h2, h3, h4, h5, h6, a, ul, li) {
  color: var(--light-color) !important;
}
.hover-color-primary:hover, .hover-color-primary:hover :where(p, div, h1, h2, h3, h4, h5, h6, a, ul, li) {
  color: var(--primary-color) !important;
}
.hover-color-paragraph:hover, .hover-color-paragraph:hover :where(p, div, h1, h2, h3, h4, h5, h6, a, ul, li) {
  color: var(--paragraph-color) !important;
}
.hover-color-paragraph-alt:hover, .hover-color-paragraph-alt:hover :where(p, div, h1, h2, h3, h4, h5, h6, a, ul, li) {
  color: var(--paragraph-alt-color) !important;
}
:where(.hover-ripple-out, .hover-outline-out, .hover-trim, .hover-reveal).hover-border-primary:before {
  border-color: var(--primary-color) !important;
}
:where(.hover-ripple-out, .hover-outline-out, .hover-trim, .hover-reveal).hover-border-secondary:before {
  border-color: var(--secondary-color) !important;
}
:where(.hover-ripple-out, .hover-outline-out, .hover-trim, .hover-reveal).hover-border-dark:before {
  border-color: var(--dark-color) !important;
}
:where(.hover-ripple-out, .hover-outline-out, .hover-trim, .hover-reveal).hover-border-light:before {
  border-color: var(--light-color) !important;
}
:where(.hover-ripple-out, .hover-outline-out, .hover-trim, .hover-reveal).hover-border:before {
  border-color: var(--border-color) !important;
}
:where(.hover-ripple-out, .hover-outline-out, .hover-trim, .hover-reveal).hover-border-alt:before {
  border-color: var(--border-alt-color) !important;
}
.hover-bubble-top.hover-border-primary:where(:hover, :focus, :active):before {
  border-color: transparent transparent var(--primary-color) transparent !important;
}
.hover-bubble-top.hover-border-secondary:where(:hover, :focus, :active):before {
  border-color: transparent transparent var(--secondary-color) transparent !important;
}
.hover-bubble-top.hover-border-dark:where(:hover, :focus, :active):before {
  border-color: transparent transparent var(--dark-color) transparent !important;
}
.hover-bubble-top.hover-border-light:where(:hover, :focus, :active):before {
  border-color: transparent transparent var(--light-color) transparent !important;
}
.hover-bubble-top.hover-border:where(:hover, :focus, :active):before {
  border-color: transparent transparent var(--border-color) transparent !important;
}
.hover-bubble-top.hover-border-alt:where(:hover, :focus, :active):before {
  border-color: transparent transparent var(--border-alt-color) transparent !important;
}
.hover-bubble-left.hover-border-primary:where(:hover, :focus, :active):before {
  border-color: transparent var(--primary-color) transparent transparent !important;
}
.hover-bubble-left.hover-border-secondary:where(:hover, :focus, :active):before {
  border-color: transparent var(--secondary-color) transparent transparent !important;
}
.hover-bubble-left.hover-border-dark:where(:hover, :focus, :active):before {
  border-color: transparent var(--dark-color) transparent transparent !important;
}
.hover-bubble-left.hover-border-light:where(:hover, :focus, :active):before {
  border-color: transparent var(--light-color) transparent transparent !important;
}
.hover-bubble-left.hover-border:where(:hover, :focus, :active):before {
  border-color: transparent var(--border-color) transparent transparent !important;
}
.hover-bubble-left.hover-border-alt:where(:hover, :focus, :active):before {
  border-color: transparent var(--border-alt-color) transparent transparent !important;
}
.hover-bubble-bottom.hover-border-primary:where(:hover, :focus, :active):before {
  border-color: var(--primary-color) transparent transparent transparent !important;
}
.hover-bubble-bottom.hover-border-secondary:where(:hover, :focus, :active):before {
  border-color: var(--secondary-color) transparent transparent transparent !important;
}
.hover-bubble-bottom.hover-border-dark:where(:hover, :focus, :active):before {
  border-color: var(--dark-color) transparent transparent transparent !important;
}
.hover-bubble-bottom.hover-border-light:where(:hover, :focus, :active):before {
  border-color: var(--light-color) transparent transparent transparent !important;
}
.hover-bubble-bottom.hover-border:where(:hover, :focus, :active):before {
  border-color: var(--border-color) transparent transparent transparent !important;
}
.hover-bubble-bottom.hover-border-alt:where(:hover, :focus, :active):before {
  border-color: var(--border-alt-color) transparent transparent transparent !important;
}
.hover-bubble-right.hover-border-primary:where(:hover, :focus, :active):before {
  border-color: transparent transparent transparent var(--primary-color) !important;
}
.hover-bubble-right.hover-border-secondary:where(:hover, :focus, :active):before {
  border-color: transparent transparent transparent var(--secondary-color) !important;
}
.hover-bubble-right.hover-border-dark:where(:hover, :focus, :active):before {
  border-color: transparent transparent transparent var(--dark-color) !important;
}
.hover-bubble-right.hover-border-light:where(:hover, :focus, :active):before {
  border-color: transparent transparent transparent var(--light-color) !important;
}
.hover-bubble-right.hover-border:where(:hover, :focus, :active):before {
  border-color: transparent transparent transparent var(--border-color) !important;
}
.hover-bubble-right.hover-border-alt:where(:hover, :focus, :active):before {
   border-color: transparent transparent transparent var(--border-alt-color) !important;
}

/* Don't add any custom css to this file. This file may change in future as we extend the framework */
/* The framework will overwrite any CSS you write here when we make an update. */:root{
    /* Colors */
      --color-background: #ffffff;
      --color-foreground: #1a1a1a;
      --color-muted: #6b7280;
      --color-muted-background: #f3f4f6;
      --color-primary: var(--primary-color);
      --color-primary-dark: var(--primary-hover-color);
      --color-primary-light: var(--primary-alt-color);
      --color-accent: #f9a8d4;
      --color-border: #e5e7eb;
      --color-card: #ffffff;
      --color-values:var(--background-color);
      --color-foreground-muted: rgba(26, 26, 26, 0.7);
      --color-background-rgb: 255, 255, 255;
      --color-background-80: rgba(255, 255, 255, 0.8);
      --color-primary-rgb: 236, 72, 153;
      
      /* Spacing */
      --spacing-xs: 0.25rem;
      --spacing-sm: 0.5rem;
      --spacing-md: 1rem;
      --spacing-lg: 1.5rem;
      --spacing-xl: 2rem;
      --spacing-2xl: 3rem;
      --spacing-3xl: 4rem;
      
      /* Typography */
     
      --font-size-xs: 0.75em;
      --font-size-sm: 0.875em;
      --font-size-md: 1em;
      --font-size-lg: 1.125em;
      --font-size-xl: 1.25em;
      --font-size-2xl: 1.5em;
      --font-size-3xl: 1.875em;
      --font-size-4xl: 2.25em;
      --font-size-5xl: 3em;
      
      /* Borders */
      --border-radius-sm: 0.25rem;
      --border-radius-md: 0.375rem;
      --border-radius-lg: 0.5rem;
      --border-radius-xl: 0.75rem;
      --border-radius-2xl: 1rem;
      --border-radius-full: 9999px;
      
      /* Shadows */
      --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      
      /* Transitions */
      --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
      --transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);
      
      /* Container */
      --container-padding: 1rem;
      --container-max-width: 1280px;
    }

@media (max-width: 768px) {
  :root {
    /* Container */
      --container-padding: 1.3em;
      
  }
}




body {

  background-color: var(--color-background);
  color: var(--color-foreground);
  line-height: 1.5;
  transition: background-color var(--transition-normal), color var(--transition-normal);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

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

a {
  color: inherit;
  text-decoration: none;
}

ul, ol {
  list-style: none;
}

button, input, select, textarea {
  font: inherit;
}

main {
  flex: 1;
}

.container {
  width: 100%;
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.2;
}

h1 {
  font-size: var(--font-size-4xl);
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: var(--font-size-3xl);
  margin-bottom: var(--spacing-md);
}

h3 {
  font-size: var(--font-size-xl);
  margin-bottom: var(--spacing-sm);
}

p {
  margin-bottom: var(--spacing-md);
}

@media (min-width: 768px) {
  h1 {
    font-size: var(--font-size-5xl);
  }
  
  h2 {
    font-size: var(--font-size-4xl);
  }
  
  h3 {
    font-size: var(--font-size-2xl);
  }
}
      /* Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  border-radius: var(--border-radius-md);
  font-weight: 500;
  transition: all var(--transition-fast);
  cursor: pointer;
  border: none;
  text-align: center;
}

.btn i {
  margin-left: 0.5rem;
}

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

.btn-primary:hover {
  background-color: var(--color-primary-dark);
}

.btn-outline {
  background-color: transparent;
  border: 1px solid var(--color-border);
  color: var(--color-foreground);
}

.btn-outline:hover {
  background-color: var(--color-muted-background);
}

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

.btn-light:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.btn-outline-light {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}

.btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.btn-link {
  color: var(--color-primary);
  display: inline-flex;
  align-items: center;
  font-weight: 500;
}

.btn-link:hover {
  color: var(--color-primary-dark);
}

.btn-link i {
  margin-left: 0.25rem;
  transition: transform var(--transition-fast);
}

.btn-link:hover i {
  transform: translateX(3px);
}
 
    .container {
      width: 100%;
      max-width: var(--container-max-width);
      margin-left: auto;
      margin-right: auto;
      padding-left: var(--container-padding);
      padding-right: var(--container-padding);
    }
    
    .prayatna-hero-section {
        display: flex;
        min-height: 500px;
        background: linear-gradient(to right, #fff, #f0f0f0);
        padding: 4em;
        position: relative;
        overflow: hidden;
    }
    .prayatna-hero-content {
        flex: 1;
        padding: 2em;
        max-width: 650px;
    }
    .prayatna-hero-image {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    .prayatna-image-container {
        width: 100%;
        height: 400px;
        border-radius: 12px;
        overflow: hidden;
        
    }
    .prayatna-actual-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        transition: transform 0.5s ease;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }
    .prayatna-image-container:hover .prayatna-actual-image {
        transform: scale(1.05);
    }
    .prayatna-tag {
        background-color: #f8e6ed;
        color: #d23f6c;
        padding: 0.5em 1em;
        border-radius: 50px;
        display: inline-block;
        margin-bottom: 1.5em;
        font-size: 0.9em;
    }
    .prayatna-heading {
        font-size: 3em;
        line-height: 1.2;
        margin-bottom: 0.4em;
        font-weight: bold;
    }
    .prayatna-heading .prayatna-highlight {
        color: #d23f6c;
    }
    .prayatna-subtitle {
        font-size: 1.1em;
        line-height: 1.5;
        margin-bottom: 2em;
        color: #555;
    }
    .prayatna-btn-container {
        display: flex;
        gap: 1em;
    }
    .prayatna-btn {
        padding: 0.8em 1.5em;
        border-radius: 5px;
        font-weight: 600;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .prayatna-btn:hover {
        border-color:#c1c1c1;
    }
    .prayatna-btn-primary {
        background-color: #d23f6c;
        color: white;
        border: none;
    }
    .prayatna-btn-primary:hover {
        background-color: #b8355c;
    }
    .prayatna-btn-secondary {
        background-color: transparent;
        color: #333;
        border: 1px solid #ddd;
    }
    .prayatna-btn-secondary:hover {
        background-color: #f0f0f0;
    }
    .prayatna-icon {
        margin-left: 0.5em;
    }
    @media (max-width: 768px) {
        .prayatna-hero-section {
            flex-direction: column;
            padding: 1em;
        }
        .prayatna-hero-content {
            padding: 1em;
            order: 2;
        }
        .prayatna-image-container {
       
        height: auto;
         }
    }
     /* Stats Section */
      .stats {
        padding: 3rem 0;
      }
      
      .stats-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        background-color: var(--color-card);
        border: 1px solid var(--color-border);
        border-radius: var(--border-radius-xl);
        padding: 1.5rem;
        box-shadow: var(--shadow-sm);
      }
      
      .stat-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 1rem;
      }
      
      .stat-number {
        font-size: var(--font-size-3xl);
        font-weight: 700;
        color: var(--color-primary);
        margin-bottom: 0.25rem;
      }
      
      .stat-label {
        font-size: var(--font-size-sm);
        color: var(--color-muted);
      }
      
      @media (min-width: 768px) {
        .stats-grid {
          grid-template-columns: repeat(4, 1fr);
          padding: 2rem;
        }
        
        .stat-number {
          font-size: var(--font-size-4xl);
        }
      }
    
    
     /* Section Headers */
      .section-header {
        text-align: center;
        max-width: 48em;
        margin: 0 auto 3em;
      }
      
      .section-header p {
        color: var(--color-muted);
        margin-top: 1em;
      }
      
      .section-header-with-action {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 2em;
      }
      
      /* Values Section */
      .values {
        padding: 4em 0;
      }
      
      .values-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.5em;
      }
      
      .value-card {
        background-color: var(--color-card);
        border: 1px solid var(--color-border);
        border-radius: var(--border-radius-lg);
        padding: 1.5em;
        transition: transform var(--transition-fast), box-shadow var(--transition-fast);
      }
      
      .value-card:hover {
        transform: translateY(-5px);
        box-shadow: var(--shadow-md);
      }
      
      .value-icon {
        width: 4em;
        height: 4em;
        background-color: var(--color-values);
        color: var(--color-primary-dark);
        border-radius: var(--border-radius-lg);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1em;
      }
      
     .value-card h3{
       font-size: var(--font-size-2xl);
       color:var(--color-dark);
       line-height:1.3em;
     }
      
      .value-card p {
        color: var(--color-muted);
        font-size: var(--font-size-sm);
        margin-bottom: 0;
      }
      
      @media (min-width: 640px) {
        .values-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      
      @media (min-width: 1024px) {
        .values-grid {
          grid-template-columns: repeat(3, 1fr);
        }
      }
    
    /* Programs Section */
    .programs {
      padding: 4rem 0;
      background-color: var(--color-muted-background);
    }
    
    .programs-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 2rem;
    }
    
    .program-card {
      background-color: var(--color-card);
      border-radius: var(--border-radius-lg);
      overflow: hidden;
      box-shadow: var(--shadow-sm);
      transition: transform var(--transition-fast), box-shadow var(--transition-fast);
    }
    
    .program-card:hover {
      transform: translateY(-5px);
      box-shadow: var(--shadow-md);
    }
    
    .program-image {
      overflow: hidden;
      aspect-ratio: 16 / 9;
    }
    
    .program-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform var(--transition-normal);
    }
    
    .program-card:hover .program-image img {
      transform: scale(1.05);
    }
    
    .program-content {
      padding: 1.5rem;
    }

   .program-content h3{
       font-size: var(--font-size-2xl);
       color:var(--color-dark);
       line-height:1.3em;
     }
    
    
    .program-content p {
      color: var(--color-muted);
      margin-bottom: 1rem;
    }
    
    @media (min-width: 768px) {
      .programs-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (min-width: 1024px) {
      .programs-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

/* News Section */
.homepage-news {
  padding: 4rem 0;
}

.homepage-news-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.homepage-news-card {
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.homepage-news-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
}

.homepage-news-image {
  overflow: hidden;
  aspect-ratio: 16 / 9;
}

.homepage-news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-normal);
}

.homepage-news-card:hover .news-image img {
  transform: scale(1.05);
}

.homepage-news-content {
  padding: 1.5rem;
}

.homepage-news-date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-muted);
  font-size: var(--font-size-xs);
  margin-bottom: 0.75rem;
}

.homepage-news-content p {
  color: var(--color-muted);
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mobile-center {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

.desktop-only {
  display: none;
}

.mobile-only {
  display: inline-flex;
}

@media (min-width: 640px) {
  .desktop-only {
    display: inline-flex;
  }
  
  .mobile-only {
    display: none;
  }
  
  .homepage-news-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .homepage-news-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* Homepage Resources and Notices Section */
.homepage-resources-notices {
  padding: 4rem 0;
  background-color: var(--color-muted-background);
}

.homepage-resources-notices-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
}

.homepage-resource-list, .homepage-notice-list {
  display: grid;
  gap: 1.5rem;
}

.homepage-resource-item, .homepage-notice-item {
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  padding: 1rem;
  transition: box-shadow var(--transition-fast);
}

.homepage-resource-item:hover, .homepage-notice-item:hover {
  box-shadow: var(--shadow-sm);
}

.homepage-resource-item h3, .homepage-notice-item h3 {
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.homepage-resource-item h3 a, .homepage-notice-item h3 a {
  transition: color var(--transition-fast);
}

.homepage-resource-item:hover h3 a, .homepage-notice-item:hover h3 a {
  color: var(--color-primary);
}

.homepage-resource-meta, .homepage-notice-date {
  display: flex;
  gap: 1rem;
  color: var(--color-muted);
  font-size: var(--font-size-xs);
}

.homepage-meta-item { /* Assuming this is part of the resources/notices section */
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

@media (min-width: 768px) {
  .homepage-resources-notices-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* Homepage CTA Section */
.homepage-cta {
  padding: 4rem 0;
  background: linear-gradient(to bottom right, var(--color-primary), var(--color-primary-dark));
  color: white;
  position: relative;
  overflow: hidden;
}

.homepage-cta::before, .homepage-cta::after {
  content: '';
  position: absolute;
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  filter: blur(3rem);
}

.homepage-cta::before {
  top: -8rem;
  right: -8rem;
}

.homepage-cta::after {
  bottom: -8rem;
  left: -8rem;
}

.homepage-cta-content {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 48rem;
  margin: 0 auto;
}

.homepage-cta-content h2 {
  margin-bottom: 1rem;
}

.homepage-cta-content p {
  margin-bottom: 2rem;
  opacity: 0.9;
}

.homepage-cta-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
}

@media (min-width: 640px) {
  .homepage-cta-buttons {
    flex-direction: row;
  }
}



/* About Page */
/* About Page Specific Styles */

/* Hero Section */
.about-hero {
  position: relative;
  padding: 6rem 0;
  text-align: center;
  background-color: var(--color-background);
  overflow: hidden;
}

.about-hero-content {
  position: relative;
  z-index: 1;
  max-width: 48rem;
  margin: 0 auto;
}

.about-hero h1 {
  margin-bottom: 1rem;
  background-image: linear-gradient(to bottom, var(--color-foreground), var(--color-foreground-muted, rgba(var(--color-foreground), 0.7)));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size:4rem;
}

.about-hero p {
  font-size: var(--font-size-lg);
  color: var(--color-muted);
  max-width: 60rem;
  margin: 0 auto;
}

.about-hero-bg {
  position: absolute;
  inset: 0;
  background-image: 
    radial-gradient(circle at 30% 30%, rgba(var(--color-primary-rgb, 236, 72, 153), 0.05), transparent 60%),
    linear-gradient(to bottom, rgba(var(--color-background-rgb, 255, 255, 255), 0), rgba(var(--color-background-rgb, 255, 255, 255), 1));
  z-index: 0;
}

.about-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  mask-image: radial-gradient(white, transparent 70%);
  -webkit-mask-image: radial-gradient(white, transparent 70%);
  z-index: -1;
  opacity: 0.1;
}

/* Main Content Section */
.about-content {
  padding: 3rem 0;
}

.about-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}

/* Main Content Area */
.share-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.share-buttons span {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-muted);
}

.social-share {
  display: flex;
  gap: 0.5rem;
}

.featured-image {
  position: relative;
  margin-bottom: 2rem;
  border-radius: var(--border-radius-xl);
  overflow: hidden;
  padding:0px;
  background:#fafafa;
}

.featured-image img {
  width: 100%;
  max-height: 500px;
  object-fit:contain;
  display: block;
  border-radius: var(--border-radius-xl);
}

.featured-image::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to top, var(--color-background-80, rgba(var(--color-background-rgb, 255, 255, 255), 0.8)), transparent);
  pointer-events: none;
}

.image-badge {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 1;
  padding: 0.25rem 0.75rem;
  color:#353935;
  background-color: var(--color-background-80, rgba(var(--color-background-rgb, 255, 255, 255), 0.8));
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-xs);
  font-weight: 500;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.about-text {
  max-width: 100%;
}

.about-text h2 {
  color: var(--color-foreground);
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: var(--font-size-2xl);
}

.about-text p {
  color: var(--color-foreground);
  margin-bottom: 1.5rem;
  line-height: 1.7;
}

.about-text ul {
  list-style-type: disc;
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}

.about-text li {
  margin-bottom: 0.75rem;
  line-height: 1.7;
}

.btn-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
}

.btn-with-icon i {
  transition: transform var(--transition-fast);
}

.btn-with-icon:hover i {
  transform: translateX(4px);
}

/* Sidebar */
.about-sidebar {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.sidebar-card {
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  padding: 1.5rem;
  width:100%;
}

.sidebar-card h2 {
  font-size: var(--font-size-lg);
  margin-bottom: 1rem;
}

.search-box {
  display: flex;
  gap: 0.5rem;
}

.search-box input {
  flex: 1;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  background-color: var(--color-background);
  color: var(--color-foreground);
}

.search-box button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  background-color: var(--color-background);
  color: var(--color-foreground);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.search-box button:hover {
  background-color: var(--color-muted-background);
}

.recent-posts article {
  margin-bottom: 1rem;
}

.recent-posts h3 {
  font-size: var(--font-size-xl);
  font-weight: 500;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.recent-posts h3 a {
  transition: color var(--transition-fast);
  font-size:var(--font-size-xl);
}

.recent-posts h3 a:hover {
  color: var(--color-primary);
}

.recent-posts p {
  font-size: var(--font-size-sm);
  color: var(--color-muted);
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.divider {
  height: 1px;
  background-color: var(--color-border);
  margin: 1rem 0;
  width:100%;
}

.quick-links {
  display: flex;
  width:100%;
  flex-direction: column;
  gap: 0.5rem;
}

.quick-links a {
  font-size: var(--font-size-sm);
  color: var(--color-muted);
  transition: color var(--transition-fast);
}

.quick-links a:hover {
  color: var(--color-foreground);
}

/* CTA Section */
.about-cta {
  margin-top: 2rem;
}

/* Responsive Styles */
@media (min-width: 768px) {
  .about-hero {
    padding: 8rem 0;
  }
  
  .about-grid {
    grid-template-columns: 2fr 1fr;
    gap: 3rem;
  }
}
/* Single News Article Page Specific Styles */

/* Article Header */
.article-header {
  padding: 3rem 0 2rem;
  background-color: var(--color-background);
  border-bottom: 1px solid var(--color-border);
}

.article-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  font-size: var(--font-size-sm);
  color: var(--color-muted);
}

.article-breadcrumb a {
  color: var(--color-muted);
  transition: color var(--transition-fast);
}

.article-breadcrumb a:hover {
  color: var(--color-primary);
}

.article-breadcrumb i {
  font-size: 0.75rem;
  color: var(--color-muted);
}

.article-header h1 {
  margin-bottom: 1.5rem;
  font-size: var(--font-size-3xl);
  line-height: 1.3;
  max-width: 48rem;
}

.article-meta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.article-meta-left, .article-meta-right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.article-author {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.author-image {
  width: 3rem;
  height: 3rem;
  border-radius: var(--border-radius-full);
  object-fit: cover;
}

.author-info {
  display: flex;
  flex-direction: column;
}

.author-name {
  font-weight: 500;
  color: var(--color-foreground);
}

.author-role {
  font-size: var(--font-size-xs);
  color: var(--color-muted);
}

.article-date, .article-category, .article-reading-time {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--color-muted);
}

.article-category a {
  color: var(--color-muted);
  transition: color var(--transition-fast);
}

.article-category a:hover {
  color: var(--color-primary);
}

/* Article Content */
.article-content {
  padding: 3rem 0 5rem;
}

.article-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}

/* Main Content */
.article-main {
  position: relative;
}

/* Share Buttons (Vertical) */
.share-vertical {
  display: none;
  position: absolute;
  left: -5rem;
  top: 0;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.share-vertical span {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--color-muted);
}

.share-vertical a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius-full);
  background-color: var(--color-muted-background);
  color: var(--color-foreground);
  transition: all var(--transition-fast);
}

.share-vertical a:hover {
  background-color: var(--color-primary);
  color: white;
}

/* Featured Image */
.article-featured-image {
  margin-bottom: 2rem;
  border-radius: var(--border-radius-xl);
  overflow: hidden;
}

.article-featured-image img {
  width: 100%;
  max-height:500px;
  object-fit:contain;
  display: block;
}

.image-caption {
  padding: 0.75rem 1rem;
  background-color: var(--color-muted-background);
  font-size: var(--font-size-sm);
  color: var(--color-muted);
  text-align: center;
}

/* Article Body */
.article-body {
  max-width: 100%;
  margin-bottom: 3rem;
}

.article-lead {
  font-size: var(--font-size-lg);
  line-height: 1.7;
  color: var(--color-foreground);
  margin-bottom: 2rem;
  font-weight: 500;
}

.article-body p {
  margin-bottom: 1.5rem;
  line-height: 1.7;
  color: var(--color-foreground);
}

.about-text a {
  color: var(--primary-color);
}
.about-text a:hover {
  color: var(--primary-hover-color);
}

.article-body h2 {
  margin: 2.5rem 0 1rem;
  font-size: var(--font-size-2xl);
  color: var(--color-foreground);
}

.article-body ul, .article-body ol {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}

.article-body li {
  margin-bottom: 0.75rem;
  line-height: 1.7;
}

.article-quote {
  margin: 2rem 0;
  padding: 1.5rem 2rem;
  border-left: 4px solid var(--color-primary);
  background-color: var(--color-muted-background);
  border-radius: var(--border-radius-md);
}

.article-quote blockquote {
  margin: 0;
  font-size: var(--font-size-lg);
  font-style: italic;
  line-height: 1.7;
  color: var(--color-foreground);
}

.article-quote cite {
  display: block;
  margin-top: 1rem;
  font-size: var(--font-size-sm);
  color: var(--color-muted);
  font-style: normal;
}

.article-image {
  margin: 2rem 0;
  border-radius: var(--border-radius-lg);
  overflow: hidden;
}

.article-image img {
  width: 100%;
  height: auto;
  display: block;
}

.article-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 2rem 0;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-border);
}

.article-tags span {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-muted);
}

/* Share Buttons (Horizontal) */
.share-horizontal {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 2rem 0;
  padding: 1.5rem;
  background-color: var(--color-muted-background);
  border-radius: var(--border-radius-lg);
}

.share-horizontal span {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-muted);
}

.share-buttons {
  display: flex;
  gap: 0.75rem;
}

.share-buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius-full);
  background-color: var(--color-background);
  color: var(--color-foreground);
  transition: all var(--transition-fast);
}

.share-buttons a:hover {
  background-color: var(--color-primary);
  color: white;
}


.btn-link {
  background: none;
  border: none;
  padding: 0;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary);
  cursor: pointer;
  transition: color var(--transition-fast);
}

.btn-link:hover {
  color: var(--color-primary-dark);
  text-decoration: underline;
}

/* Sidebar */
.article-sidebar {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Recent Posts in Sidebar */
.recent-posts article {
  margin-bottom: 1.25rem;
}

.recent-posts article:last-child {
  margin-bottom: 0;
}

.recent-posts article a {
  display: flex;
  gap: 1rem;
  font-size:var(--font-size-xl)
}

.recent-posts article img {
  width: 4rem;
  height: 4rem;
  border-radius: var(--border-radius-md);
  object-fit: cover;
}

.recent-posts article h3 {
  font-size: var(--font-size-sm);
  font-weight: 500;
  margin-bottom: 0.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.post-date {
  font-size: var(--font-size-xs);
  color: var(--color-muted);
}

/* Related Articles */
.related-articles {
  padding: 3rem 0;
  background-color: var(--color-muted-background);
}

.related-articles h2 {
  margin-bottom: 2rem;
  font-size: var(--font-size-2xl);
}

.related-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.related-article {
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.related-article:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
}

.related-image {
  display: block;
  overflow: hidden;
}

.related-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  transition: transform var(--transition-normal);
}

.related-article:hover .related-image img {
  transform: scale(1.05);
}

.related-content {
  padding: 1.5rem;
}

.related-content h3 {
  margin: 0.75rem 0;
  font-size: var(--font-size-lg);
  line-height: 1.4;
}

.related-content h3 a {
  color: var(--color-foreground);
  transition: color var(--transition-fast);
}

.related-content h3 a:hover {
  color: var(--color-primary);
}

.related-content p {
  color: var(--color-muted);
  margin-bottom: 0;
  line-height: 1.7;
}

/* Responsive Styles */
@media (min-width: 640px) {
  .form-row {
    grid-template-columns: 1fr 1fr;
  }
  
  .share-horizontal {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  
  .related-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .article-meta {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .article-grid {
    grid-template-columns: 2fr 1fr;
    gap: 3rem;
  }
  
  .share-vertical {
    display: flex;
  }
  
  .related-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1280px) {
  .article-main {
    padding-left: 2rem;
  }
}

/* Dark Theme Adjustments */
.dark-theme .article-quote {
  background-color: rgba(255, 255, 255, 0.05);
}

/* News Page Specific Styles */

/* Hero Section */
.news-hero {
  position: relative;
  padding: 6rem 0;
  text-align: center;
  background-color: var(--color-background);
  overflow: hidden;
}

.news-hero-content {
  position: relative;
  z-index: 1;
  max-width: 48rem;
  margin: 0 auto;
}

.news-hero h1 {
  margin-bottom: 1rem;
  background-image: linear-gradient(to bottom, var(--color-foreground), var(--color-foreground-muted, rgba(var(--color-foreground), 0.7)));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.news-hero p {
  font-size: var(--font-size-lg);
  color: var(--color-muted);
  max-width: 42rem;
  margin: 0 auto;
}

.news-hero-bg {
  position: absolute;
  inset: 0;
  background-image: 
    radial-gradient(circle at 20% 30%, rgba(var(--color-primary-rgb, 236, 72, 153), 0.05), transparent 60%),
    linear-gradient(to bottom, rgba(var(--color-background-rgb, 255, 255, 255), 0), rgba(var(--color-background-rgb, 255, 255, 255), 1));
  z-index: 0;
}

.news-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  mask-image: radial-gradient(white, transparent 70%);
  -webkit-mask-image: radial-gradient(white, transparent 70%);
  z-index: -1;
  opacity: 0.1;
}

/* News Content Section */
.news-content {
  padding: 3rem 0 5rem;
}

.news-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}

/* Featured News */
.featured-news {
  margin-bottom: 3rem;
  border-radius: var(--border-radius-xl);
  overflow: hidden;
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-sm);
}

.featured-news-image {
  position: relative;
  width: 100%;
}

.featured-news-image img {
  width: 100%;
  height: 500px;
  object-fit:cover;
  object-position:center;
  display: block;
}

.featured-badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.25rem 0.75rem;
  background-color: var(--color-primary);
  color: white;
  font-size: var(--font-size-xs);
  font-weight: 500;
  border-radius: var(--border-radius-full);
  z-index: 1;
}

.featured-news-content {
  padding: 1.5rem;
}

.featured-news-content h2 {
  margin: 0.75rem 0;
  font-size: var(--font-size-2xl);
}

.featured-news-content h2 a {
  color: var(--color-foreground);
  transition: color var(--transition-fast);
}

.featured-news-content h2 a:hover {
  color: var(--color-primary);
}

.featured-news-content p {
  margin-bottom: 1.5rem;
  color: var(--color-muted);
  line-height: 1.7;
}

/* News Filter */
.news-filter {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border);
}

.filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.filter-tab {
  padding: 0.5rem 1rem;
  background: none;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-sm);
  color: var(--color-muted);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.filter-tab:hover {
  background-color: var(--color-muted-background);
}

.filter-tab.active {
  background-color: var(--color-primary);
  color: white;
  border-color: var(--color-primary);
}

.filter-sort {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.filter-sort label {
  font-size: var(--font-size-sm);
  color: var(--color-muted);
}

.sort-select {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  background-color: var(--color-background);
  color: var(--color-foreground);
  font-size: var(--font-size-sm);
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 0.75rem;
}

/* News List */
.news-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.news-item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--color-border);
}

.news-item:last-child {
  border-bottom: none;
}

.news-item-image {
  display: block;
  border-radius: var(--border-radius-lg);
  overflow: hidden;
}

.news-item-image img {
  width: 100%;
  height: 200px;
  object-fit:cover;
  object-position:center;
  display: block;
  transition: transform var(--transition-normal);
}

.news-item-image:hover img {
  transform: scale(1.05);
}

.news-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.news-date, .news-category {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--color-muted);
}

.news-item-content h3 {
  margin-bottom: 0.75rem;
  font-size: var(--font-size-xl);
  line-height: 1.4;
}

.news-item-content h3 a {
  color: var(--color-foreground);
  transition: color var(--transition-fast);
}

.news-item-content h3 a:hover {
  color: var(--color-primary);
}

.news-item-content p {
  color: var(--color-muted);
  margin-bottom: 1rem;
  line-height: 1.7;
}

.read-more {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary);
  transition: all var(--transition-fast);
}

.read-more i {
  transition: transform var(--transition-fast);
}

.read-more:hover i {
  transform: translateX(4px);
}

/* Pagination */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  gap: 1rem;
}

.pagination-prev, .pagination-next {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-foreground);
  transition: all var(--transition-fast);
}

.pagination-prev:hover, .pagination-next:hover {
  background-color: var(--color-muted-background);
}

.pagination-prev.disabled, .pagination-next.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.pagination-numbers {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.pagination-numbers a, .pagination-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-foreground);
  transition: all var(--transition-fast);
}

.pagination-numbers a:hover {
  background-color: var(--color-muted-background);
}

.pagination-numbers a.active {
  background-color: var(--color-primary);
  color: white;
}

/* Sidebar */
.news-sidebar {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.sidebar-card {
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  padding: 1.5rem;
}

.sidebar-card h2 {
  font-size: var(--font-size-lg);
  margin-bottom: 1rem;
}

.sidebar-card p {
  color: var(--color-muted);
  margin-bottom: 1rem;
  font-size: var(--font-size-sm);
}

.search-box {
  display: flex;
  gap: 0.5rem;
}

.search-box input {
  flex: 1;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  background-color: var(--color-background);
  color: var(--color-foreground);
}

.search-box button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  background-color: var(--color-background);
  color: var(--color-foreground);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.search-box button:hover {
  background-color: var(--color-muted-background);
}

/* Category List */
.category-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.category-list li {
  border-bottom: 1px solid var(--color-border);
}

.category-list li:last-child {
  border-bottom: none;
}

.category-list a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  color: var(--color-foreground);
  transition: color var(--transition-fast);
}

.category-list a:hover {
  color: var(--color-primary);
}

.category-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.5rem;
  background-color: var(--color-muted-background);
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-xs);
  color: var(--color-muted);
}

/* Archive List */
.archive-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.archive-list li {
  border-bottom: 1px solid var(--color-border);
}

.archive-list li:last-child {
  border-bottom: none;
}

.archive-list a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  color: var(--color-foreground);
  transition: color var(--transition-fast);
}

.archive-list a:hover {
  color: var(--color-primary);
}

.archive-list span {
  font-size: var(--font-size-xs);
  color: var(--color-muted);
}

/* Tag Cloud */
.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.tag {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background-color: var(--color-muted-background);
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-xs);
  color: var(--color-muted);
  transition: all var(--transition-fast);
}

.tag:hover {
  background-color: var(--color-primary);
  color: white;
}

/* Sidebar Form */
.sidebar-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.sidebar-form input {
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  background-color: var(--color-background);
  color: var(--color-foreground);
}

.btn-full {
  width: 100%;
}

/* Responsive Styles */
@media (min-width: 768px) {
  .news-hero {
    padding: 8rem 0;
  }
  
  .news-filter {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  
  .news-item {
    grid-template-columns: 250px 1fr;
  }
}

@media (min-width: 1024px) {
  .news-grid {
    grid-template-columns: 2fr 1fr;
    gap: 3rem;
  }
  
  .news-item {
    grid-template-columns: 300px 1fr;
  }
}


}
/* Articles Page Specific Styles */

/* Hero Section */
.prayatna-articles-hero {
  position: relative;
  padding: 6rem 0;
  text-align: center;
  background-color: var(--color-background);
  overflow: hidden;
}

.prayatna-articles-hero-content {
  position: relative;
  z-index: 1;
  max-width: 48rem;
  margin: 0 auto;
  text-align:center;
}

.prayatna-articles-hero h1 {
  margin-bottom: 1rem;
  background-image: linear-gradient(to bottom, var(--color-foreground), var(--color-foreground-muted, rgba(var(--color-foreground), 0.7)));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.prayatna-articles-hero p {
  font-size: var(--font-size-lg);
  color: var(--color-muted);
  max-width: 42rem;
  margin: 0 auto;
}

.prayatna-articles-hero-bg {
  position: absolute;
  inset: 0;
  background-image: 
    radial-gradient(circle at 20% 30%, rgba(var(--color-primary-rgb, 236, 72, 153), 0.05), transparent 60%),
    linear-gradient(to bottom, rgba(var(--color-background-rgb, 255, 255, 255), 0), rgba(var(--color-background-rgb, 255, 255, 255), 1));
  z-index: -1;
  pointer-events: none;
}

.prayatna-articles-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  mask-image: radial-gradient(white, transparent 70%);
  -webkit-mask-image: radial-gradient(white, transparent 70%);
  z-index: -1;
  opacity: 0.1;
  pointer-events: none;
}

/* Articles Content Section */
.prayatna-articles-content {
  padding: 3rem 0 5rem;
}

/* Articles Grid */
.prayatna-articles-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

/* Article Card */
.prayatna-article-card {
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.prayatna-article-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary);
}

.prayatna-article-content {
  padding: 1.5rem;
}

.prayatna-article-content h3 {
  margin-bottom: 1rem;
  font-size: var(--font-size-xl);
  line-height: 1.4;
}

.prayatna-article-content h3 a {
  color: var(--primary-hover-color);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.prayatna-article-content h3 a:hover {
  color: var(--secondary-hover-color);
}

.prayatna-article-meta {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  font-size: var(--font-size-sm);
  color: var(--color-muted);
}

.prayatna-article-date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.prayatna-article-date::before {
  content: '\f133';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
}

.prayatna-article-source {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.prayatna-article-source::before {
  content: '\f02d';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
}

.prayatna-article-excerpt {
  color: var(--color-muted);
  margin-bottom: 1.5rem;
  font-size: var(--font-size-sm);
  line-height: 1.6;
}

.prayatna-article-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-primary);
  font-weight: 500;
  text-decoration: none;
  transition: gap var(--transition-fast);
}

.prayatna-article-link:hover {
  gap: 0.75rem;
}

.prayatna-article-link i {
  font-size: 0.875em;
}

/* Responsive Styles */
@media (min-width: 640px) {
  .prayatna-articles-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .prayatna-articles-hero {
    padding: 8rem 0;
  }
}

@media (min-width: 1024px) {
  .prayatna-articles-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Pagination Styles */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 2.5rem;
  font-size: var(--font-size-md);
  flex-wrap: wrap;
}

.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
  border-radius: var(--border-radius-md);
  background: transparent;
  color: var(--color-foreground);
  border: 1px solid var(--color-border);
  text-decoration: none;
  font-weight: 500;
  transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
  cursor: pointer;
  user-select: none;
}

.page-numbers:hover,
.page-numbers:focus {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
  outline: none;
}

.page-numbers.current,
.page-numbers[aria-current="page"] {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
  cursor: default;
  pointer-events: none;
}

.page-numbers.dots {
  background: none;
  border: none;
  color: var(--color-muted);
  cursor: default;
  pointer-events: none;
}

.next.page-numbers {
  font-weight: 600;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (max-width: 480px) {
  .pagination {
    gap: 0.25rem;
    font-size: var(--font-size-sm);
  }
  .page-numbers {
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.5rem;
  }
}

/* Articles Single Template */
/* Article Single Page Specific Styles */

/* Article Header */
.ast-header {
  padding: 3rem 0 2rem;
  background-color: var(--color-background);
  border-bottom: 1px solid var(--color-border);
}

.ast-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  font-size: var(--font-size-sm);
  color: var(--color-muted);
}

.ast-breadcrumb a {
  color: var(--color-muted);
  transition: color var(--transition-fast);
}

.ast-breadcrumb a:hover {
  color: var(--color-primary);
}

.ast-breadcrumb i {
  font-size: 0.75rem;
  color: var(--color-muted);
}

.ast-header h1 {
  margin-bottom: 1.5rem;
  font-size: var(--font-size-3xl);
  line-height: 1.3;
  max-width: 48rem;
}

.ast-meta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ast-meta-left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.ast-date, .ast-category {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--color-muted);
}

.ast-category a {
  color: var(--color-muted);
  transition: color var(--transition-fast);
}

.ast-category a:hover {
  color: var(--color-primary);
}

/* Article Content */
.ast-content {
  padding: 3rem 0 5rem;
}

.ast-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}

/* Main Content */
.ast-main {
  position: relative;
}

/* Share Buttons */
.ast-share-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border);
}

.ast-share-buttons span {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-muted);
}

.ast-share-links {
  display: flex;
  gap: 0.75rem;
}

.ast-share-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius-full);
  background-color: var(--color-muted-background);
  color: var(--color-foreground);
  transition: all var(--transition-fast);
}

.ast-share-links a:hover {
  background-color: var(--color-primary);
  color: white;
}

/* Article Body */
.ast-body {
  max-width: 100%;
  margin-bottom: 3rem;
}

.ast-lead {
  font-size: var(--font-size-lg);
  line-height: 1.7;
  color: var(--color-foreground);
  margin-bottom: 2rem;
  font-weight: 500;
}

.ast-body p {
  margin-bottom: 1.5rem;
  line-height: 1.7;
  color: var(--color-foreground);
}

.ast-body h2 {
  margin: 2.5rem 0 1rem;
  font-size: var(--font-size-2xl);
  color: var(--color-foreground);
}

/* Video Section */
.ast-video {
  margin: 2rem 0;
}

.ast-video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  height: 0;
  overflow: hidden;
  border-radius: var(--border-radius-lg);
}

.ast-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Article Source */
.ast-source {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-border);
}

.ast-source h3 {
  margin-bottom: 1rem;
  font-size: var(--font-size-lg);
  color: var(--color-foreground);
}

.ast-btn-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary);
  transition: all var(--transition-fast);
}

.ast-btn-link i {
  transition: transform var(--transition-fast);
}

.ast-btn-link:hover i {
  transform: translateX(4px);
}

/* Sidebar */
.ast-sidebar {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.ast-sidebar-section {
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  padding: 1.5rem;
}

.ast-sidebar-section h3 {
  margin-bottom: 1.5rem;
  font-size: var(--font-size-lg);
  color: var(--color-foreground);
}

/* Article Author */
.ast-author {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.ast-author-avatar {
  width: 6rem;
  height: 6rem;
  border-radius: var(--border-radius-full);
  object-fit: cover;
  border: 2px solid var(--color-primary);
}

.ast-author-info {
  display: flex;
  flex-direction: column;
}

.ast-author-name {
  font-weight: 500;
  color: var(--color-foreground);
  font-size: var(--font-size-sm);
}

.ast-author-role {
  color: var(--color-muted);
  font-size: var(--font-size-xs);
}

/* Similar Articles */
.ast-similar-articles {
  display: grid;
  gap: 1.5rem;
}

.ast-similar-article {
  display: grid;
  gap: 1rem;
  padding: 1.5rem;
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.ast-similar-article:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ast-similar-article .ast-author {
  margin-bottom: 0.75rem;
}

.ast-similar-article .ast-author-avatar {
  width: 2.5rem;
  height: 2.5rem;
}

.ast-similar-content h4 {
  margin-bottom: 0.5rem;
  font-size: var(--font-size-md);
  line-height: 1.4;
}

.ast-similar-content h4 a {
  color: var(--color-foreground);
  transition: color var(--transition-fast);
}

.ast-similar-content h4 a:hover {
  color: var(--color-primary);
}

.ast-similar-content p {
  font-size: var(--font-size-sm);
  color: var(--color-muted);
  margin-bottom: 0;
  line-height: 1.6;
}

/* Sidebar News */
.ast-sidebar-news {
  display: grid;
  gap: 1.5rem;
}

.ast-news-item {
  display: grid;
  gap: 1rem;
}

.ast-news-image {
  border-radius: var(--border-radius-md);
  overflow: hidden;
}

.ast-news-image img {
  width: 100%;
  height: 200px;
  object-fit:cover;
  object-position:top;
  display: block;
  transition: transform var(--transition-normal);
}

.ast-news-item:hover .ast-news-image img {
  transform: scale(1.05);
}

.ast-news-content h4 {
  margin-bottom: 0.5rem;
  font-size: var(--font-size-md);
  line-height: 1.4;
}

.ast-news-content h4 a {
  color: var(--color-foreground);
  transition: color var(--transition-fast);
}

.ast-news-content h4 a:hover {
  color: var(--color-primary);
}

.ast-news-meta {
  font-size: var(--font-size-xs);
  color: var(--color-muted);
  font-size:2rem;
}

/* Sidebar Resources */
.ast-sidebar-resources {
  display: grid;
  gap: 1rem;
}

.ast-resource-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background-color: var(--color-muted-background);
  border-radius: var(--border-radius-md);
  color: var(--color-foreground);
  transition: all var(--transition-fast);
}

.ast-resource-item:hover {
  background-color: var(--color-primary);
  color: white;
}

.ast-resource-item i {
  font-size: var(--font-size-lg);
}

.ast-resource-item span {
  font-size: var(--font-size-sm);
}

/* Responsive Styles */
@media (min-width: 768px) {
  .ast-meta {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .ast-grid {
    grid-template-columns: 2fr 1fr;
    gap: 3rem;
  }
}

@media (min-width: 1280px) {
  .ast-main {
    padding-left: 0rem;
  }
}

/* Dark Theme Adjustments */
.dark-theme .ast-resource-item {
  background-color: rgba(255, 255, 255, 0.05);
}

.dark-theme .ast-resource-item:hover {
  background-color: var(--color-primary);
} /* Resources Page Specific Styles */

/* Hero Section */
.at-resources-hero {
  position: relative;
  padding: 6rem 0;
  text-align: center;
  background-color: var(--color-background);
  overflow: hidden;
}

.at-resources-hero-content {
  position: relative;
  z-index: 1;
  max-width: 48rem;
  margin: 0 auto;
}

.at-resources-hero h1 {
  margin-bottom: 1rem;
  background-image: linear-gradient(to bottom, var(--color-foreground), var(--color-foreground-muted, rgba(var(--color-foreground), 0.7)));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.at-resources-hero p {
  font-size: var(--font-size-lg);
  color: var(--color-muted);
  max-width: 42rem;
  margin: 0 auto;
}

.atresources-hero-bg {
  position: absolute;
  inset: 0;
  background-image: 
    radial-gradient(circle at 70% 30%, rgba(var(--color-primary-rgb, 236, 72, 153), 0.05), transparent 60%),
    linear-gradient(to bottom, rgba(var(--color-background-rgb, 255, 255, 255), 0), rgba(var(--color-background-rgb, 255, 255, 255), 1));
  z-index: 0;
}

.at-resources-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  mask-image: radial-gradient(white, transparent 70%);
  -webkit-mask-image: radial-gradient(white, transparent 70%);
  z-index: -1;
  opacity: 0.1;
}

/* Resources Content Section */
.at-resources-content {
  padding: 3rem 0 5rem;
}

/* Resources Grid */
.at-resources-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

/* Resource Card */
.at-resource-card {
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  background-color: var(--color-card);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
  padding: 1.5rem;
}

.at-resource-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
}

.at-resource-type {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: white;
  margin-bottom: 1rem;
}

/* Resource type color classes based on custom taxonomy slugs */
.at-resource-type.at-act-and-policies {
  background-color: #ef4444; /* Red */
}

.at-resource-type.at-advocacy-document {
  background-color: #0ea5e9; /* Sky Blue */
}

.at-resource-type.at-audio-video {
  background-color: #9333ea; /* Violet */
}

.at-resource-type.at-digital-accessibility {
  background-color: #14b8a6; /* Teal */
}

.at-resource-type.at-organizational-information {
  background-color: #f97316; /* Orange */
}

.at-resource-type.at-research-and-surveys {
  background-color: #22c55e; /* Light Green */
}

.at-resource-type.at-sexual-and-reproductive-health {
  background-color: #ec4899; /* Pink */
}


.at-resource-content {
  padding: 0;
}

.at-resource-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.at-resource-date, .at-resource-category {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--color-muted);
}

.at-resource-content h3 {
  margin-bottom: 0.75rem;
  font-size: var(--font-size-xl);
  line-height: 1.4;
}

.at-resource-content h3 a {
  color: var(--color-foreground);
  transition: color var(--transition-fast);
}

.at-resource-content h3 a:hover {
  color: var(--color-primary);
}

.at-resource-content p {
  color: var(--color-muted);
  margin-bottom: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.at-resource-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.at-download-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--color-muted);
  transition: color var(--transition-fast);
}

.at-download-link:hover {
  color: var(--color-foreground);
}

/* Pagination */
.at-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  gap: 1rem;
}

.at-pagination-prev, .at-pagination-next {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-foreground);
  transition: all var(--transition-fast);
}

.at-pagination-prev:hover, .at-pagination-next:hover {
  background-color: var(--color-muted-background);
}

.at-pagination-prev.disabled, .at-pagination-next.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.at-pagination-numbers {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.at-pagination-numbers a, .at-pagination-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-foreground);
  transition: all var(--transition-fast);
}

.at-pagination-numbers a:hover {
  background-color: var(--color-muted-background);
}

.at-pagination-numbers a.active {
  background-color: var(--color-primary);
  color: white;
}

/* Responsive Styles */
@media (min-width: 768px) {
  .at-resources-hero {
    padding: 8rem 0;
  }
  
  .at-resources-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .at-resources-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Resource Single Page Specific Styles */


/* Resource Content */
.spt-resource-content {
  padding: 10px 0;  
}

.spt-resource-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}

/* Main Content */
.spt-resource-main {
  position: relative;
}

/* Resource Description */
.spt-resource-description {
  margin-bottom: 3rem;
}

.spt-resource-description h2 {
      margin-bottom: 1.5rem;
    font-size: var(--font-size-xl);
    color: var(--black-color);
}

.spt-resource-meta-container {
  margin-bottom: 2rem;
}

.spt-resource-type {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: white;
  margin-bottom: 1rem;
}

.spt-resource-type.spt-publication {
  background-color: #3b82f6; /* Blue */
}

.spt-resource-type.spt-research {
  background-color: #10b981; /* Green */
}

.spt-resource-type.spt-report {
  background-color: #f59e0b; /* Amber */
}

.spt-resource-type.spt-media {
  background-color: #8b5cf6; /* Purple */
}

.spt-resource-description h1 {
  margin-bottom: 1rem;
  font-size: var(--font-size-3xl);
  line-height: 1.3;
}

.spt-resource-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.spt-resource-date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--color-muted);
}

.spt-resource-description p {
  margin-bottom: 1.5rem;
  line-height: 1.7;
  color: var(--color-foreground);
}

.spt-resource-description ul {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}

.spt-resource-description li {
  margin-bottom: 0.75rem;
  line-height: 1.7;
}

/* Resource Files */
.spt-resource-files {
  margin-bottom: 3rem;
}

.spt-resource-files h2 {
  margin-bottom: 1.5rem;
  font-size: var(--font-size-xl);
  color:var(--black-color);
}

.spt-files-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.spt-file-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  transition: all var(--transition-fast);
}

.spt-file-item:hover {
  background-color: var(--color-muted-background);
}

.spt-file-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: var(--border-radius-md);
  color: white;
  font-size: var(--font-size-lg);
}

.spt-file-icon.spt-pdf {
  background-color: #e53e3e; /* Red */
}

.spt-file-icon.spt-word {
  background-color: #2563eb; /* Blue */
}

.spt-file-icon.spt-excel {
  background-color: #16a34a; /* Green */
}

.spt-file-icon.spt-powerpoint {
  background-color: #ea580c; /* Orange */
}

.spt-file-icon.spt-audio {
  background-color: #8b5cf6; /* Purple */
}

.spt-file-info {
  flex: 1;
}

.spt-file-info h3 {
  margin-bottom: 0.25rem;
  font-size:1em;
  font-weight: 500;
  line-height:1.4
}

.spt-file-meta {
  font-size: var(--font-size-xs);
  color: var(--color-muted);
}

.spt-file-action {
  display: flex;
  align-items: center;
  justify-content: center;
}

.spt-download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius-full);
  background-color: var(--color-background);
  color: var(--color-foreground);
  transition: all var(--transition-fast);
}

.spt-file-item:hover .spt-download-btn {
  background-color: var(--color-primary);
  color: white;
}

/* Resource Video */
.spt-resource-video {
  margin-bottom: 3rem;
}

.spt-resource-video h2 {
  margin-bottom: 1.5rem;
  font-size: var(--font-size-xl);
  color: var(--black-color);
}

.spt-video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  border-radius: var(--border-radius-lg);
  margin-bottom: 1.5rem;
}

.spt-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.spt-video-description {
  font-size: var(--font-size-sm);
  color: var(--color-muted);
  line-height: 1.7;
}

.spt-video-description p {
  margin-bottom: 1rem;
}

.spt-video-description p:last-child {
  margin-bottom: 0;
}

/* Resource Tags */
.spt-resource-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 2rem 0;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-border);
}

.spt-resource-tags span {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-muted);
}

.spt-tag {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background-color: var(--color-muted-background);
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-xs);
  color: var(--color-muted);
  transition: all var(--transition-fast);
}

.spt-tag:hover {
  background-color: var(--color-primary);
  color: white;
}

/* Share Buttons (Horizontal) */
.spt-share-horizontal {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 2rem 0;
  padding: 1.5rem;
  background-color: var(--color-muted-background);
  border-radius: var(--border-radius-lg);
}

.spt-share-horizontal span {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-muted);
}

.spt-share-buttons {
  display: flex;
  gap: 0.75rem;
}

.spt-share-buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius-full);
  background-color: var(--color-background);
  color: var(--color-foreground);
  transition: all var(--transition-fast);
}

.spt-share-buttons a:hover {
  background-color: var(--color-primary);
  color: white;
}

/* Sidebar */
.spt-resource-sidebar {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.spt-sidebar-card {
  background-color: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  padding: 1.5rem;
}

.spt-sidebar-card h2 {
  font-size: var(--font-size-lg);
  margin-bottom: 1rem;
}

.spt-sidebar-card p {
  color: var(--color-muted);
  margin-bottom: 1rem;
  font-size: var(--font-size-sm);
  line-height: 1.7;
}

/* Resource Details List */
.spt-resource-details-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.spt-resource-details-list li {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-border);
}

.spt-resource-details-list li:last-child {
  border-bottom: none;
}

.spt-detail-label {
  font-size: var(--font-size-sm);
  color: var(--color-muted);
}

.spt-detail-value {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-foreground);
  text-align:right;
  width:85%;
}

/* Related Resources */
.spt-related-resources {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.spt-related-resource {
  display: flex;
  gap: 1rem;
  padding: 0.75rem;
  border-radius: var(--border-radius-md);
  transition: background-color var(--transition-fast);
}

.spt-related-resource:hover {
  background-color: var(--color-muted-background);
}

.spt-related-resource-type {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius-md);
  color: white;
}

.spt-related-resource-type.publication {
  background-color: #3b82f6; /* Blue */
}

.spt-related-resource-type.research {
  background-color: #10b981; /* Green */
}

.spt-related-resource-type.report {
  background-color: #f59e0b; /* Amber */
}

.spt-related-resource-type.media {
  background-color: #8b5cf6; /* Purple */
}

.spt-related-resource-info {
  flex: 1;
}

.spt-related-resource-info h3 {
  font-size: var(--font-size-sm);
  font-weight: 500;
  margin-bottom: 0.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.spt-related-resource-date {
  font-size: var(--font-size-xs);
  color: var(--color-muted);
}

/* More Resources Section */
.spt-more-resources {
  padding: 3rem 0;
  background-color: var(--color-muted-background);
}

.spt-more-resources h2 {
  margin-bottom: 2rem;
  font-size: var(--font-size-2xl);
}

.spt-resources-grid-1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

/* Resource Card */
.spt-resource-card {
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  background-color: var(--color-card);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
  padding: 1.5rem;
}

.spt-resource-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
}

.spt-resource-type {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: white;
  margin-bottom: 1rem;
}

.spt-resource-content {
  padding: 10px 0;
}

.spt-resource-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.spt-resource-date, .spt-resource-category {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-xs);
  color: var(--color-muted);
}



.spt-resource-content h3 a {
  color: var(--primary-hover-color);
  transition: color var(--transition-fast);
}

.spt-resource-content h3 a:hover {
  color: var(--primary-color);
}

.spt-resource-content p {
  color: var(--color-muted);
  margin-bottom: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.spt-resource-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.btn-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary);
  transition: all var(--transition-fast);
}

.btn-link i {
  transition: transform var(--transition-fast);
}

.btn-link:hover i {
  transform: translateX(4px);
}

/* Latest Articles */
.spt-latest-articles {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.spt-latest-article {
  display: block;
  padding: 0.75rem;
  border-radius: var(--border-radius-md);
  transition: background-color var(--transition-fast);
}

.lspt-atest-article:hover {
  background-color: var(--color-muted-background);
}

.spt-latest-article-info h3 {
  font-size: var(--font-size-sm);
  font-weight: 500;
  margin-bottom: 0.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.spt-latest-article-date {
  font-size: var(--font-size-xs);
  color: var(--color-muted);
}

/* Latest News */
.spt-latest-news {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.spt-news-item {
  display: flex;
  gap: 1rem;
  padding: 0.75rem;
  border-radius: var(--border-radius-md);
  transition: background-color var(--transition-fast);
}

.spt-news-item:hover {
  background-color: var(--color-muted-background);
}

.spt-news-content {
  flex: 1;
}

.spt-news-content h3 {
  font-size: var(--font-size-sm);
  font-weight: 500;
  margin-bottom: 0.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.spt-news-date {
  font-size: var(--font-size-xs);
  color: var(--color-muted);
}

.spt-news-image {
  width: 4rem;
  height: 4rem;
  border-radius: var(--border-radius-md);
  overflow: hidden;
  flex-shrink: 0;
}

.spt-news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Responsive Styles */
@media (min-width: 640px) {
  .spt-files-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .spt-share-horizontal {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .spt-resources-grid-1 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .spt-resource-header-content {
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .spt-resource-grid {
    grid-template-columns: 2fr 1fr;
    gap: 3rem;
  }

  .spt-resources-grid-1 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1280px) {
  .spt-resource-main {
    padding-left: 2rem;
  }
}

.spt-resource-description p {
  overflow: visible !important;
  text-overflow: unset !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
}


.oxy-stock-content-styles img{
 height:auto;
}
.two-buttons-set > .btn-s:first-child{
 margin-right:1rem;
}
.two-buttons-set > .btn-m:first-child{
 margin-right:1rem;
}
.two-buttons-set > .btn-l:first-child{
 margin-right:1rem;
}
@media (max-width: 479px) {
.two-buttons-set > .btn-l:first-child{
 margin-right:0rem;
 margin-bottom:1rem;
}
}

@media (max-width: 479px) {
.two-buttons-set > .btn-m:first-child{
 margin-right:0rem;
 margin-bottom:1rem;
}
}

@media (max-width: 479px) {
.two-buttons-set > .btn-s:first-child{
 margin-right:0rem;
 margin-bottom:1rem;
}
}