:root {
    --bs-light-primary: #E5EDE9;
}
::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    /*box-shadow: inset 0 1px 1px var(--bs-primary);*/
}

::-webkit-scrollbar-thumb {
    background-color: var(--bs-primary);
}

.event-date {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 70px;
    height: 70px;
}

    .event-date .day {
        font-size: 24px;
        font-weight: 600;
        display: block;
    }

    .event-date .date {
        font-size: 18px;
        font-weight: 500;
        display: block;
    }

.extra-small-screen {
    height: 20px !important;
}

.service-icon {
    border: 1px solid var(--bs-primary);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 17px 20px;
    display: block;
    transition: all 350ms cubic-bezier(.37,0,.63,1);
    background-color: white;
    color: var(--bs-primary);
    margin: 0px 0px 7px 7px;
}

.interactive-banner-style-02:hover .service-icon {
    border: 1px solid white;
    color: var(--bs-primary) !important;
}

    .interactive-banner-style-02:hover .service-icon i {
        color: var(--bs-primary) !important;
    }

.extra-large-icon {
    text-align: center;
}

    .extra-large-icon a {
        font-size: 14px;
        width: 35px;
        height: 35px;
    }

    .extra-large-icon li {
        margin: 0px 7px !important;
    }

.social-icon-style-03 ul li a {
    border-radius: unset;
    background-color: var(--bs-primary) !important;
}

    .social-icon-style-03 ul li a:hover {
        color: var(--bs-primary) !important;
    }

.swiper-grid-column > .swiper-wrapper {
    flex-direction: row !important;
}

.icon-with-text-style-02 .feature-box {
    border-top: 5px solid var(--bs-primary);
}

.icon-with-text-style-02:hover .feature-box-icon.border {
    border: 1px solid white !important;
}


.icon-with-text-style-02:hover svg path, .icon-with-text-style-02:hover svg circle {
    fill: white;
}

.swiper-item {
    display: flex;
    flex-flow: column nowrap;
    margin-top: 0px !important;
}

    .swiper-item .item-content {
        flex: 1 1 0px;
        height: auto;
    }

.swiper-grid-column > .swiper-wrapper {
    flex-direction: row !important;
}

.icon-with-text-style-02 .feature-box {
    border-top: 5px solid var(--bs-primary);
}

.icon-with-text-style-02:hover .feature-box-icon.border {
    border: 1px solid white !important;
}


.icon-with-text-style-02:hover svg path {
    fill: white;
}

.swiper-item {
    display: flex;
    flex-flow: column nowrap;
    margin-top: 0px !important;
}

    .swiper-item .item-content {
        flex: 1 1 0px;
        height: auto;
    }

.project-style {
    position: relative;
    width: 100%;
    list-style: none;
    text-align: center;
}

    /* Common style */
    .project-style figure {
        position: relative;
        float: left;
        overflow: hidden;
        min-width: 100%;
        max-width: 425px;
        max-height: 425px;
        width: 100%;
        background: #3085a3;
        text-align: center;
        cursor: pointer;
    }

        .project-style figure img {
            position: relative;
            display: block;
            min-height: 100%;
            max-width: 100%;
            opacity: 0.8;
        }

        .project-style figure figcaption {
            padding: 1em;
            color: #fff;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .project-style figure figcaption::before,
            .project-style figure figcaption::after {
                pointer-events: none;
            }

            .project-style figure figcaption,
            .project-style figure figcaption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

                .project-style figure figcaption > a {
                    z-index: 1000;
                    opacity: 0;
                }

figure.effect-oscar {
}

    figure.effect-oscar img {
        opacity: 0.9;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-oscar figcaption {
        text-align: left;
        background: -webkit-gradient(linear,left bottom,left top,color-stop(7%,#141622),to(transparent));
        background: linear-gradient(to top,#141622 7%,transparent 100%);
        -webkit-transition: all 0.35s;
        transition: all 0.35s;
    }

        figure.effect-oscar figcaption::before {
        }

    figure.effect-oscar h3 {
        position: absolute;
        bottom: 50px;
        text-transform: uppercase;
        width: 100%;
        left: 0px;
        padding: 1.25rem;
        -webkit-transition: all 0.35s;
        transition: all 0.35s;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    figure.effect-oscar figcaption::before,
    figure.effect-oscar p {
        position: absolute;
        top: 100px;
        opacity: 0;
        width: 100%;
        left: 0px;
        padding: 1.25rem;
        -webkit-transition: all 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    figure.effect-oscar:hover h3 {
        top: 50px;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-oscar:hover figcaption::before,
    figure.effect-oscar:hover p {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.effect-oscar:hover figcaption {
        background: -webkit-gradient(linear,left bottom,left top,color-stop(7%,var(--bs-primary)),to(transparent));
        background: linear-gradient(to top,var(--bs-primary) 7%,transparent 100%)
    }

    figure.effect-oscar:hover img {
        opacity: 0.4;
    }

.text-hover-white .bg-light-primary {
    background-color: var(--bs-light-primary);
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}

.text-hover-white {
    transition: color .2s ease
}

    .text-hover-white i {
        transition: color .2s ease
    }

    .text-hover-white:hover {
        transition: color .2s ease;
        color: #fff !important
    }

        .text-hover-white:hover i {
            transition: color .2s ease;
            color: #fff !important
        }

        .text-hover-white:hover svg {
            color: #fff !important;
            fill: #fff !important;
        }

        .text-hover-white:hover .text-dark-gray {
            transition: color .2s ease;
            color: #fff !important
        }

            .text-hover-white:hover .text-dark-gray i {
                transition: color .2s ease;
                color: #fff !important
            }

            .text-hover-white:hover .text-dark-gray svg {
                color: #fff !important;
                fill: #fff !important;
            }

        .text-hover-white:hover .text-primary {
            transition: color .2s ease;
            color: #fff !important
        }

        .text-hover-white:hover .btn-primary {
            background-color: var(--bs-warning) !important;
            border-color: var(--bs-warning) !important;
            transition: all .2s ease;
        }

        .text-hover-white:hover .text-primary i {
            transition: color .2s ease;
            color: #fff !important
        }

        .text-hover-white:hover .text-primary svg {
            color: #fff !important
        }

        .text-hover-white:hover svg g path, .text-hover-white:hover svg g circle {
            color: #fff !important;
            fill: #fff;
        }

        .text-hover-white:hover .bg-light-primary {
            background-color: var(--bs-primary) !important;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s;
            color: #fff;
        }

.select2-container--default .select2-selection--single {
    border: unset !important;
    border-radius: unset !important;
    height: 55px;
    padding-top: 15px;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 55px;
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bs-primary);
}

.m-n15px {
    margin: 0px -15px;
}

.header-with-topbar .col-icons, .header-with-topbar.sticky-active .mobile-logo {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s;
}

.header-with-topbar.sticky-active .col-icons {
    visibility: visible;
    opacity: 1;
}

.header-with-topbar .navbar-brand {
    padding: 30px 0px;
    height: 95px !important;
    max-height: 95px !important;
}

.header-with-topbar.sticky-active .navbar-brand {
    padding: 0px;
    height: 100px;
    width: 100px;
    align-items: center;
    align-content: center;
}

.header-with-topbar .mobile-logo {
    max-height: 50px !important;
}

.header-with-topbar .mobile-logo {
    width: 100px !important;
}

.header-with-topbar.sticky-active .mobile-logo {
    visibility: visible;
    opacity: 1;
}

.header-with-topbar .header-logo {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s;
}

.header-with-topbar.sticky-active .header-logo {
    visibility: hidden;
    opacity: 0;
}

.btn-primary:hover {
    background-color: var(--bs-warning);
    border-color: var(--bs-btn-hover-color);
    color: var(--bs-btn-hover-color) !important;
}

.btn-warning:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-btn-hover-color);
    color: var(--bs-btn-hover-color) !important;
}

.btn-warning.outline:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-warning);
    color: var(--bs-btn-hover-color) !important;
}

.bg-light-primary{
    background-color:var(--bs-light-primary);
}

.m-n1 {
    margin: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.m-n3 {
    margin: -.75rem !important
}

.m-n4 {
    margin: -1rem !important
}

.m-n5 {
    margin: -1.25rem !important
}

.m-n6 {
    margin: -1.5rem !important
}

.m-n7 {
    margin: -1.75rem !important
}

.m-n8 {
    margin: -2rem !important
}

.m-n9 {
    margin: -2.25rem !important
}

.m-n10 {
    margin: -2.5rem !important
}

.m-n11 {
    margin: -2.75rem !important
}

.m-n12 {
    margin: -3rem !important
}

.m-n13 {
    margin: -3.25rem !important
}

.m-n14 {
    margin: -3.5rem !important
}

.m-n15 {
    margin: -3.75rem !important
}

.m-n16 {
    margin: -4rem !important
}

.m-n17 {
    margin: -4.25rem !important
}

.m-n18 {
    margin: -4.5rem !important
}

.m-n19 {
    margin: -4.75rem !important
}

.m-n20 {
    margin: -5rem !important
}

.mx-n1 {
    margin-right: -.25rem !important;
    margin-left: -.25rem !important
}

.mx-n2 {
    margin-right: -.5rem !important;
    margin-left: -.5rem !important
}

.mx-n3 {
    margin-right: -.75rem !important;
    margin-left: -.75rem !important
}

.mx-n4 {
    margin-right: -1rem !important;
    margin-left: -1rem !important
}

.mx-n5 {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important
}

.mx-n6 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important
}

.mx-n7 {
    margin-right: -1.75rem !important;
    margin-left: -1.75rem !important
}

.mx-n8 {
    margin-right: -2rem !important;
    margin-left: -2rem !important
}

.mx-n9 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important
}

.mx-n10 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important
}

.mx-n11 {
    margin-right: -2.75rem !important;
    margin-left: -2.75rem !important
}

.mx-n12 {
    margin-right: -3rem !important;
    margin-left: -3rem !important
}

.mx-n13 {
    margin-right: -3.25rem !important;
    margin-left: -3.25rem !important
}

.mx-n14 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important
}

.mx-n15 {
    margin-right: -3.75rem !important;
    margin-left: -3.75rem !important
}

.mx-n16 {
    margin-right: -4rem !important;
    margin-left: -4rem !important
}

.mx-n17 {
    margin-right: -4.25rem !important;
    margin-left: -4.25rem !important
}

.mx-n18 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important
}

.mx-n19 {
    margin-right: -4.75rem !important;
    margin-left: -4.75rem !important
}

.mx-n20 {
    margin-right: -5rem !important;
    margin-left: -5rem !important
}

.my-n1 {
    margin-top: -.25rem !important;
    margin-bottom: -.25rem !important
}

.my-n2 {
    margin-top: -.5rem !important;
    margin-bottom: -.5rem !important
}

.my-n3 {
    margin-top: -.75rem !important;
    margin-bottom: -.75rem !important
}

.my-n4 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important
}

.my-n5 {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important
}

.my-n6 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
}

.my-n7 {
    margin-top: -1.75rem !important;
    margin-bottom: -1.75rem !important
}

.my-n8 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important
}

.my-n9 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important
}

.my-n10 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important
}

.my-n11 {
    margin-top: -2.75rem !important;
    margin-bottom: -2.75rem !important
}

.my-n12 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important
}

.my-n13 {
    margin-top: -3.25rem !important;
    margin-bottom: -3.25rem !important
}

.my-n14 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important
}

.my-n15 {
    margin-top: -3.75rem !important;
    margin-bottom: -3.75rem !important
}

.my-n16 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important
}

.my-n17 {
    margin-top: -4.25rem !important;
    margin-bottom: -4.25rem !important
}

.my-n18 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important
}

.my-n19 {
    margin-top: -4.75rem !important;
    margin-bottom: -4.75rem !important
}

.my-n20 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important
}

.mt-n1 {
    margin-top: -.25rem !important
}

.mt-n2 {
    margin-top: -.5rem !important
}

.mt-n3 {
    margin-top: -.75rem !important
}

.mt-n4 {
    margin-top: -1rem !important
}

.mt-n5 {
    margin-top: -1.25rem !important
}

.mt-n6 {
    margin-top: -1.5rem !important
}

.mt-n7 {
    margin-top: -1.75rem !important
}

.mt-n8 {
    margin-top: -2rem !important
}

.mt-n9 {
    margin-top: -2.25rem !important
}

.mt-n10 {
    margin-top: -2.5rem !important
}

.mt-n11 {
    margin-top: -2.75rem !important
}

.mt-n12 {
    margin-top: -3rem !important
}

.mt-n13 {
    margin-top: -3.25rem !important
}

.mt-n14 {
    margin-top: -3.5rem !important
}

.mt-n15 {
    margin-top: -3.75rem !important
}

.mt-n16 {
    margin-top: -4rem !important
}

.mt-n17 {
    margin-top: -4.25rem !important
}

.mt-n18 {
    margin-top: -4.5rem !important
}

.mt-n19 {
    margin-top: -4.75rem !important
}

.mt-n20 {
    margin-top: -5rem !important
}

.me-n1 {
    margin-right: -.25rem !important
}

.me-n2 {
    margin-right: -.5rem !important
}

.me-n3 {
    margin-right: -.75rem !important
}

.me-n4 {
    margin-right: -1rem !important
}

.me-n5 {
    margin-right: -1.25rem !important
}

.me-n6 {
    margin-right: -1.5rem !important
}

.me-n7 {
    margin-right: -1.75rem !important
}

.me-n8 {
    margin-right: -2rem !important
}

.me-n9 {
    margin-right: -2.25rem !important
}

.me-n10 {
    margin-right: -2.5rem !important
}

.me-n11 {
    margin-right: -2.75rem !important
}

.me-n12 {
    margin-right: -3rem !important
}

.me-n13 {
    margin-right: -3.25rem !important
}

.me-n14 {
    margin-right: -3.5rem !important
}

.me-n15 {
    margin-right: -3.75rem !important
}

.me-n16 {
    margin-right: -4rem !important
}

.me-n17 {
    margin-right: -4.25rem !important
}

.me-n18 {
    margin-right: -4.5rem !important
}

.me-n19 {
    margin-right: -4.75rem !important
}

.me-n20 {
    margin-right: -5rem !important
}

.mb-n1 {
    margin-bottom: -.25rem !important
}

.mb-n2 {
    margin-bottom: -.5rem !important
}

.mb-n3 {
    margin-bottom: -.75rem !important
}

.mb-n4 {
    margin-bottom: -1rem !important
}

.mb-n5 {
    margin-bottom: -1.25rem !important
}

.mb-n6 {
    margin-bottom: -1.5rem !important
}

.mb-n7 {
    margin-bottom: -1.75rem !important
}

.mb-n8 {
    margin-bottom: -2rem !important
}

.mb-n9 {
    margin-bottom: -2.25rem !important
}

.mb-n10 {
    margin-bottom: -2.5rem !important
}

.mb-n11 {
    margin-bottom: -2.75rem !important
}

.mb-n12 {
    margin-bottom: -3rem !important
}

.mb-n13 {
    margin-bottom: -3.25rem !important
}

.mb-n14 {
    margin-bottom: -3.5rem !important
}

.mb-n15 {
    margin-bottom: -3.75rem !important
}

.mb-n16 {
    margin-bottom: -4rem !important
}

.mb-n17 {
    margin-bottom: -4.25rem !important
}

.mb-n18 {
    margin-bottom: -4.5rem !important
}

.mb-n19 {
    margin-bottom: -4.75rem !important
}

.mb-n20 {
    margin-bottom: -5rem !important
}

.ms-n1 {
    margin-left: -.25rem !important
}

.ms-n2 {
    margin-left: -.5rem !important
}

.ms-n3 {
    margin-left: -.75rem !important
}

.ms-n4 {
    margin-left: -1rem !important
}

.ms-n5 {
    margin-left: -1.25rem !important
}

.ms-n6 {
    margin-left: -1.5rem !important
}

.ms-n7 {
    margin-left: -1.75rem !important
}

.ms-n8 {
    margin-left: -2rem !important
}

.ms-n9 {
    margin-left: -2.25rem !important
}

.ms-n10 {
    margin-left: -2.5rem !important
}

.ms-n11 {
    margin-left: -2.75rem !important
}

.ms-n12 {
    margin-left: -3rem !important
}

.ms-n13 {
    margin-left: -3.25rem !important
}

.ms-n14 {
    margin-left: -3.5rem !important
}

.ms-n15 {
    margin-left: -3.75rem !important
}

.ms-n16 {
    margin-left: -4rem !important
}

.ms-n17 {
    margin-left: -4.25rem !important
}

.ms-n18 {
    margin-left: -4.5rem !important
}

.ms-n19 {
    margin-left: -4.75rem !important
}

.ms-n20 {
    margin-left: -5rem !important
}

.video-hover .bg-yellow {
    background-color: var(--bs-warning);
    opacity: .7;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s;
}
    .video-hover .bg-yellow i {
        color: var(--bs-primary);
        opacity: 1;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s;
    }
.video-hover:hover .bg-yellow {
    background-color: var(--bs-primary);
}
    .video-hover:hover .bg-yellow i {
        color: var(--bs-warning)!important;
    }
    .video-hover .video-overlay {
    opacity: .7;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s;
}
.video-hover:hover .video-overlay {
    opacity: .2 !important;
}
.bg-primary a:hover{
    color:var(--bs-warning)!important;
}