/*
Theme Name: Karona - Multipurpose Health and Medical HTML Template 
Author: Codezion Softwares
Author URL: https://themeforest.net/user/codezionsoftwares
Version: 1.1

%%%%%%% Table of CSS %%%%%%%

1.General code
    1.1 Typography
    1.2 Space margins and padding
    1.3 forms
    1.4 Buttons
    1.5 Section-Colors-&-Backgrounds
    1.6 Modal & popups
2.Homepages
    2.1 Navigation
    2.2 Banner
    2.3 About Corona
    2.4 Symptoms
    2.5 Specialist
    2.6 Percautions
    2.7 FAQs
    2.8 Blog
    2.9 Hand Wash Steps
    2.8 Footer
    2.10 Copyright
3.About Us
4.Prevention
5.Statics
6.Appointment
7.Help
8.FAQs
9.Coming Soon
10.404
11.Blog
12.Contact
*/

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Inter;
    
}

::-webkit-scrollbar {
    width: 5px;
    height: 0px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(207, 207, 207);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #16C2D5;
 
}
.dropdown:hover .dropdown-menu {
  display: block;
}
.beg-blue{
    background-color: #89DEE24D;
}
.beg-blue1{
    background-color: none;
}
.btn{
    color: #000000;
}
.loren-h{
  line-height: 10px;
}
.bg-blue{
    color: aliceblue;
}
.img-box {
  position: relative;
  height: auto;
  width: 100%;
  background-position: right;
  background-repeat: no-repeat;

}
.img-box img{
    width: 100%;
    height: 100vh;
  
}
.ALL-button{
  background-color: #16C2D5;
  color: #FFFFFF;
  border: none;
}
.w-80{
    width: 90%;
}
.card-sm{
 height: 300px;

}
.rounded-12{
  border-radius: 12px;
}
  .search-wrapper {
    width: 60%;
    background: transparent;
    box-shadow: 0 4px 20px -2px #e9e9e9;
}


.borddd{
  border-radius: 10px !important;
  margin-left: -23px !important;
  z-index: 999 !important;
  background-color: #16C2D5;
  color: #FFFFFF;
  border: none;
  padding:9px 20px 12px 22px;
}
.getstart{
  background-color:  #F3F6FF;
  color: #FFFFFF;
  border: none;
  padding: 13px 10px ;


}


  .colm {
    color: #000000;
    padding: 14px 20px;
    margin-left: 30%;
    margin-right: -45px;
    border-radius: 20px;
    background-color: #FFFFFFB2;
  }

.selt-text{
  font-size: 12px;
  font-weight: 600;
}
.text-space{
  padding-top: 20px;
}
.c1{
   
    display: flex;
    justify-content: space-between;
    gap: 100px;
    color: aliceblue;
    background-color: #175CD3;
    padding: 30px 30px;
    border-radius: 10px 0px 0px 10px;
    align-items: center;
}
.c2{
  display: flex;
  justify-content: space-between;
  gap: 100px;
  color: aliceblue;
  padding: 30px 30px;
  align-items: center;
  background-color: #2E90FA;
    
}
.c3{
  display: flex;
  justify-content: space-between;
  gap: 100px;
  color: aliceblue;
  padding: 30px 30px;
  border-radius: 0px 12px 12px 0px;
  align-items: center;
    background-color: #53B1FD;
 
   
}
.paddd_bottm {
  margin-top: -40px;
  z-index: 4;
  position: relative;
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 8px;
  height: 200px;
  text-align: center;
}
.card-hover :hover{
  background-color: #16C2D5;
  color: #fff;
  border: none;
  h5{
    color: #fffbfb;
    font-weight: 600;
  }
  a{
    color: #FFFFFF;
    font-weight: 600;
    border: none;
  }
  p{
    color: #121111;
    
  }
}
.lab-col{
  color: #16C2D5;
}

.card-img{
    width: 30%;
    margin-left: 0px;
 padding: 10px 0px 20px 20px;

}
#owl-demo .item {
    margin: 3px;
  }

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}
.colos{
    background-color: #16C2D5;
}
.round-box {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #C4C4C4;
  margin: -0px auto;
  /* padding: 60px; */
  text-align: center;
  color: white;
}
.testimonial-box h3 {
    margin: 50px -1px;
}
  swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-weight: bold;
    color: #fff;
  }

  swiper-slide:nth-child(1n) {
    background-color: #fff;
    color: #626161;
    font-weight: normal;
  }

  swiper-slide:nth-child(2n) {
    background-color: #fff;
    color: #626161;
    font-weight: normal;
  }

  swiper-slide:nth-child(3n) {
    background-color: #fff;
    color: #626161;
    font-weight: normal;
  }

  

  .han-col {
    background-color: #16C2D51A;
    
    padding-top: 200px;
    padding-bottom: 100px;
}
  .img-col {
    position: relative;
  }
 .img-col:before {
    position: absolute;
    content: '';
    top: -38%;
    right: 22%;
    height: 520px;
    width: 576px;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
    background-image: url(../img/Vector.png);
}

.section-padding{
  padding-top: 5rem;
}
.dropdown-menu {
  border: none;
}
.women-col {
  background: linear-gradient(0deg, rgba(241, 246, 253, 0) 1.63%, #F1F6FD 20.5%, #F1F6FD 58.57%, #FFFFFF 100%);
}
  .text-color{
    margin-top: 20px;
    color: rgb(0, 68, 255);
  }
  .rot-arro{
    color: #fff;
    
  }
  .card-size{
    height: 100%;
    border-radius: 18px;
    margin: auto;
    background-color: rgb(243, 243, 243);
    
  }
  .mySwiper{
    position: relative;
    z-index: 0;
  }
  .round-box {
    overflow: visible;
    border-radius: 18px;
    position: absolute;
    top: -39px;
    z-index: 999;
    border-radius: 50%;
    left: 40%;
}
.mySwiper .swiper-slide-visible {
  overflow: visible;
}
  .booder{
    border: #16C2D5 2px solid;
    border-radius: 20px;
    background-color: rgb(203, 230, 243);
  }
  
  .footer {
    background-color: #16C2D51A;
    padding: 80px 0 0px;
   
}

.single_footer h4 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  margin-top: 10px;
}

.single_footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single_footer ul li {
  line-height: 50px;
}

.single_footer ul li a {
    color: #2E2E2ECC;
    transition: color 0.3s ease;
    font-size: 15px;
    text-decoration: none;
    text-transform: capitalize;
}

.subscribe__input {
    padding: 0 15px;
    height: 48px;
}

.social_profile ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.social_profile ul li a {
    display: flex;
    gap: 8px;
    width: 50px;
    text-decoration: none;
    height: 50px;
    color: #111010;
    font-size: 25px;
}

.bordd{
  padding: 10px 10px;
  border-bottom: 2px solid #414141;
}

.swiper-cards .swiper-slide.swiper-slide-active  {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: visible !important;
}
swiper-container {
  width: 100%;
  height: 100%;
  
}

swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card{
  background-color: #10217D1A;
  border-radius: 10px;
  padding: 20px;
}
.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
 border: none;
}


.fre-icon{
  padding: 25px;
}

.cards-img{
  width: 20%;
  margin-left: 0px;
}
.caoll{
  background-color: #FFFFFF;
}
.swipe-border:hover{
  border: #000000 solid 2px;
  h5{
    color: #121111;
  }
  a{
    color: #16C2D5;
  }
}
.caad{
  background-color: #F3F6FF;
}
.caad img{
  border-radius: 15px 15px 5px 5px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0;
  margin-left: 0;
}
.conta-btn {
  display: flex;
  width: 100%;
  padding: 4px;
  padding-left: 20px;
  justify-content: center;
  align-items: center;
  margin: auto;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
}

.conta-btn input {
  width: 100%;
  background: none;
  border: 0;
  padding: 0;
  outline: none;
}

.conta-btn button {
  padding: 5px 5px;
  width: 94px;
  background-color:#16C2D5;
  color: #ffffff;
  border-style: none;
  border-radius: 6px;
  cursor: pointer;
  outline: none;
}
.fre-text{
  display: inline-block;
}
/* Prevent submenu from auto-closing on click */
.dropdown-submenu > a:hover + .dropdown-menu {
  display: block;
}

.swipers {
  width: 100%;
  max-width: 500px;
  margin:0px auto;
}

.swiper-slides {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #fff;
  border-radius: 15px;
  overflow: visible;
  padding: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.round-box {
  width: 80px;
  height: 80px;
  overflow: visible;
  background-color: #C4C4C4;
  border-radius: 50%;
  margin-bottom: 15px;
}
.input-w{
  width: 50%;
}

.testimonial-box h3 {
 
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.testimonial-box p {
  font-size: 1rem;
  color: #555;
  line-height: 1.5;
}

/* Login page start */

     
.form-group {
  position: relative;
}
.toggle-password {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
}
.login-w{
  width: 100%;
}

.cheak-box{
  padding: 7px;
  margin-right: 5px;
}
.fix-iconsx {
  height: 50px;
  width: 45px;
  background-color: whitesmoke;
  border-radius: 10px;
  position: fixed;
  right: 7px;
  bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border: 1px solid black;
  cursor: pointer;
  z-index: 9999;
}

/* Login page .end */

/* register start */

/* register page .end */
/* register blog start */



/* register blog .end */

/* Contect page start */
.round-20{
  border-radius: 30px;
  background-color: #16C2D526;
}
/* Contect page end */

/* Detail start */
.input-wh{
  width: 53%;
}
.left-icon{
  height: 50px;
  width: 50px;
  background-color: whitesmoke;
  border-radius: 50px;
  padding: 15px 15px;
  font-size: 20px;
  
}
/* Detail end */
/* payment start */
.payment-w{
  width: 60%;
}
/* payment end */

/* calendar  start*/
/*  */

.calendar-header {
  font-size: 24px;
}

.calendar-days .row {
  margin: 0;
}

.calendar-body .col {
  padding: 3px;
}

.calendar-body .col div {
  margin: 3px;
  padding: 7px;
  cursor: pointer;
}

.calendar-body .col div:hover {
  background-color: #84b7f6;
 
}

/* // calendar end // */

/* Doctor details start */
.card-girl{
margin-top: -90px;
z-index: 9999;
}
/* Doctor details end */

.About-colo{
  background-color: #F0F4FF;
  border: none;
}

.heart-img img{
  width: 70px;
  
}
.card-bg{
  background-color: rgba(22, 194, 213, 0.10);
}