.mx-auto{
  margin-left:auto;
  margin-right: auto;
}
.my-auto{
  margin-top:auto;
  margin-bottom:auto;
}
.text-justify{
 text-align:justify;
}
.text-center{
  margin-left:auto;
  margin-right: auto;
  
}
.text-white{
  color:#fff !important;
}
.text-dark{
  color:black !important;
}
.text-clr{
  color:#23999f !important;
}

.mb-1{
  margin-bottom:3px;
}
.mb-5{
margin-bottom:25px;
}
.pb-5{
padding-bottom:25px;
}
.me-1{
  margin-right:3px;
}
.mt-4{
  margin-top:2rem;
}
.d-flex{
  display: flex;
  align-items: center;
}
.head1{
  text-shadow:2px 2px 2px grey;
  text-align:center;
  font-size:35px;
}
.head2{
  text-shadow:2px 2px 2px grey;
  text-align:center;
}
.txt-shd{
  text-shadow:2px 2px 2px grey;
}

.bg-img-dot{
  background-image:url('../images/img-bg.png'); 
  background-size:cover;

}

.founder{
  box-shadow:inset 2px 2px 25px 2px #23999f61;
}
.head1{
  text-shadow:2px 2px 2px grey;
  text-align:center;
}

  .founder-img img{
    object-fit:cover;
    height:350px;
    width:350px;
    border-radius:15px;
    box-shadow:15px 15px 1px #23999f;
    transition:all ease-in 0.4s;
  }
  .founder-img:hover img{
    opacity:0.6;
    transform:translateX(-5px) translateY(-5px);
    box-shadow:20px 20px 1px #23999f;
  }
  .found-msg-container{
    margin:75px auto !important;
  }
  .founder-msg{
       margin:5px 15px !important;
       border:2px solid #23999f;
       box-shadow:5px 10px 5px grey;
       padding:20px !important;
       font-family:'lato', 'sans-serif';
  }
  .name-founder{ 
    height:auto;
   width:fit-content;
    margin-top:25px; 
    border-radius:5px;
    padding:10px 25px; 
    box-shadow: 1px 1px 10px 3px #23999f;
  }


/* Css for modal */
.modal-btn{
  font-family: inherit;
  cursor: pointer;
  background: #ffffff;
  color: #000000;
  border: 0;
  border-radius: 8px;
  padding: 20px 36px;
  font-size: 16px;
  font-weight: bold;
}

.main-container,
.modal-window,
.modal-container {
  transition: 0.5s;
}

.modal-window {
  position: fixed;
  top: 54%;
  right: -100%;
  translate: 50% -50%;
  background:rgba(28, 130, 158, 0.621);
  color: #000000;
  padding: 20px 20px;
  width:30vw;
  height:auto;
  border-radius: 12px;
  z-index: 5555 !important;
  box-shadow: 1px 2px 5px 5px  #fff;
}

.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);

}

body.open-modal .modal-container {
  visibility: visible;
  opacity: 1;
}

body.open-modal .card-container {
  animation: card-container-in 1s both;
}

body.open-modal > .main-container {
  scale: 0.75;
}

body.open-modal .modal-window {
  animation: modal-window-in 1s both;
}
/* 
h2 {
  margin: 0 0 8px;
  font-weight: 900;
  font-size: 21px;
} */

p {
  margin: 0;
}

@keyframes modal-window-in {
  0%,
  50% {
    width: 118px;
    border-radius: 50%;
  }
  55%,
  100% {
    right: 50%;
  }
  60% {
    width: 300px;
    border-radius: 12px;
  }
  75% {
    translate: 50% -50%;
  }
}

@keyframes card-container-in {
  0%,
  75% {
    opacity: 0;
  }
  85%,
  100% {
    opacity: 1;
  }
}

.shadow{
  border: 1px solid #e7796656 !important;
  border: 1px solid #23999f !important;
  /* background-color: rgba(28, 130, 158, 0.621); */
}

@media (max-width:992px){
  .modal-window{
    width:60vw;
    top:49%;
  } 
}
@media (max-width:600px){
  .modal-window{
    width:70vw;
    top:49%;
  } 
}

@media (max-width:500px){
  .modal-window{
    width:95vw;
    top:49%;
  } 
}

.card-box{
  border:1px solid lightgrey;
  border-radius: 5px;
  background-color: #fff;
  padding: 25px;
  margin: 10px;
  transition:all ease-in 0.3s;
}
.card-box:hover{
 transform:translateY(-5px);
 box-shadow:4px 8px 10px #23999f;
}

.shd{
 box-shadow:2px 5px 8px lightgrey;
}
.bg-thm-shd{
  background-color: #23999f29;
}
.brd{
border:1px solid #23999f !important;
}
.li-item{
transition:all ease-in 0.4s;
}
.li-item:hover{
transform:translateX(8px);
}
.pro-img{
height:200px;
width:200px;
margin:20px auto;
z-index:10551415;
border:4px solid #23999f;
padding:10px;
transition:all ease 0.4s;
border-radius:8px;
}
.pro-img:hover{
  border:4px solid #cea764;
}
.pro-img img{
  border-radius:10px;
  object-fit:cover;
  height:100%;
  width:100%;
  /*padding:5px;*/
  transition:all ease-in 0.4s;
  box-shadow:1px 1px 5px #23999f;
}
/*.pro-img-brd{
   height:200px;
    width:200px;
    position:absolute;
    border:3px solid #23999f;
    transition:all ease 0.4s;
    transform:translateY(-290px) translateX(11px);
    border-radius:5px;
    margin:15px auto;
}*/
.card-box:hover .pro-img-brd{  
      transform:translateY(-300px) translateX(-2px);
}

   /* Preloader styles */
   .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff; /* Change this to your preferred background color */
    z-index: 9999; /* Make sure the preloader appears on top of other elements */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .preloader img {
    width: 100px; /* Adjust the size of the preloader image */
  }
  @keyframes zoom-in-out {
    0% { transform: scale(0.9); }
    50% { transform: scale(1.15); }
    100% { transform: scale(0.9); }
  }

  .preloader img {
    width: 100px; /* Adjust the size of the preloader image */
    animation: zoom-in-out 1.5s ease-in-out infinite; /* Apply the pulse animation */
  }
.say-sld-img{
height:auto; 
object-fit:cover;
transition:all ease-in-out 0.4s;
padding:7px;
border-radius:10px;
}

.say-sld-img img{
 height:100%;
object-fit:cover;
border-radius:10px;
transition:all ease-in-out 0.4s:
}

/*.say-sld-img img:hover{
box-shadow:1px 1px 5px 5px #d4b37b;
transform:translateY(-5px);
}*/


.brd-img{
border:3px dotted #d4b37b;
}

.say-sld-img2{
height:auto; 
object-fit:cover;
transition:all ease-in-out 0.4s;
padding:7px;
border-radius:10px;
}

.say-sld-img2 img{

}
.item .say-sld-img2{
    height:400px;
}
.item .say-sld-img2 img{
  height:100%;
  width:70%;
  object-fit:fill;
  border-radius:10px;
  transition:all ease-in-out 0.4s:
}
@media screen and (max-width: 775px){
.item .say-sld-img2 img{
  height:100%;
  width:90%;
}
}