/* style bugs */


.fixed_header #main__header .header__wrapper .button_appointment .btn-appointment {
    padding: 15px 25px !important;
}

.item.gynecologist.doctor-div-height .img-fluid{
    height:300px!important;
}

.fixed_header #main__header .header__wrapper .main-menu {
    width: auto !important;
}

.fixed_header #main__header .header__wrapper .royal_logo {
    width: auto !important;
}

.owl-carousel {
    display: block !important;
}

.fixed_header #main__header .header__wrapper .button_appointment {
    width: auto !important;
}

.header__wrapper {
    justify-content: space-between !important;
}

/* .owl-nav button.owl-prev,
.owl-nav button.owl-next {
    display: none !important;
} */
.fixed_header #main__header .header__wrapper .main-menu {
    width: 65%!important;
}
.fixed_header #main__header .header__wrapper .royal_logo {
  width: 20%!important;
}
.fixed_header #main__header .header__wrapper .button_appointment {
    width: 20%!important;
}
/* style bugs : end */

/* responsive bugs */
@media (min-width: 768px) and (max-width: 1270px){
    .fixed_header #main__header .header__wrapper .main-menu {
        width: 60%!important;
    }
    .fixed_header #main__header .header__wrapper .royal_logo {
      width: 20%!important;
    }
    /* .fixed_header #main__header .header__wrapper .button_appointment {
        width: 20%!important;
    } */
        
    .item.gynecologist.doctor-div-height .img-fluid {
    height: auto!important;
}
}

@media (max-width: 991px) {
    .wsmenu.activ {
        visibility: visible;
        z-index: 1;
    }

    .fixed_header #main__header .header__wrapper .main-menu {
        order: 0 !important;
    }

    .contact_info {
        display: none !important;
    }

    .wsmenu.activ .wsmenu-list {
        margin-left: 0 !important;
        margin-top: 60px !important;
    }

    /* .commercial_video {
        height: 10px !important;
    } */

    .wsactive .wsanimated-arrow span:before,
    .wsactive .wsanimated-arrow span:after {
        background: #fff !important;
    }

    .wsactive .wsmenucontainer {
        margin-left: 250px !important;
    }

    .wsanimated-arrow {
        z-index: 999999 !important;
    }

    p {
        font-size: 18px !important;
    }

    h2 {
        font-size: 26px !important;
    }

    h3,
    h4 {
        font-size: 16px !important;
    }

    .book_an_appointment .form_wrapper .input-text {
        font-size: 12px !important;
    }

    .footer h3 {
        font-size: 14px !important;
    }

    .footer .quick ul li {
        font-size: 12px !important;
    }

    /* .book_an_appointment .padding_50 {
        padding: 30px !important;
    } */

    .contact .form_wrapper .x-6 {
        width: 100% !important;
    }

    .contact .border_form {
        padding: 10px !important;
    }


    .health_check {
        padding: 35px 0 !important;
    }
    .royal_below_banner .item_25 {
        height: auto!important;
    }
}

@media (max-width: 768px) {
    /* .our_facilities ul li {
        width: 24%!important;
    } */
    .fixed_header #main__header .header__wrapper .button_appointment {
        width: 50% !important;
    }
    .royal_below_banner .item_50 {
        height: auto!important;
    }    


}

@media (max-width: 767px) {
    p {
        font-size: 14px !important;
    }

    h3,
    h4 {
        font-size: 14px !important;
    }

    p {
        font-size: 14px !important;
    }

    /* .book_an_appointment .padding_50 {
        padding: 20px !important;
    } */

    .contact .border_form {
        padding: 10px !important;
    }
    .item.gynecologist.doctor-div-height .img-fluid {
    height: 230px!important;
    object-fit: cover!important;
    }
    .form-field.input_item.x-6 {
    display: flex;
    display:-webkit-flex;        
    justify-content:flex-start;
}
input[type="date"]{
    position:relative;
    cursor:pointer;
}
input[type="date"]:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    display: inline-block;
    background: url(../images/calender.png) no-repeat center center;
    background-size: cover;
    width: 15px;
    height: 15px;
    opacity: 1;
    cursor: pointer;
    transform: translateY(-50%);
    z-index:9999;
}
input[type="date"]::-webkit-calendar-picker-indicator {
   display:none;
}
input[type="date"] {
    /*-webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    display:flex;
        display:-webkit-flex;
        flex: 1 1 0;
        -webkit-flex: 1 1 0;
        
        box-sizing:border-box;
        max-width:100%;
width:100%;
-webkit-width:100%;
margin-right:auto;
text-align-last: left;
justify-content:flex-start;   
align-items: center;
}
.call_action_home .form_wrapper .input-text {
    line-height: normal;
}
input[type="date"]::placeholder{
    color:black;
    font-size:12px;

}
input[type="date"]::placeholder {
    color: white !important;
    font-size: 0px !important;
}
input[type="date"]:before {
    content: 'dd-mm-yy';
    display: block;
    /*align-items:center;*/
    color:#000;
    /*max-height: 15px;*/
    /*margin-top:18px;*/
}
.has-value-class{
	color:white !important;
}
input[type="date"]:focus:before {
  display:none
}
.has-value-Noclass:before{
	display:none !important;
}
.our_doctors .title_box h2 br{
    display:none;
}
.justify-text{
     text-align: justify;
    word-spacing: 6px;
    letter-spacing: -1px;
}
}
 
    @media (max-width: 576px) {
        .owl-nav.main{
            display: none;
        }
    }

@media (max-width: 300px) {
    .royal_below_banner .item_25 {
        width: 100%!important;
    }
}

/* responsive bugs : end */
.owl-nav.main {
    position: absolute;
    top: 37px;
    right: 0;
    float: right;
    padding: 0;
    width: unset;
}
.owl-nav.main .owl-prev{
    width: 30px;
    height: 30px;
    border: 2px solid #6a686a;
    border-radius: 10px;
    color: #6a686a;
    background-color: #f1f1f1;
    margin: 1px;
}

.owl-nav.main .owl-next{
    width: 30px;
    height: 30px;
    border: 2px solid #6a686a;
    border-radius: 10px;
    color: #6a686a;
    background-color: #f1f1f1;
    margin: 1px;
}


.other_section .wrapper .box_60 ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.other_section .wrapper .box_60 ul li {
    border-radius: 100%;
    margin: 3px;
    list-style: none;
    background: #f1f1f1;
    flex-direction: column;
    display: flex;
    justify-content: center;
}
.other_section .wrapper .box_60 ul li img{
    width: 50px;
    margin: auto;
    height: 50px;
    object-fit: cover;
}
.insurance ul li img {
    width: 100%;
    height: 170px;
    border-radius: 15px;
    object-fit: cover;
}
.insurance ul li img {
    width: 100%;
    height: 170px;
    border-radius: 15px;
    object-fit: cover;
}
.item .img-fluid {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 15px;
}
.item.gynecologist .img-fluid {
    max-width: 100%;
    height: 70%;
    object-fit: cover;
}
.owl-carousel .owl-item img {
    border-radius: 20px;  
  }
  .our_doctors .doctor_list .item{
    height: max-content!important;
  }
  ul.insurence-partners li img{
    border-radius: 2px;
    height: auto!important;
  }
.doctor-div-height .img-fluid{
    height:500px!important;
    object-fit:cover!important;
    object-position:top;
}
.black_wrapper.border-style .img-fluid{
    border-radius:30px;
    height: 327px;
}
.our_offer .black_wrapper .text {
  height: max-content;
  height: 242px;
  overflow: hidden;
}
.item.home-size-change{
  height: 145px;
  border-radius: 20px;
  object-fit:cover;
}
.home-size-change img{
      height: 145px!important;
  border-radius: 20px!important;
  object-fit:cover!important;
}
.owl-item img {
        transition: opacity 0.5s ease; /* Adjust the transition duration and easing as needed */
    }

    .owl-slide-animated {
        opacity: 0; /* Initially set the opacity to 0 for the fade-in effect */
        transition: opacity 0.5s ease; /* Adjust the transition duration and easing as needed */
    }

    .owl-item.active .owl-slide-animated {
        opacity: 1; /* Set the opacity to 1 for the active slide */
    }
