/* scrollbar designing */
/* navbar responsiveness */
/* image hover effect */
/* testinomials css */
/* map css */

body *:not(i):not(span) {
    font-family: Arial, Helvetica, sans-serif!important;
}

/* scrollbar css */

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* scrollbar design end */




/* navbar responsiveness css */


.logo-brand{
  height: 80px;
  /* filter: drop-shadow(2px 2px 5px #333); */
}

#navbar-brand-h{
  font-size: 1.9rem!important; 
  font-family:Arial, Helvetica, sans-serif;
}

/* .heading{
  font-size: 45px !important;
} */
@media only screen and (max-width: 486px) {
  .pb_navbar .navbar-brand {

      margin-left: 10px;
  }
  #navbar-brand-h{
    font-size: 1.8rem!important;
    font-weight: bolder;
  }
  .site-menu-toggle{
    width:30px!important;
  }
  .logo-brand{
  height: 75px;
  }
  .pb_navbar {
      padding: 12px 10px;
  }
}
@media only screen and (max-width: 442px) {
  .pb_navbar .navbar-brand {

      margin-left: 8px;
  }
  #navbar-brand-h{
    font-size: 1.6rem!important;
    
  }
  .site-menu-toggle{
    width:25px!important;
  }
  .logo-brand{
  height: 70px;
  }
  .pb_navbar {
      padding: 10px 8px;
  }
}
@media only screen and (max-width: 399px) {
  .pb_navbar .navbar-brand {

      margin-left: 6px;
  }
  #navbar-brand-h{
    font-size: 1.4rem!important;
    
  }
  .site-menu-toggle{
    width:20px!important;
  }
  .logo-brand{
  height: 60px;
  }
  .pb_navbar {
      padding: 10px 8px;
  }
}
@media only screen and (max-width: 349px) {
  .pb_navbar .navbar-brand {

      margin-left: 4px;
  }
  #navbar-brand-h{
    font-size: 1.2rem!important;
    
  }
  .site-menu-toggle{
    width:20px!important;
  }
  .logo-brand{
  height: 50px;
  }
  .pb_navbar {
      padding: 10px 8px;
  }
}
@media only screen and (max-width: 306px) {
  .pb_navbar .navbar-brand {

      margin-left: 4px;
  }
  #navbar-brand-h{
    font-size: 1.1rem!important;
    
  }
  .site-menu-toggle{
    width:18px!important;
  }
  .logo-brand{
  height: 45px;
  }
  .pb_navbar {
      padding: 8px 6px;
  }
}


/* @media only screen and (max-width: 390px) {
  .pb_navbar .navbar-brand {
  
   margin-left: 7px;
  }
  #navbar-brand-h{
    font-size: 1.4rem!important;
  }
  .site-menu-toggle{
    width:25px!important;
  }
  .pb_navbar {
      padding: 12px 8px;
  }
}
@media only screen and (max-width: 339px) {
  .pb_navbar .navbar-brand {
  
   margin-left: 4px!important;
  }
  #navbar-brand-h{
    font-size: 1.2rem!important;
  }
  .site-menu-toggle{
    width:22px!important;
  }
  .pb_navbar {
      padding: 10px 4px;
  }
} */


/* hero section css */

.slider-image-hero{
  width:100%;
  height: 100vh;
  display: block;
  object-fit: cover;
  object-position: top;
}
.carousel-caption {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size:4.5rem;
  width:70%;
}
/* .carousel-caption>h2{
  color:#f2f2f2;
} */
.carousel-caption>p{
  color:#f2f2f2;
  text-shadow: 2px 2px 4px #333;
}
@media only screen and (max-width: 953px) {
  .carousel-caption {
       font-size:4rem;
  }
}
@media only screen and (max-width: 847px) {
  .carousel-caption {
       font-size:3.5rem;
  }
}
@media only screen and (max-width: 741px) {
  .carousel-caption {
       font-size:3rem;
  }
}
@media only screen and (max-width: 635px) {
  .carousel-caption {
       font-size:2.5rem;
       width:85%;
       font-weight: bolder;
  }
  .slider-image-hero{
      
      height: 70vh;
      
  }

}
@media only screen and (max-width: 535px) {
  
  .slider-image-hero{
      
      height: 60vh;
      
  }

}
/* @media only screen and (max-width: 529px) {
  .carousel-caption {
       font-size:2rem;
  }
}
@media only screen and (max-width: 423px) {
  .carousel-caption {
       font-size:1.8rem;
  }
} */





/* hero section css end here */





  /* image hover effect */
  .image-container {
    /* margin:0.1rem; */
    position: relative;
    display: inline-block;
    overflow: hidden;
  }

  .image-container img {
    transition: transform 0.9s;
  }

  .image-container:hover img {
    transform: scale(1.2);
  }

  /* image hover effect end */

  /* testinomials css */
  .testinomial-style{
    border:1.5px solid red;
    border-radius: 10px;
    padding:1.05rem !important;
    
  }
  .testinomial-style img{
    transition: all 0.4s ease-in;
  }
  .testinomial-style img:hover{
    transform: scale(1.05);
  }
  .testinomial-style blockquote{
    text-align: justify;
    transition: all 0.4s ease-in;
  }
  .testinomial-style blockquote:hover{
    transform: scale(1.03);
  }

    /* testinomials css end here*/
  


    /* map css */
    .map-cont {  
        border:2px solid red;
        border-radius: 10px;
      }
  
    @media only screen and (max-width: 600px) {
        .map-cont {
          height: 200!important;
          overflow: hidden;
          
        }
        
    }
      /* map css end here*/