/* Ishwar Sing's Edits----------- */
.brand1{
    width: 30rem;
}
.navbtn{
    background-color: #2da837 !important;
    border-color:#2da837 !important;
}
.navbtn:hover{
    color: #ffffff !important;
}

.navcolor{
    font-size: 1.7rem !important;
    color: #000 !important;
}
.what{
  padding: 1rem 0;
}
.mainbox{
    display: flex;
    align-items: center;
    justify-content: center;
}
.box2{
    margin: auto;

}
.box1{
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 5px;
    margin: auto;
    padding:3rem 0;
    width: 80%;
}
.headin{
    color: #43121d;
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
}
        /* Product css------------------ */

  
        /* button============== */
    .pbtn:hover{
      color: white !important;
      border-color: white !important;
    }
    .pbtn{
      width: 90%;
      font-size: 15px !important;
      margin: 01rem;
      font-family: 'Quicksand', sans-serif;
      letter-spacing: 1.2px;
    }
        /* button==============End */

        /* main start=----------- */
          .accbox{
            margin-bottom: 5rem;
          }
        .slider-container {
            position: relative;
            /* overflow: hidden; */
            width: 100%;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .slider {
            display: flex;
            transition: transform 0.3s ease-in-out;
            overflow: scroll;
            width: 90%;
        }
        
        .card {
            /* From https://css.glass */
            background: rgba(171, 244, 247, 0.19);
            border-radius: 16px;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(4.6px);
            -webkit-backdrop-filter: blur(4.6px);
            border: 1px solid rgba(155, 239, 241, 0.34);
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            margin: 10px;
            flex: 0 0 320px;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        
        .card img {
            width: 100%;
            height: 190px;
            object-fit: cover;
        }
        
        .details {
            padding: 15px;
            display: flex;
            flex-direction: column;
            /* height: 100%; */
        }
        
        .scroll-btn {
            padding: 10px;
            border: none;
            border-radius: 5px;
            background-color: #007bff;
            color: white;
            cursor: pointer;
            margin-top: 10px;
        }
        
        .scroll-btn:hover {
            background-color: #0056b3;
        }
        
        .scroll-btn {
            position: absolute;
            /* bottom: -20%; */
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            cursor: pointer;
            padding: 10px;
            z-index: 1;
        }
        
        .left-btn {
            left: 3%;
        }
        
        .right-btn {
            right: 3%;
        }
        .details p{
            padding: 0;
            margin: 0;
            font-size: 1.5rem;
            color: rgb(255, 255, 255);
        }
        .details h4{
            font-size: 2rem;
            margin-bottom: 1rem;
            color: rgb(255, 255, 255);
        }   
        .acc-cont3 {
            font-weight: 500;
        }
        .puls,.spic,.marin,.tea{
            display: none;
        }
        .vege{
            position: relative;
        }
        .abs{
            position: absolute;
            top: 26.2%;
            background-image: linear-gradient(to right, #ff8177 0%, #ff857aec 0%, #ff8c7fd7 21%, #f99085bd 52%, #cf556b9d 78%, #b12a5b65 100%);
            left: 0;
            width: 100%;
            padding: 1.2rem;
        }
        .abs >h4{
            margin: 0;
        }

        #stats3{
          padding :0 20px 20px 20px;
          background-color: #eae1e0;
        }
        .stats2-info p,.stats2-info h2{
          color: #000;
        }
        
        @media (max-width:1000px) {
           
        }
        /* Prevent text selection */
        .no-copy {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        




        /* Product css End------------------ */

    .fix2 {
        position: fixed;
        bottom: 3rem;
        right: 4rem;
        font-size: 3rem;
        border-radius: 10%;
        padding: 0.3rem 1rem;
        background-color: #40B3A2;
        color: #ffffff;
        cursor: pointer;
        animation: bounce 1.5s infinite;
        z-index: 123;
    }
    @keyframes bounce {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-5px);
        }
    }
 
/* MOdel box ishu------------ */
.close {
  color: rgb(0, 0, 0);
  opacity: 0.7;
  font-size: 1.5rem !important;
  border: 1px solid;
  padding: 5px;
  cursor: pointer;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.modal {
  position: fixed;
  z-index: 324232;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: none;
  justify-content: center;
  align-items: center;
}

.modal-inner {
  width: 70%;
  background: rgb(255, 255, 255);
  padding: 2rem;
  position: relative;
  margin-top: 2rem;
  border-radius: 10px;
}

.dflex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.col-xs-4 {
  flex: 0 0 30%;
  max-width: 30%;
  margin-bottom: 2rem;
}

.cardc {
  border: 1px solid black;
  padding: 10px;
  border-radius: 10px;
  background: #f9f9f9;
  transition: transform 0.2s;
  margin: 1rem;
}

.cardc:hover {
  transform: translateY(-10px);
}

.cardc img {
  border-radius: 10px;
}

.dcet {
  text-align: center;
  margin-top: 1rem;
}

.dcet h4 {
  font-size: 1.2rem;
  line-height: 1.4;
}

iframe {
  height: 100%;
  width: 100%;
}

.fix {
  position: fixed;
  bottom: 10px;
  right: 10px;
}

.btnn {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}

      /* MOdel box ishu------------ END*/
      
      .map{
        width: auto;
      }
      .abouth{
        margin-bottom: 2rem;
      }
      .border1{
        border: 1px solid rgb(55, 255, 55);
      }
      .info-wrap title{
        margin-bottom: 1rem;
      }
      .footer-social a:hover {
      color: #000;
    }


    /* form---------------------- */
    /* General Styles */

    .input,textarea {
      background-color: #ffffff;
      border:none;
      border-radius: 5px;
      color: #000000;
      padding: 14px 24px;
      text-decoration: none;
      font-size: 16px;
      margin: 8px 0px;
      cursor: pointer;
      width: 100%;
    }
    textarea{
      height: 16rem;
    }
    .input:hover {
      border: 1px solid #b9f7b0;
    }
    label{display: block  ;}
    :focus {
      outline: 0;
      border-color: #14f000;
     
    }
   


    
    label span {
      display: block;
      cursor: pointer;
      background-color: #fff;
      padding: 0.375em .75em;
      position: relative;
      margin-left: .0625em;
      box-shadow: 0 0 0 0.0625em #b5bfd9;
      letter-spacing: .05em;
      color: #3e4963;
      text-align: center;
      transition: background-color .5s ease;
    }
    
    label:first-child span {
      border-radius: .375em 0 0 .375em;
    }
    
    label:last-child span {
      border-radius: 0 .375em .375em 0;
    }
    .date{
      margin: 8px 0px;
      width: 80% !important;
      padding: 0.5rem;
      border-radius: 5px;
      border: none;
    }
/* 
#message{
  width: 100%;
} */






    
h5 {
  margin-bottom: 15px;
}

/* Layout */
.footmain {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  margin-bottom: 5rem;
}

.footleft, .footright {
  padding: 30px 20px 20px 20px;
   background: rgba(255, 255, 255, 0.41);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  border-radius: 5px;
  height: 100%;
  color: #420000;
}
.cdetail{
  color: #420000;
}
.gmap{
  height: 25rem;
}
/* Contact Details and Location */
.footleft h5 {
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.list-style {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list-style li {
  margin-bottom: 10px;
  font-size: 16px;
}

.list-style li i {
  margin-right: 10px;
  color: #000000;
}

.color-border {
  border: 0;
  height: 1px;
  background-color: #e0e0e0;
  margin: 20px 0;
}

/* Follow Us Section */
.footleft3 .social-icon a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  color: #fff;
  /* border-radius: 50%; */
  background-color: #238eff;
}

.footleft3 .social-icon a i {
  font-size: 18px;
}

/* Form Styles */
.footright h5{
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
#meetingForm {
  display: flex;
  flex-direction: column;
}

.opt{
  font-size: 16px !important;
}


.radio-group {
  display: flex;
  gap: 10px;
}

.radio-group label {
  display: flex;
  align-items: center;
}

.radio-group input {
  margin-right: 5px;
}

.submit-button {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  background-color: #007bff;
  color: #fff;
  cursor: pointer;
}

.submit-button:hover {
  background-color: #0056b3;
}
.date,.time{
  width: 50%;
}

/* Responsive Design */
@media (max-width: 768px) {
  .col-md-6 {
      width: 100%;
      /* padding: 10px; */
  }

  .footmain {
      flex-direction: column;
      padding: 10px;
  }
}
.button {
  padding: 15px 20px;
  border: none;
  outline: none;
  background-color: #a82d49;
  color: #eee;
  border-radius: 7px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease-out;
}

.button:hover {
  transform: translateY(-3px);
}

.button-span {
  color: #aaa;
}

  /* FORM ENFD______________ */
/* MAP_______________/ */
  .map-container {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.map {
    width: 100%;
}

.pin {
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: rgba(0, 255, 76, 0);
    border-radius: 50%;
    cursor: pointer;
}
.mapico{
  font-size: 2rem;
}
.pin::after {
    content: attr(data-country);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: black;
    color: white;
    padding: 5px;
    border-radius: 5px;
    opacity: 0;
    white-space: nowrap;
    pointer-events: none;
    transition: opacity 0.2s;
}

.pin:hover::after {
    opacity: 1;
}
/* MAP END______________ */
.baar p{
  text-align: center;
}

.bnav{
  margin-left: 1rem;
}
.boat{
  background-color: #0770e0 !important;
  border-color: #0770e0 !important;
}
.head{
  display: none;
}
.pnav{
  display: flex;
  flex-wrap: wrap;
}
.btanvb{
  width: 33%;
}

.certiimg{
  width: 8rem;
  padding-top:1rem;
  margin: auto;
}






@media (max-width:1000px) {
    .box1{
        width: 100%;
    }
    .model-inner{
        width: 60%;
    }
    .map{
        width: 100%;
    }
    .footmain{
        height: 100%;
      }
      .modal-inner {
        width: 70%;    
      }
      .tuni{
        margin-top: 4rem;
      }
      .tuhi{
        display: flex;
        flex-direction: column;
      }
      .tu{
        order: 2;
      }
      .ortu{
        order: 1;
        padding-bottom: 30px;
      }
      .intro-about2{
        padding-top: 0;
      }
       .stats2-info h2 {
        margin-bottom: 10px;
       }
       .pbtn{
        width: 24rem ;
        
      }
      .btanvb{
        width: 50%;
      }
      .intro3{
        display: flex;
      }
      .head{
        display: block;
        margin:auto;
      }
}
@media (max-width:600px) {
    .box1{
        padding:1.5rem 0;
    }
    .model-inner{
        width: 100%;
    }
    .pbtn {
      width: 31rem;
  }
  .btanvb{
    width: 100%;
  }
    .fix2{
        right: 2rem;
        bottom: 3rem;
        font-size: 2rem;
        padding: 0.2rem 0.7rem;
    }
    .box1 h1{
      font-size: 27px;
    }
    
    .modal-inner {
      width: 80%;
    }  
    .dcet h4{
      font-size: 13px;
    }
    #stats2 {
      padding: 40px 0 20px !important;
  }

  .slider-container button{
    display: none;
  }
}

@media (min-width:1000px) {

    .setheight{
        height: 100%;
        overflow-y: scroll;
    }
    .stats2-info p {
      font-size: 25px;
  }

}


::-webkit-scrollbar {
    width: 8px;
    height: 0px;
}   

::-webkit-scrollbar-track {
    background: #f1f1f100;
    /* border-radius: 3px; */
}

::-webkit-scrollbar-thumb {
    background: #a82d49;
    /* border-radius: 3px; */
}

::-webkit-scrollbar-thumb:hover {
    background: #4aa82d;
}

.nocopy {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Internet Explorer/Edge */
    user-select: none;         /* Non-prefixed version, currently supported by Chrome and Opera */
}





.scro1{
  background-color: rgb(6, 214, 152) ;
  font-family: helvetica;
margin:5rem 0 0 0;
  overflow-x: hidden;
}
.scro1 div{
  display:flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 100%;
}
.news-message{
  display : flex;
  flex-shrink: 0;
  height: 50px;
  align-items: center;
  animation: slide-left 34s linear infinite;
}
  .news-message p{
    font-size: 1.5em;
    font-weight: 400 !important;
  
    color: white !important;
    padding: 0 1em  !important;
    margin: 0 !important;
  }
  @keyframes slide-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}