:root {
        --main-color: #4c6599;
        --sub-color: #716a00;
        --bs-link-hover-color:#716a00 !important;
      } */
 /* appear-animation{
        fill: var(--main-color) !important;
} */
body {
        overflow-x: hidden;
}
.fadeInUpShorter{
        fill: var(--sub-color) !important;
}
.owl-stage-outer{
        direction: ltr !important;
}
#st1_start{
        fill : var(--sub-color);
}
/* #st2_end{
        fill: var(--sub-color) ; */
/* } */
/* #st3_end{
        fill: var(--sub-color) !important;
} */
#gradient_SVG_3{
        fill : var(--sub-color);   
}
#gradient_SVG_2{
        fill: var(--sub-color) !important;
}
.header-nav{
        color: var(--sub-color);
}

.call_click{
        color: white !important;
        font-weight: bolder !important;
        background:linear-gradient(-38.1964deg, #FCD80E 50%, #F09621 68%) !important;
        /*background: linear-gradient(135deg, #9E1F63 10%, #003366 70%) !important;*/
}
.whats_click{
        color: white !important;
        font-weight: bolder !important;
         background:linear-gradient(-38.1964deg, #FCD80E 50%, #F09621 68%) !important;
        /*background: linear-gradient(135deg, #9E1F63 10%, #003366 70%) !important;*/
}
.fa-xx {
    font-size: 25px;
    color: white !important;
}
.banner img{
        /* background-image: url(../img/Banner-1.webp); */
        width: 100%;
        background-position: center;
        background-size: cover;
        height: auto !important;
        background-repeat: no-repeat;
        max-width: 100%;
}
.bg-main{
        background-color: #c02278 ;
        color: white !important;
}
.bg-main-2{
        background-color: #c02278 !important;
        color: white !important;
}
.bg-main-dark{
        background-color: #9b2062 ;
        color: white !important;
}
.bg-main-dark-2{
        background-color: #9b2062 !important;
        color: white !important;
}
.section-para p{
        font-size: 20px;
        padding: 10px 40px;
        line-height: 35px;
        border-radius: 25px;
}
.btn-contact{
        background-color: #c02278 !important;
        color: white;
        padding: 20px;
        margin: 10px;
        font-size: 26px;
        font-weight: bold;
}
.owl-carousel .item {
        background: #c02278;
        padding: 30px;
        border-radius: 10px;
        text-align: center;
        color: #fff !important;
        font-size: 18px;
}

.owl-carousel .item img {
        max-width: 100%;
        border-radius: 10px;
}

/* .custom-navigation {
        text-align: center;
        margin-top: 20px;
} */
    
/* .custom-navigation .owl-prev, .custom-navigation .owl-next {
        display: inline-block;
        margin: 0 10px;
        padding: 10px 20px;
        color: #9b2062 !important;
        cursor: pointer;
        font-size: 16px !important;
} */
.services-section{
        min-height: 200px !important;
}
.img-service {
        /* background-color: initial; */
    }
.img-service a img{
        height: 30% !important;
        text-align: center;
}
.img-service a{
        text-align: center;
}
.btn-read-more{
        width: 150px;
        padding: 16px 10px;
}

#service-seven {
        display: none; /* Initially hide the ninth section */
}
/* 
.custom-navigation {
        top: 50%;
        transform: translateY(-50%);
        z-index: 100;
}

.owl-prev, .owl-next {
        cursor: pointer;
        display: inline-block;
        margin: 0 10px;
        padding: 10px 20px;
        color: #9b2062 !important;
        /* cursor: pointer; */
        /* font-size: 16px !important;
} */
/* 
.owl-prev {
        position: absolute;
        left: 0;
}

.owl-next {
        position: absolute;
        right: 0; 
} */
.custom-navigation {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        display: flex;
        justify-content: space-between;
        z-index: 100;
    }
    
    .owl-prev, .owl-next {
        cursor: pointer;
        cursor: pointer;
        display: inline-block;
        margin: 0 10px;
        padding: 10px 20px;
        color: #9b2062 !important;
        /* cursor: pointer; */
        font-size: 20px !important;
    }
    
    .owl-prev {
        position: absolute;
        left: 20px;
        top: -90px;
    }
    
    .owl-next {
        position: absolute;
        right: 5px;
        top: -90px;
    }
    @media screen and (min-width: 768px) {
        .owl-prev {
          left: -58px;
          top: -100px;
        }
        .owl-next {
          right: -87px;
          top: -100px;
        }
      }
      
      
      /*---------------------*/
      
      /* General styles for footer */
#footer .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

#footer .row {
    display: flex;
    flex-wrap: wrap;
}

#footer .footer-column {
    margin-bottom: 20px;
}

#footer .custom-footer-column-logo {
    text-align: center;
}

#footer .nav {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#footer .nav-item {
    margin-bottom: 10px;
}

#footer .social-icons {
    display: flex;
    justify-content: center;
}

#footer .social-icons li {
    margin-right: 10px;
}

/* Responsive adjustments */
@media (min-width: 576px) {
    #footer .nav {
        flex-direction: row;
        justify-content: flex-start;
    }

    #footer .footer-column {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    #footer .social-icons {
        justify-content: flex-start;
    }
}

@media (min-width: 992px) {
    #footer .nav {
        flex-direction: row;
        justify-content: flex-start;
    }

    #footer .footer-column {
        display: flex;
        align-items: center;
    }

    #footer .footer-column .nav {
        flex-direction: row;
    }
}