@layer framework, injected, resets, utils, connor, zoe, ogulcan, intern;
@import 'bootstrap.style.css'; /* wrapped in an @layer framework */
@font-face {
    font-family: 'Poppins';
    font-display: swap;
    font-weight: 300;
    font-style: normal;
    src: url(poppins-300.woff2) format("woff2");
}
@font-face {
    font-family: 'Poppins';
    font-display: swap;
    font-weight: 400;
    font-style: normal;
    src: url(poppins-400.woff2) format("woff2");
}
@font-face {
    font-family: 'Poppins';
    font-display: swap;
    font-weight: 400;
    font-style: italic;
    src: url(poppins-400i.woff2) format("woff2");
}
@font-face {
    font-family: 'Poppins';
    font-display: swap;
    font-weight: 500;
    font-style: normal;
    src: url(poppins-500.woff2) format("woff2");
}
@font-face {
    font-family: 'Poppins';
    font-display: swap;
    font-weight: 500;
    font-style: italic;
    src: url(poppins-500i.woff2) format("woff2");
}
@font-face {
    font-family: 'Poppins';
    font-display: swap;
    font-weight: 600;
    font-style: normal;
    src: url(poppins-600.woff2) format("woff2");
}
@font-face {
    font-family: 'Poppins';
    font-display: swap;
    font-weight: 600;
    font-style: italic;
    src: url(poppins-600i.woff2) format("woff2");
}
@font-face {
    font-family: 'Poppins';
    font-display: swap;
    font-weight: 700;
    font-style: normal;
    src: url(poppins-700.woff2) format("woff2");
}
@font-face {
    font-family: 'Poppins';
    font-display: swap;
    font-weight: 700;
    font-style: italic;
    src: url(poppins-700i.woff2) format("woff2");
}
  
 
 
 
  
 
 
 
 
 
 
:root {
    --bs-primary-rgb: 255, 117, 28;
    --bs-primary-hsl: 24 100% 55.5%;
    --bs-primary-hex: #ff751c;
    --bs-primary: rgb(255, 117, 28);
    --bs-black-rgb: 18, 22, 21;
    --bs-black-hsl: 165 10% 7.8%;
    --bs-black-hex: #121615;
    --bs-black: rgb(18, 22, 21);
    --bs-dark-rgb: 18, 22, 21;
    --bs-dark-hsl: 165 10% 7.8%;
    --bs-dark-hex: #121615;
    --bs-dark: rgb(18, 22, 21);
    --bs-light-rgb: 237, 242, 247;
    --bs-light-hsl: 210 38.5% 94.9%;
    --bs-light-hex: #edf2f7;
    --bs-light: rgb(237, 242, 247);
    --bs-secondary-rgb: 9, 197, 213;
    --bs-secondary-hsl: 185 91.9% 43.5%;
    --bs-secondary-hex: #09c5d5;
    --bs-secondary: rgb(9, 197, 213);
    --bs-body-color-rgb: 41, 50, 47;
    --bs-body-color-hsl: 160 9.9% 17.8%;
    --bs-body-color-hex: #29322f;
    --bs-body-color: rgb(41, 50, 47);
    --bs-light-text-rgb: 205, 205, 205;
    --bs-light-text-hsl: 0 0% 80.4%;
    --bs-light-text-hex: #cdcdcd;
    --bs-light-text: rgb(205, 205, 205);
    --bs-green-rgb: 170, 210, 96;
    --bs-green-hsl: 81 55.9% 60%;
    --bs-green-hex: #aad260;
    --bs-green: rgb(170, 210, 96);
    --bs-yellow-rgb: 211, 194, 41;
    --bs-yellow-hsl: 54 67.5% 49.4%;
    --bs-yellow-hex: #d3c229;
    --bs-yellow: rgb(211, 194, 41);
    --bs-success-rgb: 170, 210, 96;
    --bs-success-hsl: 81 55.9% 60%;
    --bs-success-hex: #aad260;
    --bs-success: rgb(170, 210, 96);
    --bs-warning-rgb: 211, 194, 41;
    --bs-warning-hsl: 54 67.5% 49.4%;
    --bs-warning-hex: #d3c229;
    --bs-warning: rgb(211, 194, 41);
    --header-font: 'Poppins', sans-serif;
    --bs-body-font-family: 'Poppins', sans-serif;
    --bs-link-color-rgb: var(--bs-body-color-rgb);
    --bs-link-hover-color-rgb: var(--bs-primary-rgb);
    --bs-heading-color:var(--bs-dark);
    --space-xs: 25px;
    --space-sm: 50px;
    --space-md: 100px;
    --space-lg: 150px;
    --space-xl: 250px;
    --display-1: 45px;
    --display-2: 40px;
    --fz-title-1: 34px;
    --fz-title-2: 28px;
    --fz-title-3: 24px;
    --fz-title-4: 20px;
    --fz-title-5: 18px;
    --fz-title-6: 16px;
    --fz-content-base: var(--fz-title-6);
    --bs-border-radius: 10px;
    font-size: var(--fz-content-base);
}
@media (min-width:768px){
    :root{
        --fz-title-1: 48px;
        --display-1: 60px;
        --fz-title-2: 38px;
    }
}
@media (min-width:992px){
    :root {
        --display-1: 64px;
        --display-2: 58px;
    }
}
@media (min-width:1200px){
    :root {
        --display-1: 72px;
    }
}
@media (min-width:1400px){
    :root {
        --display-1: 88px;
    }
}
@media (min-width:1700px){
    :root {
        --display-1: 100px;
    }
}
@layer resets {
    [data-sal] {
        --sal-easing: cubic-bezier(.25, .46, .45, .94);
    }
    body {
        font-family: var(--bs-body-font-family);
        font-weight: 400;
        letter-spacing:0.025em;
        font-size:var(--fz-content-base);
        line-height:calc(30 / 18);
        overflow-x:hidden;
    }
    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6,
    .header-font{
        font-family:var(--header-font), var(--bs-font-sans-serif);
        font-weight:400;
    }
    h1, .h1{
        font-weight:500;
        font-size:var(--fz-title-1);
        line-height:1;
    }
    h2, .h2{
        font-size:var(--fz-title-2);
        line-height:calc(52 / 48);
        font-weight:500;
    }
    h3, .h3{
        font-size:var(--fz-title-3);
        line-height:calc(40 / 30);
        font-weight:500;
    }
    h4, .h4{
        font-size:var(--fz-title-4);
        line-height:calc(36 / 24);
        color:inherit;
    }
    h5, .h5{
        font-size:var(--fz-title-5);
        line-height:calc(36 / 21);
        color:inherit;
        font-weight:500;
    }
    h6, .h6{
        font-size:var(--fz-title-6);
    }
    .display-1{
        font-size:var(--display-1);
        line-height:calc(104 / 120);
        font-weight:700;
    }
    .display-2{
        font-size:var(--display-2);
        line-height:calc(74 / 72);
        font-weight:500;
    }
    ul[class] {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    ul.row{
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }
    .bg-body-color{
        background-color:var(--bs-body-color);
    }
    .text-light{
        --bs-text-opacity: 1;
        color:rgba(var(--bs-light-text-rgb), var(--bs-text-opacity)) !important;
    }
    .text-yellow{
        --bs-text-opacity: 1;
        color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important;
    }
    .btn{
        --bs-btn-padding-x: 1.15rem;
        --bs-btn-border-width: 2px;
        --bs-btn-line-height: 1;
        --bs-btn-font-weight: 400;
        --bs-btn-font-size: 16px;
        --bs-btn-padding-y: .778rem;
        --bs-btn-border-radius: 30px;
        text-transform:uppercase;
        letter-spacing:0.1em;
    }
    .btn-lg{
        --bs-btn-font-size: 18px;
        --bs-btn-padding-y: .973rem;
    }
    .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: var(--bs-primary);
        --bs-btn-border-color: var(--bs-primary);
        --bs-btn-hover-color: var(--bs-primary);
        --bs-btn-hover-bg: #fff;
        --bs-btn-hover-border-color:var(--bs-primary);
        --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--bs-primary);
        --bs-btn-active-border-color: var(--bs-primary);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-primary-rgb), 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: var(--bs-primary);
        --bs-btn-disabled-border-color: var(--bs-primary);
    }
    .btn-outline-primary {
        --bs-btn-color: var(--bs-primary);
        --bs-btn-border-color: var(--bs-primary);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--bs-primary);
        --bs-btn-hover-border-color: var(--bs-primary);
        --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--bs-primary);
        --bs-btn-active-border-color: var(--bs-primary);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-primary-rgb), 0.125);
        --bs-btn-disabled-color: var(--bs-primary);
        --bs-btn-disabled-border-color: var(--bs-primary);
    }
    .btn-light {
        --bs-btn-color: var(--bs-primary);
        --bs-btn-bg: #fff;
        --bs-btn-border-color: #fff;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--bs-primary);
        --bs-btn-hover-border-color: #fff;
        --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
        --bs-btn-active-color: var(--bs-primary);
        --bs-btn-active-bg: #fff;
        --bs-btn-active-border-color: #fff;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-primary-rgb), 0.125);
        --bs-btn-disabled-color: var(--bs-primary);
        --bs-btn-disabled-bg: #fff;
        --bs-btn-disabled-border-color: #fff;
    }
}

@layer utils {
    img[width][height] {
        content-visibility: auto;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    section{
        padding-block: var(--space-sm);
    }
    .text-balance {
        text-wrap: balance;
    }
    .text-pretty {
        text-wrap: pretty;
    }
    .py-sm {
        padding-block: var(--space-xs);
    }
    .pt-sm {
        padding-top: var(--space-xs);
    }
    .pb-sm {
        padding-bottom: var(--space-xs);
    }
    .py-md {
        padding-block: var(--space-sm);
    }
    .pt-md {
        padding-top: var(--space-sm);
    }
    .pb-md {
        padding-bottom: var(--space-sm);
    }
    .py-lg {
        padding-block: var(--space-md);
    }
    .pt-lg {
        padding-top: var(--space-md);
    }
    .pb-lg {
        padding-bottom: var(--space-md);
    }
    .py-xl {
        padding-block: var(--space-lg);
    }
    .pt-xl {
        padding-top: var(--space-lg);
    }
    .pb-xl {
        padding-bottom: var(--space-lg);
    }
    
    @media (min-width: 576px) {
        .py-sm-mob {
            padding-block: var(--space-xs);
        }
        .pt-sm-mob {
            padding-top: var(--space-xs);
        }
        .pb-sm-mob {
            padding-bottom: var(--space-xs);
        }
        .py-md-mob {
            padding-block: var(--space-sm);
        }
        .pt-md-mob {
            padding-top: var(--space-sm);
        }
        .pb-md-mob {
            padding-bottom: var(--space-sm);
        }
        .py-lg-mob {
            padding-block: var(--space-md);
        }
        .pt-lg-mob {
            padding-top: var(--space-md);
        }
        .pb-lg-mob {
            padding-bottom: var(--space-md);
        }
        .py-xl-mob {
            padding-block: var(--space-lg);
        }
        .pt-xl-mob {
            padding-top: var(--space-lg);
        }
        .pb-xl-mob {
            padding-bottom: var(--space-lg);
        }
    }
    @media (min-width: 768px) {
        .py-sm-tab {
            padding-block: var(--space-xs);
        }
        .pt-sm-tab {
            padding-top: var(--space-xs);
        }
        .pb-sm-tab {
            padding-bottom: var(--space-xs);
        }
        .py-md-tab {
            padding-block: var(--space-sm);
        }
        .pt-md-tab {
            padding-top: var(--space-sm);
        }
        .pb-md-tab {
            padding-bottom: var(--space-sm);
        }
        .py-lg-tab {
            padding-block: var(--space-md);
        }
        .pt-lg-tab {
            padding-top: var(--space-md);
        }
        .pb-lg-tab {
            padding-bottom: var(--space-md);
        }
        .py-xl-tab {
            padding-block: var(--space-lg);
        }
        .pt-xl-tab {
            padding-top: var(--space-lg);
        }
        .pb-xl-tab {
            padding-bottom: var(--space-lg);
        }
    }
    @media (min-width: 992px) {
        .py-sm-lap {
            padding-block: var(--space-xs);
        }
        .pt-sm-lap {
            padding-top: var(--space-xs);
        }
        .pb-sm-lap {
            padding-bottom: var(--space-xs);
        }
        .py-md-lap {
            padding-block: var(--space-sm);
        }
        .pt-md-lap {
            padding-top: var(--space-sm);
        }
        .pb-md-lap {
            padding-bottom: var(--space-sm);
        }
        .py-lg-lap {
            padding-block: var(--space-md);
        }
        .pt-lg-lap {
            padding-top: var(--space-md);
        }
        .pb-lg-lap {
            padding-bottom: var(--space-md);
        }
        .py-xl-lap {
            padding-block: var(--space-lg);
        }
        .pt-xl-lap {
            padding-top: var(--space-lg);
        }
        .pb-xl-lap {
            padding-bottom: var(--space-lg);
        }
    }
    @media (min-width: 1200px) {
        .py-sm-desk {
            padding-block: var(--space-xs);
        }
        .pt-sm-desk {
            padding-top: var(--space-xs);
        }
        .pb-sm-desk {
            padding-bottom: var(--space-xs);
        }
        .py-md-desk {
            padding-block: var(--space-sm);
        }
        .pt-md-desk {
            padding-top: var(--space-sm);
        }
        .pb-md-desk {
            padding-bottom: var(--space-sm);
        }
        .py-lg-desk {
            padding-block: var(--space-md);
        }
        .pt-lg-desk {
            padding-top: var(--space-md);
        }
        .pb-lg-desk {
            padding-bottom: var(--space-md);
        }
        .py-xl-desk {
            padding-block: var(--space-lg);
        }
        .pt-xl-desk {
            padding-top: var(--space-lg);
        }
        .pb-xl-desk {
            padding-bottom: var(--space-lg);
        }
    }
}
@layer connor {
    .grad-list li {
    text-wrap: pretty;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1ch;
    align-items: center;
}
.stat-caption p {
    text-wrap: balance;
}
.cefi-icon-grid.about-version {
    container-type: inline-size;
    
    & .text {
        /* Had to override at the layer level */
        grid-column: 1 / span 1 !important;
        grid-row: 2 !important;
        @media (min-width:768px){
            grid-column: 2 / -2 !important;
        }
    }
    & .title {
        grid-column: 1 / span 1 !important;
        grid-row: 1 !important;
        @media(min-width:768px){
            grid-column: 3 / -3 !important;
        }
    }
    & .display-1 {
        font-size: clamp(30px, 12cqi, var(--display-1));
    }
    @media(min-width:768px){
        padding-top: var(--space-xl) !important;
    }
}
multi-part .error {
    display: inline-block;
    margin-inline-start: 0.5ch;
    font-size: 0.9em;
    font-weight: 600;
}
input[type="date"] {
    align-content: center;
}
progress-indicator {
    --progress-indicator-height: 10px;
}
.background-video-grid {
    & p {
        color: white !important;
    }
    & :is(h1,h2,h3) {
        line-height: 1.075;
    }
}
.disclaimer-text * {
    font-size: 0.9em;
    font-style: italic;
}
.grid-image-holder {
    display: grid;
    
    > * {
        grid-area: 1 / 1/ -1 / -1;
    }
    & .h4 :last-child{
        margin-bottom:0;
    }
}

.text-balance {
    text-wrap: balance !important;
}
.text-pretty {
    text-wrap: pretty !important;
}
.btn.weblink {
    padding: 10px 15px !important;
    border-radius: calc(Infinity * 1px);
    margin-inline: 5px;
    text-align: center;
    max-width: fit-content;
}
}
@layer zoe {
    .navbar{
    --bs-navbar-brand-padding-y: 0;
    --bs-navbar-brand-margin-end: 0;
    --bs-navbar-nav-link-padding-x: .9rem;
    --bs-top-link: var(--bs-body-color);
    --bs-navbar-padding-y: 0;
    --bs-navbar-toggler-padding-y: 0.5rem;
    --bs-navbar-toggler-border-color: var(--bs-dark);
    width:100%;
    & .navbar-nav {
        --bs-nav-link-color: var(--bs-dark);
        --bs-nav-link-hover-color: var(--bs-nav-link-color);
        --bs-navbar-active-color: var(--bs-nav-link-color);
    }
    & .nav-logo path{
        transition: fill 0.25s ease;
    }
    &::after {
        content: '';
        position: absolute;
        inset: 0;
        z-index: -1;
        background-color: #fff;
        border-bottom: 1px solid var(--bs-border-color);
        transition: all 0.25s ease;
        transition-property: transform, border-bottom-color;
    }
    & .nav-link{
        text-transform:uppercase;
        letter-spacing:0.025em;
        transition:font-weight .3s ease;
        &.active{
            font-weight:bold;
        }
        &:hover{
            font-weight:bold;
        }
        &:focus{
            font-weight:bold;
        }
    }
    
    & .top-nav{
        & a{
            text-transform:uppercase;
            text-decoration:none;
            color: var(--bs-top-link);
            &:hover{
                color:var(--bs-primary);
            }
            &:focus{
                color:var(--bs-primary);
            }
        }
    }
    & .dropdown-menu{
        --bs-dropdown-border-radius: 0;
        --bs-dropdown-font-size: var(--fz-title-5);
        --bs-dropdown-link-color: var(--bs-dark);
        --bs-dropdown-link-hover-color: var(--bs-primary);
        --bs-dropdown-link-hover-bg: #fff;
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: var(--bs-primary);
        --bs-dropdown-header-color: var(--bs-dark);
        --bs-dropdown-item-padding-y: 1px;
        border:2px solid var(--bs-light-text);
        border-bottom-left-radius:7px;
        border-bottom-right-radius:7px;
        padding-bottom:20px;
        &:not(:has(.mega-container)){
            padding-top:20px;
        }
        & .dropdown-header{
            font-weight:500;
            letter-spacing:0.025em;
            font-size:var(--fz-title-4);
            padding-bottom:5px;
        }
        & .dropdown-item{
            &.weblink{
                text-transform:uppercase;
                color:var(--bs-primary);
                padding:0.25rem var(--bs-dropdown-item-padding-x);
                &:hover{
                    text-decoration:underline;
                }
                &:focus{
                    text-decoration:underline;
                }
                &:is(.active){
                    color:#fff;
                }
            }
        }
        &::after{
            content: '';
            height:4px;
            position:absolute;
            width:100%;
            left:0;
            right:0;
            top:48px;
            background-color:var(--bs-secondary);
            @media (min-width:1200px){
                top:-2px;
                left:-2px;
                right:-2px;
                width:calc(100% + 4px);
            }
        }
        &:has(.mega-container){
            &::after{
                top:51px;
                @media (min-width:1200px){
                    top:-2px;
                }
            }
        }
        @media (min-width:1200px){
            &:has(.mega-container){
                --bs-dropdown-min-width: 42rem;
            }
        }
    }
    & .form-switch{
        padding-left: 0;
        padding-right: 2.5em;
        margin-bottom:0;
        & .form-check-input{
            border:none;
            --bs-form-check-bg: #cecece;
            --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%2841, 50, 47%29'/%3e%3c/svg%3e");
            margin-right: -2.5em;
            margin-left:unset;
            float:right;
            margin-top:.65em;
            &:disabled{
                opacity:1;
            }
            &:checked{
                background-color:var(--bs-secondary);
            }
        }
        & .form-check-label{
            color:var(--bs-top-link);
            font-size:16px;
            line-height:40px;
            letter-spacing:.1em;
        }
    }
    & .navbar-toggler{
        color:var(--bs-dark);
    }
    & .btn-close{
        top:6px;
    }
    @media (min-width:1200px){
        &.navbar-expand-xl{
            flex-wrap:wrap;
        }
        & .navbar-toggler {
            color: var(--bs-white);
        }
        &:not([data-is-stuck="true"]){
            --bs-top-link: #fff;
            & .navbar-nav{
                --bs-nav-link-color: #fff;
                --bs-navbar-active-color: var(--bs-nav-link-color);
                --bs-nav-link-hover-color: var(--bs-nav-link-color);
            }
            &::after {
                border-color: transparent;
                transform: translateY(calc(var(--nav-height) * -1));
            }
            &:not(.black-nav){
                & .nav-logo path{
                    fill:#fff;
                }
            }
        }
        &[data-is-stuck="true"]{
            --bs-top-link: var(--bs-body-color);
            & .navbar-nav{
                --bs-nav-link-color: var(--bs-dark);
                --bs-navbar-active-color: var(--bs-nav-link-color);
                --bs-nav-link-hover-color: var(--bs-nav-link-color);
            }
            & .navbar-toggler{
                color: var(--bs-black);
            }
        }
        &.black-nav{
            --bs-top-link: var(--bs-body-color);
            & .navbar-nav{
                --bs-nav-link-color: var(--bs-dark);
                --bs-navbar-active-color: var(--bs-nav-link-color);
                --bs-nav-link-hover-color: var(--bs-nav-link-color);
            }
            & .navbar-toggler{
                color: var(--bs-black);
            }
        }
    }
    .color-grid{
        display:grid;
        width:100%;
        position:relative;
        overflow:hidden;
        grid-template-rows: 10px;
        grid-template-columns: calc((458 / 1500) * 100%) calc((375 / 1500) * 100%) calc((667 / 1500) * 100%);
        & .green{
            background-color:var(--bs-green);
            position:relative;
            grid-row: 1 / span 1;
            grid-column: 1 / span 1;
        }
        & .blue{
            background-color:var(--bs-secondary);
            position:relative;
            grid-row: 1 / span 1;
            grid-column: 2 / span 1;
        }
        & .yellow{
            background-color:var(--bs-yellow);
            position:relative;
            grid-row: 1 / span 1;
            grid-column: 3 / span 1;
        }
    }
    @media (min-width:1400px){
        --bs-navbar-nav-link-padding-x: 1.25rem;
    }
}
.nav-logo{
 width:200px;
 height:auto;
    @media (min-width:576px){
     width:270px;
    }
}
.dropdown-toggle::after{
    display:none;
}
.cefi-icon-grid{
    column-gap:1.5rem;
    position:relative;
    grid-template-rows: auto;
    display:grid;
    padding-top:var(--space-lg);
    padding-bottom:var(--space-sm);
    &.bg-dark{
        --bs-heading-color:#fff;
    }
    & .cefi-icon-wrapper{
        position:absolute;
        grid-column: auto;
        grid-row: 1 / span 2;
        z-index:1;
        top:-10vw;
        left:0;
        right:0;
        & .cefi-icon{
            width:100%;
            height:auto;
        }
        @media (min-width: 768px){
            grid-column: 1 / span 14;
        }
        @media (min-width: 992px){
            grid-row: 1 / span 1;
        }
        @media (min-width:768px){
            top:-40vw;
        }
    }
    & .image{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: span 1;
        z-index:2;
        @media (min-width: 768px){
            grid-column: 2 / span 12;
        }
        @media (min-width: 992px){
            grid-row: 1 / span 1;
            grid-column: 9 / span 6;
        }
    }
    & .text{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: span 1;
        z-index:2;
        padding:0 .75rem;
        @media (min-width: 768px){
            grid-column: 2 / span 12;
            padding:0;
        }
        @media (min-width: 992px){
            grid-row: 1 / span 1;
            grid-column: 2 / span 7;
        }
        @media (min-width:1200px){
            grid-column: 2 / span 6;
        }
        & .h4{
            color:var(--bs-light-text);
        }
    }
    &.home-version{
        & .image{
            @media (min-width: 992px){
                grid-column: 8 / span 7;
                align-self:end;
            }
        }
        & .text{
            @media (min-width: 992px){
                grid-column: 2 / span 7;
            }
        }
    }
    &.lease-version{
        padding-top:var(--space-sm);
        padding-bottom:var(--space-sm);
        @media (min-width: 1200px) {
            padding-bottom:var(--space-md);
            padding-top:var(--space-md);
        }
        & .image{
            padding-left:.75rem;
            padding-right:.75rem;
            padding-bottom:1.5rem;
            @media (min-width:992px){
                grid-column: 3 / span 10;
                grid-row: 1 / span 1;
            }
            @media (min-width: 1200px){
                grid-column: 1 / span 6;
                padding-right:0;
                pading-bottom:0;
            }
        }
        & .text{
            @media (min-width:768px){
                padding:0 .75rem;
                grid-column: 1 / span 14;
            }
            @media(min-width:992px){
                grid-row: 2 / span 1;
            }
            @media (min-width: 1200px){
                grid-column: 7 / span 8;
                padding-left:0;
                grid-row: 1 / span 1;
            }
            @media (min-width:1400px){
                grid-column: 7 / span 7;
                padding:0;
            }
        }
    }
    &.industry-version{
        & .text{
            @media (min-width:992px){
                grid-column: 2 / span 12;
                grid-row: span 1;
            }
            @media (min-width:1200px){
                grid-column: 1 / span 8;
                padding-left:.75rem;
                grid-row: 1 / span 1;
            }
            @media (min-width: 1400px){
                padding-top:var(--space-md);
                grid-column: 2 / span 6;
                padding-left:0;
            }
        }
        & .image{
            border-radius:10px;
            margin-right:.75rem;
            margin-left:.75rem;
            margin-bottom:1.5rem;
            overflow:hidden;
            &:has(.youtube-background){
                aspect-ratio: 4 / 3;
                @media (min-width: 992px){
                    aspect-ratio: 1140 / 1000;
                }
            }
            & .youtube-background{
                height:100%;
                width:100%;
                position:relative;
                background-repeat:no-repeat;
                background-size:cover;
                & video{
                    width:100% !important;
                    height:100% !important;
                    object-fit:cover;
                    object-position:center;
                    position:relative;
                }
            }
            @media (min-width:992px){
                grid-column: 1 / span 14;
            }
            @media (min-width:1200px){
                grid-column: 9 / span 6;
                margin-bottom:0;
                margin-left:0;
            }
        }
    }
    &.tax-version{
        padding-bottom:1.5rem;
        & .text{
            padding:0 .75rem;
            @media (min-width:768px){
                grid-column: 1 / span 14;
            }
            @media (min-width:992px){
                grid-column: 1 / span 8;
                padding-right:0;
            }
            @media (min-width: 1200px){
                grid-column: 2 / span 7;
                padding:0;
            }
            @media (min-width:1400px){
                grid-column: 3 / span 6;
            }
        }
        & .image{
            border-radius:10px;
            margin-right:.75rem;
            margin-left:.75rem;
            overflow:hidden;
            padding-bottom:1.5rem;
            &:has(.youtube-background){
                aspect-ratio: 4 / 3;
                @media (min-width: 992px){
                    aspect-ratio: 1140 / 1000;
                }
            }
            & .youtube-background{
                height:100%;
                width:100%;
                position:relative;
                background-repeat:no-repeat;
                background-size:cover;
                & video{
                    width:100% !important;
                    height:100% !important;
                    object-fit:cover;
                    object-position:center;
                    position:relative;
                }
            }
            @media (min-width: 992px){
                margin-left:0;
                padding-bottom:0;
            }
        }
    }
    @media (min-width: 768px) {
        grid-template-columns: 1fr repeat(12, calc((720px / 12) - 1.5rem)) 1fr;
    }
    @media (min-width: 992px) {
        grid-template-columns: 1fr repeat(12, calc((960px / 12) - 1.5rem)) 1fr;
        padding-bottom:var(--space-md);
        padding-top:var(--space-xl);
    }
    @media (min-width: 1200px) {
        grid-template-columns: 1fr repeat(12, calc((1140px / 12) - 1.5rem)) 1fr;
    }
    @media (min-width: 1400px) {
        grid-template-columns: 1fr repeat(12, calc((1320px / 12) - 1.5rem)) 1fr;
    }
}
.overlay-cards{
    z-index:3;
    position:relative;
}
.overtop-section{
    z-index:10;
    position:relative;
}
.card.home-card{
    --bs-card-bg: var(--bs-body-color);
    --bs-card-color: var(--bs-light);
    --bs-card-title-color: var(--bs-secondary);
    --bs-card-border-width: 0;
    --fz-content-base: var(--fz-title-5);
    & p:not(.h3){
        font-size:var(--fz-content-base);
        line-height:calc(36 / 21);
    }
    & li{
        font-size:var(--fz-content-base);
        line-height:calc(36 / 21);
    }
}
.card.stat-card{
    --bs-card-bg: var(--bs-green);
    --bs-card-border-width: 0;
    & .card-grid{
        position:relative;
        display:grid;
        height:100%;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        &:has(p:empty) {
            grid-template-rows: auto 1fr;
            row-gap:1ch;
        }
        & .top{
            position:relative;
            grid-row: 1 / span 1;
            grid-column: span 1;
            z-index:1;
        }
        & .stat-count{
            position:relative;
            grid-row: 2 / span 1;
            grid-column: span 1;
            z-index:1;
        }
    }
    & p{
        margin-bottom:0;
    }
    & .stat-cat{
        text-transform:uppercase;
        color:var(--bs-dark);
        font-weight:500;
        letter-spacing:0.05em;
        text-wrap: pretty;
    }
    & svg{
       color:var(--bs-dark);
       font-size:25px;
    }
    & .stat-value{
        color:#fff;
        font-weight:300;
        font-size:var(--fz-title-1);
        line-height:1;
        margin-bottom:0px;
    }
    & .stat-value-v2{
        color:#fff;
        font-weight:300;
        font-size:var(--fz-title-1);
        line-height:1;
        margin-bottom:0px;
    }
    & .stat-label{
        color:#fff;
        font-size:var(--fz-title-3);
        line-height:36px;
    }
}
.gradient-background-image{
    height:auto;
    padding-block: var(--space-sm);
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    overflow:hidden;
    position:relative;
    width:100%;
    & .container{
        position:relative;
        z-index:5;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
    }
    & .container-lg{
        position:relative;
        z-index:5;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
    }
    & .container-xl{
        position:relative;
        z-index:5;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
    }
    & .image-container{
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        height:100%;
        width:100%;
        position:relative;
        z-index:1;
        display:grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        overflow:hidden;
        &::before{
            content:'';
            grid-column: 1 / span 1;
            grid-row: 1 / span 1;
            position:relative;
            width:100%;
            height:100%;
            display:none;
            z-index:3;
            background-image: linear-gradient( 270deg, rgb(var(--bs-light-rgb)) 45vh, rgba(var(--bs-light-rgb),0) 80%);
            @media (min-width: 992px) {
                display:block;
               height: clamp(500px, 100vh, 950px);
            }
            @media (min-width:992px) and (orientation: portrait){
                background-image: linear-gradient( 270deg, rgb(var(--bs-light-rgb)) 25vh, rgba(var(--bs-light-rgb),0) 80%);
            }
            @media (min-width:1200px){
                background-image: linear-gradient( 270deg, rgb(var(--bs-light-rgb)) 45vh, rgba(var(--bs-light-rgb),0) 80%);
            }
            @media (min-width:1500px){
                background-image: linear-gradient( 270deg, rgb(var(--bs-light-rgb)) 80vh, rgba(var(--bs-light-rgb),0) 80%);
            }
        }
        & picture{
            grid-column: 1 / span 1;
            grid-row: 1 / span 1;
            height:100%;
            width:100%;
            position:relative;
            z-index:2;
            display:none;
            & img{
                height:100%;
                width:100%;
                position:relative;
                object-fit:cover;
                object-position:left;
                opacity:1;
                @media (min-width:1200px){
                    width:auto;
                    object-fit:unset;
                    object-position:center;
                }
            }
            @media (min-width: 992px) {
                display:block;
               height: clamp(500px, 100vh, 950px);
            }
        }
        @media (min-width: 992px) {
           height: clamp(500px, 100vh, 950px);
        }
    }
    @media (min-width: 992px) {
        height:clamp(500px, 100vh, 950px);
    }
}
.grad-list{
    text-transform:uppercase;
    color:var(--bs-dark);
    font-weight:500;
    margin-top:var(--space-sm);
    & li{
        padding:10px 0;
        &:not(:last-child){
            border-bottom:1px solid #9f9f9f;
        }
        & svg{
            width:50px;
            font-size:var(--fz-title-4);
            text-align:left;
        }
    }
}
.card.solution-card{
    --fz-content-base: var(--fz-title-4);
    --bs-card-border-color: var(--bs-light-text);
    transition: all 0.25s ease;
    & p:not(.h3){
        font-size:var(--fz-content-base);
        line-height:calc(36 / 24);
        &.option-title{
            font-weight:500;
        }
        &.disclaimer{
            font-size:16px;
            line-height:21px;
        }
    }
    & li{
        font-size:var(--fz-content-base);
        line-height:calc(36 / 24);
        padding:5px 0;
        & svg{
            width:50px;
            font-size:var(--fz-title-4);
            text-align:left;
        }
    }
    & a{
        text-transform:uppercase;
        text-decoration:none;
        color:var(--bs-primary);
        display:block;
        margin-top:var(--space-sm);
        letter-spacing:0.1em;
    }
    & .card-body{
        padding-bottom:30px;
    }
    &:has(a:hover){
        --bs-card-border-color: var(--bs-primary);
        --bs-card-bg: var(--bs-primary);
        color:#fff;
        & a{
            color:#fff;
        }
    }
    &:has(a:focus){
        --bs-card-border-color: var(--bs-primary);
        --bs-card-bg: var(--bs-primary);
        color:#fff;
        & a{
            color:#fff;
        }
    }
}
.cta-one-grid{
    height:auto;
    padding-block: 0;
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    column-gap:1.5rem;
    overflow:hidden;
    position:relative;
    width:100%;
    & .block{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 1 / span 2;
        z-index:1;
        @media (min-width: 768px) {
            grid-column: 1 / span 14;
        }
        @media (min-width:992px){
            grid-row: 1 / span 3;
        }
    }
    & .triangle{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 3 / span 1;
        z-index:1;
        & svg{
            margin-top:-1px;
        }
        @media (min-width: 768px) {
            grid-column: 1 / span 14;
        }
        @media (min-width:992px){
            grid-row: 4 / span 2;
        }
    }
    & .polygon{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 2 / span 2;
        z-index:2;
        display:none;
        width:100%;
        & svg{
            width:calc(100% - 1.5rem);
            height:auto;
            display:block;
        }
        @media (min-width: 768px) {
            display:block;
            grid-column: 5 / span 10;
            justify-self:end;
            align-self:end;
        }
        @media (min-width: 992px) {
            grid-column: 9 / span 6;
            grid-row: 3 / span 3;
        }
    }
    & .img{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        z-index:3;
        padding:var(--space-sm) .75rem 0;
        & img{
            width:100%;
            max-width:640px;
        }
        @media (min-width: 768px) {
            grid-column: 2 / span 12;
            padding-left:0;
            padding-right:0;
        }
        @media (min-width: 992px) {
            padding-top:0;
            grid-row: 3 / span 2;
            grid-column: 1 / span 7;
            justify-self:end;
            align-self:end;
        }
    }
    & .text{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 2 / span 1;
        z-index:4;
        padding-top:var(--space-xs);
        padding-left:.75rem;
        padding-right:.75rem;
        & .cta-list{
            list-style:none;
            font-size: var(--fz-title-3);
            line-height:calc(36 / 24);
            color:var(--bs-dark);
            counter-set: my-counter 0;
            padding-left:calc(68px + 1.5rem);
            & li{
                margin-bottom:var(--space-sm);
                position:relative;
                & b {
                    font-weight:500;
                }
                &::before{
                    counter-increment: my-counter;
                    font-size:36px;
                    line-height:34px;
                    height:68px;
                    width:68px;
                    border-radius:50%;
                    background-color:rgb(233, 212, 27);
                    display:block;
                    content:counter(my-counter);
                    text-align:center;
                    padding-top:16px;
                    position:absolute;
                    top:8px;
                    left:calc((68px + 1.5rem) * -1);
                }
            }
        }
        @media (min-width: 768px) {
            grid-column: 2 / span 12;
            padding-top:var(--space-sm);
            padding-left:0;
            padding-right:0;
        }
        @media (min-width: 992px) {
            padding-top:0;
            grid-row: 2 / span 3;
            grid-column: 7 / span 7;
        }
    }
    @media (min-width: 768px) {
        grid-template-columns: 1fr repeat(12, calc((720px / 12) - 1.5rem)) 1fr;
    }
    @media (min-width: 992px) {
        --bottom-triangle: calc(31.79vw - var(--space-md));
        grid-template-columns: 1fr repeat(12, calc((960px / 12) - 1.5rem)) 1fr;
        grid-template-rows: var(--space-md) var(--space-md) 1fr var(--space-md) var(--bottom-triangle);
    }
    @media (min-width: 1200px) {
        grid-template-columns: 1fr repeat(12, calc((1140px / 12) - 1.5rem)) 1fr;
    }
    @media (min-width: 1400px) {
        grid-template-columns: 1fr repeat(12, calc((1320px / 12) - 1.5rem)) 1fr;
    }
}
form{
    & .error{
        color:var(--bs-primary);
    }
    & .form-control{
        --bs-border-color: rgb(206,206,206);
        background-color: rgb(247,247,247);
        background-clip: unset;
        color:var(--bs-dark);
        font-size: var(--fz-title-5);
        line-height:1;
        font-weight:500;
        letter-spacing:0.05em;
        height:60px;
        min-height:1px;
        &:is(textarea){
            height:auto;
            min-height:120px;
        }
        &:focus{
          border-color:var(--bs-primary);  
          box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);
        }
    }
    & .form-select{
        --bs-form-select-bg-img: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="rgb(18, 22, 21)" d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
        --bs-border-color: rgb(206,206,206);
        background-color: rgb(247,247,247);
        background-clip: unset;
        background-size: 21px 18px;
        color:var(--bs-dark);
        font-size: var(--fz-title-5);
        line-height:1;
        font-weight:500;
        letter-spacing:0.05em;
        height:60px;
        min-height:1px;
        &:focus{
          border-color:var(--bs-primary);  
          box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);
        }
    }
    & label{
        letter-spacing:0.05em;
        margin-bottom:5px;
    }
    & .form-floating{
        --bs-body-bg: var(--bs-light-text);
    }
    & .form-floating>label{
        color:var(--bs-dark);
        font-size: var(--fz-title-4);
        line-height:1.35;
        letter-spacing:0;
        margin-bottom:0;
        &:after{
            height:29px;
            background-color:transparent;
        }
    }
    & .form-check{
        padding-left:2em;
        margin-bottom:0;
        & .form-check-input{
            margin-left: -2em;
            height:24px;
            width:24px;
            border-width:2px;
            border-color: rgb(206,206,206);
            margin-top:.25em;
            &:checked{
                background-color:#fff;
                border-color: rgb(206,206,206);
                --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ff751c'/%3e%3c/svg%3e");
            }
            &:focus{
                background-color: #fff;
                border-color: var(--bs-primary);
                box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);
            }
        }
        & .form-check-label{
            font-size:var(--fz-title-5);
            color:var(--bs-dark);
            line-height:30px;
            letter-spacing:0.05em;
            margin-bottom:0;
        }
        &:where(.disclaimer),
        multi-part & {
            padding-left:1.75em;
            & .form-check-input{
                margin-left: -1.75em;
                height:20px;
                width:20px;
                border-width:1px;
                border-color: rgb(206,206,206);
                margin-top:.25em;
                &:checked{
                    background-color:var(--bs-primary);
                    border-color: var(--bs-primary);
                    --bs-form-check-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="rgb(255,255,255)" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>');
                }
                &:focus{
                    border-color: var(--bs-primary);
                    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);
                }
            }
            & .form-check-label{
                font-size:15px;
                line-height:21px;
                letter-spacing:0;
                color:#909aad;
            }
        }
        multi-part & {
            .form-check-label {
                color: currentcolor;
            }
        }
    }
}
.cta-two-grid{
    height:auto;
    padding-block: 0;
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    column-gap:1.5rem;
    overflow:hidden;
    position:relative;
    width:100%;
    & .block{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 2 / span 2;
        z-index:1;
        @media (min-width: 768px) {
            grid-column: 1 / span 14;
        }
        @media (min-width:992px){
            grid-row: 4 / span 3;
        }
    }
    & .triangle{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        z-index:1;
        margin-bottom:-2px;
        & svg{
            transform: scaleY(-1);
            & path{
                fill: var(--bs-body-color);
            }
        }
        @media (min-width: 768px) {
            grid-column: 1 / span 14;
        }
        @media (min-width:992px){
            grid-row: 1 / span 3;
        }
    }
    & .polygon{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 1 / span 2;
        z-index:2;
        display:none;
        width:100%;
        & svg{
            width:calc(100% - 1.5rem);
            height:auto;
            display:block;
            & path{
                stroke:var(--bs-secondary);
            }
        }
        @media (min-width: 768px) {
            display:block;
            grid-column: 1 / span 10;
            justify-self:start;
            align-self:start;
        }
        @media (min-width: 992px) {
            grid-column: 1 / span 6;
            grid-row: 1 / span 6;
            
        }
    }
    & .img{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 1 / span 2;
        z-index:3;
        align-self:end;
        padding:0 .75rem;
        & img{
            width:100%;
        }
        @media (min-width: 768px) {
            grid-column: 2 / span 12;
            padding:0 0;
        }
        @media (min-width: 992px) {
            grid-row: 2 / span 4;
            grid-column: 2 / span 5;
            justify-self:end;
            align-self:end;
        }
    }
    & .text{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 3 / span 1;
        z-index:4;
        padding-top:var(--space-xs);
        padding-left:.75rem;
        padding-right:.75rem;
        & b {
            font-weight:600;
        }
        & h2{
            & br{
                display:none;
                @media (min-width:1400px){
                    display:inline-block;
                }
            }
        }
        & h3{
            color:var(--bs-secondary);
        }
        & .cta-two-content{
            color: #848282;
            & strong{
                color:var(--bs-light-text);
                font-weight:400;
            }
        }
        @media (min-width: 768px) {
            grid-column: 2 / span 12;
            padding-top:var(--space-sm);
            padding-left:0;
            padding-right:0;
        }
        @media (min-width: 992px) {
            padding-top:0;
            grid-row: 3 / span 4;
            grid-column: 7 / span 7;
        }
        @media (min-width: 1400px) {
            grid-column: 7 / span 6;
        }
    }
    &.partner-version{
        & .img{
            @media (min-width: 992px) {
                grid-column: 1 / span 6;
                grid-row: 3 / span 4;
                padding-left:.75rem;
                width:100%;
                align-self:start;
            }
        }
        & .block{
            @media (min-width:992px){
                grid-row: 4 / span 4;
            }
        }
        @media (min-width:992px){
            grid-template-rows: var(--space-lg) var(--space-sm) var(--up-triangle) var(--space-lg) var(--space-sm) 1fr var(--space-lg);
        }
    }
    & form{
        & .form-control{
            --bs-border-color: var(--bs-body-color);
            background-color: var(--bs-light-text);
        }
        & .form-check{
            padding-left:2.25em;
            & .form-check-input{
                margin-left: -2.25em;
                border-color: var(--bs-body-color);
                margin-top:.35em;
                &:checked{
                    border-color: var(--bs-body-color);
                }
            }
        }
        & .form-check-label{
            color:var(--bs-light-text);
            font-weight:500;
            
        }
        & .form-check-input[type=radio]{
            border-radius:2px;
            width:20px;
            height:20px;
            border-width:1px;
            &:checked{
                --bs-form-check-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="rgb(18,22,21)" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>');
            }
        }
        & .disclaimer{
            & .form-check-input{
                border-radius:2px;
                margin-top:.3em;
                &:checked{
                    background-color:#fff;
                    --bs-form-check-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="rgb(18,22,21)" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>');
                }
            }
            & .form-check-label{
                color:var(--bs-light-text);
                & a{
                    --bs-link-color-rgb: var(--bs-light-text-rgb);
                    &:hover{
                        --bs-link-color-rgb: var(--bs-primary-rgb);
                    }
                    &:focus{
                        --bs-link-color-rgb: var(--bs-primary-rgb);
                    }
                }
            }
        }
    }
    @media (min-width: 768px) {
        grid-template-columns: 1fr repeat(12, calc((720px / 12) - 1.5rem)) 1fr;
    }
    @media (min-width: 992px) {
        --up-triangle:calc(31.45vw - (var(--space-lg) + var(--space-sm)));
        grid-template-columns: 1fr repeat(12, calc((960px / 12) - 1.5rem)) 1fr;
        grid-template-rows: var(--space-lg) var(--space-sm) var(--up-triangle) var(--space-lg) var(--space-sm) 1fr;
    }
    @media (min-width: 1200px) {
        --up-triangle:calc(31.6vw - (var(--space-lg) + var(--space-sm)));
        grid-template-columns: 1fr repeat(12, calc((1140px / 12) - 1.5rem)) 1fr;
    }
    @media (min-width: 1400px) {
        --up-triangle:calc(31.7vw - (var(--space-lg) + var(--space-sm)));
        grid-template-columns: 1fr repeat(12, calc((1320px / 12) - 1.5rem)) 1fr;
    }
}
.google-stars{
    & svg{
        height:var(--fz-title-3);
        & path{
        fill:var(--bs-yellow);
        }
    }
}
.card.google-card{
    --bs-card-border-color:var(--bs-body-color);
    --bs-card-spacer-y: 30px;
    & .card-title{
        margin-bottom:0;
        color:var(--bs-dark);
        font-weight:500;
    }
    & .card-date{
        color:var(--bs-dark);
        font-weight:500;
    }
    & .hstack{
        padding-bottom:30px;
    }
    & svg{
        height:var(--fz-title-4);
        & path{
        fill:var(--bs-yellow);
        }
    }
    & .card-body{
        padding-bottom:40px;
    }
    & .card-text{
        font-size:var(--fz-title-5);
        line-height:30px;
    }
}
footer{
    z-index:10;
    position:relative;
    padding-top:1rem;
    padding-bottom:2rem;
    background-color:var(--bs-dark);
    color:var(--bs-light-text);
    & .footer-logo{
        width:210px;
        & path{
            fill:#fff;
        }
    }
    & .social-link{
        color:var(--bs-secondary);
        font-size:36px;
        &:hover{
            color:var(--bs-primary);
        }
        &:focus{
            color:var(--bs-primary);
        }
    }
    & hr{
        opacity:1;
        color:var(--bs-body-color);
        margin: 3rem 0;
    }
    & .footer-title{
        font-size: var(--fz-title-4);
        line-height:calc(36 / 24);
        color:#fff;
        font-weight:500;
        letter-spacing:0.025em;
    }
    & .footer-menu{
        & a{
            text-decoration:none;
            font-size:var(--fz-title-5);
            line-height:36px;
            letter-spacing:0.025em;
            color:var(--bs-light-text);
            &:hover{
                color:var(--bs-primary);
            }
            &:focus{
                color:var(--bs-primary);
            }
        }
    }
    & .disclaimer p{
        font-size:16px;
        letter-spacing:0.025em;
        line-height:30px;
    }
    & .copyright{
        font-size:13px;
        letter-spacing:0.025em;
        line-height:30px;
        & a{
            color:var(--bs-light-text);
        }
    }
}
.background-video-grid{
    min-height:500px;
    height:auto;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows: 1fr;
    overflow:hidden;
    position:relative;
    width:100%;
    background-color:var(--bs-dark);
    &.opacity-bkg::before{
        content:'';
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        position:relative;
        z-index:2;
        display:block;
        width:100vw;
        background:rgba(0,0,0,.3);
    }
    & .container{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
        padding-block:var(--space-sm);
        @media (min-width:768px){
            padding-block:0;
        }
        @media(min-width:1400px){
            padding-top:var(--space-sm);
        }
        @media(min-width:1700px){
            padding-top:0;
        }
    }
    & .container-lg{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
        padding-block:var(--space-sm);
        @media (min-width:768px){
            padding-block:0;
        }
        @media(min-width:1400px){
            padding-top:var(--space-sm);
        }
        @media(min-width:1700px){
            padding-top:0;
        }
    }
    & .container-xl{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
        padding-block:var(--space-sm);
        @media (min-width:768px){
            padding-block:0;
        }
        @media(min-width:1400px){
            padding-top:var(--space-sm);
        }
        @media(min-width:1700px){
            padding-top:0;
        }
    }
    & .container-xxl{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
        padding-block:var(--space-sm);
        @media (min-width:768px){
            padding-block:0;
        }
        @media(min-width:1400px){
            padding-top:var(--space-sm);
        }
        @media(min-width:1700px){
            padding-top:0;
        }
    }
    & .container-fluid{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
        padding-block:var(--space-sm);
        @media (min-width:768px){
            padding-block:0;
        }
        @media(min-width:1400px){
            padding-top:var(--space-sm);
        }
        @media(min-width:1700px){
            padding-top:0;
        }
    }
    & h1{
        color:#fff;
    }
    & .h4{
        color:var(--bs-light-text);
    }
    & .youtube-background{
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        height:100%;
        width:100%;
        position:relative;
        z-index:1;
        background-repeat:no-repeat;
        background-size:cover;
        & video{
            width:100% !important;
            height:100% !important;
            object-fit:cover;
            object-position:center;
            position:relative;
        }
        &:has(video){
            opacity:1;
        }
        @media (min-width: 768px) {
            height:clamp(500px, 100vh, 950px);
        }
    }
    @media (min-width: 768px) {
        height:clamp(500px, 100vh, 950px);
    }
    &.has-form{
        @media (min-width: 768px) {
            height:clamp(500px, 130vh, 950px);
        }
        & .youtube-background{
            @media (min-width: 768px) {
                height:clamp(500px, 130vh, 950px);
            }
        }
    }
}
.background-image-grid{
    height:auto;
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    overflow:hidden;
    position:relative;
    width:100%;
    & h1, .h1{
        color:#fff;
    }
    & p {
        color:var(--bs-light-text);
    }
    & .container{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
        padding-block:var(--space-sm);
        @media (min-width:768px){
            padding-block:0;
        }
        @media(min-width:1400px){
            padding-top:var(--space-sm);
        }
        @media(min-width:1700px){
            padding-top:0;
        }
    }
    & .container-lg{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
        padding-block:var(--space-sm);
        @media (min-width:768px){
            padding-block:0;
        }
        @media(min-width:1400px){
            padding-top:var(--space-sm);
        }
        @media(min-width:1700px){
            padding-top:0;
        }
    }
    & .container-xl{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
        padding-block:var(--space-sm);
        @media (min-width:768px){
            padding-block:0;
        }
        @media(min-width:1400px){
            padding-top:var(--space-sm);
        }
        @media(min-width:1700px){
            padding-top:0;
        }
    }
    & .container-xxl{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
        padding-block:var(--space-sm);
        @media (min-width:768px){
            padding-block:0;
        }
        @media(min-width:1400px){
            padding-top:var(--space-sm);
        }
        @media(min-width:1700px){
            padding-top:0;
        }
    }
    & .container-fluid{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
        padding-block:var(--space-sm);
        @media (min-width:768px){
            padding-block:0;
        }
        @media(min-width:1400px){
            padding-top:var(--space-sm);
        }
        @media(min-width:1700px){
            padding-top:0;
        }
    }
    & .hero-picture{
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        height:100%;
        width:100%;
        position:relative;
        z-index:1;
        top:0;
        background:#000;
        & .bg-image{
            width:100% !important;
            height:100% !important;
            object-fit:cover;
            object-position:center;
            position:relative;
            opacity:.7;
        }
        @media (min-width: 768px) {
            height:clamp(500px, 100vh, 950px);
        }
    }
    @media (min-width: 768px) {
        height:clamp(500px, 100vh, 950px);
    }
    &.has-form{
        @media (min-width: 768px) {
            height:clamp(500px, 130vh, 950px);
        }
        & .hero-picture{
            @media (min-width: 768px) {
                height:clamp(500px, 130vh, 950px);
            }
        }
    }
}
header:is(.background-video-grid, .background-image-grid){
    margin-top:var(--nav-height);
    @media (min-width:576px){
        margin-top:127px;
    }
    @media (min-width:1200px){
        margin-top:0;
    }
}
.accordion{
    --bs-accordion-border-color: var(--bs-light-text);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    --bs-accordion-btn-padding-x: .75rem;
    --bs-accordion-btn-padding-y: 1.278rem;
    --bs-accordion-body-padding-x: .75rem;
    --bs-accordion-body-padding-y: 1.278rem;
    & .accordion-button{
        justify-content:space-between;
        font-size: var(--fz-title-4);
        line-height:calc(36 / 24);
        font-weight:500;
        color:var(--bs-dark);
        border:none;
        border-radius:10px;
        gap:10px;
        & svg{
            font-size:18px;
            transition: rotate 0.25s ease;
        }
        &::after{
            display:none;
        }
        &:not(.collapsed){
            box-shadow:none;
            background-color:transparent;
            & svg{
                rotate: 180deg;
            }
        }
    }
    & .accordion-item{
        transition: background-color 0.25s ease;
        margin-bottom:10px;
        border-radius:10px;
        &:not(:first-of-type){
            border-top:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
        }
        &:last-child{
            margin-bottom:0;
        }
        &:has(.show){
            background-color:var(--bs-light);
        }
    }
    & .accordion-body{
        padding-top:0;
        & :last-child{
            margin-bottom:0;
        }
    }
    @media (min-width:576px){
        --bs-accordion-btn-padding-x: 2.5rem;
        --bs-accordion-btn-padding-y: 2.278rem;
        --bs-accordion-body-padding-x: 2.5rem;
        --bs-accordion-body-padding-y: 2.278rem;
    }
}
.bg-light{
    & .accordion{
        --bs-accordion-bg: var(--bs-light);
        & .accordion-item{
            transition: background-color 0.25s ease;
            &:has(.show){
                background-color:#fff;
            }
        }
    }
}
.card.mid-icon-card{
    --bs-card-color: #fff;
    --bs-card-title-color: #fff;
    --bs-card-border-color: var(--bs-light-text);
    --bs-card-bg: var(--bs-secondary);
    & svg{
        width:65px;
        height:auto;
        & path{
            fill:#fff;
        }
    }
}
.flex-cards {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0px;
    gap:10px;
    &::-webkit-scrollbar {
        display: none;
    }
    @media (min-width:1200px){
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }
}

.card.flex-card{
    --bs-card-title-color: #fff;
    --bs-card-color: #fff;
    --bs-card-title-spacer-y: 0.75rem;
    --bs-card-img-overlay-padding: .5rem;
    background-color:var(--bs-dark);
    flex: 0 0 auto;
    width:100%;
    overflow:hidden;
    height:420px;
    display:block;
    border:none;
    &[data-sal|=slide]{
        transition-property: all !important;
    }
    & img{
        opacity:.4;
        height:100%;
        object-fit:cover;
        position:relative;
        transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out;
    }
    & .card-img-overlay{
        left:4px;
        right:4px;
        overflow:hidden;
    }
    & .svg-inline--fa{
        color:#fff;
        transition: color 0.3s ease-in-out;
        font-size:32px;
    }
    & .card-title{
        font-size: var(--fz-title-3);
        line-height:36px;
        font-weight:500;
    }
    &p:not(.card-title){
        letter-spacing:0.1em;
    }
    &:has(a:hover){
        background-color:var(--bs-primary);
    }
    &:has(a:focus){
        background-color:var(--bs-primary);
    }
    @media(min-width:768px){
        width:calc(50% - .35rem);
    }
    @media (min-width: 1200px) {
        width:auto;
        flex: 1;
        &:has(a:hover),
        &:has(a:focus){
            flex-grow:1.15;
        }
        scroll-snap-align: start;
    }
}
.form-box-wrapper{
    position:relative;
    z-index:5;
    & .form-box{
        background:#fff;
        padding:1.5rem .75rem 2.5rem;
        border-radius:10px;
    }
    @media (min-width:1200px){
        margin-top:-700px;
    }
}
.content :last-child{
    margin-bottom:0;
}
.card.simple-card{
    --bs-card-color: #848282;
}
.partner-hero-grid{
    height: clamp(500px, 90vh, 950px);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows: 1fr;
    overflow:hidden;
    position:relative;
    width:100%;
    border-radius:10px;
    & .container{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
    }
    & .container-lg{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
    }
    & .container-xl{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
    }
    & .container-fluid{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
    }
    & p {
        color:var(--bs-light-text);
    }
    & picture{
        border-radius:10px;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        height: clamp(500px, 90vh, 950px);
        width:100%;
        position:relative;
        z-index:2;
        & img{
            border-radius:10px;
            height:100%;
            width:100%;
            position:relative;
            object-fit:cover;
            object-position:top;
            opacity:.7;
        }
    }
    & .youtube-background{
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        height:100%;
        width:100%;
        position:relative;
        z-index:1;
        background-repeat:no-repeat;
        background-size:cover;
        & video{
            width:100% !important;
            height:100% !important;
            object-fit:cover;
            object-position:center;
            position:relative;
        }
        &:has(video){
            opacity:1;
        }
        @media (min-width: 768px) {
            height:clamp(500px, 90vh, 950px);
        }
    }
    &.opacity-bkg::before{
        content:'';
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        position:relative;
        z-index:2;
        display:block;
        width:100vw;
        border-radius:10px;
        background:rgba(0,0,0,.3);
    }
}
.card.green-card{
    --bs-card-bg: var(--bs-green);
    --bs-card-border-width: 0;
    padding:1rem 1rem 1.15rem;
    & p{
        margin-bottom:0;
        color:#fff;
        font-size:var(--fz-title-3);
        line-height:calc(40 / 30);
    }
}
.card.contact-box{
    --bs-card-spacer-y: 1.5rem;
    --bs-card-title-color: var(--bs-secondary);
    --bs-card-border-color: var(--bs-light-text);
    --bs-card-color:var(--bs-dark);
    & p{
        & a{
            text-decoration:none;
            color:inherit;
        }
        &.card-text{
            @media(min-width: 576px){
                font-size:var(--fz-title-4);
            }
        }
    }
}
.contact-grid{
    height:auto;
    padding-block: 0;
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    column-gap:1.5rem;
    position:relative;
    width:100%;
    & .polygon-yellow{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 2 / span 2;
        z-index:2;
        display:none;
        width:100%;
        & svg{
            width:100%;
            height:auto;
            display:block;
        }
        @media (min-width: 992px) {
            display:block;
            grid-column: 7 / span 8;
            grid-row: 1 / span 2;
            justify-self:end;
            align-self:end;
        }
        @media (min-width:1200px){
            grid-column: 9 / span 6;
        }
    }
    & .polygon-blue{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        z-index:2;
        display:none;
        width:100%;
        & svg{
            width:100%;
            height:auto;
            display:block;
            & path{
                stroke:var(--bs-secondary);
            }
        }
        @media (min-width: 992px) {
            display:block;
            grid-column: 1 / span 8;
            grid-row: 4 / span 2;
            justify-self:start;
            align-self:start;
        }
        @media (min-width:1200px){
            grid-column: 1 / span 6;
        }
    }
    & .image{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        z-index:3;
        padding-left:.75rem;
        padding-right:.75rem;
        padding-top:var(--space-sm);
        & img{
            width:100%;
        }
        @media (min-width: 768px) {
            grid-column: 2 / span 12;
            padding-left:0;
            padding-right:0;
        }
        @media (min-width: 992px) {
            padding-top:v0;
            grid-row: 2 / span 3;
            grid-column: 2 / span 5;
            align-self:start;
        }
        @media (min-width: 1400px){
            grid-column: 2 / span 4;
        }
    }
    & .form-container{
        position:relative;
        grid-column: 1 / span 1;
        grid-row: 2 / span 1;
        z-index:4;
        padding-left:.75rem;
        padding-right:.75rem;
        padding-block:var(--space-sm);
        @media (min-width: 768px) {
            grid-column: 1 / span 14;
        }
        @media (min-width: 992px) {
            padding-left:0;
            padding-right:0;
            padding-block:0;
            grid-row: 2 / span 3;
            grid-column: 7 / span 7;
        }
        @media (min-width: 1400px){
            grid-column: 7 / span 6;
        }
    }
    @media (min-width: 768px) {
        grid-template-columns: 1fr repeat(12, calc((720px / 12) - 1.5rem)) 1fr;
    }
    @media (min-width: 992px) {
        grid-template-columns: 1fr repeat(12, calc((960px / 12) - 1.5rem)) 1fr;
        grid-template-rows: var(--space-md) var(--space-xl) 1fr var(--space-xl) var(--space-lg);
    }
    @media (min-width: 1200px) {
        grid-template-columns: 1fr repeat(12, calc((1140px / 12) - 1.5rem)) 1fr;
    }
    @media (min-width: 1400px) {
        grid-template-columns: 1fr repeat(12, calc((1320px / 12) - 1.5rem)) 1fr;
    }
}
.price-item{
    font-size:var(--fz-title-3);
    line-height:calc(42 / 36);
    letter-spacing:0.01em;
}
.ind-equip-swiper .swiper-button-prev, .ind-equip-swiper .swiper-button-next{
    border:none;
    -webkit-appearance:none;
    background:transparent;
    color:var(--bs-dark);
    font-size:48px;
    opacity:.5;
    transition: opacity 0.3s ease-in-out;
    &:after{
        display:none;
    }
    & svg{
        width:auto;
    }
    &:hover{
        opacity:1;
    }
    &:focus{
        opacity:1;
    }
}
.industry-swiper{
    --swiper-navigation-top-offset: calc(50% - 24px);
}
.industry-swiper .swiper-button-prev, .industry-swiper .swiper-button-next{
    border:none;
    -webkit-appearance:none;
    background:transparent;
    color:var(--bs-secondary);
    font-size:48px;
    opacity:.5;
    transition: opacity 0.3s ease-in-out;
    &:after{
        display:none;
    }
    & svg{
        width:auto;
    }
    &:hover{
        opacity:1;
    }
    &:focus{
        opacity:1;
    }
}
.ind-equip-swiper::before{
    z-index:2;
    position:absolute;
    background-image:linear-gradient(90deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,.5) 100%);
    content:'';
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius:var(--bs-border-radius);
    width:100%;
    height:100%;
    display:block;
}
.btn-close{
    --bs-btn-close-color: var(--bs-dark);
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    background:none;
    height:auto;
    width:auto;
    margin:0;
    z-index:2;
    position:absolute;
    right:.5rem;
    font-size:30px;
    top:0;
}
.modal-header{
    border:none;
    padding:1rem 2.75rem;
    position:relative;
    & h2{
        margin-left:auto;
        margin-right:auto;
        margin-bottom:0;
    }
}
.listing-item{
    & p{
        color:var(--bs-dark);
        font-weight:500;
        
        @media(min-width:576px){
            line-height:1.25;
        }
    }
    & hr{
        color:rgb(206,206,206);
        opacity:1;
    }
    & .price{
        &:before{
            content:'$';
        }
    }
}
.equip-details{
    & p{
        font-weight:500;
        &:not(.text-dark){
            color:#848282;
        }
    }
    & output{
        color:var(--bs-dark);
    }
    & .border-bottom{
        --bs-border-color:#fff;
    }
    & .border-bottom-md{
        border-bottom:1px solid #fff;
        @media (min-width:992px){
            border-bottom:none;
        }
    }
}
.card.blog-row{
    --bs-card-color: #848282;
    --bs-card-border-color: var(--bs-light-text);
    transition: all 0.3s ease-in-out;
    & .date{
        color:var(--bs-card-color);
        transition: color 0.3s ease-in-out;
        font-weight:500;
    }
    & .card-title{
        transition: color 0.3s ease-in-out;
        font-weight:500;
    }
    &:has(a:hover){
        --bs-card-color: #fff;
        --bs-card-border-color: var(--bs-primary);
        --bs-card-bg: var(--bs-primary);
        & .card-title{
            color:#fff;
        }
    }
    &:has(a:focus){
        --bs-card-color: #fff;
        --bs-card-border-color: var(--bs-primary);
        --bs-card-bg: var(--bs-primary);
        & .card-title{
            color:#fff;
        }
    }
}
.pagination{
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    --bs-pagination-border-color: var(--bs-light-text);
    --bs-pagination-border-radius: 0;
}
.swiper-main .swiper-button-next{
    border:none;
    -webkit-appearance:none;
    background:transparent;
    color:var(--bs-dark);
    font-size:11px;
    transition: color 0.3s ease-in-out;
    position:relative;
    top:unset;
    height:auto;
    line-height:1;
    display:block;
    padding:0;
    padding-top:3px;
    &:after{
        display:none;
    }
    & svg{
        width:auto;
    }
    &:hover{
        color:var(--bs-primary);
    }
    &:focus{
        color:var(--bs-primary);
    }
}
.swiper-slide-title{
    font-size:14px;
    font-weight:500;
    line-height:18px;
    letter-spacing:0.025em;
    color:#848282;
}
.swiper-fraction{
    font-size:14px;
    font-weight:500;
    line-height:18px;
    letter-spacing:0.025em;
    color:var(--bs-dark);
}
irs-179{
    & label{
        text-transform:uppercase;
        font-weight:500;
        letter-spacing:0.04em;
        color:var(--bs-dark);
    }
    & .form-control{
        margin-bottom:0;
        border-radius:0;
        &:focus{
            box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25);
        }
    }
    & .form-select{
        margin-bottom:0;
        border-radius:0;
        background-clip: unset;
        background-size: 21px 18px;
        --bs-form-select-bg-img: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="rgb(18, 22, 21)" d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
        &:focus{
            box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25);
        }
    }
    & .spacer{
        height:calc(30px + .375rem);
    }
    & .equip-details{
        & p{
            margin-bottom:0;
            @media(min-width:576px){
                margin-bottom:1rem;
            }
        }
    }
    & output{
        margin-bottom:1rem;
        @media(min-width:576px){
            margin-bottom:0;
        }
    }
}
.faq-title-holder{
    height:400px;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows: 1fr;
    position:relative;
    width:100%;
    overflow-y:hidden;
    & .hero-picture{
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        width:100%;
        background:#000;
        position: fixed;
        z-index: -1;
        top: 0;
        height: 100%;
        & .bg-image{
            width:100% !important;
            height:100% !important;
            object-fit:cover;
            object-position:center;
            position:relative;
            opacity:.7;
        }
        @media (min-width: 768px) {
            height:clamp(500px, 100vh, 950px);
        }
    }
    & .title{
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        position:relative;
        z-index:1;
        align-self:center;
        justify-content:center;
    }
    @media (min-width:576px){
        height:100vh;
    }
    @media (min-width: 768px) {
        height:clamp(500px, 50vh, 600px);
    }
}
}
@layer ogulcan{
    
}
@layer intern{
    .section-p-0 {
    padding: 0;
}

.sort-button {
    border:  none;
    background-color: inherit;
    margin-bottom: 1rem;
    &:hover{
        text-decoration:underline;
    }
    &:focus{
        text-decoration:underline;
    }
}

.sort:after {
    content:  url("./assets/images/sitemedia/minus.svg");
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    left: 8px;
}

.sort.asc:after {
    content: url("./assets/images/sitemedia/caret-down.svg");
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    top: 5px;
    left: 8px;
}

.sort.desc:after {
    content:  url("./assets/images/sitemedia/caret-up.svg");
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    left: 8px;
}

@media(max-width: 300px) {
    .sort.desc:after {
        left: 0px;
    }
    .sort.asc:after {
        left: 0px;
    }
    .sort:after {
        left: 0px;
    }
}

@media(min-width: 576px) and (max-width: 765px) {
    .sort.desc:after {
        left: 0px;
    }
    .sort.asc:after {
        left: 0px;
    }
    .sort:after {
        left: 0px;
    }
}

.swiper-pagination {
    bottom: unset;
    top: unset;
    left: unset;
    position: relative;
    width: auto;
    text-align: end;
}

.swiper-pagination-bullet {
    --swiper-pagination-bullet-border-radius: 0;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-height:10px;
    --swiper-pagination-bullet-width:10px;
    --swiper-pagination-top: unset;
    --swiper-pagination-bottom: 0;
    --swiper-navigation-sides-offset:unset;
    --swiper-navigation-top-offset: unset;
    line-height:1;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 100%;
    background: var(--swiper-pagination-bullet-inactive-color, rgba(20,20,20,.2));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--bs-primary));
}

.page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.page-link {
    z-index: 2;
    color: var(--bs-primary);
}

.h4-5 {
    font-size: 21px;
    font-weight: 500;
    margin: 0;
}

:root {
    --stylish-slider-background-color: rgba(var(--bs-success-rgb),.302);
    --stylish-slider-progress-height: 4px;
    --stylish-slider-progress-border-radius: 16px;
    --stylish-slider-progress-color: var(--bs-success);
    --stylish-slider-thumb-size-x: 16px;
    --stylish-slider-thumb-size-y: 16px;
    --stylish-slider-thumb-color: #fff;
    --stylish-slider-thumb-outline-color: var(--bs-success);
    --stylish-slider-thumb-outline-thickness: 2px;
    --stylish-slider-thumb-outline-type: solid;
    --stylish-slider-thumb-border-radius: 100%;
}

.stylish-slider {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    height: var(--stylish-slider-progress-height);
    border-radius: var(--stylish-slider-progress-border-radius);
}

/* Track: webkit browsers */
.stylish-slider::-webkit-slider-runnable-track {
    height: 0;
}

/* Track: Mozilla Firefox */
.stylish-slider::-moz-range-track {
    height: 0;
}

/* Thumb: webkit */
.stylish-slider::-webkit-slider-thumb {
  /* removing default appearance */
  -webkit-appearance: none;
  appearance: none; 
  margin-top:-.45rem;
  height: var(--stylish-slider-thumb-size-y);
  width: var(--stylish-slider-thumb-size-x);
  background-color: var(--stylish-slider-thumb-color);
  border-radius: var(--stylish-slider-thumb-border-radius);
  border: var(--stylish-slider-thumb-outline-thickness) var(--stylish-slider-thumb-outline-type) var(--stylish-slider-thumb-outline-color);
}

/* Thumb: Firefox */
.stylish-slider::-moz-range-thumb {
  height: var(--stylish-slider-thumb-size-y);
  width: var(--stylish-slider-thumb-size-x);
  background-color: var(--stylish-slider-thumb-color);
  border-radius: var(--stylish-slider-thumb-border-radius);
  margin-top:-.45rem;
  border: var(--stylish-slider-thumb-outline-thickness) var(--stylish-slider-thumb-outline-type) var(--stylish-slider-thumb-outline-color);
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(var(--bs-success-rgb),.25);
}

.card.equipment-card{
    --bs-card-title-color: #fff;
    --bs-card-color: #fff;
    --bs-card-title-spacer-y: 0.75rem;
    --bs-card-img-overlay-padding: .5rem;
    background-color:var(--bs-dark);
    width:100%;
    overflow:hidden;
    height:420px;
    display:block;
    border:none;
    & img{
        opacity:.4;
        height:100%;
        object-fit:cover;
        position:relative;
        transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out;
    }
    & .card-img-overlay{
        left:4px;
        right:4px;
        overflow:hidden;
    }
    & .svg-inline--fa{
        color:#fff;
        transition: color 0.3s ease-in-out;
        font-size:32px;
    }
    & .card-title{
        font-size: var(--fz-title-3);
        line-height:36px;
        font-weight:500;
    }
    &p:not(.card-title){
        letter-spacing:0.1em;
    }
    &:has(a:hover){
        background-color:var(--bs-primary);
    }
    &:has(a:focus){
        background-color:var(--bs-primary);
    }
}

.listing-text {
    text-align: center;
}

.equipment-listing-image {
    width: 100%;
    height: auto;
    border-radius:10px;
}

@media(max-width: 768px) {
    .sm-visually-hidden {
        display:  none;
    }
    
    .cefi-icon-grid.equipment-version{
        display: block
    }
    
    .cefi-icon-grid.equipment-version .cefi-icon-wrapper {
        display:none;
    }
    
    .listing-text {
        text-align: left;
    }
    
    .listing-item {
        overflow: hidden;
        margin-bottom: 12px;
        
        & p {
            margin-bottom: 0;
        }
        
        & .price {
            font-weight: bold;
        }
    }
}

}