*{
    margin: 0;
    padding: 0;


}
.txt-h1{
    font-size:50px !important;
}
body{
    font-family: "Lora", serif;
    font-family: "Inter", sans-serif;
}


.sec-nav{
    background-color: #2271b1;

}
/* img{
    width: 100%;
} */
.container{
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;

}
.nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:20px;
}
.menu ul{
    display: flex;
    
}
.menu ul li {
    list-style: none;
    /* padding-left: 50px; */
    position: relative;
    font-family: "Inter", sans-serif;
    /* padding: 20px 0px 50px; */
    padding: 26px;
    /* border:1px solid #fff; */
    /* background-color: rgb(1, 1, 95); */
}


.menu ul li a{
    text-decoration: none;
    color: #fff;
    font-size: 18px;

}
.drop1 ul li a{
    color: black;
}
.menu ul li a:hover{
    color: rgb(1, 25, 70);

}
.drop1{
    position: absolute;
    top:72px;
    left: 15px;
    width: 168px;
    background-color:#fff;
    display: none;
    z-index: 3;
    color:black;
    
    
    

}
.drop1 ul{
    display: block;
    margin: 0;
    padding: 0;
}
.drop1 ul li{
    padding: 15px;

}

.menu ul li:hover .drop1{
    display: block;
    
}
/* Nab Style End */
.banner img{
    width: 100%;       
    
}
.banner{
    position: relative;
    /* margin-bottom: 100px; */
   
}
.text {
    position:absolute;
    width: 55%;
    left: 400px;
    top: 330px;
}
.btn{
    position: absolute;
    top:550px;
    left:762px;
    /* border: 1px solid #fff; */
    padding: 18px;
    background-color: #2271b1;
    font-size: 16px;
    cursor: pointer;
    
}
.btn1{
    position: absolute;
    top:550px;
    left:912px;
    /* border: 1px solid #fff; */
    padding: 18px;
    background-color: #2271b1;
    margin-left: 50px;
    font-size: 16px;
    cursor: pointer;
}
.text h1{
    color: #fff;
    font-family: "Lora", serif;
    font-size: 73px;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 32px;
    /* padding: 0px 50px 0px 50px; */
    font-weight: 500;
    line-height: 80px;
}
.text p{
    color: #ffff;
    text-align: center;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    padding: 0px 45px 0px 45px;
    line-height: 30px;
}
.btn a{
    text-decoration: none;
    color: #fff;
}
.btn1 a{
    text-decoration: none;
    color: #fff;
}
.btn:hover{
    background-color:#0d4471
}
.btn:hover a{
    color:#ffffff;
}
.btn1:hover{
    background-color:#0d4471;
}
.btn1:hover a{
    color: #fff;
}

/* Banner End */
.main{
    background-color: #f8f8f8;
    /* margin-bottom: 200px; */
    padding-top: 46px;
    padding-bottom: 100px;
    
    
}
.fac{
    /* margin-bottom: 300px; */
    
}
.sec1{
    display: flex;
    justify-content: space-between;
    padding: 50px 0 50px 0;

}

.sec1-a h5{
    color:#2271b1;
    font-size: 14px;
    font-family: "Inter", sans-serif;
}
.sec1-a h1{
    color: #023059;
    padding-top:18px;
    font-size: 42px;
    font-family: "Lora", serif;
    font-weight:300;
}
.sec1-b p {
    font-size: 17px;
    line-height: 28px;
    font-family: "Inter", sans-serif;
    color: #414141;
    margin-top: 35px;
}
.sec1-a{
    width: 48%;
    
    
}
.sec1-b{
    width: 48%;
    
}
.sec2{
    display:flex;
    justify-content: space-between;
}
/* .patient img{
    width:250px;
    height:300px;
    
} */
.sec2 h2{
    color:#023059;
    font-family: "Lora", serif;
    font-weight: 100;
}
.sec2 h3 {
    color:#2271b1;
    font-family: "Inter", sans-serif;
}
.sec2 p{
    color: #818181;
    font-family: "Inter", sans-serif;
}
.sec2-a a{
    color: #2271b1;
    text-decoration: none;
    font-size: 14px;
    margin-left: 6px;
    font-weight: 500;
    
} 

.fa-arrow-right{
    color:#2271b1;
    font-size: 13px;
    font-weight: 100;
}
.sec2-a a:hover{
    color:#023059;
}
.sec2-a h2{
    margin-bottom: 20px;
}
.sec2-a{
    text-align: center;
    /* border: 2px solid #ccc; */
    width: 35%;
    background-color: #fff;
    padding: 25px;   
    margin-left: 15px;
    
}
.sec2-a img{
    margin-bottom: 20px;
    margin-top: 10px;
}
.sec2-a p{
    margin-bottom: 20px;
    color:#414141;
}
.patient{
    width: 50%;
    margin-left: 15px;
    
       
}
.patient span{
    display: block;
    height: 300px;
}
.patient span img{
    width: 100%;
    height: 100%;
}
.patient{
    position: relative;
    text-align: center;
}
.patient-text{
    position:absolute;
    top:18%;
    left:30%;
   
    
}
.patient-text h1{
    color: #fff;
    font-family: "Lora", serif;
    font-size: 65px;
    font-weight: 200;

}
.patient-text h5{
    color:#fff;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 38px;
}
.patient-text a{
    color: #fff;
    text-decoration: none;
    padding:12px 20px;
    border: 1px solid #fff;
    font-size: 12px;
    font-weight: 500;
    
}
.patient-text a:hover{
    background-color: #0d4471;
    border:1px solid #0d4471;
}

/* End Facilitys */
.introduction{
    margin-top: 100px;
    margin-bottom: 200px;
    background-color: #ffffff;
}
.intro{
    display: flex;
    justify-content: space-between;
    margin-top: 130px;
    margin-bottom: 224px;
}
.intro-box1 {
    width: 29%;
    text-align: center;
    background-color: #2271b1;
    padding:15px;
    color: #fff;
    margin-bottom: 24px;
    
}


.time{
    display: flex;
    justify-content: space-between;
}
.days{
    width:50%;
    margin-top:3px;
    margin-bottom: 12px;
    
}
.days a{
    text-decoration: none;
    color: #fff;
    padding-left:10px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;

}
.days .fa-arrow-right{
    color:#ffff;
}
.days p{
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.days a:hover{
    color:#023059;
}
/* .hrs-btn{
    display: block
} */
.hrs-btn1{
    display: block;
    /* width: 100%; */
    margin: 10px;
    border: 1px solid #fff;
    padding: 16px 72px;
}
.hrs-btn1:hover{
    background-color:#023059;
    border: 1px solid #023059;
}
.hrs-btn2{
    display: block;
    /* width: 100%; */
    margin: 10px;
    border: 1px solid #fff;
    padding: 16px 72px;
}
.hrs-btn2:hover{
    background-color:#023059;
    border: 1px solid #023059;
    
}
.hrs-btn1 a{
    color: #fff;
    text-decoration: none;
    font-size: 15px;
       
    

}
.hrs-btn2 a{
    color: #fff;
    text-decoration: none;
    font-size: 15px;
   
}
.intro-box1 h2{
    margin-bottom: 8px;
    font-family: "Lora", serif;
    font-size: 32px;
    font-weight: 80;
}
/* .itero-box1 hr{
    width: 25%;
} */
/* .text-hrs{
    padding: 25px; */
    

.text-hrs h3{
    margin-top: 18px;
    padding: 8px;
    font-family: "Lora", serif;
    font-size: 22px;
    font-weight: 100;

}
.text-hrs p{
    padding:10px;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 26px;
}
.intro-box3{
    width: 30%;
    /* margin-left:65px; */
    /* margin-right: 40px; */
    
    
}
.list-item{
    display: flex;
    /* justify-content: space-between; */
    /* margin-bottom: 5px; */
    /* align-items: center; */
    padding: 0px;
    
    
}
.item1{
    width: 8%;
    /* padding: 2px; */
    
}
/* .item1 span{
    width: 20%;
    height: 10px;
} */
.item2{
    width: 94%;
    color:#787878;
    font-weight: 80;
    margin-bottom: 6px;
}
.item2 h4{
    font-size: 15px;
    font-weight: 500;
    color:#3f3e3e;
}


.intro-box3 h5{
    margin-bottom: 5px;
    color:#2271b1;
    margin-bottom: 18px;
    
}
.intro-box3 h1{
    font-size: 38px;
    font-family: "Lora", serif;
    font-weight: 100;
    color: #0d4471;
    margin-bottom: 20px;
    line-height: 38px;
}
.intro-box3 p {
        font-family: "Inter", sans-serif;
        margin-bottom: 10px;
        font-size: 17px;
        line-height: 27px;
        color: #818181;
    }
.intro-box3 ul li{
font-family: "Inter", sans-serif;
font-size: 18px;
}
.ceo{
    display:flex;
    justify-content: space-between;
    margin-top: 28px;
}

.intro-box2{
    width: 32%;
    padding-top: 5px;
    margin-left: -20px;
    
    background-image: url(../images/bosatheme-top-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
/* .box3-list{
    display:flex;
    justify-content: space-between;
}
.list{
    width: 50%;
} */
.box3-list{
    background-color:#f8f8f8;    
    padding: 17px;
}
.intro-box2 span{
    display: block;  
    
}
.intro-box2  img{
    width: 100%; 
   
       
}

.ceo-img{
    width: 17%;
    
}
.ceo-img span{
    display:block;

}
.ceo-img img{
    width: 100%;
    border-radius: 50px;
}
.ceo-sig{
    width: 32%;
}
.ceo-sig span{
    display:block;

}
.ceo-sig img{
    width: 100%;
}
.ceo-nm h4{
    font-family: "Lora", serif;
    color:#2271b1;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 400;
    
}
.ceo-nm h5{
    font-family: "Inter", sans-serif;
    color:#818181;
    font-weight: 400;
}
/* End Intro */

.health {
    position: relative;
    background-image: url(../images/Untitled-1.png); 
    height: 1100px;
    margin-bottom: 100px;
 background-size: cover;
}
.brand{
    display:flex;
    
    justify-content: space-between;
    background-color: #fff;
    width: 58%;
    /* height: 179px; */
    align-items: center;
    position: absolute;
    top: -8%;
    left: 18%;
    padding: 30px 60px;
    box-shadow: 3px 3px 10px #3f3e3e;

}

.brand-img{
    width: 20%;
   
}
.health-text{
    width: 32%;
    position: absolute;
    top: 15%;
    left: 35%;
    color: #fff;
    text-align: center;
    

}
.health-text h1{
    font-size: 40px;
    margin-bottom: 10px;
    margin-top: 15px;
    font-family: "Lora", serif;
    font-weight: 100;
}
.health-text h4{
    /* margin-top: 5px; */
    font-size: 15px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
}
.health-text p{
    font-family: "Inter", sans-serif;
    line-height: 28px;
}
/* END health-facility*/
/* card1 */
.card-image{
    width: 50%;
}
.card-image span{
    display: block;
}
.card-image img{
    width: 100%;
}
.card-text{
    width: 52%;
    margin: 25px;
       
   
}
.card1 {
    display: flex;
    justify-content: space-between;
    width: 30%;
    background-color: #ffffff;
    padding: 10px;
    position: absolute;
    top:32%;
    left:18%
}
.card-text h2{
    font-family: "Lora", serif;
    color:#0d4471;
    font-weight: 100;
    margin-bottom: 8px;
}
.card-text p{
    font-family: "Inter", sans-serif;
    color:#3f3e3e;
    margin-bottom: 30px;
    line-height: 27px;
    
}
.card-text a{
    text-decoration: none;
    margin-left: 5px;
    color:#2271b1;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}
.card-text .fa-arrow-right{
    color:#2271b1;
    
}
.card-text2 .fa-arrow-right{
    color:#2271b1;
    
}
.card-text3 .fa-arrow-right{
    color:#2271b1;
    
}
.card-text4 .fa-arrow-right{
    color:#2271b1;
    
}
.card-text a:hover{
    color: #0d4471;
}
.card-text2 a:hover{
    color: #0d4471;
}
.card-text3 a:hover{
    color: #0d4471;
}
.card-text4 a:hover{
    color: #0d4471;
}
/* card2 */
.card-image2{
    width: 50%;
}
.card-image2 span{
    display: block;
}
.card-image2 img{
    width: 100%;
}
.card-text2{
    width: 52%;
    margin: 25px;
       
   
}
.card2 {
    display: flex;
    justify-content: space-between;
    width: 30%;
    background-color: #ffffff;
    padding: 10px;
    position: absolute;
    top:32%;
    left:52%
}
.card-text2 h2{
    font-family: "Lora", serif;
    color:#0d4471;
    font-weight: 100;
    margin-bottom: 8px;
}
.card-text2 p{
    font-family: "Inter", sans-serif;
    color:#3f3e3e;
    margin-bottom: 30px;
    line-height: 27px;
    
}
.card-text2 a{
    text-decoration: none;
    margin-left: 5px;
    color:#2271b1;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}
/* card-3 */
.card-image3{
    width: 50%;
}
.card-image3 span{
    display: block;
}
.card-image3 img{
    width: 100%;
}
.card-text3{
    width: 52%;
    margin: 25px;
       
   
}
.card3 {
    display: flex;
    justify-content: space-between;
    width: 30%;
    background-color: #ffffff;
    padding: 10px;
    position: absolute;
    top:63%;
    left:18%
}
.card-text3 h2{
    font-family: "Lora", serif;
    color:#0d4471;
    font-weight: 100;
    margin-bottom: 8px;
}
.card-text3 p{
    font-family: "Inter", sans-serif;
    color:#3f3e3e;
    margin-bottom: 30px;
    line-height: 27px;
    
}
.card-text3 a{
    text-decoration: none;
    margin-left: 5px;
    color:#2271b1;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}
/* card-4 */
.card-image4{
    width: 50%;
}
.card-image4 span{
    display: block;
}
.card-image4 img{
    width: 100%;
}
.card-text4{
    width: 52%;
    margin: 25px;
       
   
}
.card4 {
    display: flex;
    justify-content: space-between;
    width: 30%;
    background-color: #ffffff;
    padding: 10px;
    position: absolute;
    top:63%;
    left:52%
}
.card-text4 h2{
    font-family: "Lora", serif;
    color:#0d4471;
    font-weight: 100;
    margin-bottom: 8px;
}
.card-text4 p{
    font-family: "Inter", sans-serif;
    color:#3f3e3e;
    margin-bottom: 30px;
    line-height: 27px;
    
}
.card-text4 a{
    text-decoration: none;
    margin-left: 5px;
    color:#2271b1;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}
/* end health-facility */
.professional-staff{
    margin-top: 100px;
    margin-bottom: 100px;
    
}
.staff-text {
    text-align: center;
    /* width: 50%; */
}
.staff-text p{
    width: 50%;
    margin-left: 25%;
    margin-bottom: 48px;
    line-height: 28px;
}
.staff-text h4{
    color: #2271b1;
    font-size: 15px;
    margin-bottom: 13px;
    font-family: "Inter", sans-serif;
}
.staff-text h1{
    font-size: 40px;
    font-family: "Lora", serif;
    color:#023059;
    font-weight: 100;
    margin-bottom: 8px;
}
.doctor-1{
    width: 30%;
    position: relative;
}
.doctor-1 span{
    display: block;
}
.doctor-1 span img{
    width: 100%;

}
.doctor-2{
    width: 30%;
    position: relative;
    margin-right: 140px;
}
.doctor-2 span{
    display: block;
}
.doctor-2 span img{
    width: 100%;

}
.staff-part1{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    
}
.doc-text{
    width: 55%;
    position: absolute;
    top:10%;
    left: 70%;
    background-color: #ffffff;
    box-shadow: 2px 2px 8px #ccc;
    padding: 30px;
}
.doc-text h2{
    font-family: "Lora", serif;
    color:#0d4471;
    font-weight: 100;
    margin-bottom: 13px;
}
.doc-text h5{
    color: #2271b1;
    font-size: 15px;
    margin-bottom: 13px;
    font-family: "Inter", sans-serif;
    font-weight: 400;

}
.doc-text p{
    margin-bottom: 33px;
    line-height: 28px;
    color: #3f3e3e;
}
.staff-bnt a{
    text-decoration: none;
    background-color: #2271b1;
    padding: 15px 25px 15px 25px;
    font-size: 13px;
    
    color: #ffffff;
    
}
.staff-bnt a:hover{
    background-color: #0d4471;
    color: #ffff;
    
}
.staff-bnt{
    
    margin-bottom: 35px;

}
/* end team */
/* mordern technology start */
.tech-body{
    padding-top:100px;
    padding-bottom: 100px;
}
.tech-body{
    display: flex;
    justify-content: space-between;
}
.techbd1{
    width: 40%;
}
.techbd2{
    width: 56%;
}
.techbd1 h4{
    padding-bottom: 25px;
    color: #2271b1;
    font-size: 15px;
    margin-bottom: 13px;
    font-family: "Inter", sans-serif;
}
.techbd1 h1{
    margin-bottom: 25px;
    font-family: "Lora", serif;
    font-size: 40px;
    color: #023059;
    font-weight: 100;
}
.tech-btn{
    margin-top: 35px;
}
.tech-btn a{
    text-decoration: none;
    background-color: #175b92;
    color: #fff;
    padding: 15px ;
}
.slide-container .prev,
.slide-container .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: all 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  display: none;
}

.slide-container .prev:hover,
.slide-container .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}

.slide-container .prev {
  left: 2px;
}

.slide-container .next {
  right: 2px;
}

/* .dots-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.dots-container .dot {
  cursor: pointer;
  margin: 5px;
  width: 20px;
  height: 20px;
  color: #333;
  border-radius: 50%;
  background-color: #dfd6ce;
}

.dots-container .dot.active {
  border: 2px solid green;
} */






.slide-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin: auto;
  position: relative;
}

.slide-container .slide {
  display: none;
  width: 100%;
}

.slide-container .slide.fade {
  animation: fade 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.slide-container .slide img {
  width: 100%;
}

/* mordern technology end */
.calltoaction{
    background-color: #4083ba;
    padding-top:100px;
    background-image: url(../images/bck.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-size: 1920px 750px;
   
}
    
.call{
    display: flex;
    justify-content: space-between;
    /* margin-top: 100px; */
    
}
.call-text{
    width:48%;
    margin-top: 45px;; 
    
}
.call-img{
    width: 32%;
    margin-right: 125px;
    margin-bottom: -4px;;
}
.call-img span{
    display:block;
}
.call-img span img{
    width: 100%;
}
.call-text{
    color:#ffffff;
}
.call-text h5{
    font-size: 15px;
    margin-bottom: 20px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
}
.call-text h1{
    font-family: "Lora", serif;
    font-weight: 100;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 45px;
}
.call-text h2{
    font-family: "Lora", serif;
    font-weight: 100;
    margin-bottom: 20px;
    font-size: 25px;
    
}
.call-text p{
    margin-bottom: 33px;
    line-height: 28px;
}
.call-btn{
    display:flex;
    justify-content: space-between;
    margin-bottom: 35px;
    margin-top: 55px;
}
.call-btn1 a{
    padding:15px;
    border: 1px solid #ffff;
    text-decoration: none;
    color:#ffff;
    font-size: 15px;
        
}
.call-btn2 a{
    padding:15px;
    border: 1px solid #ffff;
    text-decoration: none;
    color:#ffff;
        
}
.call-btn a:hover{
    background-color: #0d4471;
    border:1px solid #0d4471;
}
.call-btn2{
  margin-right: 175px;
}
/* End Call to Action */
.testimonial{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #ffff;
}
.hpatients-text{
    text-align: center;
    /* width: 50%; */
}
.hpatients-text h5{
    font-size: 15px;
    margin-bottom: 20px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #2271b1;
    
}
.hpatients-text h1{
    font-family: "Lora", serif;
    font-weight: 100;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 45px;
    color:#023059;
}
.hpatients-text p{
    width: 50%;
    margin-left: 25%;
    margin-bottom: 40px;
    line-height: 28px;
}
.hpatient-img{
width: 21%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;

}
.hpatient-img span{
    display: block;
}
.hpatient-img span img{
    width: 100%;
    border-radius: 150px;
    
}
.hpatient{
    width: 40%;
    /* text-align: center;
    align-items: center; */
    padding: 50px;
    background-color:#f8f8f8;
    position: relative;
    
}
.hp-text{
    text-align: center;
}
.hp-text p{
    line-height: 28px;
}
.hp-text h2{
    color:#0d4471;
    margin-bottom: 18px;
    font-family: "Lora", serif;
    font-weight: 300;

}
.rating{
    color:#585858d2;
    margin-bottom: 25px;
   
}
.fas{
    margin-left: 5px;
}
.rating.fas:hover{
    color: #0d4471;
    
}
.quote{
    width: 15%;
    position: absolute;
    top:0;
    left:85%;
}
.quote span{
    display: block;
}
.quote span img{
    width: 100%;
}
.hpatients-body{
    display: flex;
    justify-content: space-between;
}
.hpatient :hover .fa-star{
    color:#2271b1;
}
/* end TESTIMONIAL */

.latestblog{
    background-color: #f8f8f8;
    padding-bottom: 100px;
}
.blogpost{
    display: flex;
    justify-content: space-between;
  padding-top:100px;
  
}
.post{
    width: 40%;
    padding: 35px;
}
.post h1{
    margin-bottom: 20px;
    color:#0d4471;
    margin-top: 25px;
    font-family: "Lora", serif;
    font-weight: 400;
    font-size: 40px;
}
.post h5{
    font-size: 15px;    
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #2271b1;
}
.post p{
    margin-bottom: 25px;
    line-height: 28px;
}
.blog{
    width: 35%;   
    background-color: #fff;
    margin-left: 28px;
    position: relative;
    
}
.blog-text{
    padding:25px;
}
.blog-text h2{
    font-family: "Lora", serif;
    font-size:25px;
    color:#0d4471;
    font-weight: 400;
    margin-bottom: 15px;
}
.post p{
    margin-bottom: 50px;
    width: 85%;
    /* line-height: 38px; */
}
.blog-img{
    width: 100%;
    cursor: pointer;
    
}
.blog-img span{
    display: block;
}
.blog-img span img{
    width: 100%;
}
.post-btn a{
    background-color:#2271b1;
    text-decoration: none;
    color:#ffff;
    padding:18px 25px;
    
}
.post-btn a:hover{
   background-color: #023059;
}
.category{
    position: absolute;
    top:4%;
    left:70%;
    background-color: #2271b1;
    padding: 8px 12px;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
}
.blog-text p{
    margin-bottom: 20px;
    line-height: 28px;
}
hr{
    margin-bottom: 15px;
   }
.blog-text h5{
    color: rgb(177, 176, 176);
}
/* end blogpost */
.address{
    padding-top:100px;
    padding-bottom: 100px;
}
.add-head-text{
    text-align: center;
}
.add-head-text h5{
    font-size: 15px;    
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #2271b1;
    margin-bottom: 20px;
}
.add-head-text h1{
    margin-bottom: 20px;
    color:#0d4471;
    margin-top: 25px;
    font-family: "Lora", serif;
    font-weight: 400;
    font-size: 40px;
}
.add-head-text p{
    margin-bottom: 50px;
    width: 50%;
    margin-left: 25%;
    
}
.add-body{
    display:flex;
    justify-content: space-between;
}
.add1{
    width: 22%;
    /* background-color: #818181; */
    box-shadow: 3px 2px 10px #ccc;
    text-align: center;
    padding: 40px;
    margin-left: 20px;
}
.add1 h3{
    margin-bottom: 20px;
    color:#023059;
    font-family: "Lora", serif;
    font-size:25px;
    font-weight: 200;
}
.add1 p{
    margin-bottom: 20px;
    font-family: "Inter", sans-serif;
}
.add1 h5{
    color:#3375af;
    font-size: 16px;
    margin-top: 20px;
    font-weight: 600;
    cursor: pointer;
}
.add2{
    width: 22%;
    background-color:#f8f8f8;
    box-shadow: 3px 2px 10px #ccc;
    text-align: center;
    padding: 40px;
    margin-left: 20px;
}
.add2 h3{
    margin-bottom: 20px;
    color:#023059;
    font-family: "Lora", serif;
    font-size:25px;
    font-weight: 200;
}
.add2 p{
    margin-bottom: 20px;
    font-family: "Inter", sans-serif;
}
.add2 h5{
    color:#3375af;
    font-size: 16px;
    margin-top: 20px;
    font-weight: 600;
    cursor: pointer;
}
/* end Address Location */
.map{
    width: 100%;
    height: 270px;;
}
iframe{
    width:100%;
    height: 100%;
}
/* end map */
.footer{
    background-color: #2271b1;
    padding-top: 100px;
    padding-bottom: 15px;
}
.footer-head{
    display: flex;
    justify-content: space-between;
    background-color: #175b92;
    padding: 35px 40px;
    margin-bottom: 50px;
    position: relative;
}
.fhead-text{
    width: 60%;
}
.fhead-btn{
    width: 40%;
}
.fhead-text h1{
    color: #ffff;
    font-family: "Lora", serif;
    font-size: 40px;
    font-weight: 200;


}
.fhead-btn a{
    border: 1px solid #ffff;
    text-decoration: none;
    color:#ffff;
    padding: 18px 25px;
    position: absolute;
    top:38%;
    left:70%;
}
.fhead-btn a:hover{
    background-color: #023059;
}
.footer-body{
    display:flex;
    justify-content: space-between;
    /* margin-bottom: 20px; */
}
.fbody-text{
    width: 22%;
}
.fbody-text p{
    color:#ffff;
    font-size: 16px;
    line-height:28px; 
    margin-bottom: 30px;
    margin-top: 20px;
}
.fbody-link{
    width: 15%;    
}
.fbody-link h3{
    color: #ffff;
    font-family: "Lora", serif;
    font-weight: 200;
    margin-bottom: 20px;
}
.fbody-link ul li {
    list-style-type: none;
    margin-bottom: 8px;
}
.fbody-link ul a{
    text-decoration: none;
    color: #ffff;
    font-weight: 300;
}
.fbody-connect{
    width: 30%;
}
.fbody-connect h3{
    color: #ffff;
    font-family: "Lora", serif;
    font-weight: 200;
    margin-bottom: 28px;

}
.social-icon .fa-facebook{
    color:#ffff;
    font-size: 28px;
    padding-right: 8px;
   
}

.social-icon .fa-twitter{
    color:#ffff;
    font-size: 28px;
    padding-right: 8px;
    
}
.social-icon .fa-instagram{
    color:#ffff;
    font-size: 28px;
    padding-right: 8px;

}
.social-icon .fa-youtube{
    color:#ffff;
    font-size: 28px;
    padding-right: 8px;

}
.social-icon{
    margin-bottom: 20px;
}
.fbody-connect h5{
    color:#ffff;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 16px;
}
.footer-end{
    display: flex;
    justify-content: space-between;
}
.end-text{
    width: 50%;
}
.end-text1{
    width: 50%;
    
}
.end-text1 h5{
    text-align: end;
    color:#ffff;
    font-weight: 300;
}
.end-text h5{
    color: #ffff;
    font-weight: 300;

}
/* ---------------- END DESKTOP VIEW -------------- */
/* -------------------- START TAB VIEW----------------- */
@media only screen and (max-device-width:768px){

    *{
        margin: 0;
        padding: 0;
    
    
    }
    body{
        font-family: "Lora", serif;
        font-family: "Inter", sans-serif;
    }
    
    
    .sec-nav{
        background-color: #2271b1;
        /* display:none; */
    
    }
    /* img{
        width: 100%;
    } */
    .menu{
        display:none;
    }
    .container{
        width: 720px;
        margin: 0 auto;
        box-sizing: border-box;
    
    }
    .nav{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:10px;
    }
    .menu ul{
        display: flex;
        
    }
    .menu ul li {
        list-style: none;
        /* padding-left: 50px; */
        position: relative;
        font-family: "Inter", sans-serif;
        /* padding: 20px 0px 50px; */
        padding: 26px;
        /* border:1px solid #fff; */
        /* background-color: rgb(1, 1, 95); */
    }
    
    
    .menu ul li a{
        text-decoration: none;
        color: #fff;
        font-size: 18px;
    
    }
    .drop1 ul li a{
        color: black;
    }
    .menu ul li a:hover{
        color: rgb(1, 25, 70);
    
    }
    .drop1{
        position: absolute;
        top:72px;
        left: 15px;
        width: 168px;
        background-color:#fff;
        display: none;
        z-index: 3;
        color:black;
        
        
        
    
    }
    .drop1 ul{
        display: block;
        margin: 0;
        padding: 0;
    }
    .drop1 ul li{
        padding: 15px;
    
    }
    
    .menu ul li:hover .drop1{
        display: block;
        
    }
    /* Nab Style End */
    .banner img{
        width: 100%;       
        
    }
    .banner{
        position: relative;
        /* margin-bottom: 100px; */
       
    }
    .text {
    position: absolute;
    width: 75%;
    left: 90px;
    top: 65px;
    }

    .btn {
    position: absolute;
    top: 285px;
    left: 227px;
    /* border: 1px solid #fff; */
    padding: 12px;
    background-color: #2271b1;
    font-size: 15px;
    cursor: pointer;
}
    .btn1 {
    position: absolute;
    top: 285px;
    left: 359px;
    /* border: 1px solid #fff; */
    padding: 12px;
    background-color: #2271b1;
    margin-left: 50px;
    font-size: 15px;
    cursor: pointer;
}
    .text h1 {
    color: #fff;
    font-family: "Lora", serif;
    font-size: 40px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 32px;
    /* padding: 0px 50px 0px 50px; */
    font-weight: 500;
    line-height: 80px;
    }
    
    .text p {
    color: #ffff;
    text-align: center;
    font-size: 16px;
    font-family: "Inter", sans-serif;
    padding: 0px 50px 0px 50px;
    line-height: 23px;
    }
    .btn a{
        text-decoration: none;
        color: #fff;
    }
    .btn1 a{
        text-decoration: none;
        color: #fff;
    }
    .btn:hover{
        background-color:#0d4471
    }
    .btn:hover a{
        color:#ffffff;
    }
    .btn1:hover{
        background-color:#0d4471;
    }
    .btn1:hover a{
        color: #fff;
    }
    
    /* Banner End */
    .main{
        background-color: #f8f8f8;
        /* margin-bottom: 200px; */
        padding-top: 46px;
        padding-bottom: 100px;
        
        
    }
    .fac{
        /* margin-bottom: 300px; */
        
    }
    .sec1 {
        display: flex;
        justify-content: space-between;
        padding: 50px 0;
        max-width: 680px; /* Set maximum width */
        margin: 0 auto; /* Center the section */
    }
    
    .sec1-a h5 {
        color: #2271b1;
        font-size: 12px;
        font-family: "Inter", sans-serif;
    }
    
    .sec1-a h1 {
        color: #023059;
        padding-top: 18px;
        font-size: 35px;
        font-family: "Lora", serif;
        font-weight: 300;
    }
    
    .sec1-b p {
        font-size: 14px;
        line-height: 28px;
        font-family: "Inter", sans-serif;
        color: #414141;
        margin-top: 35px;
    }
    
    .sec1-a {
        width: 48%;
    }
    
    .sec1-b {
        width: 48%;
    }
    
    .sec2 {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    max-width: 680px;
    /* margin: 0px auto; */
}
    
    .sec2 h2 {
        color: #023059;
        font-family: "Lora", serif;
        font-weight: 100;
    }
    
    .sec2 h3 {
        color: #2271b1;
        font-family: "Inter", sans-serif;
    }
    
    .sec2 p {
        color: #818181;
        font-family: "Inter", sans-serif;
    }
    
    .sec2-a a {
        color: #2271b1;
        text-decoration: none;
        font-size: 14px;
        margin-left: 6px;
        font-weight: 500;
    }
     
    
    .fa-arrow-right{
        color:#2271b1;
        font-size: 13px;
        font-weight: 100;
    }
    .sec2-a a:hover{
        color:#023059;
    }
    .sec2-a h2{
        margin-bottom: 20px;
    }
    .sec2-a {
    text-align: center;
    /* border: 2px solid #ccc; */
    width: 35%;
    background-color: #fff;
    padding: 36px;
    
    margin-bottom: 44px;
    box-shadow: 2px 2px 5px #ccc;
}
    .sec2-a img{
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .sec2-a p{
        margin-bottom: 20px;
        color:#414141;
    }
    .patient{
        width: 100%;
        margin-left: 15px;
        
           
    }
    .patient span{
        display: block;
        height: 300px;
    }
    .patient span img{
        width: 100%;
        height: 100%;
    }
    .patient{
        position: relative;
        text-align: center;
    }
    .patient-text {
    position: absolute;
    top: 18%;
    left: 45%;
}
    .patient-text h1{
        color: #fff;
        font-family: "Lora", serif;
        font-size: 65px;
        font-weight: 200;
    
    }
    .patient-text h5{
        color:#fff;
        font-family: "Inter", sans-serif;
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 38px;
    }
    .patient-text a{
        color: #fff;
        text-decoration: none;
        padding:12px 20px;
        border: 1px solid #fff;
        font-size: 12px;
        font-weight: 500;
        
    }
    .patient-text a:hover{
        background-color: #0d4471;
        border:1px solid #0d4471;
    }
    
    /* End Facilitys */
    .introduction{
        margin-top: 100px;
        margin-bottom: 200px;
        background-color: #ffffff;
    }
    .intro {
        display: flex;
        /* justify-content: space-between; */
        margin-top: 100px;
        margin-bottom: 224px;
        flex-wrap: wrap;
    }
    .intro-box1 {
        width: 44%;
        text-align: center;
        background-color: #2271b1;
        padding:15px;
        color: #fff;
        margin-bottom: 24px;
        
    }
    
    
    .time{
        display: flex;
        justify-content: space-between;
    }
    .days {
    width: 50%;
    margin-top: 0px;
    margin-bottom: 10px;
}
    .days a {
    text-decoration: none;
    color: #fff;
    padding-left: 10px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 500;
}
    .days .fa-arrow-right{
        color:#ffff;
    }
    .days p{
        font-family: "Inter", sans-serif;
        font-size: 12px;
        font-weight: 400;
    }
    .days a:hover{
        color:#023059;
    }
    /* .hrs-btn{
        display: block
    } */
   .hrs-btn1 {
    display: block;
    /* width: 100%; */
    margin: 0px;
    border: 1px solid #fff;
    padding: 15px 18px;
    /* padding-bottom: 21px; */
    margin-bottom: 12px;
}
    .hrs-btn1:hover{
        background-color:#023059;
        border: 1px solid #023059;
    }
    .hrs-btn2 {
    display: block;
    /* width: 100%; */
    margin: 0px;
    border: 1px solid #fff;
    padding: 15px 18px;
}
    .hrs-btn2:hover{
        background-color:#023059;
        border: 1px solid #023059;
        
    }
    .hrs-btn1 a{
        color: #fff;
        text-decoration: none;
        font-size: 12px;
           
        
    
    }
    .hrs-btn2 a{
        color: #fff;
        text-decoration: none;
        font-size: 12px;
       
    }
    .intro-box1 h2{
        margin-bottom: 25px;
        font-family: "Lora", serif;
        font-size: 32px;
        font-weight: 80;
    }
    /* .itero-box1 hr{
        width: 25%;
    } */
    /* .text-hrs{
        padding: 25px; */
        
    
    .text-hrs h3 {
    margin-top: 10px;
    padding: 8px;
    font-family: "Lora", serif;
    font-size: 25px;
    font-weight: 100;
}
    .text-hrs p {
    padding-bottom: 5px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 20px;
}
    .intro-box3{
        width: 100%;
        /* margin-left:65px; */
        /* margin-right: 40px; */
        
        
    }
    .list-item{
        display: flex;
        /* justify-content: space-between; */
        /* margin-bottom: 5px; */
        /* align-items: center; */
        padding: 0px;
        
        
    }
    .item1{
        width: 8%;
        /* padding: 2px; */
        
    }
    /* .item1 span{
        width: 20%;
        height: 10px;
    } */
    .item2{
        width: 94%;
        color:#787878;
        font-weight: 80;
        margin-bottom: 6px;
    }
    .item2 h4{
        font-size: 16px;
        font-weight: 500;
        color:#3f3e3e;
    }
    .intro-box1 h2 {
    margin-bottom: 8px;
    font-family: "Lora", serif;
    font-size: 26px;
    font-weight: 80;
}
    
    .intro-box3 h5{
        margin-bottom: 5px;
        color:#2271b1;
        margin-bottom: 18px;
        font-size: 14px;
        
    }
    .intro-box3 h1{
        font-size: 30px;
        font-family: "Lora", serif;
        font-weight: 100;
        color: #0d4471;
        margin-bottom: 20px;
        line-height: 38px;
    }
    .intro-box3 p {
        font-family: "Inter", sans-serif;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 27px;
        color: #818181;
    }
    .intro-box3 ul li{
    font-family: "Inter", sans-serif;
    font-size: 18px;
    }
    .ceo {
        display: flex;
        justify-content: space-between;
        margin-top: 28px;
        /* flex-wrap: wrap; */
    }
    
    .intro-box2 {
        width: 48%;
        padding-top: 0px;
        /* margin-left: -68px; */
        background-image: url(../images/bosatheme-top-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* .box3-list{
        display:flex;
        justify-content: space-between;
    }
    .list{
        width: 50%;
    } */
    .box3-list{
        background-color:#f8f8f8;    
        padding: 5px;
    }
    .intro-box2 span{
        display: block;
        width: 50%;  
        
    }
    .intro-box2  img{
       width: 200%;
       
           
    }
    
    .ceo-img{
        width: 14%;
        
    }
    .ceo-img span{
        display:block;
    
    }
    .ceo-img img{
        width: 100%;
        border-radius: 50px;
    }
    .ceo-sig{
        width: 20%;
    }
    .ceo-sig span{
        display:block;
    
    }
    .ceo-sig img {
        width: 100%;
        margin-left: -166px;
        padding-top: 21px;
    }
    .ceo-nm{
        width: 40%;
    }
    .ceo-nm h4{
        font-family: "Lora", serif;
        color:#2271b1;
        font-size: 24px;
        margin-bottom: 5px;
        font-weight: 400;
        
    }
    .ceo-nm h5{
        font-family: "Inter", sans-serif;
        color:#818181;
        font-weight: 400;
        font-size:16px;
    }
    /* End Intro */
    
    .health {
        position: relative;
        background-image: url(../images/Untitled-1.png); 
        height: 1822px;
        margin-bottom: 100px;
     background-size: cover;
    }
    .brand{
        display:flex;
        flex-wrap: wrap;
        /* justify-content: space-between; */
        background-color: #fff;
        width: 58%;
        /* height: 179px; */
        align-items: center;
        position: absolute;
        top: -8%;
        left: 14%;
        padding: 30px 60px;
        box-shadow: 3px 3px 10px #3f3e3e;
    
    }
    
    .brand-img{
        width: 40%;
       
    }
    .health-text {
        width: 80%;
        position: absolute;
        top: 9%;
        left: 10%;
        color: #fff;
        text-align: center;
        margin-bottom: 20px;
    }
    .health-text h1{
        font-size: 40px;
        margin-bottom: 10px;
        margin-top: 15px;
        font-family: "Lora", serif;
        font-weight: 100;
    }
    .health-text h4{
        /* margin-top: 5px; */
        font-size: 15px;
        font-family: "Inter", sans-serif;
        font-weight: 600;
    }
    .health-text p{
        font-family: "Inter", sans-serif;
        line-height: 28px;
    }
    /* END health-facility*/
    /* card1 */
    .card-image{
        width: 50%;
    }
    .card-image span{
        display: block;
    }
    .card-image img{
        width: 100%;
    }
    .card-text{
        width: 52%;
        margin: 25px;
           
       
    }
    .card1 {
        /* display: flex; */
        /* justify-content: space-between; */
        width: 83%;
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        top: 20%;
        left: 7%;
    }
    .card-text h2{
        font-family: "Lora", serif;
        color:#0d4471;
        font-weight: 100;
        margin-bottom: 8px;
    }
    .card-text p{
        font-family: "Inter", sans-serif;
        color:#3f3e3e;
        margin-bottom: 30px;
        line-height: 27px;
        
    }
    .card-text a{
        text-decoration: none;
        margin-left: 5px;
        color:#2271b1;
        font-size: 14px;
        font-family: "Inter", sans-serif;
        font-weight: 500;
    }
    .card-text .fa-arrow-right{
        color:#2271b1;
        
    }
    .card-text2 .fa-arrow-right{
        color:#2271b1;
        
    }
    .card-text3 .fa-arrow-right{
        color:#2271b1;
        
    }
    .card-text4 .fa-arrow-right{
        color:#2271b1;
        
    }
    .card-text a:hover{
        color: #0d4471;
    }
    .card-text2 a:hover{
        color: #0d4471;
    }
    .card-text3 a:hover{
        color: #0d4471;
    }
    .card-text4 a:hover{
        color: #0d4471;
    }
    /* card2 */
    .card-image2{
        width: 50%;
    }
    .card-image2 span{
        display: block;
    }
    .card-image2 img{
        width: 100%;
    }
    .card-text2{
        width: 52%;
        margin: 25px;
           
       
    }
    .card2 {
        /* display: flex; */
        /* justify-content: space-between; */
        width: 83%;
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        top: 40%;
        left: 7%;
    }
    .card-text2 h2{
        font-family: "Lora", serif;
        color:#0d4471;
        font-weight: 100;
        margin-bottom: 8px;
    }
    .card-text2 p{
        font-family: "Inter", sans-serif;
        color:#3f3e3e;
        margin-bottom: 30px;
        line-height: 27px;
        
    }
    .card-text2 a{
        text-decoration: none;
        margin-left: 5px;
        color:#2271b1;
        font-size: 14px;
        font-family: "Inter", sans-serif;
        font-weight: 500;
    }
    /* card-3 */
    .card-image3{
        width: 50%;
    }
    .card-image3 span{
        display: block;
    }
    .card-image3 img{
        width: 100%;
    }
    .card-text3{
        width: 52%;
        margin: 25px;
           
       
    }
    .card3 {
        /* display: flex; */
        /* justify-content: space-between; */
        width: 83%;
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        top: 60%;
        left: 7%;
    }
    .card-text3 h2{
        font-family: "Lora", serif;
        color:#0d4471;
        font-weight: 100;
        margin-bottom: 8px;
    }
    .card-text3 p{
        font-family: "Inter", sans-serif;
        color:#3f3e3e;
        margin-bottom: 30px;
        line-height: 27px;
        
    }
    .card-text3 a{
        text-decoration: none;
        margin-left: 5px;
        color:#2271b1;
        font-size: 14px;
        font-family: "Inter", sans-serif;
        font-weight: 500;
    }
    /* card-4 */
    .card-image4{
        width: 50%;
    }
    .card-image4 span{
        display: block;
    }
    .card-image4 img{
        width: 100%;
    }
    .card-text4{
        width: 52%;
        margin: 25px;
           
       
    }
    .card4 {
        /* display: flex; */
        /* justify-content: space-between; */
        width: 83%;
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        top: 80%;
        left: 7%;
    }
    .card-text4 h2{
        font-family: "Lora", serif;
        color:#0d4471;
        font-weight: 100;
        margin-bottom: 8px;
    }
    .card-text4 p{
        font-family: "Inter", sans-serif;
        color:#3f3e3e;
        margin-bottom: 30px;
        line-height: 27px;
        
    }
    .card-text4 a{
        text-decoration: none;
        margin-left: 5px;
        color:#2271b1;
        font-size: 14px;
        font-family: "Inter", sans-serif;
        font-weight: 500;
    }
    /* end health-facility */
    .professional-staff{
        margin-top: 100px;
        margin-bottom: 100px;
        
    }
    .staff-text {
        text-align: center;
        width: 100%;
    }
    .staff-text p {
        width: 80%;
        margin-left: 25%;
        margin-bottom: 48px;
        line-height: 28px;
        margin-left: 70px;
    }
    .staff-text h4{
        color: #2271b1;
        font-size: 15px;
        margin-bottom: 13px;
        font-family: "Inter", sans-serif;
    }
    .staff-text h1{
        font-size: 40px;
        font-family: "Lora", serif;
        color:#023059;
        font-weight: 100;
        margin-bottom: 8px;
    }
    .doctor-1 {
        width: 34%;
        position: relative;
    }
    .doctor-1 span{
        display: block;
    }
    .doctor-1 span img{
        width: 100%;
    
    }
    .doctor-2 {
        width: 34%;
        position: relative;
        margin-right: 100px;
    }
    .doctor-2 span{
        display: block;
    }
    .doctor-2 span img{
        width: 100%;
    
    }
    .staff-part1{
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px;
        
    }
    .doc-text {
        width: 65%;
        position: absolute;
        top: 8%;
        left: 66%;
        background-color: #ffffff;
        box-shadow: 2px 2px 8px #ccc;
        padding: 15px;
    }
    .doc-text h2 {
        font-family: "Lora", serif;
        color: #0d4471;
        font-weight: 100;
        margin-bottom: 7px;
        font-size: 20px;
        
    }
    .doc-text h5 {
        color: #2271b1;
        font-size: 12px;
        margin-bottom: 13px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
    }
    .doc-text p {
        margin-bottom: 33px;
        line-height: 21px;
        color: #3f3e3e;
        font-size: 13px;
    }
    .staff-bnt a {
        text-decoration: none;
        background-color: #2271b1;
        padding: 10px 20px 10px 20px;
        font-size: 12px;
        color: #ffffff;
    }
    .staff-bnt a:hover{
        background-color: #0d4471;
        color: #ffff;
        
    }
    .staff-bnt{
        
        margin-bottom: 10px;
    
    }
    /* end team */
    .calltoaction{
        background-color: #4083ba;
        padding-top:100px;
        background-image: url(../images/bck.png);
        background-repeat: no-repeat;
        /* background-size: cover; */
        background-size: 900px 438px;
       
    }
        
    .call{
        display: flex;
        justify-content: space-between;
        /* margin-top: 100px; */
        
    }
    .call-text {
        width: 92%;
        margin-top: -60px;
    }
    .call-img {
        width: 32%;
        margin-right: 79px;
        margin-bottom: -4px;
    }
    .call-img span{
        display:block;
    }
    .call-img span img {
        width: 130%;
    }

    .call-text{
        color:#ffffff;
    }
    .call-text h5 {
        font-size: 12px;
        margin-bottom: 20px;
        font-family: "Inter", sans-serif;
        font-weight: 700;
    }
    .call-text h1 {
        font-family: "Lora", serif;
        font-weight: 100;
        margin-bottom: 15px;
        font-size: 30px;
        line-height: 35px;
    }
    .call-text h2 {
        font-family: "Lora", serif;
        font-weight: 100;
        margin-bottom: 20px;
        font-size: 20px;
    }
    .call-text p {
        margin-bottom: 0px;
        line-height: 20px;
        font-size: 15px;
    }
    .call-btn {
        display: flex;
        justify-content: space-between;
        margin-bottom: 45px;
        margin-top: 37px;
    }

    .call-btn1 a {
        padding: 15px;
        border: 1px solid #ffff;
        text-decoration: none;
        color: #ffff;
        font-size: 12px;
    }
    .call-btn2 a {
        padding: 15px;
        border: 1px solid #ffff;
        text-decoration: none;
        color: #ffff;
        font-size: 12px;
    }
    .call-btn a:hover{
        background-color: #0d4471;
        border:1px solid #0d4471;
    }
    .call-btn2 {
        margin-right: 152px;
    }
    /* End Call to Action */
    .testimonial{
        padding-top: 80px;
        padding-bottom: 80px;
        background-color: #ffff;
    }
    .hpatients-text{
        text-align: center;
        /* width: 50%; */
    }
    .hpatients-text h5{
        font-size: 15px;
        margin-bottom: 20px;
        font-family: "Inter", sans-serif;
        font-weight: 700;
        color: #2271b1;
        
    }
    .hpatients-text h1{
        font-family: "Lora", serif;
        font-weight: 100;
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 45px;
        color:#023059;
    }
    .hpatients-text p{
        width: 80%;
        margin-left: 10%;
        margin-bottom: 40px;
        line-height: 28px;
    }
    .hpatient-img{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    
    }
    .hpatient-img span{
        display: block;
    }
    .hpatient-img span img{
        width: 100%;
        border-radius: 150px;
        
    }
    .hpatient{
        width: 40%;
        /* text-align: center;
        align-items: center; */
        padding: 50px;
        background-color:#f8f8f8;
        position: relative;
        margin: 10px;
        
    }
    .hp-text{
        text-align: center;
    }
    .hp-text p{
        line-height: 22px;
    }
    .hp-text h2{
        color:#0d4471;
        margin-bottom: 18px;
        font-family: "Lora", serif;
        font-weight: 300;
        font-size: 28px;
    
    }
    .rating{
        color:#BFB100;
        margin-bottom: 25px;
       
    }
    .fas{
        margin-left: 5px;
    }
    .rating.fas:hover{
        color: #0d4471;
        
    }
    .quote{
        width: 25%;
        position: absolute;
        top:0;
        left:75%;
    }
    .quote span{
        display: block;
    }
    .quote span img{
        width: 100%;
    }
    .hpatients-body{
        display: flex;
        justify-content: space-between;
    }
    .hpatient :hover .fa-star{
        color:#2271b1;
    }
    /* end TESTIMONIAL */
    
    .latestblog{
        background-color: #f8f8f8;
        padding-bottom: 100px;
    }
    .blogpost{
        display: flex;
        /* justify-content: space-between; */
      padding-top:35px;
      flex-wrap: wrap;
      
    }
    .post{
        width: 100%;
        padding: 35px;
    }
    .post h1{
        margin-bottom: 20px;
        color:#0d4471;
        margin-top: 25px;
        font-family: "Lora", serif;
        font-weight: 400;
        font-size: 40px;
    }
    .post h5{
        font-size: 15px;    
        font-family: "Inter", sans-serif;
        font-weight: 700;
        color: #2271b1;
    }
    .post p{
        margin-bottom: 25px;
        line-height: 28px;
    }
    .blog{
        width: 45%;   
        background-color: #fff;
        margin-left: 28px;
        position: relative;
        
    }
    .blog-text{
        padding:25px;
    }
    .blog-text h2{
        font-family: "Lora", serif;
        font-size:25px;
        color:#0d4471;
        font-weight: 400;
        margin-bottom: 15px;
    }
    .post p{
        margin-bottom: 50px;
        width: 85%;
        /* line-height: 38px; */
    }
    .blog-img{
        width: 100%;
        cursor: pointer;
        
    }
    .blog-img span{
        display: block;
    }
    .blog-img span img{
        width: 100%;
    }
    .post-btn a{
        background-color:#2271b1;
        text-decoration: none;
        color:#ffff;
        padding:15px 15px;
        
    }
    .post-btn a:hover{
       background-color: #023059;
    }
    .category{
        position: absolute;
        top:4%;
        left:70%;
        background-color: #2271b1;
        padding: 8px 12px;
        color: #fff;
        font-size: 13px;
        font-weight: 100;
    }
    .blog-text p{
        margin-bottom: 20px;
        line-height: 28px;
    }
    hr{
        margin-bottom: 15px;
       }
    .blog-text h5{
        color: rgb(177, 176, 176);
    }
    /* end blogpost */
    .address{
        padding-top:80px;
        padding-bottom: 50px;
    }
    .add-head-text{
        text-align: center;
    }
    .add-head-text h5{
        font-size: 15px;    
        font-family: "Inter", sans-serif;
        font-weight: 700;
        color: #2271b1;
        margin-bottom: 20px;
    }
    .add-head-text h1{
        margin-bottom: 20px;
        color:#0d4471;
        margin-top: 25px;
        font-family: "Lora", serif;
        font-weight: 400;
        font-size: 40px;
    }
    .add-head-text p{
        margin-bottom: 50px;
        width: 80%;
        margin-left: 10%;
        
    }
    .add-body{
        display:flex;
        /* justify-content: space-between; */
        /* display: none; */
        flex-wrap: wrap;
    }
    .add1{
        width: 35%;
        /* background-color: #818181; */
        box-shadow: 3px 2px 10px #ccc;
        text-align: center;
        padding: 40px;
        margin-left: 15px;
        margin-bottom: 30px;
    }
    .add1 h3{
        margin-bottom: 20px;
        color:#023059;
        font-family: "Lora", serif;
        font-size:25px;
        font-weight: 200;
    }
    .add1 p{
        margin-bottom: 20px;
        font-family: "Inter", sans-serif;
    }
    .add1 h5{
        color:#3375af;
        font-size: 16px;
        margin-top: 20px;
        font-weight: 600;
        cursor: pointer;
    }
    .add2{
        width: 35%;
        background-color:#f8f8f8;
        box-shadow: 3px 2px 10px #ccc;
        text-align: center;
        padding: 40px;
        margin-left: 9px;
        margin-bottom: 30px;
    }
    .add2 h3{
        margin-bottom: 20px;
        color:#023059;
        font-family: "Lora", serif;
        font-size:25px;
        font-weight: 200;
    }
    .add2 p{
        margin-bottom: 20px;
        font-family: "Inter", sans-serif;
    }
    .add2 h5{
        color:#3375af;
        font-size: 16px;
        margin-top: 20px;
        font-weight: 600;
        cursor: pointer;
    }
    /* end Address Location */
    .map{
        width: 100%;
        height: 270px;;
    }
    iframe{
        width:100%;
        height: 100%;
    }
    /* end map */
    .footer{
        background-color: #2271b1;
        padding-top: 65px;
        padding-bottom: 300px;
    }
    .footer-head{
        display: flex;
        justify-content: space-between;
        background-color: #175b92;
        padding: 20px 40px;
        margin-bottom: 50px;
        position: relative;
    }
    .fhead-text{
        width: 75%;
    }
    .fhead-btn{
        width: 40%;
    }
    .fhead-text h1{
        color: #ffff;
        font-family: "Lora", serif;
        font-size: 28px;
        font-weight: 200;
    
    
    }
    .fhead-btn a {
        border: 1px solid #ffff;
        text-decoration: none;
        color: #ffff;
        padding: 10px 10px;
        position: absolute;
        top: 35%;
        left: 68%;
    }
    .fhead-btn a:hover{
        background-color: #023059;
    }
    .footer-body{
        display:flex;
        /* justify-content: space-between; */
        /* margin-bottom: 20px; */
        flex-wrap: wrap;
    }
    .fbody-text{
        width: 100%;
    }
    .fbody-text p{
        color:#ffff;
        font-size: 16px;
        line-height:28px; 
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .fbody-link{
        width: 30%;    
    }
    .fbody-link h3{
        color: #ffff;
        font-family: "Lora", serif;
        font-weight: 200;
        margin-bottom: 20px;
    }
    .fbody-link ul li {
        list-style-type: none;
        margin-bottom: 8px;
    }
    .fbody-link ul a{
        text-decoration: none;
        color: #ffff;
        font-weight: 300;
    }
    .fbody-connect{
        width: 30%;
    }
    .fbody-connect h3{
        color: #ffff;
        font-family: "Lora", serif;
        font-weight: 200;
        margin-bottom: 28px;
    
    }
    .social-icon .fa-facebook{
        color:#ffff;
        font-size: 22px;
        padding-right: 8px;
       
    }
    
    .social-icon .fa-twitter{
        color:#ffff;
        font-size: 22px;
        padding-right: 8px;
        
    }
    .social-icon .fa-instagram{
        color:#ffff;
        font-size: 22px;
        padding-right: 8px;
    
    }
    .social-icon .fa-youtube{
        color:#ffff;
        font-size: 22px;
        padding-right: 8px;
    
    }
    .social-icon{
        margin-bottom: 20px;
    }
    .fbody-connect h5{
        color:#ffff;
        margin-bottom: 15px;
        font-weight: 400;
        font-size: 16px;
    }
    .footer-end{
        display: flex;
        justify-content: space-between;
    }
    .end-text{
        width: 50%;
    }
    .end-text1{
        width: 50%;
        
    }
    .end-text1 h5{
        text-align: end;
        color:#ffff;
        font-weight: 300;
    }
    .end-text h5{
        color: #ffff;
        font-weight: 300;
    
    }
    /* mordern technology start */
.tech-body{
    padding-top:100px;
    padding-bottom: 100px;
}
.tech-body{
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}
.techbd1{
    width: 100%;
}
.techbd2{
    width: 56%;
}
.techbd1 h4{
    color: #2271b1;
    font-size: 13px;
    margin-bottom: -10px;
    font-family: "Inter", sans-serif;
}
.techbd1 h1{
    margin-bottom: 5px;
    font-family: "Lora", serif;
    font-size: 32px;
    color: #023059;
    font-weight: 100;
}
.tech-btn{
    margin-top: 30px;
    margin-bottom: 32px;
}
.tech-btn a{
    text-decoration: none;
    background-color: #175b92;
    color: #fff;
    padding: 12px ;
}
.techbd1 p{
    font-size: 10px;
}
.slide-container .prev,
.slide-container .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: all 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  display: none;
}

.slide-container .prev:hover,
.slide-container .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}

.slide-container .prev {
  left: 2px;
}

.slide-container .next {
  right: 2px;
}

/* .dots-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.dots-container .dot {
  cursor: pointer;
  margin: 5px;
  width: 20px;
  height: 20px;
  color: #333;
  border-radius: 50%;
  background-color: #dfd6ce;
}

.dots-container .dot.active {
  border: 2px solid green;
} */






.slide-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin: auto;
  position: relative;
}

.slide-container .slide {
  display: none;
  width: 100%;
}

.slide-container .slide.fade {
  animation: fade 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.slide-container .slide img {
  width: 100%;
}

/* mordern technology end */    


}
/* mobile view */
@media only screen and (max-device-width:414px){

    *{
        margin: 0;
        padding: 0;
    
    
    }
    body{
        font-family: "Lora", serif;
        font-family: "Inter", sans-serif;
    }
    
    
    .sec-nav{
        background-color: #2271b1;
        /* display:none; */
    
    }
    /* img{
        width: 100%;
    } */
    .menu{
        display:none;
    }
    .container{
        width: 400px;
        margin: 0 auto;
        box-sizing: border-box;
    
    }
    .nav{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:10px;
    }
    .menu ul{
        display: flex;
        
    }
    .menu ul li {
        list-style: none;
        /* padding-left: 50px; */
        position: relative;
        font-family: "Inter", sans-serif;
        /* padding: 20px 0px 50px; */
        padding: 26px;
        /* border:1px solid #fff; */
        /* background-color: rgb(1, 1, 95); */
    }
    
    
    .menu ul li a{
        text-decoration: none;
        color: #fff;
        font-size: 18px;
    
    }
    .drop1 ul li a{
        color: black;
    }
    .menu ul li a:hover{
        color: rgb(1, 25, 70);
    
    }
    .drop1{
        position: absolute;
        top:72px;
        left: 15px;
        width: 168px;
        background-color:#fff;
        display: none;
        z-index: 3;
        color:black;
        
        
        
    
    }
    .drop1 ul{
        display: block;
        margin: 0;
        padding: 0;
    }
    .drop1 ul li{
        padding: 15px;
    
    }
    
    .menu ul li:hover .drop1{
        display: block;
        
    }
    /* Nab Style End */
    .banner img{
        width: 100%;       
        
    }
    .banner{
        position: relative;
        /* margin-bottom: 100px; */
       
    }
    .text {
        position: absolute;
        width: 79%;
        left: 45px;
        top: -39px;
    }

    .btn {
        position: absolute;
        top: 128px;
        left: 79px;
        /* border: 1px solid #fff; */
        padding: 12px;
        background-color: #2271b1;
        font-size: 10px;
        cursor: pointer;
    }
    .btn1 {
        position: absolute;
        top: 128px;
        left: 181px;
        /* border: 1px solid #fff; */
        padding: 12px;
        background-color: #2271b1;
        margin-left: 42px;
        font-size: 10px;
        cursor: pointer;
    }
.text h1 {
    color: #fff;
    font-family: "Lora", serif;
    font-size: 24px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 96px;
    /* padding: 0px 50px 0px 50px; */
    font-weight: 500;
    line-height: 51px;
}
    
    .text p {
    color: #ffff;
    text-align: center;
    font-size: 16px;
    font-family: "Inter", sans-serif;
    padding: 0px 50px 0px 50px;
    line-height: 23px;
    display:none;
    }
    .btn a{
        text-decoration: none;
        color: #fff;
    }
    .btn1 a{
        text-decoration: none;
        color: #fff;
    }
    .btn:hover{
        background-color:#0d4471
    }
    .btn:hover a{
        color:#ffffff;
    }
    .btn1:hover{
        background-color:#0d4471;
    }
    .btn1:hover a{
        color: #fff;
    }
    
    /* Banner End */
    .main{
        background-color: #f8f8f8;
        /* margin-bottom: 200px; */
        padding-top: 0px;
        padding-bottom: 50px;
        
        
    }
    .fac{
        /* margin-bottom: 300px; */
        
    }
    .sec1 {
        padding: 50px 0;
        max-width: 680px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    
    .sec1-a h5 {
        color: #2271b1;
        font-size: 12px;
        font-family: "Inter", sans-serif;
    }
    
    .sec1-a h1 {
        color: #023059;
        padding-top: 10px;
        font-size: 25px;
        font-family: "Lora", serif;
        font-weight: 500;
    }
    
    .sec1-b p {
        font-size: 14px;
        line-height: 23px;
        font-family: "Inter", sans-serif;
        color: #414141;
        margin-top: 14px;
    }
    
    .sec1-a {
        width: 90%;
    }
    
    .sec1-b {
        width: 90%;
    }
    
    .sec2 {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    /* max-width: 680px; */
    /* margin: 0px auto; */
}
    
    .sec2 h2 {
        color: #023059;
        font-family: "Lora", serif;
        font-weight: 100;
    }
    
    .sec2 h3 {
        color: #2271b1;
        font-family: "Inter", sans-serif;
    }
    
    .sec2 p {
        color: #818181;
        font-family: "Inter", sans-serif;
    }
    
    .sec2-a a {
        color: #2271b1;
        text-decoration: none;
        font-size: 14px;
        margin-left: 6px;
        font-weight: 500;
    }
     
    
    .fa-arrow-right{
        color:#2271b1;
        font-size: 13px;
        font-weight: 100;
    }
    .sec2-a a:hover{
        color:#023059;
    }
    .sec2-a h2{
        margin-bottom: 20px;
    }
    .sec2-a {
    text-align: center;
    /* border: 2px solid #ccc; */
    width: 72%;
    background-color: #fff;
    padding: 36px;
    
    margin-bottom: 44px;
    box-shadow: 2px 2px 5px #ccc;
}
    .sec2-a img{
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .sec2-a p{
        margin-bottom: 20px;
        color:#414141;
    }
    .patient{
        width: 90%;
        margin-left: 15px;
        
           
    }
    .patient span{
        display: block;
        height: 300px;
    }
    .patient span img{
        width: 100%;
        height: 100%;
    }
    .patient{
        position: relative;
        text-align: center;
    }
    .patient-text {
    position: absolute;
    top: 18%;
    left: 36%;
}
    .patient-text h1{
        color: #fff;
        font-family: "Lora", serif;
        font-size: 65px;
        font-weight: 200;
    
    }
    .patient-text h5{
        color:#fff;
        font-family: "Inter", sans-serif;
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 38px;
    }
    .patient-text a{
        color: #fff;
        text-decoration: none;
        padding:12px 20px;
        border: 1px solid #fff;
        font-size: 12px;
        font-weight: 500;
        
    }
    .patient-text a:hover{
        background-color: #0d4471;
        border:1px solid #0d4471;
    }
    
    /* End Facilitys */
    .introduction{
        margin-top: 100px;
        margin-bottom: 200px;
        background-color: #ffffff;
    }
    .intro {
        display: flex;
        /* justify-content: space-between; */
        margin-top: -50px;
        margin-bottom: 224px;
        flex-wrap: wrap;
    }
    .intro-box1 {
        width: 92%;
        text-align: center;
        background-color: #2271b1;
        padding:15px;
        color: #fff;
        margin-bottom: 24px;
        
    }
    
    
    .time{
        display: flex;
        justify-content: space-between;
    }
    .days {
    width: 50%;
    margin-top: 0px;
    margin-bottom: 10px;
}
    .days a {
    text-decoration: none;
    color: #fff;
    padding-left: 10px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 500;
}
    .days .fa-arrow-right{
        color:#ffff;
    }
    .days p{
        font-family: "Inter", sans-serif;
        font-size: 12px;
        font-weight: 400;
    }
    .days a:hover{
        color:#023059;
    }
    /* .hrs-btn{
        display: block
    } */
   .hrs-btn1 {
    display: block;
    /* width: 100%; */
    margin: 0px;
    border: 1px solid #fff;
    padding: 15px 18px;
    /* padding-bottom: 21px; */
    margin-bottom: 12px;
}
    .hrs-btn1:hover{
        background-color:#023059;
        border: 1px solid #023059;
    }
    .hrs-btn2 {
    display: block;
    /* width: 100%; */
    margin: 0px;
    border: 1px solid #fff;
    padding: 15px 18px;
}
    .hrs-btn2:hover{
        background-color:#023059;
        border: 1px solid #023059;
        
    }
    .hrs-btn1 a{
        color: #fff;
        text-decoration: none;
        font-size: 12px;
           
        
    
    }
    .hrs-btn2 a{
        color: #fff;
        text-decoration: none;
        font-size: 12px;
       
    }
    .intro-box1 h2{
        margin-bottom: 25px;
        font-family: "Lora", serif;
        font-size: 32px;
        font-weight: 80;
    }
    /* .itero-box1 hr{
        width: 25%;
    } */
    /* .text-hrs{
        padding: 25px; */
        
    
    .text-hrs h3 {
    margin-top: 10px;
    padding: 8px;
    font-family: "Lora", serif;
    font-size: 25px;
    font-weight: 100;
}
    .text-hrs p {
    padding-bottom: 5px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 20px;
}
    .intro-box3{
        width: 100%;
        /* margin-left:65px; */
        /* margin-right: 40px; */
        
        
    }
    .list-item{
        display: flex;
        /* justify-content: space-between; */
        /* margin-bottom: 5px; */
        /* align-items: center; */
        padding: 0px;
        
        
    }
    .item1{
        width: 8%;
        /* padding: 2px; */
        
    }
    /* .item1 span{
        width: 20%;
        height: 10px;
    } */
    .item2{
        width: 94%;
        color:#787878;
        font-weight: 80;
        margin-bottom: 6px;
    }
    .item2 h4{
        font-size: 12px;
        font-weight: 500;
        color:#3f3e3e;
    }
    .intro-box1 h2 {
    margin-bottom: 8px;
    font-family: "Lora", serif;
    font-size: 26px;
    font-weight: 80;
}
    
    .intro-box3 h5{
        /* margin-bottom: 5px; */
        color:#2271b1;
        margin-bottom: 18px;
        font-size: 12px;
        
    }
    .intro-box3 h1{
        font-size: 25px;
        font-family: "Lora", serif;
        font-weight: 100;
        color: #0d4471;
        margin-bottom: 20px;
        line-height: 37px;
    }
    .intro-box3 p {
        font-family: "Inter", sans-serif;
        margin-bottom: 22px;
        font-size: 14px;
        line-height: 23px;
        color: #818181;
    }
    .intro-box3 ul li{
    font-family: "Inter", sans-serif;
    font-size: 18px;
    }
    .ceo {
        display: flex;
        justify-content: space-between;
        margin-top: 28px;
        /* flex-wrap: wrap; */
    }
    
    .intro-box2 {
        width: 92%;
        padding-top: 7px;
        margin-left: 21px;
        background-image: url(../images/bosatheme-top-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 40px;
    }

    /* .box3-list{
        display:flex;
        justify-content: space-between;
    }
    .list{
        width: 50%;
    } */
    .box3-list{
        background-color:#f8f8f8;    
        padding: 2px;
    }
    .intro-box2 span{
        display: block;
        width: 34%;  
        
    }
    .intro-box2  img{
       width: 220%;
       margin-left: 50px;
       
           
    }
    
    .ceo-img{
        width: 20%;
        
    }
    .ceo-img span{
        display:block;
    
    }
    .ceo-img img{
        width: 100%;
        border-radius: 50px;
    }
    .ceo-sig{
        width: 20%;
    }
    .ceo-sig span{
        display:block;
    
    }
    .ceo-sig img {
        width: 100%;
        margin-left: -20px;
        padding-top: 21px;
    }
    .ceo-nm{
        width: 40%;
    }
    .ceo-nm h4 {
        font-family: "Lora", serif;
        color: #2271b1;
        font-size: 18px;
        margin-bottom: 5px;
        font-weight: 400;
    }
    .ceo-nm h5 {
        font-family: "Inter", sans-serif;
        color: #818181;
        font-weight: 400;
        font-size: 13px;
    }
    /* End Intro */
    
    .health {
        position: relative;
        background-image: url(../images/Untitled-1.png); 
        height: 1230px;
        margin-bottom: 100px;
     background-size: cover;
    }
    .brand{
        display:flex;
        flex-wrap: wrap;
        /* justify-content: space-between; */
        background-color: #fff;
        width: 36%;
        /* height: 179px; */
        align-items: center;
        position: absolute;
        top: -13%;
        left: 18%;
        padding: 30px 60px;
        box-shadow: 3px 3px 10px #3f3e3e;
    
    }
    
    .brand-img{
        width: 100%;
        
       
    }
    .brand-img span{
        display: block;
        width: 100%;
    }
    .brand-img span img{
        width: 100%;

    }
    .health-text {
        width: 80%;
        position: absolute;
        top: 20%;
        left: 10%;
        color: #fff;
        text-align: center;
        margin-bottom: 20px;
    }
    .health-text h1{
        font-size: 25px;
        margin-bottom: 10px;
        margin-top: 15px;
        font-family: "Lora", serif;
        font-weight: 500;
    }
    .health-text h4{
        /* margin-top: 5px; */
        font-size: 12px;
        font-family: "Inter", sans-serif;
        font-weight: 600;
    }
    .health-text p {
        font-family: "Inter", sans-serif;
        line-height: 23px;
        font-size: 14px;
    }
    /* END health-facility*/
    /* card1 */
    .card-image {
        width: 33%;
    }
    .card-image span{
        display: block;
    }
    .card-image img{
        width: 100%;
    }
    .card-text{
        width: 56%;
        margin: 0px;
           
       
    }
    .card1 {
        /* display: flex; */
        /* justify-content: space-between; */
        width: 83%;
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        top: 36%;
        left: 7%;
    }
    .card-text h2 {
        font-family: "Lora", serif;
        color: #0d4471;
        font-weight: 100;
        margin-bottom: 8px;
        font-size: 20px;
    }
    .card-text p {
        font-family: "Inter", sans-serif;
        color: #3f3e3e;
        margin-bottom: 8px;
        line-height: 20px;
        font-size: 14px;
    }
    .card-text a {
        text-decoration: none;
        margin-left: 5px;
        color: #2271b1;
        font-size: 14px;
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 12px;
    }
    .card-text .fa-arrow-right{
        color:#2271b1;
        
    }
    .card-text2 .fa-arrow-right{
        color:#2271b1;
        
    }
    .card-text3 .fa-arrow-right{
        color:#2271b1;
        
    }
    .card-text4 .fa-arrow-right{
        color:#2271b1;
        
    }
    .card-text a:hover{
        color: #0d4471;
    }
    .card-text2 a:hover{
        color: #0d4471;
    }
    .card-text3 a:hover{
        color: #0d4471;
    }
    .card-text4 a:hover{
        color: #0d4471;
    }
    /* card2 */
    .card-image2{
        width: 33%;
    }
    .card-image2 span{
        display: block;
    }
    .card-image2 img{
        width: 100%;
    }
    .card-text2{
        width: 58%;
        margin: 0px;
           
       
    }
    .card2 {
        /* display: flex; */
        /* justify-content: space-between; */
        width: 83%;
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        top: 51%;
        left: 7%;
    }
    .card-text2 h2{
        font-family: "Lora", serif;
        color:#0d4471;
        font-weight: 100;
        margin-bottom: 8px;
        font-size: 20px;
    }
    .card-text2 p{
        font-family: "Inter", sans-serif;
        color:#3f3e3e;
        margin-bottom: 8px;
        line-height: 20px;
        font-size:14px;
        
    }
    .card-text2 a{
        text-decoration: none;
        margin-left: 5px;
        color:#2271b1;
        font-size: 12px;
        font-family: "Inter", sans-serif;
        font-weight: 500;
    }
    /* card-3 */
    .card-image3{
        width: 33%;
    }
    .card-image3 span{
        display: block;
    }
    .card-image3 img{
        width: 100%;
    }
    .card-text3{
        width: 58%;
        margin: 0px;
           
       
    }
    .card3 {
        /* display: flex; */
        /* justify-content: space-between; */
        width: 83%;
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        top: 66%;
        left: 7%;
    }
    .card-text3 h2{
        font-family: "Lora", serif;
        color:#0d4471;
        font-weight: 100;
        margin-bottom: 8px;
        font-size:20px;
    }
    .card-text3 p{
        font-family: "Inter", sans-serif;
        color:#3f3e3e;
        margin-bottom: 8px;
        line-height: 20px;
        font-size:14px;
        
    }
    .card-text3 a{
        text-decoration: none;
        margin-left: 5px;
        color:#2271b1;
        font-size: 12px;
        font-family: "Inter", sans-serif;
        font-weight: 500;
    }
    /* card-4 */
    .card-image4{
        width: 33%;
    }
    .card-image4 span{
        display: block;
    }
    .card-image4 img{
        width: 100%;
    }
    .card-text4{
        width: 58%;
        margin: 0px;
           
       
    }
    .card4 {
        /* display: flex; */
        /* justify-content: space-between; */
        width: 83%;
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        top: 81%;
        left: 7%;
    }
    .card-text4 h2{
        font-family: "Lora", serif;
        color:#0d4471;
        font-weight: 100;
        margin-bottom: 8px;
        font-size: 20px;
    }
    .card-text4 p{
        font-family: "Inter", sans-serif;
        color:#3f3e3e;
        margin-bottom: 8px;
        line-height: 20px;
        font-size: 14px;
        
    }
    .card-text4 a{
        text-decoration: none;
        margin-left: 5px;
        color:#2271b1;
        font-size: 12px;
        font-family: "Inter", sans-serif;
        font-weight: 500;
    }
    /* end health-facility */
    .professional-staff{
        margin-top: -50px;
        margin-bottom: 50px;
        
    }
    .staff-text {
        text-align: center;
        width: 100%;
    }
    .staff-text p {
        width: 80%;
        margin-left: 25%;
        margin-bottom: 48px;
        line-height: 20px;
        margin-left: 39px;
        font-size: 14px;
    }
    .staff-text h4{
        color: #2271b1;
        font-size: 12px;
        margin-bottom: 13px;
        font-family: "Inter", sans-serif;
    }
    .staff-text h1{
        font-size: 40px;
        font-family: "Lora", serif;
        color:#023059;
        font-weight: 100;
        margin-bottom: 8px;
        font-size:25px;
    }
    .doctor-1 {
        width: 70%;
        position: relative;
        margin-bottom: 20px;
    }
    .doctor-1 span{
        display: block;
    }
    .doctor-1 span img{
        width: 100%;
    
    }
    .doctor-2 {
        width: 70%;
        position: relative;
        margin-right: 100px;
    }
    .doctor-2 span{
        display: block;
    }
    .doctor-2 span img{
        width: 100%;
    
    }
    .staff-part1{
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between; */
        margin-bottom: 20px;
        
    }
    .doc-text {
        width: 65%;
        position: absolute;
        top: 8%;
        left: 66%;
        background-color: #ffffff;
        box-shadow: 2px 2px 8px #ccc;
        padding: 15px;
    }
    .doc-text h2 {
        font-family: "Lora", serif;
        color: #0d4471;
        font-weight: 100;
        margin-bottom: 7px;
        font-size: 20px;
        
    }
    .doc-text h5 {
        color: #2271b1;
        font-size: 12px;
        margin-bottom: 13px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
    }
    .doc-text p {
        margin-bottom: 33px;
        line-height: 21px;
        color: #3f3e3e;
        font-size: 13px;
    }
    .staff-bnt a {
        text-decoration: none;
        background-color: #2271b1;
        padding: 10px 20px 10px 20px;
        font-size: 12px;
        color: #ffffff;
    }
    .staff-bnt a:hover{
        background-color: #0d4471;
        color: #ffff;
        
    }
    .staff-bnt{
        
        margin-bottom: 10px;
    
    }
    /* end team */
    .calltoaction{
        background-color: #4083ba;
        padding-top:100px;
        background-image: url(../images/bck.png);
        background-repeat: no-repeat;
        /* background-size: cover; */
        background-size: 900px 438px;
       
    }
        
    .call{
        display: flex;
        /* justify-content: space-between; */
        /* margin-top: 100px; */
        flex-wrap: wrap;
        
    }
    .call-text {
        width: 92%;
        margin-top: -60px;
    }
    .call-img {
        width: 100%;
        margin-right: 79px;
        margin-bottom: -4px;
        display:none;
    }
    .call-img span{
        display:block;
    }
    .call-img span img {
        width: 130%;
    }

    .call-text{
        color:#ffffff;
    }
    .call-text h5 {
        font-size: 12px;
        margin-bottom: 20px;
        font-family: "Inter", sans-serif;
        font-weight: 700;
    }
    .call-text h1 {
        font-family: "Lora", serif;
        font-weight: 100;
        margin-bottom: 15px;
        font-size: 25px;
        line-height: 32px;
    }
    .call-text h2 {
        font-family: "Lora", serif;
        font-weight: 100;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .call-text p {
        margin-bottom: 0px;
        line-height: 20px;
        font-size: 12px;
    }
    .call-btn {
        display: flex;
        justify-content: space-between;
        margin-bottom: 32px;
        margin-top: 24px;
    }

    .call-btn1 a {
        padding: 10px;
        border: 1px solid #ffff;
        text-decoration: none;
        color: #ffff;
        font-size: 10px;
    }
    .call-btn2 a {
        padding: 10px;
        border: 1px solid #ffff;
        text-decoration: none;
        color: #ffff;
        font-size: 10px;
    }
    .call-btn a:hover{
        background-color: #0d4471;
        border:1px solid #0d4471;
    }
    .call-btn2 {
        margin-right: 90px;
    }
    /* End Call to Action */
    .testimonial{
        padding-top: 80px;
        padding-bottom: 80px;
        background-color: #ffff;
    }
    .hpatients-text{
        text-align: center;
        /* width: 50%; */
    }
    .hpatients-text h5{
        font-size: 12px;
        margin-bottom: 20px;
        font-family: "Inter", sans-serif;
        font-weight: 700;
        color: #2271b1;
        
    }
    .hpatients-text h1{
        font-family: "Lora", serif;
        font-weight: 100;
        margin-bottom: 10px;
        font-size: 25px;
        line-height: 45px;
        color:#023059;
    }
    .hpatients-text p{
        width: 80%;
        margin-left: 10%;
        margin-bottom: 40px;
        line-height: 20px;
        font-size: 14px;
    }
    .hpatient-img{
    width: 38%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    
    }
    .hpatient-img span{
        display: block;
    }
    .hpatient-img span img{
        width: 100%;
        border-radius: 150px;
        
    }
    .hpatient{
        width: 70%;
        /* text-align: center;
        align-items: center; */
        padding: 50px;
        background-color:#f8f8f8;
        position: relative;
        margin: 10px;
        
    }
    .hp-text{
        text-align: center;
    }
    .hp-text p{
        line-height: 22px;
        font-size: 14px;
    }
    .hp-text h2{
        color:#0d4471;
        margin-bottom: 18px;
        font-family: "Lora", serif;
        font-weight: 300;
        font-size: 28px;
    
    }
    .rating{
        color:#BFB100;
        margin-bottom: 25px;
       
    }
    .fas{
        margin-left: 5px;
    }
    .rating.fas:hover{
        color: #0d4471;
        
    }
    .quote{
        width: 25%;
        position: absolute;
        top:0;
        left:75%;
    }
    .quote span{
        display: block;
    }
    .quote span img{
        width: 100%;
    }
    .hpatients-body{
        display: flex;
        /* justify-content: space-between; */
        flex-wrap: wrap;
    }
    .hpatient :hover .fa-star{
        color:#2271b1;
    }
    /* end TESTIMONIAL */
    
    .latestblog{
        background-color: #f8f8f8;
        padding-bottom: 100px;
    }
    .blogpost{
        display: flex;
        /* justify-content: space-between; */
      padding-top:35px;
      flex-wrap: wrap;
      
    }
    .post{
        width: 100%;
        padding: 35px;
    }
    .post h1{
        margin-bottom: 20px;
        color:#0d4471;
        margin-top: 20px;
        font-family: "Lora", serif;
        font-weight: 400;
        font-size: 25px;
    }
    .post h5{
        font-size: 12px;    
        font-family: "Inter", sans-serif;
        font-weight: 700;
        color: #2271b1;
    }
    .post p{
        margin-bottom: 25px;
        line-height: 28px;
    }
    .blog{
        width: 86%;   
        background-color: #fff;
        margin-left: 28px;
        position: relative;
        
    }
    .blog-text{
        padding:25px;
    }
    .blog-text h2{
        font-family: "Lora", serif;
        font-size:25px;
        color:#0d4471;
        font-weight: 400;
        margin-bottom: 15px;
    }
    .post p {
        margin-bottom: 40px;
        width: 100%;
        /* line-height: 38px; */
        font-size: 14px;
        line-height: 20px;
    }
    .blog-img{
        width: 100%;
        cursor: pointer;
        
    }
    .blog-img span{
        display: block;
    }
    .blog-img span img{
        width: 100%;
    }
    .post-btn a {
        background-color: #2271b1;
        text-decoration: none;
        color: #ffff;
        padding: 11px 11px;
        font-size: 12px;
    }
    .post-btn a:hover{
       background-color: #023059;
    }
    .category{
        position: absolute;
        top:4%;
        left:70%;
        background-color: #2271b1;
        padding: 8px 12px;
        color: #fff;
        font-size: 13px;
        font-weight: 100;
    }
    ..blog-text p {
        margin-bottom: 20px;
        line-height: 20px;
        font-size: 14px;
    }
    hr{
        margin-bottom: 15px;
       }
    .blog-text h5{
        color: rgb(177, 176, 176);
        font-size: 10px;
    }
    /* end blogpost */
    .address{
        padding-top:80px;
        padding-bottom: 50px;
    }
    .add-head-text{
        text-align: center;
    }
    .add-head-text h5{
        font-size: 12px;    
        font-family: "Inter", sans-serif;
        font-weight: 700;
        color: #2271b1;
        margin-bottom: 20px;
    }
    .add-head-text h1{
        margin-bottom: 20px;
        color:#0d4471;
        margin-top: 25px;
        font-family: "Lora", serif;
        font-weight: 400;
        font-size: 25px;
    }
    .add-head-text p{
        margin-bottom: 50px;
        width: 80%;
        margin-left: 10%;
        font-size: 14px;
        
    }
    .add-body{
        display:flex;
        /* justify-content: space-between; */
        /* display: none; */
        flex-wrap: wrap;
    }
    .add1{
        width: 70%;
        /* background-color: #818181; */
        box-shadow: 3px 2px 10px #ccc;
        text-align: center;
        padding: 40px;
        margin-left: 15px;
        margin-bottom: 30px;
    }
    .add1 h3{
        margin-bottom: 20px;
        color:#023059;
        font-family: "Lora", serif;
        font-size:25px;
        font-weight: 200;
    }
    .add1 p{
        margin-bottom: 20px;
        font-family: "Inter", sans-serif;
    }
    .add1 h5{
        color:#3375af;
        font-size: 16px;
        margin-top: 20px;
        font-weight: 600;
        cursor: pointer;
    }
    .add2{
        width: 70%;
        background-color:#f8f8f8;
        box-shadow: 3px 2px 10px #ccc;
        text-align: center;
        padding: 40px;
        margin-left: 16px;
        margin-bottom: 30px;
    }
    .add2 h3{
        margin-bottom: 20px;
        color:#023059;
        font-family: "Lora", serif;
        font-size:25px;
        font-weight: 200;
    }
    .add2 p{
        margin-bottom: 20px;
        font-family: "Inter", sans-serif;
    }
    .add2 h5{
        color:#3375af;
        font-size: 16px;
        margin-top: 20px;
        font-weight: 600;
        cursor: pointer;
    }
    /* end Address Location */
    .map{
        width: 100%;
        height: 270px;;
    }
    iframe{
        width:100%;
        height: 100%;
    }
    /* end map */
    .footer{
        background-color: #2271b1;
        padding-top: 65px;
        padding-bottom: 350px;
    }
    .footer-head{
        display: flex;
        justify-content: space-between;
        background-color: #175b92;
        padding: 20px 20px;
        margin-bottom: 50px;
        position: relative;
    }
    .fhead-text{
        width: 70%;
    }
    .fhead-btn{
        width: 40%;
    }
    .fhead-text h1{
        color: #ffff;
        font-family: "Lora", serif;
        font-size: 16px;
        font-weight: 200;
    
    
    }
    .fhead-btn a {
        border: 1px solid #ffff;
        text-decoration: none;
        color: #ffff;
        padding: 13px 10px;
        position: absolute;
        top: 29%;
        left: 63%;
        font-size: 9px;
    }
    .fhead-btn a:hover{
        background-color: #023059;
    }
    .footer-body{
        display:flex;
        /* justify-content: space-between; */
        /* margin-bottom: 20px; */
        flex-wrap: wrap;
    }
    .fbody-text{
        width: 100%;
    }
    .fbody-text p{
        color:#ffff;
        font-size: 14px;
        line-height:20px; 
        margin-bottom: 30px;
        margin-top: 14px;
    }
    .fbody-link{
        width: 30%;    
    }
    .fbody-link h3{
        color: #ffff;
        font-family: "Lora", serif;
        font-weight: 200;
        margin-bottom: 20px;
    }
    .fbody-link ul li {
        list-style-type: none;
        margin-bottom: 8px;
    }
    .fbody-link ul a{
        text-decoration: none;
        color: #ffff;
        font-weight: 300;
    }
    .fbody-connect{
        width: 30%;
    }
    .fbody-connect h3{
        color: #ffff;
        font-family: "Lora", serif;
        font-weight: 200;
        margin-bottom: 28px;
    
    }
    .social-icon .fa-facebook{
        color:#ffff;
        font-size: 16px;
        padding-right: 8px;
       
    }
    
    .social-icon .fa-twitter{
        color:#ffff;
        font-size: 16px;
        padding-right: 8px;
        
    }
    .social-icon .fa-instagram{
        color:#ffff;
        font-size: 16px;
        padding-right: 8px;
    
    }
    .social-icon .fa-youtube{
        color:#ffff;
        font-size: 16px;
        padding-right: 8px;
    
    }
    .social-icon{
        margin-bottom: 20px;
    }
    .fbody-connect h5 {
        color: #ffff;
        margin-bottom: 5px;
        font-weight: 400;
        font-size: 12px;
    }
    .footer-end{
        display: flex;
        justify-content: space-between;
    }
    .end-text{
        width: 50%;
    }
    .end-text1{
        width: 50%;
        
    }
    .end-text1 h5{
        text-align: end;
        color:#ffff;
        font-weight: 300;
        font-size: 11px;
    }
    .end-text h5{
        color: #ffff;
        font-weight: 300;
        font-size: 11px;
    
    }
    /* mordern technology start */
.tech-body{
    padding-top:100px;
    padding-bottom: 100px;
}
.tech-body{
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}
.techbd1{
    width: 100%;
}
.techbd2{
    width: 100%;
}
.techbd1 h4{
    color: #2271b1;
    font-size: 12px;
    margin-bottom: -10px;
    font-family: "Inter", sans-serif;
}
.techbd1 h1{
    margin-bottom: 5px;
    font-family: "Lora", serif;
    font-size: 25px;
    color: #023059;
    font-weight: 100;
}
.tech-btn{
    margin-top: 30px;
}
.tech-btn a{
    text-decoration: none;
    background-color: #175b92;
    color: #fff;
    padding: 12px ;
    font-size: 12px;
}
.techbd1 p{
    font-size: 14px;
    line-height: 20px;
}
.slide-container .prev,
.slide-container .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: all 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  display: none;
}

.slide-container .prev:hover,
.slide-container .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}

.slide-container .prev {
  left: 2px;
}

.slide-container .next {
  right: 2px;
}

/* .dots-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.dots-container .dot {
  cursor: pointer;
  margin: 5px;
  width: 20px;
  height: 20px;
  color: #333;
  border-radius: 50%;
  background-color: #dfd6ce;
}

.dots-container .dot.active {
  border: 2px solid green;
} */






.slide-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin: auto;
  position: relative;
}

.slide-container .slide {
  display: none;
  width: 100%;
}

.slide-container .slide.fade {
  animation: fade 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.slide-container .slide img {
  width: 100%;
}

/* mordern technology end */    


}