@font-face {

    font-family: 'MontserratVariableFont_wght';

    src: url('../fonts/MontserratVariableFont_wght.eot');

    src: url('../fonts/MontserratVariableFont_wght.eot') format('embedded-opentype'),

        url('../fonts/MontserratVariableFont_wght.woff2') format('woff2'),

        url('../fonts/MontserratVariableFont_wght.woff') format('woff'),

        url('../fonts/MontserratVariableFont_wght.ttf') format('truetype'),

        url('../fonts/MontserratVariableFont_wght.svg#MontserratVariableFont_wght') format('svg');

}



h1,

h2,

h3,

h4,

h5 {

    font-family: 'Montserrat';

    font-weight: 600;

}



p {

    font-family: 'Montserrat';

    font-weight: 400;

}



.carousel-inner h1 {

    font-family: 'Montserrat';

    font-weight: 400;

    line-height: 65px;

}



body {

    margin: 0;

    padding: 0;



    background-color: #F8F3EF;

}



.section {

    padding: 60px 0;

}







.section-title {

    font-weight: bold;

    font-size: 2.2rem;

}



.custom-icon {

    font-size: 1.2rem;

    margin-right: 8px;

    color: #000;

}



.cta-text {

    background: #4B9E0D;

    background: linear-gradient(262deg, rgba(75, 158, 13, 0) 0%, rgba(110, 253, 113, 0.2) 51%, rgba(126, 148, 111, 0) 100%);

    padding: 10px 20px;

    font-weight: bold;

    font-size: 1.2rem;

    color: #0d6efd;

    text-align: center;

    border-radius: 6px;

}





.section-heading {

    font-weight: 600;

    font-size: 1.4rem;

    margin-bottom: 0.5rem;

}



.icon-bullet {

    font-size: 1.2rem;

    margin-right: 8px;

}



.highlight-box {

    background: #4B9E0D;

    background: linear-gradient(262deg, rgba(75, 158, 13, 0) 0%, rgba(51, 107, 9, 0.2) 51%, rgba(126, 148, 111, 0) 100%);

    color: #d4ff72;

    font-weight: 700;

    font-size: 1.25rem;

    text-align: center;

    padding: 12px 20px;

    border-radius: 10px;

    margin-top: 30px;

}







.card-feature {

    border: none;

    border-radius: 15px;

    overflow: hidden;

    background-color: #947b5f;

    color: #fff;

    text-align: center;

}



.card-feature img {

    height: 200px;

    object-fit: cover;

    width: 100%;

}



.card-feature .card-body {

    padding: 1rem;

}



.section-title {

    font-weight: 700;

    text-align: center;

    margin-bottom: 2rem;

    font-size: 1.8rem;

}



.emotion-tag {

    display: inline-block;

    padding: 0.6rem 1rem;

    margin: 0.4rem;

    border-radius: 50px;

    font-weight: 500;

    text-align: center;

    white-space: nowrap;

    background: linear-gradient(135deg, #ffd89b, #19547b);

    color: #000;

    width: 100%;

    height: 60px;

    line-height: 18px;

    position: relative;

    display: table;

}



.emotion-tag span {

    position: relative;

    display: table-cell;

    vertical-align: middle;

}



.emotion-title {

    text-align: center;

    font-size: 2rem;

    font-weight: 700;

    margin-bottom: 2rem;

}



marquee {

    height: 300px;

}



/* Optional: Add variety with different gradients */

.gradient-1 {

    background: linear-gradient(135deg, #a1c4fd, #c2e9fb);

}



.gradient-2 {

    background: linear-gradient(135deg, #fbc2eb, #a6c1ee);

}



.gradient-3 {

    background: linear-gradient(135deg, #fddb92, #d1fdff);

}



.gradient-4 {

    background: linear-gradient(135deg, #f6d365, #fda085);

}



.gradient-5 {

    background: linear-gradient(135deg, #c2e59c, #64b3f4);

}



.gradient-6 {

    background: linear-gradient(135deg, #e0c3fc, #8ec5fc);

}



.gradient-7 {

    background: linear-gradient(135deg, #f093fb, #f5576c);

}



.gradient-8 {

    background: linear-gradient(135deg, #e0eafc, #cfdef3);

}



.gradient-9 {

    background: linear-gradient(135deg, #cfd9df, #e2ebf0);

}



.gradient-10 {

    background: linear-gradient(135deg, #d4fc79, #96e6a1);

}









.card {

    border: none;

    border-radius: 15px;

    overflow: hidden;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

    margin-bottom: 2rem;

}



.card img {

    object-fit: cover;

    height: 260px;

}



.card-body {

    background-color: #dbd2cc;

    text-align: center;

    /* border-radius: 15px;

    -moz-border-radius: 15px;

    -webkit-border-radius: 15px; */

}



.btn-learn {

    border-radius: 0 0 15px 15px;

    background-color: #8d6e56;

    color: #fff;

    font-weight: 500;

    padding: 0.75rem;

    text-transform: uppercase;

    border: none;

    font-size: 18px;

}



.btn-learn:hover {

    background-color: #a98062;

}



h2.section-title {

    text-align: center;

    font-weight: 700;

    margin: 2rem 0;

}



.bg_broun {

    background: #A0886D;

}



.compelling_description {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 200px 0;

}



.compelling_description_main {

    padding: 50px 0;

}



.compelling_description h2 {

    font-size: 40px;

}



.contact_box {

    background: #DBD2CC;

    padding: 50px 20px;

    color: #4F3C26;

}



.contact_box {}







footer {

    background-color: rgba(22, 38, 56, 0.5);

}



.text_footer {

    padding-right: 100px;

}



.footer_botom {

    background: #002540;

    color: #fff;

}



.footer_top {

    box-shadow: -2px 3px 20px 1px rgba(227, 191, 113, 0.6);

    -webkit-box-shadow: -2px 3px 20px 1px rgba(227, 191, 113, 0.6);

    -moz-box-shadow: -2px 3px 20px 1px rgba(227, 191, 113, 0.6);

}







.carousel-control-prev {

    width: 20px;

    height: 40px;

    position: absolute;

    right: 30px;

    left: auto;

}



.carousel-control-next {

    width: 20px;

    height: 40px;

    position: absolute;

    right: 0px;

    left: auto;

}



.owl-nav {

    display: none;

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

    background: #fff !important;

}



.owl-dots {

    margin-top: 0px;

}



.contact_information a {

    color: #fff;

}



#site-header {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    background: white;

    transition: all 0.3s ease;

    z-index: 1000;

    background: #000000;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.81) 0%, rgba(0, 0, 0, 0.36) 51%, rgba(0, 0, 0, 0) 100%);

}



#site-header.sticky {

    background: #000000;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.6) 51%, rgba(0, 0, 0, 0) 100%);

    padding: 0;

    /* box-shadow: -2px 3px 20px 1px rgba(227, 191, 113, 0.6);

    -webkit-box-shadow: -2px 3px 20px 1px rgba(227, 191, 113, 0.6);

    -moz-box-shadow: -2px 3px 20px 1px rgba(227, 191, 113, 0.6); */

}



.box-height {

    height: 125px;

}



.banner_img {

    height: 750px;

    background-position: top center;

    background-repeat: no-repeat;

    background-size: cover;

}







.banner_img h1 {

    margin-top: 300px;

    letter-spacing: 3px;

    font-size: 60px;

}



.banner_button {

    width: 100%;

    position: absolute;

}



.banner_button {

    width: 100%;

    position: absolute;

    height: 50px;

    top: 0;

    bottom: 0;

    margin: auto;

}



.carousel-control-prev {

    width: 20px;

    height: 40px;

    position: absolute;

    right: auto;

    left: auto;

}



.carousel-control-prev,

.carousel-control-next {

    background-color: rgba(0, 0, 0, 0.5);

    width: 40px;

    background-size: 50px;

    border-radius: 20px;

}



.carousel-control-next-icon,

.carousel-control-prev-icon {

    width: 20px;

}



.carousel-control-prev {

    left: 15px;

}



.carousel-control-next {

    right: 15px;

}



.nav_bar_rigght {

    position: fixed;

    right: 18px;

    top: 49px;

    z-index: 9999;

    transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    cursor: pointer;

}



.nav_bar_rigght span {

    display: block;

    height: 2px;

    width: 27px;

    margin-bottom: 6px;

    background: #fff;

    transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



#site-header.sticky .nav_bar_rigght {

    top: 40px;

}



.nav_bar_rigght.cross .hide {

    opacity: 0;

}



.nav_bar_rigght.cross .line1 {

    transform: rotate(55deg);

    margin-top: 5px;

}



.nav_bar_rigght.cross .line2 {

    transform: rotate(-48deg);

    margin-top: -7.5px;

}



.nav_open {

    position: fixed;

    left: 0;

    top: 0;

    height: 100%;

    width: 300px;

    background-color: rgba(0, 0, 0, 0.8);

    z-index: 9999;

    opacity: 0;

    left: -100%;

    transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



.nav_open.show_nav {

    opacity: 1;

    left: 0px;

}



.nav_open ul {

    margin: 0;

    padding: 0;

}



.nav_open li {

    list-style: none;

}



.nav_open li a {

    list-style: none;

    color: #fff;

    padding: 10px 0;

    display: block;

    text-decoration: none;

    border-bottom: 1px solid #444444;

}



.nav_open li:last-child a {

    border: 0;

}



.news_container {

    border: 1px solid black;

    width: 25%;

    height: 200px;

    overflow: hidden;

    position: relative;

    padding: 3px;

}



.news {

    position: absolute;

    left: 0px;

    top: 0px;

}



.marquee-container {

    height: 100px;

    overflow: hidden;

    position: relative;

}



.marquee-content {

    display: inline-block;

    animation: scroll-up 10s linear infinite;

}





.item {

    padding: 0px 0;

    text-align: center;

    border-radius: 10px;

}



.client_ratting i {

    font-size: 14px;

}



.profile_img img {

    height: 60px;

    width: 60px;

    object-fit: cover;

    border-radius: 50px;

    -moz-border-radius: 50px;

    -webkit-border-radius: 50px;

}



.owl-nav {

    display: none;

}







img.vert-move {

    -webkit-animation: mover 1s infinite alternate;

    animation: mover 1s infinite alternate;

}



img.vert-move {

    -webkit-animation: mover 1s infinite alternate;

    animation: mover 1s infinite alternate;

}



.cus-h-100 {

    height: 80px;

}



.heading {

    font-size: 30px;

}



p,

ul li,

ul li a {

    font-size: 16px;

}



.contact_img_right {
    height: 358px;
    object-fit: cover;
    width: 100%;
}

@keyframes scroll-up {

    0% {

        transform: translateY(100%);

    }



    100% {

        transform: translateY(-100%);

    }

}





@media (min-width: 992px) {

    .navbar-expand-lg .navbar-nav .nav-link {

        padding-right: 20px;

        padding-left: 20px;

    }

}



@media (max-width: 1199px) {
    .contact_img_right {
        height: 381px;
    }
}



@media (max-width: 1200px) {

    .banner_img h1 {

        margin-top: 300px;

        letter-spacing: 3px;

        font-size: 44px;

    }



    .downlaod_app {

        height: 30px !important;

    }

}



@media (max-width: 1080px) {

    .downlaod_app {

        height: 20px !important;

    }



    .contact_box h4 {

        font-size: 20px;

    }

}



@media (max-width: 992px) {



    .navbar-toggler {

        background-image: url(../img/nav.png );

        background-size: 50px;

        height: 50px;

        background-repeat: no-repeat;

        border: transparent;

    }



    .navbar-toggler:focus {

        box-shadow: none;

    }





    .footer_top {

        text-align: center;

    }



    .contact_box h4 {

        margin-top: 20px;

    }



    .carousel-inner h1 {

        font-family: 'Montserrat';

        font-weight: 400;

        line-height: 30px;

    }

    .contact_img_right {
        height: 429px;
    }

}

@media (max-width: 768px) {

    .navbar-toggler {

        display: none;

    }



    .nav_open {

        width: 205px;

    }



    .banner_img {

        height: 430px;

    }



    .banner_img h1 {

        width: 300px;

        margin: 200px auto 0 auto;

        font-size: 25px;

    }



    .downlaod_app {

        height: 50px !important;

        margin-bottom: 10px;

    }

}