@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,300&display=swap');

/* master-code */
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: "barlow", sans-serif;
    line-height: 1.7;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700 !important;
}


a {
    text-decoration: none !important;
}


.doctorlist{
    
    border-radius: 0px;
	    border-bottom: 1px solid #c3baba;
}
.drsecleft h2 {
    color: #9d2d2e;
    font-size: 18px;
}
.drsecleft h1 {
    color: #094d8a;
    font-size: 18px;
}
.drsecleft img{
    width: 75%;
}
.drsecq p,
.drsecr p,
.drictext h2{
    color: #9d2d2e;
}
.drictext h2{
    font-size: 18px;
}
.drictext p{
    color:#333;
    font-size: 14px;
}
.dricon i{
    font-size: 23px;
}
.drsecbxbtn{
    padding: 0;
}
.drsecbxbtn i{
    font-size: 20px;
}
.dricon img,
.drsecbxbtn p{
    vertical-align: middle;
}
.drsecbxbtn img{
    width: 14%;
}
.drsec2r p{
    text-align: justify;
    word-break: break-all;
    font-size: 14px;
}
.drsecvideo{
    background-color: #094d8a;
}
.drsecvideo:hover{
    background-color: #c9352a;
    border: 2px solid #c9352a;
}
/* .dricon img{
    width: 95%;
} */
.drsecbxbtn a{
    border:2px solid #9d2d2e;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 400;
    min-width: 148px;
	color:#9d2d2e !important;
}
.drsecbxbtn1{
    min-width: 210px;
}
.drsecbxbtn1 span{
    color:#f1c122;
    font-size: 10px;
}
/* .drsecbookicon{
    background-image: url(../images/doctors/Icon-5.png);
    width: 100%;
    height: 100%;
} */
.rainbow-1:hover{
    background-image: linear-gradient(90deg, #e7e7e5 0%, #aeadeb 49%, #e9e3e893 80%, #f3f3f3  100%);
    animation:slidebg 10s linear infinite;

 }

 @keyframes slidebg {
    to {
      background-position:20vw;
    }
  }


@media screen and (max-width: 390px){
    .drsecbxbtn a {
        font-size: 10px;
        min-width: 163px;
    }
}
@media screen and (max-width: 984px) {
.drsecpd{
    margin-top:10px;
}
}

@media screen and (max-width: 1280px){
    .drsecbxbtn a {
        font-size: 10px;
        min-width: 148px;
    }
}



/* doctor detail page start */
.drdetlhed h2{
    color: #094d8a;
}
.drdetlhed{
color:#094d8a;
}
.drdetbox{
   min-height: 130px;
    padding: 10px;
    border-radius: 10px;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
}
.drdetsboxlstr{
    min-height: 155px;
    padding: 10px;
}
.drdetbox p{
    color:#333;
    font-size: 14px;
}

.drdetboxbg{
    background-color: rgb(214,249,181);
}
.drdetboxbg2{
   background-color:  rgb(246,211,241);
}

.drdetallist h2{
    color: #094d8a;
    font-size: 18px;


}
.drdetallist ul{
padding: 0px;
}
.drdetallist ul li{
    border-bottom: 1px solid #333;
   border-radius: 34px;
             list-style-type: none;
             padding: 5px 10px;
             margin-bottom: 20px;
             font-size: 14px;
}
.drdetllistli li i{
margin-right:10px;
}

.drdetlsimilardr{
    text-align: center;
}
.drdetlsimilardr h6{
    color: #094d8a;
    }
.drdetlsimilardr p{
    color:#333;
    font-size: 14px;
}
.cardbord{
    border-radius: 20px;
}
.cardbord img{
    width: 60%;

}
.cardbord{
    display: flex;
    align-items: center;
    justify-content: center;
}
.drdetlsldbtn{
    color:#fff;
    border-bottom: 1px solid #333;
}
.drdetlsldbtn:hover{
    color:#ffff;
}


[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    background-color: rgb(214,249,181) !important;
    color: #000;
    border-radius: 20px;
    font-size: 12px;
    position: absolute;
    padding: 5px 5px;
    top: 120%;

    left: -20%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
}
[data-title] {
    position: relative;
}