/*==================================================

===| Global Css

===================================================*/



* {

    margin: 0;

    padding: 0;

    font-size: 100%;

    box-sizing: border-box;

    transition: all 0.5s ease-in-out;

}



*,

*::before,

*::after {

    box-sizing: inherit;

    transition: all 0.5s ease-in-out;

}



input,

button,

select,

textarea {

    outline: none;

}



a {

    text-decoration: none !important;

    transition: all 0.5s ease-in-out;

}



img {

    max-width: 100%;

    height: auto;

}



section {
    

}



body {

    overflow-x: hidden;

    flex-direction: column;

    box-sizing: border-box;

    background-color: var(--lightColor) !important;

    color: var(--blackColor) !important;

    font-family: 'Bebas Neue', cursive !important;

    font-weight: var(--fw-5) !important;

    font-size: var(--fs-15) !important;

    transition: all 0.5s ease-in-out;

}



.container,

.container-lg,

.container-md,

.container-sm,

.container-xl,

.container-xxl {

    max-width: 1140px !important;

}



/*==================================================

===| Roote Settings

===================================================*/



:root {

    /* ThemeOne Color */

    --lightColor: #ecebe4;

    --blackColor: #1c1c1c;



    /* Font Size */

    --fs-14: 14px;

    --fs-15: 15px;

    --fs-16: 16px;

    --fs-17: 17px;

    --fs-18: 18px;

    --fs-19: 19px;

    --fs-20: 20px;

    --fs-21: 21px;

    --fs-22: 22px;

    --fs-23: 23px;

    --fs-24: 24px;

    --fs-25: 25px;

    --fs-26: 26px;

    --fs-27: 27px;

    --fs-28: 28px;

    --fs-29: 29px;

    --fs-30: 30px;

    --fs-31: 31px;

    --fs-32: 32px;

    --fs-33: 33px;

    --fs-34: 34px;

    --fs-35: 35px;

    --fs-40: 40px;

    --fs-45: 45px;

    --fs-50: 50px;

    --fs-55: 55px;

    --fs-60: 60px;

    --fs-65: 65px;

    --fs-70: 70px;

    --fs-75: 75px;



    /* Font Weight */

    --fw-1: 100;

    --fw-2: 200;

    --fw-3: 300;

    --fw-4: 400;

    --fw-5: 500;

    --fw-6: 600;

    --fw-7: 700;

    --fw-8: 800;

    --fw-9: 900;

}



/*==================================================

===| Theme Settings

===================================================*/



html ::-webkit-scrollbar {

    width: 2px;

}



html ::-webkit-scrollbar-button {

    display: none;

}



html ::-webkit-scrollbar-track-piece {

    background-color: transparent;

}



html ::-webkit-scrollbar-thumb {

    background-color: var(--lightColor);

    border-radius: 1px;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    -ms-border-radius: 1px;

    -o-border-radius: 1px;

}



html ::-webkit-scrollbar-thumb:hover {

    background-color: var(--lightColor);

    border-radius: 1px;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    -ms-border-radius: 1px;

    -o-border-radius: 1px;

}



html ::-webkit-scrollbar-corner {

    background-color: transparent;

}



html ::-webkit-resizer {

    background-color: var(--lightColor);

}



/*==================================================

===| Main Wrapper Top

===================================================*/

.main__wrapper {

    width: 100%;
    height: auto;
    margin-top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;

    min-height: 670px;

}



.main__wrapper .header .nav .nav-link {

    color: #fff;

    font-style: normal;

    font-weight: 400;

    font-size: 22px;

}



.main__wrapper .header .nav .nav-link.active {

    color: #72E6D6;

}


.main__wrapper button{font-size: 22px;}
.main__wrapper .header__text h3 {

    font-style: normal;

    font-weight: 400;

    font-size: 63px;

    line-height: 63px;

    color: #fff;

}

.main__wrapper .header__text .text__h3 {



}

.main__wrapper .nav.list__nav {



}



.main__wrapper .nav p {

    margin-bottom: 0;

    color: #fff;

    font-family: 'Big Shoulders Display', cursive;

    font-style: normal;

    font-weight: 500;

    font-size: 22px;

    line-height: 38px;
background: #086e5f !important;
    margin-bottom: 10px;
    letter-spacing: 0.5px;


}



.form__wrapper {

    background: #FFFFFF;

    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);

    border-radius: 20px;

    margin: 120px auto;

    display: flex;

    width: 100%;

    padding: 30px;

    font-family: 'Poppins', sans-serif;

}



.form__wrapper .form__title {

    font-style: normal;

    font-weight: 600;

    font-size: 23px;

    line-height: 40px;

    display: flex;

    align-items: center;

    color: #04927F;

    font-family: 'Poppins', sans-serif;

}



.form__wrapper .form-control,

.form__wrapper .form-check {

    background: #F5F5F5;

    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);

    border-radius: 6px;

    padding: 15px 15px;

}



.form__wrapper label {

    font-style: normal;

    font-weight: 600;

    font-size: 14px;

    line-height: 130%;

    color: #04927F;

}







.form__wrapper .mt-0 {

    margin-top:0px;

}



.form__wrapper .pr-0 {

    padding-right:0px !important;

}



.form__wrapper .form-check {

    width: 100px;

    padding: 15px 30px;

}



.form-control + .bi {

    position: absolute;

    right: 0;

    padding: 8px 27px;

  }



.bg__marque {

    height: 100%;
    background-position: bottom !important;
    background-image: url(../img/banner__bg4.jpg);

    background-repeat: repeat;

    background-size: cover;

    position: absolute;

    top: 100%;

    width: 100%;

    content: "";

    left: 0;

    z-index: -1;

    animation: marquee 30s infinite linear;

}

.bg__marque2 {

    height: 100%;

    background-image: url(../img/banner__bg4.jpg);

    background-repeat: repeat;

    background-size: cover;

    position: absolute;

    top: 100%;

    width: 100%;

    content: "";

    left: 0;

    z-index: -1;

    animation: marquee 30s infinite linear;

}


@keyframes marquee {

    0% {

        background-position-y: 0;

    }



    100% {

        background-position-y: -1190px;

    }

}



.form__wrapper .gap-2 .btn {

    background-color: #04927F;

    color: #fff;

    padding: 10px 100px;

}



.footer__wrapper {

    font-family: 'Poppins', sans-serif;

    box-shadow: 28px 0px 9px rgba(0, 0, 0, 0.1);

}

.footer__wrapper .hstack a, .footer__wrapper .right a, .footer__wrapper a {

    font-size: var(--fs-14);

    color: #828282;

    font-weight: 500;

}



.footer__wrapper .hstack a:focus, .footer__wrapper .right a:focus, .footer__wrapper a:focus {

    color: #828282;

}

.footer__wrapper .hstack a:hover, .footer__wrapper .right a:hover, .footer__wrapper a:hover {

    color: #04927F;

}

.footer__wrapper .left p {

    font-size: var(--fs-14);

    color: #828282;

    margin-bottom: 0;

}



.footer__wrapper .turqua{

    color: #04927F;

    font-size: large;

}

.footer__wrapper .turqua:focus{

    color: #04927F;

    font-size: large;

}



@media (max-width: 767.98px) {

    .main__wrapper .header__text .text__h3 {

        margin-left: 18px;

    }

    .bg__marque {

        height: 130%;

        background-image: url(../img/banner__bg2.jpg);

        background-repeat: repeat;

        position: absolute;

        background-size: cover;

        top: 85%;

        width: 100%;

        content: "";

        left: 0;

        z-index: -1;

        animation: marquee 30s infinite linear;

    }

    .form__wrapper {

        margin: 60px 0;

    }

    .form__wrapper .gap-2 .btn {

        padding: 10px 40px;

    }

    .form__wrapper .mt-0 {

        margin-top:15px !important;

    }

    .main__wrapper .header__text h3 {

        font-size: 50px;

        line-height: 53px;

    }



}



/**********************************



Name: cmxform Styles



***********************************/



form.cmxform label.error, label.error {

	/* remove the next line when you have trouble in IE6 with labels in list */

	color: red;

	font-style: italic

}

input.error { background: #fffbfb !important;

    box-shadow: 0px 1px 1px rgb(255, 0, 0) !important; }




    .main__wrapper .full-text h3{    font-size: 64px;
        line-height: 68px;}


    .main__wrapper .header .nav .nav-link:hover{color: #72E6D6;}
/*==================================================

===| Container Css

===================================================*/

.main__wrapper::after{
    position: absolute; width: 100%; height: 100%; background:rgba(0,0,0,0.3); content: ""; z-index: -1; top: 0;
}

.main__wrapper .header__text .basliknew{
    font-size: 83px;
    line-height: 83px;
    text-align: center;
}
.footernewss::after{display: none;}
@media (max-width: 767.98px) {
    .main__wrapper{height: auto !important;}
    .main__wrapper .header__text h3{margin-top: 15px; font-size: 32px;
        line-height: 37px;}
    .main__wrapper .full-text h3{margin-top: 15px; font-size: 32px;
        line-height: 37px;}
        .mobililkslider .header__text h3{font-size: 60px!important; line-height: 60px!important; text-align: center;}
        .mobililkslider .nav p{text-align: center;}
        .bg__marque2{display: none;}
        .footernewss{   background-image: url(../img/banner__bg4.jpg)!important;
            animation: marquee 30s infinite linear;}
            .bg-position-new{background-position: 85% !important;}
}