/* body global styles */
body{
  font-family: Poppins;
}
html,body {
  scroll-behavior: smooth !important;
  transition:scroll-behavior 0.5s ;
}
/* fonts styles */
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}
/* globale styles */
.fs-55{
  font-size: 45px;
}
.bg-radial-gradient{
  background: radial-gradient(#FAF1E2, #F9F3E9, #ffffff);
}
.bg-radial-gradient2{
  background: radial-gradient(#FAF1E2, #F9F3E9, #cfe2ff);
}
.bg-radial-gradient-main {
  background: linear-gradient(170deg,#3582DA,#7dace5, #d9e4ed);
}

.docBanner{
  min-width:300px;
  min-height:300px;

}

.placeholderColorWhite::placeholder{
  color:rgba(175, 175, 175, 0.762);
}
/* header custom styles */

.nav-item .nav-link:hover{
  color:#0b2f61 !important;
  
}
.bg-secondary .nav-item .nav-link:hover{
  color:#0b2f61 !important;
  
}
footer * a{
  text-decoration: none !important;
}
footer section a:hover{
  color:#3d96fa !important;
  text-decoration: underline !important;
}
footer .socials a:hover{
  color:#3d96fa !important;
}
a.text-hover-priamry:hover{
  border-bottom-color:#0b2f61 !important;
}
@media (max-width:1200px){
  #mainHeader{
    background-color:#3d96fa !important;
  }
  #mainHeader .btn-secondary{
    background-color:#0b2f61 !important;
  }
  .nav-item .nav-link:hover{
    color: #0b2f61 !important;
  
  }
  
}
#mainHeader{
  transition: 0.5s all;
}

/* banner */
#carouselExampleDark .carousel-caption{
    top: 40%;
    transform: translateY(-65%);
    left: 0;
    /* width: 50%; */
}
@media (min-width:768px){
  #doctorBanner{
    left: -22px;
    width: 420px;
  }
  .VM .text-content{
    margin-top: 145px;
  }

  .landing1 .landingText{
    min-height:calc( 100vh - 100px);
  }
  .owl-carousel .owl-item .card {
    /* opacity: 0.2; */
    min-width: 450px !important;}
  /* services */
.bg-circle-span{
  min-height: 700px !important;
  min-width: 700px !important;
  border-radius: 50%;
  background-color: rgb(61 150 254 / 27%) !important;
}
.bg-circle-span-landing{
  min-height: 600px !important;
  min-width: 600px !important;
  border-radius: 50%;
  background-color: rgb(61 150 254 / 27%) !important;
}
.VM .imgeLg{
  min-width: 600px !important;
}
}
@media (max-width:785px){
  #doctorBanner{
    left: -22px;
    width: 300px;
  }
  .VM .imgeSm{
    left: 0px;
    max-width: 266px !important;
    bottom: -145px;
  }
  .landing1 .landingText{
    min-height:calc( 100vh - 200px);
  }
  .bg-circle-span-landing{
    min-height: 300px !important;
    min-width: 300px !important;
    border-radius: 50%;
    background-color: rgb(61 150 254 / 27%) !important;
  }
}

.services .card{
  max-width: 290px;
}

#carouselExampleDark .carousel-inner img{
  /* max-height:590px; */
  object-fit: cover;
}
#carouselExampleDark .carousel-indicators{
  bottom: -54px !important;
}
.carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

/* blur */
.blur-card-1{
  background: rgba(255, 255, 255, 0.52);
  max-width:300px;
  right:-100px;
  backdrop-filter: blur(9.8px);
  top: 54%;
    right: -60%;
}

/* owl carousel styles */
.owl-carousel .owl-item {
  transition: all 0.3s ease-in-out;
}

.owl-carousel .owl-item .card {
  /* padding: 30px; */
  position: relative;
}

.owl-carousel .owl-stage-outer {
  overflow-y: auto !important;
  padding-bottom: 40px;
}

.owl-carousel .owl-item img.position-absolute {
  height: 309px;
  object-fit: cover;
  border-radius: 6px;
}

.owl-carousel .owl-item .card {
  /* opacity: 0.2; */
  min-width: 300px !important;
  transform: scale3d(0.8, 0.8, 0.8);
  transition: all 0.3s ease-in-out;
}
.modal .card {
  
  transform: scale3d(1, 1, 1) !important;
}

.owl-carousel .owl-item.active.center .card {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.owl-carousel .owl-dots {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.owl-theme .owl-dots .owl-dot span {
  height: 20px;
  background: #2a6ba3 !important;
  border-radius: 2px !important;
  /* opacity: 0.8; */
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  height: 13px;
  width: 13px;
  opacity: 1;
  transform: translateY(2px);
  background: #83b8e7 !important;
}
.staff{
  background: linear-gradient(to right, #0b2f61, #2a6ba3);
  min-height: 80vh;
}
@media(min-width: 480.6px) and (max-width: 575.5px) {
  .owl-carousel .owl-item .card .name {
      left: 24%;
  }
}

@media(max-width: 360px) {
  .owl-carousel .owl-item .card .name {
      left: 30%;
  }
}

.owl-carousel::-webkit-scrollbar {
  display:none !important;
}
/* owl carousel styles end*/