@font-face {
  font-family: myFirstFont;
  src: url(./css/fonts/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf);
}

.swiper {
    width: 100%;
    /* height: 70vh; */
  }

  .mySwiper {
    width: 100%;
    height: 83vh !important;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .happyCustSwiper{
    height: 50vh;
  }

  .gdlr-core-content{
    font-weight: 500;
  }

  .mySwiper .swiper-slide{
    /* background: linear-gradient(90deg, #4d93e9 10%, transparent 100%); */
    /* background: linear-gradient(90deg,#00036ecc 10%, transparent 100%); */

    background-size:100% 100% !important;
    background-blend-mode:overlay;

  }
  #totaldownloads{
    background-size:100% 100% !important;
    background: url(./upload/page-bg-4.jpg), linear-gradient(black 0%, transparent 100%);
    border-radius: 15px;
    background-blend-mode:overlay;
  }
  #review-page{
    background-size:cover !important;
    background: url(./upload/img-3.jpg), linear-gradient(#32223e 0%, transparent 300%);
    background-blend-mode:overlay;
  }

  .doctorSwiper .swiper-pagination{
    position: absolute;
  }

  .doctorSwiper .swiper-slide{
     border-bottom: 2px solid #4d93e9;
  }
  
  /* .ourGallery{
    height: 60vh !important;
  } */
  .ourGallery .swiper-button-next{
     color: transparent !important;
  }
  .ourGallery .swiper-button-prev{
    color: transparent !important;
  }
 
  .ourGallery .swiper-button-next i{
     font-size: 2rem;
     color: black;
  }
  .ourGallery .swiper-button-prev i{
    font-size: 2rem;
    color: black;
    transform: rotateY(180deg);
    margin-left: 2rem;
  }

  .ourGallery .swiper-slide{
    background-size:100% 100% !important;
    padding-bottom:35% ;
  }
  
  .happyCustSwiper .swiper-slide{
    background-color: transparent !important;
  }

  .review-circle{
    width: 3rem;
    height: 3rem;

  }
  .review-name{
    font-weight: bold;
    font-size: 1rem;
    overflow: hidden;
    padding-right: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000000;
    margin-bottom: 2px;
  }
  .review-content{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 21.75px;
    height: 87px;
    font-size: 15px;
    text-align: left;
    transition: height 0.5s;
    font-style: normal;
    -webkit-line-clamp: 4;
    font-weight: 500;
    overflow: hidden;
    padding-right: 0;
  }
  .round-bg{
    position: absolute;
    width: 40%;
    padding-bottom: 40%;
    flex-shrink: 0;
    z-index: -100;
    border-radius: 50%;
    box-shadow: 2px 2px 25px black;
}
#faq-img{
  display: flex;
  justify-content: center;
  align-items: end;
}
.faq-bg{
    display: flex;
    justify-content: center;
    align-items: end;
    width: 90%;
    padding-bottom: 20%;
    flex-shrink: 0;
    z-index: -100;
    border-radius: 50%;
    box-shadow: 2px 2px 25px black;
}
.faq-bg img{

}

  .service-card-img{
     width: 100%;
     padding-bottom: 60%;
     background-size: 100% 100%;
     /* border-radius: 1rem 1rem 0rem 0rem; */
     border-radius: 1rem;
     box-shadow: 0px 5px 5px black;
    }
    .service-card-bottom{
      margin-top: 0.5rem;
      width: 100%;
      height:100%;
      background-color: white;
      border-radius: 0rem 0rem 1rem 1rem;
      /* box-shadow: 0px 5px 5px black; */
    }

    .review-slide
    {
      border-radius: 0.5rem;
      width: 90%;
      /* height: 83%; */
      /* border: 5px solid black; */
    }
    .orl-review  .fa-star{
      font-size: 1.2rem;
    }

    .os-link:hover{
        color: #4d93e9 !important;
    }

    .foot-link a{
      font-size: 1.1rem;
      color: #fff;
    }
    .foot-link span{
      font-size: 1.1rem;
      color: #fff;
    }

    .foot-link a i{
      color: #fff !important;
    }
    p{
      font-size: 1rem;
    }
  .nav-link{
    font-size: 1rem;
    font-weight: 500;
  }

  .top-swp-header{
    font-size: 6rem;
    font-weight: 900;
    color: white;
    font-family:myFirstFont;
  }
  .top-swp-sub-header{
    font-weight: 900;
    color: white;
    font-family:myFirstFont;
    letter-spacing: 1px;
    margin-top: -2%;
  }
  .top-swp-discription{
    font-weight: 600;
    font-family:myFirstFont;
    color: orangered;
  }
  .top-swp-content{
    /* font-style: italic; */
    font-family:myFirstFont;
  }
  .harizontal-row{
    height: 4px;
    width: 3.5rem;
    border-radius: 3px;
    background-color: orangered;
    margin: 0rem 1rem;
  }
 
  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 1rem;
    font-weight: 900;
    padding: 0.5rem;
    background: orange;
    border-radius: 0.5rem;
    color: white;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: 'next';
  font-size: 1rem;
  font-weight: 900;
  padding: 0.5rem;
  background: orange;
  border-radius: 0.5rem;
  color: white;
}
}
  .accordion-button{
    border-bottom: 1px solid black;
    background-color:none !important;
  }
  .accordion-button:focus{
    border-bottom: 1px solid black;
    box-shadow: none !important;
    background-color:none !important;
    
  }
  a{
    text-decoration: none;
  }

  .btn{
     box-shadow: none !important;
     padding: 0px !important;
  }
  li{
    list-style-type: none;
  }
  .swiper-treatment-header{
     text-align: left;
  }

  .footer{
    background-size:cover !important;
    background:url("./upload/swiper-bg.jpg"),linear-gradient( black 0%,transparent 300%);
    background-blend-mode:overlay;
    }

    ::-webkit-scrollbar {
      width: 2px;
    }
    
    /* Track */
    ::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px grey; 
      border-radius: 10px;
    }
     
    /* Handle */
    ::-webkit-scrollbar-thumb {
      background: red; 
      border-radius: 10px;
    }
    
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
      background: #b30000; 
    }

    .flex-wrapper {
      display: flex;
      flex-flow: row nowrap;
    }
    
    .single-chart {
      width: 15%;
      justify-content: space-around ;
    }
    .fa-star{
      color: orange;
    }
    
    .circular-chart {
      display: block;
      margin: 10px auto;
      max-width: 80%;
      max-height: 250px;
    }
    
    .circle-bg {
      fill: none;
      stroke: #eee;
      stroke-width: 3.8;
    }
    
    .circle {
      fill: none;
      stroke-width: 2.8;
      stroke-linecap: round;
      animation: progress 1s ease-out forwards;
    }
    .our-dtr span{
      font-size: 1.2rem;
      font-weight: 500;
    }
    .our-dtr h4{
      background-color: orangered;
      padding:0.3rem;
      border-radius:5px;
      color: white;
    }
    .specialised-block{
      padding: 2rem;
      box-shadow: 0rem 0rem 1rem 0.1rem orangered;
      border-radius: 15px;
    }
    
    @keyframes progress {
      0% {
        stroke-dasharray: 0 100;
      }
    }
    
    .circular-chart.orange .circle {
      stroke: #ff9f00;
    }
    
    .circular-chart.green .circle {
      stroke: #4CC790;
    }
    
    .circular-chart.blue .circle {
      stroke: #3c9ee5;
    }
    
    .percentage {
      fill: #666;
      font-family: sans-serif;
      font-size: 0.5em;
      text-anchor: middle;
    }

    #surgeries-block img:hover{
      box-shadow: 0rem 0rem 1rem;
    }

@media (max-width: 575px) { 
  #sign{
    width: 75% !important;
  }
  .ourGallery .swiper-slide{
    padding-bottom: 130%;
  }
  .top-icon{
    font-size: 9px;
  }
  .top-bar-text{
    font-size: 12px;
  }
  .top-swp-header {
    font-size: 2.7rem;
  }
  .top-swp-discription {
    font-size: 2rem;
  }
  .top-swp-content{
    font-size: 0.9rem;
  }
  .swiper-treatment-header{
    font-size: 0.9rem;
  }
  .about-header{
    font-size: 31px ;
  }
  .faq-header{
    font-size: 1.6rem;
  }
  }
    
@media (min-width: 576px) { 
  .about-header{
    font-size: 31px ;
  }
  .top-icon{
    font-size: 9px;
  }
  .top-bar-text{
    font-size: 12px;
  }
  .top-swp-header {
    font-size: 4rem;
  }
  .top-swp-discription {
    font-size: 3rem;
  }
  .top-swp-content{
    font-size: 1.3rem;
  }
  .swiper-treatment-header{
    font-size: 0.9rem;
  }
  .about-desc{
    font-size: 1rem;
  }
  .about-footer{
    font-size: 1.2rem;
  }
  .faq-header{
    font-size: 2.5rem;
  }
 }


@media (min-width: 768px) { 
  .top-swp-discription {
    font-size: 3rem;
  }
  .faq-header{
    font-size: 3rem;
  }
  .about-header{
    font-size: 25px ;
  }
  .about-desc{
    font-size: 0.9rem;
  }
  .about-footer{
    font-size: 0.9rem;
  }
  .top-icon{
    font-size:1rem;
  }
  .top-bar-text{
    font-size: 1rem;
  }
  .top-swp-header {
    font-size: 6.5rem;
  }
  .swiper-treatment-header{
    font-size: 1.3rem;
  }
 }

@media (min-width: 992px) { 
  .top-swp-discription {
    font-size: 3rem;
  }
  .faq-header{
    font-size: 4rem;
  }
  .about-footer{
    font-size: 1.2rem;
  }
  .about-header{
    font-size: 31px ;
  }
  .about-desc{
    font-size: 1rem;
  }

}

@media (min-width: 1200px) { 
  .top-swp-discription {
    font-size: 3rem;
  }

 }
