.overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

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

    pointer-events: none; 

  }

  

  #nav-unit-tab-1:before, #nav-unit-tab-2:before{

      content: "";

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background-color: #232323;

    display: inline-block;

    /* margin-right: 17%; */

    position: absolute;

    top: 38%;

    left: -13%;

  }

  

  #nav-unit-tab-1, #nav-unit-tab-2 {

  position: relative;

}

#nav-unit-tab-1::before, #nav-unit-tab-2::before {

  content: "";

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background-color: #232323;

  display: inline-block;

  /* margin-right: 17%; */

  position: absolute;

  top: 38%;

  left: -13%;

}

#nav-unit-tab-1, #nav-unit-tab-2{

    position: relative;

    &::before{

        content: "";

        width: 10px;

        height: 10px;

        border-radius: 50%;

        background-color:$body-color;

        display: inline-block;

        /* margin-right: 17%; */

        position: absolute;

        top: 38%;

        left: -13%;

    }

}


/*  header dropdown css */



/*.desk-nav ul li .dropdown_menu{

    display: none;

}

 .desk-nav ul li .dropdown_menu ul li .dropdown_menu-1{

    display: none;

}



.desk-nav ul li:hover .desk-nav ul li .dropdown_menu{

    display:block;

    position: absolute;

    left:auto;

    top: 100%;

    background-color: #fff;

}

.desk-nav ul li:hover .desk-nav ul li .dropdown_menu ul{

    display: block;

    margin: 10px;

}

 .desk-nav ul li:hover .desk-nav ul li .dropdown_menu ul li{

    

    width: 190px;

    padding: 10px;

    display: list-item;

}



 .desk-nav ul li .desk-nav ul li .dropdown_menu ul li :hover .desk-nav ul li .dropdown_menu ul li .dropdown_menu-1{

    display: block;

    position: absolute;

    top: 0;

    left: auto;

    background-color: #fff;

}
*/
.mt-10{

    margin-top:1em;

}

.sm-links a{

    color: #232323;

    text-decoration: none;

}

.sm-links a li{

    line-height: 5px;

}


.section_7 .container .card_1 .card_1_2 .btn-border{

   background-color: transparent !important;

}

.section_5 .card_row .card img{

    padding-bottom:30px !important;

}





#error-body{

        background: #000;

}

.error-section{

    color:#fff;

}

.error-section .error-head {

    text-transform: capitalize;

    color: #fff;

    font-size: 44px;

}

.error-section .error-head span{

    color: #fff;

    font-size: 87.14px;

    font-weight: 375;

    line-height: 104.56px;

    font-family: Chronicle Display;



}

 .error-section .error-msg{

     color: #fff;

    font-family: Ringside Regular;

    font-size: 21.02px;

    font-weight: 375;

    line-height: 29.19px;



}

.error-btn{

    font-family: Ringside Regular;

    font-size: 11px;

    font-weight: 400;

    line-height: 11px;

    letter-spacing: 1px;

    text-align: center;

    text-transform: uppercase;

    padding: 20px 10px;

    border-radius: 0px;

    margin-top: 30px;

    background-color: #ffffff;

    color:#000;

    border: 1px solid #ffffff;

}

.error-btn:hover {

    background-color: #000;

    color: #ffffff;

}

.error-section .content{

    text-align:center;

}





/*error page media*/



@media (max-width: 1024px) {

    

    .error-section .error-head {

    font-size: 32px;

}

   .error-section .error-head span{

    font-size: 68px;

    line-height: 80px;

}

 .error-section .error-msg{

    font-size: 18px;

    line-height: 26px;



}

.error-btn{

    font-size: 10px;

    line-height: 0px;

    padding: 18px 18px;

}

}



/*popup form css*/



.modal-body {

   background-color: #ffffff;

    color: #333;

    border-radius: 30%;

}



.popup-heading{

    color: #000;

    font-family: Ringside Regular;

    font-weight: 600; 

    margin-top: 7px;

}



.popup-form-group{

    /*margin-bottom: 30px;*/
    margin-bottom: 20px;

    box-shadow: none !important;

}



.section_form .popup-form-group input{

    text-transform: uppercase;

    font-size: 0.7em;

    box-shadow: none !important;

    border-radius: none;

    padding: 0.95rem 0.75rem;

}



.popup-form-control{

    display: block;

    width: 100%;

    /*padding: 1rem .75rem;*/
    padding: 0.6rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color:#6c757d;

    background-color:#ffffff ;

    background-clip: padding-box;

    border: 1px solid #000;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    /*border-radius: .25rem;*/

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}

.section_form .popup-form-group .message{

   padding: 3rem .75rem;

 }

.popup-btn{

    font-family: Ringside Regular;

    font-size: 11px;

    font-weight: 400;

    line-height: 11px;

    letter-spacing: 1px;

    text-align: center;

    text-transform: uppercase;

    padding: 20px 40px;

    border-radius: 0px;

    margin-top: 30px;

    background-color: #000;

    color:#ffffff;

    border: 1px solid #000;

}

.popup-btn:hover {

    background-color: #ffffff;

    color: #000;

}



.close {

    float: right;

    font-size: 25px;

    font-weight: 700;

    line-height: 1;

    color: #000;

    border: 1px solid #fff;

    /*text-shadow: 0 1px 0 #fff;*/

    /*filter: alpha(opacity = 20);*/

    /*opacity: .2;*/

}





/*NRI Page*/

.check-btn{

    font-size: 1em;

    padding: 16px 50px;

}

/* for whatsapp chat system start */
.whatsapp-container {
    position: fixed;
    bottom: 18px;
    left: 17px;
    z-index: 1000;
}

.whatsapp-button {
    width: 55px;
    height: 55px;
    cursor: pointer;
}
.whatsapp-button img{
    width: 55px;
    height: 55px;
    cursor: pointer;
}
.whatsapp-popup {
    display: none;
    position: absolute;
    bottom: 80px;
    left: 0;
    background-color: #e5dfdf;
    color: white;
    /*padding: 10px;*/
    border-radius: 5px;
    font-size: 14px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 260px; /* Adjust width as needed */
}

.popup-header {
    background-color: #128C7E;
    padding: 8px;
    border-radius: 5px 5px 0 0;
    text-align: center;
}

.popup-header p {
    margin: 0;
    font-weight: 500;
}

.popup-body {
    padding: 10px;
}


.popup-body p {
   margin: 71px 0 25px;
    color: #464141;
    font-size: medium;
}

.chat-container {
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 5px;
    padding: 1px;
}

.chat-container textarea {
    width: 100%;
    height: 40px;
    padding: 8px;
    border: none;
    resize: none;
    border-radius: 5px;
    font-size: 14px;
}

.chat-container button {
    background-color: #128C7E;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
    margin-left: 5px;
}

.chat-container button img {
    width: 20px;
    height: 20px;
}

.close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: transparent;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    padding: 5px;
}

.close-button:hover {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
}

/* for whatsapp chat system end */

/* Bharatee - 9 June 2025 */
.cls-mob-banner {
    /* padding: 50px; */
    margin: 81px 0px 0px;
    /* padding: 0px 0px 0px; */
    /* padding: 50px 0px 40px; */
    position: relative;
    z-index: 9;
    padding: 0px 0 0px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
}
#single-bg-mob img {
    width: 100%;
    height: auto;
    display: block;
}


.logo-container-mob .abs_img {
      /* position: absolute;
      bottom: 0; */
      width: 150px !important;
      border-top-left-radius: 20px !important;
      padding: 10px !important;
      border-top-right-radius: 20px !important;
      background: #f6f6f6;
    }

    .banner-content-mob {
      /*position: absolute;
      bottom:30rem ;*/

      & h2 {
        color: #fff;
      }
    }

    .pos-relative {
      position: relative;
    }

    .pos-absolute {
      position: absolute;
      bottom: -10%;
      left: 9%;
    }

    /*new banner css for slider*/

    @media only screen and (max-width: 991px) {
      .logo-container {
        width: 150px !important;
      }
    }

    @media only screen and (max-width: 767px) {
      ul.breadcrumb li a i {
        color: #fff !important;
      }

      .pos-absolute {
        position: absolute;
        bottom: 0%;
        left: 9%;
      }
    }

    /*  New*/
    @media (max-width: 1080px) and (min-width: 1024px) {

      .breadcrumb-main {
        position: absolute !important;
        /*    right: 15px;*/
        bottom: auto;
        /*    top: 79%;*/
      }

      .carousel-inner {
        height: auto !important;
      }
    }

    @media only screen and (min-width: 1550px) {
      .carousel-inner {
        height: 750px !important;
      }
    }

    /*new*/
    .bg_div_other- {
      align-items: baseline !important;
      height: auto;
    }

    .bg_div_other- img {
      width: 200px;
    }

    .carousel-caption {
      bottom: 30%;
    }

    .mob {
      height: 70vh !important;
    }

    .h-dyh-100 {
      height: 100dvh !important;
    }

    /*  breadcrumb*/
    .breadcrumb-main-mob {
      width: 100%;
      background-color: #000;
    }

    ul.breadcrumb {
      padding: 6px;
      list-style: none;
      /*  justify-content: center;*/
      /*  background-color: #eeeeee85;*/
    }

    ul.breadcrumb li {
      display: inline;
      color: #b37824;
      font-size: 15px;
    }

    ul.breadcrumb li+li:before {
      padding: 8px;
      color: #fff;
      content: ">\00a0";
    }

    ul.breadcrumb li a {
      color: #fff;
      text-decoration: none;
    }

    ul.breadcrumb li a:hover {
      color: #b37824;
      text-decoration: underline;
    }

    /* @media (min-width: 576px) and (max-width: 990px) {
    .banner-content-mob{
        bottom: 40%;
    }
}*/

    @media (max-width: 576px) {
      .banner-content-mob {
        bottom: 30%;
      }
    }

    @media (min-width: 1025px) and (max-width: 1500px) {
      .banner-content-mob {
        bottom: 40%;
      }
    }

    @media (min-width: 1501px) {
      .banner-content-mob {
        bottom: 50%;
      }
    }

    @media (min-width: 577px) and (max-width: 1024px) {
      .banner-content-mob {
        bottom: 50%;
      }

      .banner-content {

        /*    margin-bottom: 30px !important;*/
      }

      .carousel-caption {
        bottom: 10% !important;
      }

      ul.breadcrumb li {
        font-size: 12px;
      }
    }

    .carousel-caption {
      /*    width: 300px;*/
      text-align: left !important;
      left: 6% !important;
    }

    .banner-content,
    .banner-content-mob {
      width: 250px;

      & span {
        padding: 3px;
        background: #fff;
        text-align: left;
        color: #000;
      }
    }

    .logo-box {
      position: relative;
      top: auto;
    }

    .logo-container {

      width: 200px;
      position: unset !important;
      background: #000;
      border: 1px solid #fff;
      /* top: -50px;  position: absolute;  left:100px;*/
      /*    bottom: 20px;*/
      padding: 10px 20px;
    }

    @media (min-width: 768px) {

      ul.breadcrumb li a,
      ul.breadcrumb li a i,
      ul.breadcrumb li+li:before {
        color: #000 !important;
      }

      .breadcrumb-main {
        position: relative;
        right: 15px;
        /*    top: 57%;*/
      }

    }

    @media (max-width: 1024px) and (min-width: 992px) {
      .logo-box {
        /*    top: -50px !important;*/
      }
    }

    @media (min-width: 1081px) and (max-width: 1449px) {
      .carousel-inner {
        height: 550px !important;
      }
    }