.background {

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    background-color: #FFF; /* Black background */

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 999999;

    transform: translateY(0); /* Initially at the top */

}

.loader img {

    width: 150px; /* Adjust size of the loader image */

    opacity: 1; /* Initially hidden */

}



.swiper {

    width: 100%;

    height: 100vh;

}

.banner-section {

position:relative

}

.swiper-slide {

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 2rem;

    color: #fff;

    background-size: cover;

    background-position: center;

    position: relative;

}



.swiper-slide-1 {

    background: url('/images/banner-owl/owl-tally-1 1.webp');

}



.swiper-slide-2 {

    background-image: url('/images/banner-owl/owl-tally-2 1.webp');

}



.swiper-slide-3 {

    background-image: url('/images/banner-owl/owl-tally-3 1.webp');

}



/*

*

* Swiper

* --------------------------------------------------

*/

.swiper-container {

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    /* overflow: hidden; */

    height: auto;

    /* min-height: 45vw; */

    

    z-index: 1;

}

.swiper-container.swiper-banner{

       overflow: hidden; 

       height: auto;

        /* min-height: 45vw; */

}



.swiper-container .button-default-outline,

.swiper-container .button-default-outline:focus {

    color: #ffffff;

    background-color: transparent;

    border-color: #ffffff;

}



.swiper-container .button-default-outline:hover,

.swiper-container .button-default-outline:active,

.swiper-container .button-default-outline:hover {

    color: #ffffff;

    background-color: #ffa900;

    border-color: #ffa900;

}



.swiper-container-vertical>.swiper-wrapper {

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}



.swiper-wrapper {

    position: relative;

    z-index: 1;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-align-self: stretch;

    -ms-flex-item-align: stretch;

    align-self: stretch;

    -webkit-align-items: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    width: 100%;

    height: auto;

    min-height: inherit;

    transition-property: transform;

    box-sizing: content-box;

    margin-top: 105px;

}



.swiper-container-android .swiper-slide,

.swiper-wrapper {

    transform: translate3d(0px, 0, 0);

    will-change: transform;

}



.swiper-container-multirow>.swiper-wrapper {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.swiper-container-no-flexbox .swiper-slide {

    float: left;

}



.swiper-container-free-mode>.swiper-wrapper {

    transition-timing-function: ease-out;

    margin: 0 auto;

}



.swiper-slide {

    position: relative;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-negative: 0;

    -webkit-flex-shrink: 0;

    flex-shrink: 0;

    width: 100%;

height: auto !important;

    background-size: cover;

    background-position: center center;

}



/* .swiper-slide:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.3);

} */



@media (min-width: 1200px) {

    .swiper-slide:before {

        display: none;

    }

}



/* a11y */

.swiper-container .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1000;

    pointer-events: none;

    opacity: 0;

}



/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {

    -ms-touch-action: pan-y;

    touch-action: pan-y;

}



.swiper-wp8-vertical {

    -ms-touch-action: pan-x;

    touch-action: pan-x;

}



/* Arrows */

.swiper-button-prev,

.swiper-button-next {

    position: absolute;

    top: 50%;

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 20px;

    border-radius: 50%;

    text-align: center;

    margin-top: -20px;

    z-index: 10;

    cursor: pointer;

    background: #ffa900;

    color: #ffffff;

    transition: .33s;

}



.swiper-button-prev::before,

.swiper-button-next::before {

    position: relative;

    font-family: 'Material Design Icons';

}



.swiper-button-prev:hover,

.swiper-button-next:hover {

    background: #2c20c0;

}



.swiper-button-prev.swiper-button-disabled,

.swiper-button-next.swiper-button-disabled {

    opacity: 0.35;

    cursor: auto;

    pointer-events: none;

}



.swiper-button-prev {

    left: 40px;

}



.swiper-button-prev::before {

    content: '\f14b';

    left: -1px;

}



.swiper-button-next {

    right: 40px;

}



.swiper-button-next::before {

    content: '\f150';

    right: -1px;

}



/* Pagination Styles */

.swiper-pagination-wrap {

    position: absolute;

    bottom: 30px !important;

    left: 13% !important;

    z-index: 10;

    width: 100%;

    text-align: center;

    transform: translate3d(-50%, 0, 0);

}



.swiper-pagination-wrap.container-bigger {

    width: 100%;

    text-align: left;

}



@media (min-width: 1200px) {

    .swiper-pagination-wrap {

        bottom: 50px;

    }



    .swiper-pagination-wrap.container-bigger {

        bottom: 75px;

    }

}



.swiper-pagination {

    position: relative;

    display: inline-block;

    font-size: 0;

    line-height: 0;

}



.swiper-pagination-bullet {

    display: inline-block;

    width: 14px;

    height: 14px;

    border-radius: 100%;

    background: rgb(255 255 255 / 85%);

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);

    transition: .33s;

    margin: 0 3px;

}



.swiper-pagination-bullet:hover {

    background: #ffffff;

}



.swiper-pagination-bullet-active {

    background: #dddddd;

}



.swiper-pagination.swiper-pagination-hidden {

    opacity: 0;

}



.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer;

}



@media (max-width:576px) {

    .swiper-pagination-clickable .swiper-pagination-bullet{

        width: 10px;

        height: 10px;

    }

}



.swiper-container-vertical>.swiper-pagination {

    right: 10px;

    top: 50%;

    transform: translate3d(0px, -50%, 0);

}



.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {

    margin: 5px 0;

    display: block;

}



.swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet {

    margin: 0 15px;

}



.swiper-type-1 {

    min-height: 300px;

}



.swiper-type-1 .big {

    font-weight: 400;

}



/* .swiper-type-1 .swiper-slide {

    -webkit-align-items: flex-end;

    -ms-flex-align: end;

    align-items: flex-end;

} */



.swiper-type-1 .swiper-pagination {

    margin-left: -10px;

}



.swiper-type-1 .swiper-buttons {

    display: inline-block;

    position: absolute;

    bottom: 30px;

    left: 15px;

    white-space: nowrap;

}



.swiper-type-1 .swiper-buttons .swiper-button-prev,

.swiper-type-1 .swiper-buttons .swiper-button-next {

    position: relative;

    display: inline-block;

    left: auto;

    right: auto;

    margin-top: 0;

    transform: none;

}



.swiper-type-1 .swiper-buttons>*+* {

    margin-left: 8px;

}

.swiper-type-1 .swiper-slide::after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: -2;

    background-color: rgb(0 0 0 / 53%);

    /* background: linear-gradient(to bottom, rgb(0 0 0 / 31%) 0%, rgb(0 0 0 / 2%) 50%, rgb(0 0 0 / 35%) 100%); */

}



@media (max-width: 767px) {

    .swiper-type-1 [class*='section'] {

        padding-top: 25px;

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 30px;

    }



    /* .swiper-type-1 .swiper-slide::after {

        content: '';

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        z-index: 0;

        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);

    } */



    .swiper-type-1 .swiper-slide .swiper-slide-caption {

        position: relative;

        z-index: 2;

    }

}



@media (min-width: 576px) {

    .swiper-type-1 .swiper-buttons {

        left: calc(50% - 450px / 2);

    }

}



@media (max-width:576px) {

    .swiper-type-1 [class*='section'] {

        padding-top: 25px;

        padding-left: 10px;

        padding-right: 10px;

    }

}





/* @media (min-width: 768px) {

.swiper-type-1 {

min-height: 500px;

}



.swiper-type-1 .swiper-pagination-wrap {

display: none;

}



.swiper-type-1 .swiper-buttons {

left: calc(50% - 720px / 2);

}

}



@media (min-width: 992px) {

.swiper-type-1 {

min-height: 39.4vw;

}



.swiper-type-1 .swiper-buttons {

left: calc(50% - 940px / 2);

}

}



@media (min-width: 1200px) {

.swiper-type-1 .swiper-buttons {

left: calc(50% - 1170px / 2);

bottom: 50px;

}

}



@media (min-width: 1600px) {

.swiper-type-1 .section-xl {

padding-top: 180px;

padding-bottom: 180px;

}



.swiper-type-1 .swiper-buttons {

left: calc(50% - 1570px / 2);

}

} */



@media (min-width: 1800px) {

    .swiper-type-1 .swiper-buttons {

        left: calc(50% - 1770px / 2);

        bottom: 95px;

    }

}







/**

*  Swiper main

*/

.swiper-main .swiper-pagination-wrap {

    bottom: 45px;

}







.swiper-slide-caption {

    width: 100%;

}



.swiper-slider_height-1 {

    min-height: 300px!important;

}



@media (min-width: 768px) {

    .swiper-slider_height-1 {

        min-height: 650px !important;

    }

    .form-request-modern {

        margin-top: 133px;

        

    }



}



/* @media (min-width: 1200px) {

    .swiper-slider_height-1 {

        min-height: 512px !important;

    }

} */



@media (min-width: 1600px) {

    .container-bigger {

        max-width: 1500px;

    }

}



@media (min-width: 992px) {

    .swiper-form-wrap .form-request-wrap {

        width: 100%;

        position: absolute;

        top: 50%;

        transform: translate3d(0, -50%, 0);

        left: 0;

        right: 0;

        z-index: 2;

        pointer-events: none;

        opacity: 1;

    }



    .swiper-form-wrap .form-request {

        pointer-events: auto;

    }

}



.form-request {

    padding: 30px 15px;

    max-width: 420px;

    margin-left: auto;

    margin-right: auto;

    border-radius: 8px;

    background-color: #ffffff;

    color: #29293a;

}



@media (min-width: 1200px) {

    .form-request {

        padding: 40px 35px;

    }

}



.form-request-modern {

    max-width: 566px;

    background-color: rgba(247, 247, 247, 0.9);

}



.form-request-modern h4 {

    font-size: 24px;

}



.form-request-modern .select2-container--bootstrap .select2-selection,

.form-request-modern .form-input {

    background-color: #ffffff;

}



.form-request-modern .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,

.form-request-modern .form-input,

.form-request-modern .form-label {

    color: #29293a;

}



.form-flex-inline {

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    justify-content: space-between;

    align-content: flex-end;

    margin-left: -8px;

    margin-right: -8px;

    margin-bottom: -15px;

    transform: translateY(-15px);

}



.form-flex-inline-item {

    flex-shrink: 1;

    flex-grow: 1;

    padding-left: 8px;

    padding-right: 8px;

    margin-top: 15px;

}



.form-flex-inline-item-static {

    width: 100%;

}



@media (min-width: 768px) {

    .form-flex-inline-item-static {

        width: 27%;

    }

}



@media (min-width: 992px) {

    .form-flex-inline-item-static {

        width: 19%;

        max-width: 185px;

    }

}



@media (min-width: 1200px) {

    .form-flex-inline-item-static {

        max-width: 239px;

        width: 14.1%;

    }

}



.form-flex-inline-item-custom {

    margin-top: 30px;

    display: flex;

    align-items: flex-end;

    justify-content: center;

}



.form-flex-inline .form-button .button {

    min-width: 190px;

}





.form-request-modern {

    /* margin-top: 30px; */

    margin-bottom: 30px;

}



.form-request-modern *+.rd-mailform {

    margin-top: 10px;

}



.form-request-modern *+.form-button {

    margin-top: 30px;

}



@media (min-width: 1200px) {

    .form-request-modern {

        margin-top: 135px;

      

        margin-bottom: 0;

    }

}

@media (max-width: 1400px) {

    /* .form-request-modern {

        margin-top: 15px;

      

      

    } */

}



@media (min-width: 1600px) {

    .form-request-modern *+.form-button {

        margin-top: 40px;

    }

}





html .row-20 {

    margin-bottom: -20px;

}



.form-label,

.form-label-outside {

    font-weight: 300;

    line-height: 24px;

    color: #838386;

}



@media (min-width: 1600px) {



    .form-label,

    .form-label-outside {

        font-size: 18px;

    }

}



.form-label {

    position: absolute;

    top: 30px;

    left: 25px;

    z-index: 9;

    transition: .3s;

    transform: translateY(-50%);

    pointer-events: none;

}



.form-label.focus {

    opacity: 0;

}



.form-label.auto-fill {

    color: #29293a;

}



[data-x-mode="true"] .form-label {

    pointer-events: auto;

}



.form-label-outside {

    padding-left: 21px;

    margin-bottom: 3px;

    font-size: 12px;

    letter-spacing: .02em;

    color: #838386;

    pointer-events: auto;

    cursor: pointer;

}



.form-label-outside,

.form-label-outside.focus,

.form-label-outside.auto-fill {

    opacity: 1;

    transform: none;

}



.form-label-outside+.form-input+.form-validation {

    top: 36px;

}



.form-validation {

    position: absolute;

    right: 21px;

    top: 3px;

    font-size: 10px;

    line-height: 11px;

    font-weight: 400;

    color: #d9534f;

    transition: .3s;

    z-index: 11;

}



.form-validation-left .form-validation {

    right: auto;

    top: 100%;

    left: 0;

}



.swiper-main-section {

    padding-top: 60px;

    padding-bottom: 100px;

}

/* 

@media (max-width: 576px) {

    .desktop .swiper-main-section {

        padding-top: 200px;

        padding-bottom: 50px;

    }

} */



@media (min-width: 1200px) {

    .desktop .swiper-main-section {

        padding-top: 80px;

    }

}



@media (min-width: 1600px) {

    .desktop .swiper-main-section {

        padding-bottom: 220px;

    }

}



@media (min-width: 1800px) {

    .desktop .swiper-main-section {

        padding-top: 230px;

        padding-bottom: 245px;

    }

}



.swiper-content-section h3 {

    font-size: 50px;

    line-height: 1.375;

    letter-spacing: 0.08em;

    font-weight: 700;

    text-transform: uppercase;

    margin-top: 0;

    margin-bottom: 0;

    color: white;

}

@media (max-width:576px) {

    .swiper-content-section h3{

        font-size: 31px;

        letter-spacing: 1px;

    }

}





.swiper-content-section p {

    font-size: 16px;

    line-height: 1.55556;

    font-weight: 300;

    margin-top: 10px;



}

a{

text-decoration: none;

}

.button {

    position: relative;

    display: inline-block;

    max-width: 100%;

    padding: 9px 30px;

    min-width: 210px;

    font-family: "Oswald", Helvetica, Arial, sans-serif;

    font-weight: 400;

    letter-spacing: 0.12em;

    text-transform: uppercase;

    border: 2px solid;

    border-radius: 35px;

    font-size: 19px;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    user-select: none;

    transition: .25s all ease;

    /* white-space: pre-wrap; */

}



.swiper-container .button-default-outline {

    color: #ffffff;

    background-color: transparent;

    border-color: #ffffff;

}

.form-input {

display: block;

width: 100%;

min-height: 60px;

padding: 8px 26px;

font-weight: 300;

line-height: 24px;

color: #29293a;

background-color: #f7f7f7;

background-image: none;

border: 0px solid #f7f7f7;

border-radius: 35px;

-webkit-appearance: none;

margin: 0 0 17px;

}

.button-secondary, .button-secondary:focus {

color: #ffffff;

background-color: #159885;

border-color: #128d7b;

}

.button-block {

display: block;

width: 100%;

}