@charset "utf-8";
/* CSS Document */

.our-clinics-sec1 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 70px 0 70px 0;  position: relative;   }
.our-clinics-sec1:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.our-clinics-sec1-box1{width: 100%; height: auto; float: left; display: block; }

.our-clinics-sec1-box1 h2{width: 100%; height: auto;  font-size:28px; font-weight: 600; color: #050505; line-height:32px; padding: 0px 0px 30px 0; }
.our-clinics-sec1-box1 p{width: 100%; height: auto;   font-size:16px; font-weight: 400; color: #050505; line-height:22px; padding: 0px 0px 20px 0; }
.our-clinics-sec1-box2{width: 100%; height: auto; margin:10px 0; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.14);
-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.14); }
.our-clinics-sec1-box2 aside{width: 35%; height: auto; float: left; display: block; padding:40px 40px; }
.our-clinics-sec1-box2 aside h3{width: 100%; height: auto;  font-size: 22px; font-weight: 600; color:  #ED168C;; line-height:28px; padding: 0px 0px 20px 0; }
.our-clinics-sec1-box2 aside span.location{width: 100%; height: auto; font-size: 16px; font-weight: 400; color:  #000;; line-height:22px; padding: 0px 0px 10px 40px; position: relative; display: block;}
.our-clinics-sec1-box2 aside span.location::after{ content: ''; position: absolute; left:0 ; top: 0px; width: 25px; height: 25px; background: url(../images/location-icon.png) no-repeat top left;}

.our-clinics-sec1-box2 aside span.phone{width: 100%; height: auto; font-size: 16px; font-weight: 400; color:  #000;; line-height:20px; padding: 0px 0px 10px 40px; position: relative; display: block;}
.our-clinics-sec1-box2 aside span.phone a{font-size: 20px; font-weight: 400; color:  #000;; line-height:46px;}
.our-clinics-sec1-box2 aside span.phone::after{ content: ''; position: absolute; left:0 ; top: 0px; width: 46px; height: 46px; background: url(../images/phone-icon.png) no-repeat top left;}

.our-clinics-sec1-box2 aside span.workingday{width: 100%; height: auto; font-size: 16px; font-weight: 400; color:  #000;; line-height:22px; padding: 0px 0px 0px 40px; position: relative; display: block;}
.our-clinics-sec1-box2 aside span.workingday::after{ content: ''; position: absolute; left:0 ; top: 0px; width: 25px; height: 25px; background: url(../images/workingday-icon.png) no-repeat top left;}
.our-clinics-sec1-box2 article{width: 65%; height: auto; float: left; display: block; }


.our-clinics-sec1-box3{width: 100%; height: auto; margin: 10px 0; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.14);
-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.14); }
.our-clinics-sec1-box3 figure { width: 35%;  float: left; display: block; background: url(../images/bangladesh-pic1.jpg) no-repeat center center; background-size: cover;}
.our-clinics-sec1-box3 aside{width: 65%; height: auto;  float: left; padding: 30px 30px; position: relative;  }
.our-clinics-sec1-box3 aside:after { content: ''; position: absolute; left: -20px; top: 40px; width: 10px; height: 10px; border: 10px solid transparent; border-right: 10px solid #fff;}
.our-clinics-sec1-box3 aside h3{width: 100%; height: auto;  font-size: 22px; font-weight: 400; color: #050505; line-height:28px; padding: 0px 0px 10px 0; }
.our-clinics-sec1-box3 aside h3 strong{font-weight: 600;  }
.our-clinics-sec1-box3 aside h4{width: 100%; height: auto;  font-size: 42px; font-weight: 600; color: #FF005A; line-height:42px; padding: 0px 0px 0px 0;  }
.our-clinics-sec1-box3 aside h4 a{ font-size: 42px; font-weight: 600; color: #ef41a0; line-height:42px; position: relative; padding-left:40px;  }
.our-clinics-sec1-box3 aside h4 a::after{ content: ''; position: absolute; left:0 ; top: 6px; width: 46px; height: 46px; background: url(../images/phone-icon.png) no-repeat top left;}
.our-clinics-sec1-box4{width: 100%; height: auto;  float: left; display: block;}
.our-clinics-sec1-box4 p{width: 100%; height: auto;   font-size: 22px; font-weight: 400; color: #050505; line-height:28px; padding: 30px 0px 0px 0; }



@media screen and (max-width: 1023px) {
    .our-clinics-sec1 { padding: 30px 0 30px 0;}
    .our-clinics-sec1-box1 h2 {font-size: 24px;line-height:30px; padding: 0px 0px 10px 0; text-align: center;}
    .our-clinics-sec1-box1 p {font-size: 18px;line-height:22px; padding: 0px 0px 10px 0; text-align: center;}
    .our-clinics-sec1-box2 aside {width: 100%;padding: 20px 20px;}
    .our-clinics-sec1-box2 article { width:100%;}
    .our-clinics-sec1-box3 aside h3 {  font-size: 24px; line-height: 32px;}
    .our-clinics-sec1-box4 p { font-size: 18px;line-height: 24px; padding: 10px 0px 0px 0; text-align: center;}
}

@media screen and (max-width:700px) {
.our-clinics-sec1-box3 aside h4 a{ font-size: 28px; line-height:28px; }
.our-clinics-sec1-box3 aside h4 a::after{  top: 0px; width: 46px; height: 46px; }
.our-clinics-sec1-box3 aside h3 br{ display: none;}

}
@media screen and (max-width:500px) {
.our-clinics-sec1-box3 figure {  width:100%; height: 200px;}
.our-clinics-sec1-box3 aside {  width:100%;  padding: 10px 10px;}
.our-clinics-sec1-box3 aside h3 br{ display: none;}
.our-clinics-sec1-box3 aside:after {display: none;}
.our-clinics-sec1-box3 aside h3{ text-align: center;}
.our-clinics-sec1-box3 aside h4 a {        width: auto;
        margin: 0 auto;
        display: table;
    font-size: 30px; line-height: 42px;}
}