.bannersession{
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;

    
}


.video-scroll-container {
    height: 450px;
    overflow: auto;
    position: relative;
    
  }

  .video-scroll-container video {
    width: 100%;
    height: 1080px;
    object-fit: cover;
  }
   /* Custom scrollbar styling */
   .video-scroll-container::-webkit-scrollbar {
    width: 1px;
  }

  .video-scroll-container::-webkit-scrollbar-track {
    background: #f1f1f100;
  }

  .video-scroll-container::-webkit-scrollbar-thumb {
    background: rgba(136, 136, 136, 0);
    border-radius: 4px;
  }

  .video-scroll-container::-webkit-scrollbar-thumb:hover {
    background: rgba(85, 85, 85, 0.008);
  }


  .banner-overlay {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-size: 90px;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.666);
    z-index: 1;
    pointer-events: none;
    font-family: Playfair_bold;
    text-align: center;
    line-height: 100px;
    
  }



  .navtojump{

  }
  .navtojump .slidenav_flexcontainer{
    display: grid;
    grid-template-columns:auto auto auto auto auto auto;
    padding: 5px;
    margin: 35px 0;
    border-bottom: 1px solid #000;
    text-align: center;
    font-family: San-Francisco;
}
.navtojump .slidenav_flexcontainer a{
    text-decoration: none;
    color: #000;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 1.1rem;
    /* border-bottom: 1px solid #000; */
    
}
.navtojump .slidenav_flexcontainer a:hover{
    text-decoration: none;
    color: #5ABA0E;

    
}

@media only screen and (max-width: 1500px) {
    .navtojump .slidenav_flexcontainer{
        display: grid;
        grid-template-columns:auto auto auto ;
        padding: 10px;
      
        /* border-bottom: 1px solid #000; */
        text-align: center;
        font-family: San-Francisco;
    }
}
@media only screen and (max-width: 800px) {
    .navtojump .slidenav_flexcontainer{
        display: grid;
        grid-template-columns:auto  ;
        padding: 10px;
      
        /* border-bottom: 1px solid #000; */
        text-align: center;
        font-family: San-Francisco;
    }
}


.contenttext {
    display: grid;
    grid-template-columns: 50% auto;
}
.images-grid {
  display: grid;
  grid-template-columns: 60% auto;
}

.images-grid  .image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  /* margin-top: 10px ; */
  border-radius: 10px;
}

.images-grid .gridimage  img{
 height:48%;
 width: 100%;
 display: block;
 object-fit: cover;
 margin: 0px 10px;
 margin-bottom: 10px;
border-radius: 10px;

  }
  .images-grid .gridimage:first-child  img{
    height:48%;
    width: 100%;
    display: block;
    object-fit: cover;
    margin: 10px 10px;
   border-radius: 10px;
   
     }
   

  .text-content{
    margin-top: 1rem;
    align-content: center;
  }
  .text-content h1 {
    color: #000000;
    font-family: San-Francisco_bold;
    font-size: 3.5rem;
    margin: 10px 0;
    margin-bottom: 0rem;
  }

  
  .text-content .highlight{
    color: #DC7931;

  }

  .text-content p {
    color: #000000;
    font-family: San-Francisco;
    font-size: 25px;
    margin: 5px 0;
    width: 95%;
  }


  .servicesdetails h2{
    font-family: Playfair_bold;
    text-align: center;
    font-size: 4rem;
    color: #414141;
    font-weight: 500;
  }
  .grid_items{
    display: grid;
    grid-template-columns: auto auto auto;
    height: 400px;
    overflow-y: scroll;
    margin-bottom: 4rem;
    gap: 20px;
    
  }
  /* Custom scrollbar styling */
  .grid_items::-webkit-scrollbar {
    width: 1px;
  }

  .grid_items::-webkit-scrollbar-track {
    background: #f1f1f1f4;
  }

  .grid_items::-webkit-scrollbar-thumb {
    background: rgba(136, 136, 136, 0.232);
    border-radius: 4px;
  }

  .grid_items::-webkit-scrollbar-thumb:hover {
    background: rgba(85, 85, 85, 0.186);
  }




  .services_card{
    width:100%;
    background-color: #012f6b0f;
    font-family: San-Francisco;
  
    /* min-height: 400px; */
    border-radius: 10px ;


  }
  .gridSerDetails{
    margin: 20px;
  }

  .gridSerDetails h3{
    font-weight: 600;
    padding: 0;
    margin: 0px !important;
    height: 30px;

  }
  .gridSerDetails p{
    font-weight: 500;
    font-size: 19px;
    font-family: San-Francisco_Light !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .gridSerDetails .btnservice{
    text-align: right;
    margin-right: 20px;
    display: block;
  }
  .gridSerDetails .btnservice a{
    padding: 15px 20px;
    background-color: #5ABA0E;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;

   
  }
  .gridSerDetails .btnservice a i{
    padding: 0px 5px;

   
  }
  .gridimg{
    width: 100%;
    height: 20vh;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
      }
    

  .gridimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
      }

      @media only screen and (max-width: 1090px) {

        .gridSerDetails{
          display: block;
       
        }
        .servicesdetails h2{
          font-family: Playfair;
          text-align: center;
          font-size: 4rem;
          color: #414141;
          font-weight: 500;
        }
      }
      @media only screen and (max-width: 1135px) {

        .images-grid {
          display: grid;
          grid-template-columns: 60% auto;
        }
        
        .images-grid  .image img{
          height: 310px;
          width: 100%;
          object-fit: cover;
          margin-top: 10px;
          border-radius: 10px;
        }
        
        .images-grid .gridimage  img{
         height:150px;
         width: 100%;
         display: block;
         object-fit: cover;
         margin: 10px;
        border-radius: 10px;
        
          }
          .text-content{
            margin-bottom: 2rem;

          }
          .text-content h1 {
            color: #000000;
            font-family: San-Francisco_bold;
            font-size: 3rem;
            margin: 10px 0;
          }
        
          
          .text-content .highlight{
            color: #DC7931;
        
          }
        
          .text-content p {
            color: #000000;
            font-family: San-Francisco;
            font-size: 20px;
            margin: 5px 0;
            width: 90%;
          }
          .contenttext {
            display: grid;
            grid-template-columns: auto;
        }
      }

      @media only screen and (max-width: 940px) {

        .grid_items{
          display: grid;
          grid-template-columns: auto auto;
          height: 400px;
          overflow-y: scroll;
          margin-bottom: 4rem;
          gap: 20px;
        
          
        }
        .text-content h1 {
          color: #000000;
          font-family: San-Francisco_bold;
          font-size: 2.5rem;
          margin: 10px 0;
        }
        .banner-overlay {
          line-height: normal;
         }
      }

      @media only screen and (max-width: 580px) {

        .grid_items{
          display: grid;
          grid-template-columns:  auto;
          height: 400px;
          overflow-y: scroll;
          margin-bottom: 4rem;
          gap: 20px;
          
        }
        .servicesdetails h2{
          font-family: Playfair;
          text-align: center;
          font-size: 2rem;
          color: #414141;
          font-weight: 500;
        }
        .images-grid {
          display: grid;
          grid-template-columns: auto;
        }
        .images-grid  .image img{
          height: 150px;
          width: 100%;
          object-fit: cover;
          margin-top: 10px;
          border-radius: 10px;
        }
        .images-grid .gridimage  img{
          height:150px;
          width: 100%;
          display: block;
          object-fit: cover;
          margin: 10px 0;
         border-radius: 10px;
         
           }
           .banner-overlay {
            line-height: normal;
            font-size: 4rem;
           }
        
      }


        /* ddd */

.slider-containers {
  display: flex;
  align-items: center;
  overflow: hidden;
  margin:3rem auto;
  border-bottom: 1px solid #ccc;
  position: relative;
  font-family: San-Francisco;
  font-weight: 500;
}

.slider-track {
  display: flex;
  transition: transform 0.3s ease-in-out;
  margin-right: 40px;
}

.slider-item {
  flex: 0 0 auto;
  padding: 10px 25px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  width: auto;
}

.slider-item a {
  color: #000;
  text-decoration: none;
}
.slider-item:hover {
  font-weight: bold;
  border-bottom: 2px solid black;
}
.slider-item.activenb {
  font-weight: bold;
  border-bottom: 2px solid black;
}

.slider-button {
  background: #d4f5da;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  cursor: pointer;
}

.slider-button img{
  width: 100%;
  height: 100%;
  object-fit: cover;

}
.slider-button:first-child img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: rotate(180deg);
}
.slider-controls {
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap:10px;
  background-color: rgb(255, 255, 255);
}