#Shree{

    width: 100%;

    float: left;

   

       font-family: "Baskervville", serif;



      color: #5c5c5c;

}



  .Shree-section {

      padding: 100px 0;

      text-align: center;

    }



    .Shree-title {

      font-size: 3rem;

      font-weight: bold;

      color: #0a2b5a;

    }



    .Shree-subtitle {

      color: #bd8854;

      font-size: 2rem;

      margin-top: 10px;

      margin-bottom: 20px;

    }



    .Shree-description {

        max-width: 988px;

         font-family: "Poppins", sans-serif;

    margin: 2rem auto;

    font-size: 14px;

    opacity: 0.8;

    color: #666;

    }



    .highlight {

      font-weight: bold;

      color: #bd8854;

    }



    .features-row {

      margin-top: 50px;

    }



    .feature-box-Shree {

      border-right: 1px dashed #ccc;

      padding: 20px 10px;

    }



    .feature-box-Shree:last-child {

      border-right: none;

    }



    .feature-icon-Shree {

      font-size: 2rem;

      color: #c69c6d;

      margin-bottom: 10px;

    }



    .feature-text {

      font-size: 0.95rem;

      color: #5c5c5c;

    }



    .feature-text strong {

      display: block;

      color: #bd8854;

    }





/* Shree_about */



       #Shree_about{

        width: 100%;

               font-family: "Baskervville", serif;



        float: left;

    }





    .t_about_Shree{

        width: 100%;

        float: left;

          background: #7a1c3b;



    }

    .t_one_about{

        width: 40%;

 

        float: left;

    }



    .t_one_about img{

        width: 100%;

    }

    .t_two_Shree{

         width: 60%;



color: white;

  background: #7a1c3b;

    float: right;

 padding: 120px 8%;

    }





.images{

    position: absolute;

}

.images .img_one {

      right: 33px;

    position: absolute;

    bottom: -493px;

}











        .t_two_Shree .subtitle_Shree{

               font-size: 38px;

    line-height: 44px;

    margin: 20px 0px;

        }



            .dividerr_Shree {

width: 44%;

      height: 2px;

      background-color: #fff;

      margin: 25px 0;

    }



    

    .description_Shree {

         font-size: 14px;

      line-height: 1.8;

      text-align: justify;

    }



    .bold {

      font-weight: bold;

    }































    .Shree-section {

  text-align: center;





  background-color: #fff;

}







.Shree-header h2 {

  color: #bd8854;

  font-size: 26px;

  margin: 20px 0;

}



.Shree-features {

  display: flex;

  justify-content: center;

  gap: 100px; 

  margin: 47px 0;

  flex-wrap: wrap;

}



.feature-Shree {

  text-align: center;

  position: relative;

  padding-right: 0; /* Remove the 90px padding */

  flex: 0 1 150px; /* Allow features to shrink nicely */

}



.feature-Shree:not(:last-child)::after {

  content: "";

  position: absolute;

  top: 10%;

  right: -20px; /* Adjust spacing for the dotted line */

  height: 80%;

  border-right: 1px dotted #c3b5a0;

}





.feature-Shree img {

  height: 40px;

  margin-bottom: 10px;

}



.feature-Shree p {

  color: #bd8854;

  font-size: 14px;

  line-height: 1.4;

}



.Shree-images {

  display: flex;

  justify-content: center;

  gap: 20px;

  flex-wrap: wrap;

}









/* Shree_commutes */



#Shree_commutes{

    width: 100%;

    float: left;

    position: relative;

}

.Shree-commute-section {

  background: #f9f5ef;

  padding: 50px 0;



}



.map-wrapper_Shree {

  margin-bottom: 40px;

}



.map-image {

  width: 100%;



  display: block;

  margin: 0 auto;

  position: relative;

}





.Shree-title {

          font-family: "Baskervville", serif;

    color: #7a1c3b;

    font-size: 32px;

    margin-bottom: 3%;

    margin-top: 14px;

}



.Shree-carousel .item {

    /* background: white; */

    padding: 21px 27px;

     border-right: 1px dotted #d6d6d6 !important; /* Thin vertical divider */

    border-radius: 6px;

    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */

    margin: 10px;

 

  margin: 0;



}

.Shree-carousel .item.no-border {

  border-right: none !important;

}

.carousel-title-Shree {

  color: #7a1c3b;

     font-family: "Baskervville", serif;

  font-size: 17px;

  margin-bottom: 15px;

}



.carousel-list-Shree {

  list-style: none;

  padding: 0;

  font-family: "Baskervville", serif;

  margin: 0;

  color: #444;

  font-size: 12px;

  line-height: 2;

}



.carousel-list-Shree li {

  display: flex;

  justify-content: space-between;



}





.new_testimoniall_Shree {

    background: #fff;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 0;

    height: 300px;

}



.custom-nexttt-Shree{

    position: absolute;

  top: 73%;

    right: 0;

    transform: translateY(-50%);

    background: white;

    color: #7b1e3d;

    border: none;

    border-radius: 50%;

    z-index: 999;

    width: 40px;

    height: 40px;

    font-size: 24px;

    font-weight: 100;

    cursor: pointer;

    /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); */

    transition: 0.3s;

    border: 1px solid #7b1e3d;

}



.custom-prevvv-Shree{

    position: absolute;

    top: 73%;

      right: 71px;



    transform: translateY(-50%);

    background: white;

  color: #7b1e3d;

    border: none;

    border-radius: 50%;

    z-index: 999;

    width: 40px;

    height: 40px;

    font-size: 24px;

    font-weight: 100;

    cursor: pointer;



    transition: 0.3s;

   border: 1px solid #7b1e3d;

}





.position-relativeee_Shree{

  position: relative !important

}



.icon{

  margin-bottom: 10px;

}



.Shree-carousel .item img {

    width: unset !important;

}





/* Default: no scroll */

.scrollable-content {

  max-height: none;

  overflow: visible;

}







@media only screen and (min-width: 301px) and (max-width: 400px) {

    .Shree-subtitle {

        color: #bd8854;

        font-size: 28px;

    }



        .Shree-description {

        font-size: 12px;

    }

        .t_one_about {

        width: 100%;

    }

    .t_two_Shree .subtitle_Shree {

    font-size: 28px;

    line-height: 35px;

    margin: 20px 0px;

}

.description_Shree {

    font-size: 12px;

}

    .Shree-features {

        display: flex

;

        justify-content: center;

        gap: 40px;

    }



    .t_two_Shree {

    width: 100%;

    padding: 58px 8%;

    }



.custom-nexttt-Shree {

    position: absolute;

    top: 73%;

    right: 13px;

}

.Shree-title {

    font-size: 28px;



}



    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }





        .navbar-toggler {

        margin-right: 14px;

    }



    .dividerr_Shree {



    margin: 11px 0;

}





  }





  @media only screen and (min-width: 401px) and (max-width: 500px) {

    .Shree-subtitle {

        color: #bd8854;

        font-size: 28px;

    }



        .Shree-description {

        font-size: 12px;

    }

        .t_one_about {

        width: 100%;

    }

    .t_two_Shree .subtitle_Shree {

    font-size: 28px;

    line-height: 35px;

    margin: 20px 0px;

}

.description_Shree {

    font-size: 12px;

}

    .Shree-features {

        display: flex

;

        justify-content: center;

        gap: 40px;

    }



    .t_two_Shree {

    width: 100%;

    padding: 58px 8%;

    }



.custom-nexttt-Shree {

    position: absolute;

    top: 73%;

    right: 13px;

}

.Shree-title {

    font-size: 28px;



}



    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }





        .navbar-toggler {

        margin-right: 14px;

    }



    .dividerr_Shree {



    margin: 11px 0;

}





  }







    @media only screen and (min-width: 501px) and (max-width: 600px) {

    .Shree-subtitle {

        color: #bd8854;

        font-size: 28px;

    }



        .Shree-description {

        font-size: 12px;

    }

        .t_one_about {

        width: 100%;

    }

    .t_two_Shree .subtitle_Shree {

    font-size: 28px;

    line-height: 35px;

    margin: 20px 0px;

}

.description_Shree {

    font-size: 12px;

}

    .Shree-features {

        display: flex

;

        justify-content: center;

        gap: 40px;

    }



    .t_two_Shree {

    width: 100%;

    padding: 58px 8%;

    }



.custom-nexttt-Shree {

    position: absolute;

    top: 73%;

    right: 13px;

}

.Shree-title {

    font-size: 28px;



}



    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }





        .navbar-toggler {

        margin-right: 14px;

    }



    .dividerr_Shree {



    margin: 11px 0;

}





  }







      @media only screen and (min-width: 601px) and (max-width: 700px) {

    .Shree-subtitle {

        color: #bd8854;

        font-size: 28px;

    }



        .Shree-description {

        font-size: 12px;

    }

        .t_one_about {

        width: 100%;

    }

    .t_two_Shree .subtitle_Shree {

    font-size: 28px;

    line-height: 35px;

    margin: 20px 0px;

}

.description_Shree {

    font-size: 12px;

}

    .Shree-features {

        display: flex

;

        justify-content: center;

        gap: 40px;

    }



    .t_two_Shree {

    width: 100%;

    padding: 58px 8%;

    }



.custom-nexttt-Shree {

    position: absolute;

    top: 73%;

    right: 13px;

}

.Shree-title {

    font-size: 28px;



}



    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }





        .navbar-toggler {

        margin-right: 14px;

    }



    .dividerr_Shree {



    margin: 11px 0;

}





  }





  

      @media only screen and (min-width: 701px) and (max-width: 800px) {

    .Shree-subtitle {

        color: #bd8854;

        font-size: 28px;

    }



        .Shree-description {

        font-size: 12px;

    }

        .t_one_about {

        width: 100%;

    }

    .t_two_Shree .subtitle_Shree {

    font-size: 28px;

    line-height: 35px;

    margin: 20px 0px;

}

.description_Shree {

    font-size: 12px;

}

    .Shree-features {

        display: flex

;

        justify-content: center;

        gap: 40px;

    }



    .t_two_Shree {

    width: 100%;

    padding: 58px 8%;

    }



.custom-nexttt-Shree {

    position: absolute;

    top: 73%;

    right: 13px;

}

.Shree-title {

    font-size: 28px;



}



    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }





        .navbar-toggler {

        margin-right: 14px;

    }



    .dividerr_Shree {



    margin: 11px 0;

}





  }





        @media only screen and (min-width: 801px) and (max-width: 900px) {

    .Shree-subtitle {

        color: #bd8854;

        font-size: 28px;

    }



        .Shree-description {

        font-size: 12px;

    }

        .t_one_about {

        width: 100%;

    }

    .t_two_Shree .subtitle_Shree {

    font-size: 28px;

    line-height: 35px;

    margin: 20px 0px;

}

.description_Shree {

    font-size: 12px;

}

    .Shree-features {

        display: flex

;

        justify-content: center;

        gap: 40px;

    }



    .t_two_Shree {

    width: 100%;

    padding: 58px 8%;

    }



.custom-nexttt-Shree {

    position: absolute;

    top: 73%;

    right: 13px;

}

.Shree-title {

    font-size: 28px;



}



    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }





        .navbar-toggler {

        margin-right: 14px;

    }



    .dividerr_Shree {



    margin: 11px 0;

}





  }





          @media only screen and (min-width: 901px) and (max-width: 1000px) {

    .Shree-subtitle {

        color: #bd8854;

        font-size: 28px;

    }



        .Shree-description {

        font-size: 12px;

    }

        .t_one_about {

        width: 100%;

    }

    .t_two_Shree .subtitle_Shree {

    font-size: 28px;

    line-height: 35px;

    margin: 20px 0px;

}

.description_Shree {

    font-size: 12px;

}

    .Shree-features {

        display: flex

;

        justify-content: center;

        gap: 40px;

    }



    .t_two_Shree {

    width: 100%;

    padding: 58px 8%;

    }



.custom-nexttt-Shree {

    position: absolute;

    top: 73%;

    right: 13px;

}

.Shree-title {

    font-size: 28px;



}



    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }





        .navbar-toggler {

        margin-right: 14px;

    }



    .dividerr_Shree {



    margin: 11px 0;

}





  }





          @media only screen and (min-width: 1001px) and (max-width: 1100px) {

    .Shree-subtitle {

        color: #bd8854;

        font-size: 28px;

    }



        .Shree-description {

        font-size: 12px;

    }



    .t_two_Shree .subtitle_Shree {

    font-size: 28px;

    line-height: 35px;

    margin: 20px 0px;

}

.description_Shree {

    font-size: 12px;

}

    .Shree-features {

        display: flex

;

        justify-content: center;

        gap: 40px;

    }





.custom-nexttt-Shree {

    position: absolute;

    top: 73%;

    right: 13px;

}

.Shree-title {

    font-size: 28px;



}



    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }





        .navbar-toggler {

        margin-right: 14px;

    }



    .dividerr_Shree {



    margin: 11px 0;

}



.t_two_Shree {

    width: 60%;

    color: white;

    background: #7a1c3b;

    float: right;

    padding: 42px 8%;

}



  .scrollable-content {

           max-height: 316px;

    overflow-y: auto;

    padding-right: 10px;

    margin-top: 20px;

    scrollbar-width: inherit; /* For Firefox */

  }



  /* Optional: Custom scrollbar styling for WebKit browsers */

  .scrollable-content::-webkit-scrollbar {

    width: 8px;

  }



  .scrollable-content::-webkit-scrollbar-thumb {

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

    border-radius: 4px;

  }



  .scrollable-content::-webkit-scrollbar-track {

    background: transparent;

  }







  }







  

          @media only screen and (min-width: 1101px) and (max-width: 1200px) {

 



 



    .t_two_Shree .subtitle_Shree {

    font-size: 28px;

    line-height: 35px;

    margin: 20px 0px;

}



    .Shree-features {

        display: flex

;

        justify-content: center;

        gap: 40px;

    }





.custom-nexttt-Shree {

    position: absolute;

    top: 73%;

    right: 13px;

}



    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }





        .navbar-toggler {

        margin-right: 14px;

    }



    .dividerr_Shree {



    margin: 11px 0;

}



.t_two_Shree {

    width: 60%;

    color: white;

    background: #7a1c3b;

    float: right;

    padding: 52px 8%;

}







  }





            @media only screen and (min-width: 1201px) and (max-width: 1300px) {

 



 



    .t_two_Shree .subtitle_Shree {





    margin: 20px 0px;

}



    .Shree-features {

        display: flex

;

        justify-content: center;

        gap: 40px;

    }





.custom-nexttt-Shree {

    position: absolute;

    top: 73%;

    right: 13px;

}



    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }





        .navbar-toggler {

        margin-right: 14px;

    }



    .dividerr_Shree {



    margin: 11px 0;

}



  

.t_two_Shree {

        width: 60%;

        color: white;

        background: #7a1c3b;

        float: right;

        padding: 80px 8%;

}







  }



            @media only screen and (min-width: 1301px) and (max-width: 1400px) {

 



 



    .t_two_Shree .subtitle_Shree {





    margin: 20px 0px;

}



    .Shree-features {

        display: flex

;

        justify-content: center;

        gap: 40px;

    }





.custom-nexttt-Shree {

    position: absolute;

    top: 73%;

    right: 13px;

}



    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }





        .navbar-toggler {

        margin-right: 14px;

    }



    .dividerr_Shree {



    margin: 11px 0;

}



  

  .t_two_Shree {

    width: 60%;

    color: white;

    background: #7a1c3b;

    float: right;

    padding: 97px 8%;

  }







  }





@media only screen and (min-width: 1401px) and (max-width: 1500px) {

   .scrollable-content {

          max-height: 527px !important;

   }

   .t_two_Shree {

        padding: 45px 8%;

}

}



@media only screen and (min-width: 1501px) and (max-width: 1600px) {



.t_two_Shree {

    padding: 53px 5%;

}

}



@media only screen and (min-width: 1601px) and (max-width: 1700px) {





.t_two_Shree {

    padding: 74px 8%;

    }

    }







@media only screen and (min-width: 0px) and (max-width: 1000px) {

    .divider {

        display: none !important;

    }

}









@media (min-width: 768px) and (max-width: 991.98px) {

    .features-row .feature-box-Shree {

        flex: 0 0 50%;

        max-width: 50%;

    }

  }





/* Scroll behavior between 1101px and 1400px */

@media (min-width: 1101px) and (max-width: 1500px) {

  .scrollable-content {

 max-height: 358px; /* You can adjust this value based on your design */

    overflow-y: auto;

            margin-top: 33px;



    padding-right: 10px;

    scrollbar-width: inherit; /* For Firefox */

  }



  /* Optional: Custom scrollbar styling for WebKit browsers */

  .scrollable-content::-webkit-scrollbar {

    width: 8px;

  }



  .scrollable-content::-webkit-scrollbar-thumb {

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

    border-radius: 4px;

  }



  .scrollable-content::-webkit-scrollbar-track {

    background: transparent;

  }

}