@font-face {
    font-family: "Gilroy-Bold";
    src: url(./fonts/Gilroy-Bold.ttf);
}
@font-face {
    font-family: "Gilroy-SemiBold";
    src: url(./fonts/Gilroy-SemiBold.ttf);
}
@font-face {
    font-family: "Gilroy-ExtraBoldItalic";
    src: url(./fonts/Gilroy-ExtraBoldItalic.ttf);
}
@font-face {
    font-family: "Gilroy-Regular";
    src: url(./fonts/Gilroy-Regular.ttf);
}
*{
    font-family: "Gilroy-Regular";
}

body
{
   font-family: "Open Sans", sans-serif;
}
.row
{
    margin:0;
}
p
{
    font-size: 15px;
}
.hnav
{
    background:black;
    color:white;
}
.nav a
{
    color:black ;
}
.nav_con{
    margin-left: 2VW;
}
.navbar.sticky {
    margin-bottom: 0;
}

.row1{
    background: linear-gradient(to bottom, rgba(144, 144, 144, 0.52), rgba(20, 20, 20, 0.73)),url(./images/1080img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

/* change */
#container1{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#app-sec{
    display: flex;
    flex-direction: column;
    padding: 0.5vh;
}
#head1{
    font-size: 7vw;
    font-family: "Gilroy-ExtraBoldItalic";
    filter: drop-shadow(0 0 0.75rem rgb(55, 55, 55));
}
#head2{
    color: #fff;
}
#app-sec p{
    color: #fff;
}
#app-btn{
    width: fit-content;
    font-family: "Gilroy-SemiBold";
}
nav{
    padding-bottom: 0.5vw;
}


/* .head_center{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
} */
.header_img
{
    width: 13vw;
}
.header_img2
{
    display: none;
}
.btn-contact
{
    background:black;
    color:white;
}
h2
{
    font-weight: bold;
}
#find-form{
    width: 100%;
    height: 50vh;
    background-image: linear-gradient(to right, #20b1aa, #02807a);
    padding: 2vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#text-sec{
    width: 60%;
    height: 100%;
    /* background-color: yellow; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#text-sec i{
    font-size: 1vw;
}

#text-sec p{
    font-size: 3vw;
    margin-left: 5vw;
    font-weight: 500;
    color: #000;
    filter: drop-shadow(0 0 0.75rem #FFF6E9);
}
#logo-sec{
    width: 40%;
    height: 100%;
    /* background-color: red; */
    display: flex;
    align-items: center;
    justify-content: center;
}
#logo-sec img{
    height: 90%;
    /* background-color: #337ab7;
    border-radius: 1vw; */
}
.feature_back img {
    width: 100%;
    height: 152px;
    object-fit: cover; 
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#logmain{
    margin-top: 20vh;
    
}
@media (max-width:768px) {
    #logmain{
        margin-top: 5vh;
    }
    #line1-part1{
        margin-top: 1.1vh;
    }
}



.copyright{
    color: #fff;
}





#phone-span svg{
    height: 0.8vw;
    rotate: 10deg;
}


.avalible
{
    color: #fae5c7;
    font-weight: bold;
}
.f1
{
    background:black;
}
.icon-bar
{
    background-color: #20b1aa!important;
}
.pophr
{
    border-top: 5px solid #20b1aa !important;
    width: 50px;
    margin-left: 0px;
}
.nav_con:hover 
{
    color:white !important;
    background-color: #20b1aa !important;
    border-radius:10px !important;
}
.service
{
    
    padding: 20px;
}
.btn-align
{
    float: right;
    background:#fae5c7;
}
.ser_back
{
    background-image:url('https://d3e44x6tjqv3e6.cloudfront.net/sites/default/files/2019-09/world%20heart%20day.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    /*filter: brightness(70%);*/
}
.left1
{
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%) !important;
}
.right1
{
     background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%) !important;
}
.gal-container{
	padding: 12px;
}
.gal-item{
	overflow: hidden;
	padding: 3px;
}
.gal-item .box{
	height: 350px;
	overflow: hidden;
}
.box img{
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gal-item a:focus{
	outline: none;
}
.gal-item a:after{
	content:"\e003";
	font-family: 'Glyphicons Halflings';
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.gal-item a:hover:after{
	opacity: 1;
}
.modal-open .gal-container .modal{
	background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
	padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
	outline: none;
}
.modal-open .gal-item button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gal-container .modal-dialogue{
	width: 80%;
}
.gal-container .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}
.gal-container .description h4{
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.contactnew
{
    
border-color: grey !important;
border-width: 1px !important;
border-radius: 5px;
padding: 5px;
text-align: center;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
#doc-patient-img{
    /* filter: drop-shadow(0 0 0.75rem rgb(55, 55, 55)); */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}




@media (max-width: 768px) {
    /* change */

    #navbar{
        width: 100%;
    }
    .navbar-nav li a{
        font-size: 1.5vw;
    }



.row1{
    width: 100%;
    margin-top: 1vh;
}
#head1{
    font-size: 10vw;
}


.gal-container .modal-dialog {
    width: 55%;
    margin: 50 auto;
}
}
@media (max-width: 768px) {
    .gal-container .modal-content{
        height:250px;
    }
    #sec-8{
        flex-wrap: wrap;
    }
    #sec-9{
        flex-wrap: wrap;
    }
    
}

@media (max-width:600px) {
    .header_img{
        width: 40vw;
        z-index: 99999;
    }
}
@media (max-width:480px) {
    #container1{
        height: 100vh;
    }
    #head1{
        font-size: 12vw;
    }
    #find-form{
        height: auto;
        flex-direction: column;
        padding: 2vw;
    }
    #text-sec{
        width: 100%;
        height: 50vh;
        /* background-color: yellow; */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    #text-sec p{
        font-size: 10vw;
        padding: 2vw;
    }
    #logo-sec{
        width: 90%;
        height: auto;
        /* background-color: red; */
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #logo-sec img{
        height: 90%;
        /* background-color: #337ab7; */
        border-radius: 1vw;
        height: 25vh;
    }
    .header_img{
        width: 50vw;
        z-index: 99999;
    }
    #nav1 li a{
        font-size: 5vw;
    }
    #card1{
        display: none;
    }
    #card2{
        margin-top: 0px;
    }
    #card3{
        margin-top: 0px;
    }
    #card4{
        display: block;
    }
    #card5{
        
    }
    #card6{
        
    }
    #card7{
        
    }
    .row1{
        height: 50vh;
    }
}






/* Footer Style */
i.red{
    color:#BC0213;
}
.gal-container{
    padding-top :30px;
    padding-bottom:20px;
}
.gallery_back1
{

    background-image:url('images/back.jpg');
    background-repeat: no-repeat;
    background-size: cover;

}
.nav_right
{
    padding-top:15px !important;
    position: relative !important;
    z-index: 1000;
    text-align: center;
}
/*.carousel-bg {*/
/*  background-color: none;*/
/*  margin-top: 40px;*/
/*  margin-bottom: 40px;*/
/*}*/
/* quote */
.quote-image {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto;
  padding-top: 60px;
  width: 200px;
  border-radius: 50px;
}
/* text-style */
.testimonial-style .testimonial-caption-style {
  
  
  font-size: 20px;
  color: #354052;
  line-height: 30px;
  bottom: 40%;
  text-shadow: none;
  top: 10%;
}
.testimonial-style .testimonial-authors {
  
  font-weight: 700;
  font-size: 20px;
  color: #354052;
  line-height: 30px;
  margin-top: 40px;
}
/* carousel-height-control */
.testimonial-style .carousel-inner > .item {
  padding-top: auto;
  padding-bottom: auto;
  height: 380px;
}
/* carousel-left-right-control */
.testimonial-style .carousel-control.left {
  background: none;
  box-shadow: none;
  text-shadow: none;
}
.testimonial-style .carousel-control.right {
  background: none;
  box-shadow: none;
  text-shadow: none;
}
.testimonial-style .carousel-control {
  color: #354052;
}
.testimonial-style .carousel-control:hover {
  color: #354052;
  text-decoration: none;
  transition: background-color 1s ease;
}
/* indicators */
.testimonial-style .carousel-indicators .active {
  background-color: #fff;
  width: 14px;
  height: 14px;
  transition: background 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.testimonial-style .carousel-indicators li {
  border: 2px solid #354052;
  background-color: #354052;
}
.inner
{
    border: 7px dashed #131313;
}
.cara
{
    margin: 25px;
}
.item_border
{
    border: 2px solid black;
}
/* Textimonial CSS Code End */
@media (min-width:300px) and (max-width:766px)
{
    .head_center
    {
        text-align:center;
    }
    .sticky
{
    position: sticky;
    top:0px;
    z-index:1000;
    font-size: 20px !important; 
    background: #000000 !important;
    border-color: transparent !important;
    height: 82px !important;
}
.nav_right
{
    background:#20b1aa !important;
}
}
footer
{
    background: #20b1aa;
    text-align:center;
    /*position: fixed;*/
   left: 0;
   bottom: 0;
   width: 100%;
}
.feature_back
{
    background: white;
    border-radius: 20px;   
}
.feature_text
{
        
    padding-bottom: 25px;
}
.sticky
{
    position: sticky;
    top:0px;
    z-index:1000;
    font-size: 20px !important; 
    
    border-color: transparent !important;
    height: 82px !important;
}
/* .sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    background-color: #ccc;
    padding: 10px;
    height: 80px; /* Set height to 61 pixels */
    z-index: 1000;
  } */
.heart {
	font-size: 150px;
	color: #e00;
	animation: beat .90s infinite alternate;
	transform-origin: center;
}
#notlink a{
    color: #fff;
}
#notlink2 a{
    color: #fff;
}
  

/* Heart beat animation */
/* @keyframes beat{
	to { transform: scale(1.4); }
} */
.n2:hover
{
    background: #20b1aa !important;
    color: white !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    filter: brightness(0.5);
}
.n2
{
    color:#20b1aa;
}



/* chatbot-sec */
#chatbot-sec{
    width: 100%;
    height: auto;
    /* background-color: red; */
    padding-bottom: 5vh;
    padding-left: 5vh;
    padding-right: 5vh;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
#section1{
    width: 100%;
    height: 50vh;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#section1 img{
    height: 40vh;
}
.text-section{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-section{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#chatbot-sec h2{
    width: 50%;
}
#section2{
    width: 100%;
    height: 50vh;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#section2 img{
    height: 40vh;
}
#section3{
    width: 100%;
    height: 50vh;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#section3 img{
    height: 40vh;
}
#section4{
    width: 100%;
    height: 50vh;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#section4 img{
    height: 40vh;
}
#section5{
    width: 100%;
    height: 50vh;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#section5 img{
    height: 40vh;
}
#section6{
    width: 100%;
    height: 50vh;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#section6 img{
    height: 40vh;
}
#section7{
    width: 100%;
    height: 50vh;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#section7 img{
    height: 40vh;
}
#phoneicon{
    height: 1.6vh;
}

@media (max-width:768px) {
    #chatbot-sec h2{
        font-size: 2.5vw;
    }
    #section1{
        height: auto;
    }
    #section2{
        height: auto;
    }
    #section3{
        height: auto;
    }
    #section4{
        height: auto;
    }
    #section5{
        height: auto;
    }
    #section6{
        height: auto;
    }
    #section3 img{
        height: 31vh;
    }
    #chatbot-sec{
        padding-top: 5vh;
    }
    #phoneicon{
        height: 1.6vh;
    }
}
@media (max-width:480px) {

  #chatbot-sec h2{
        font-size: 3vw;
    }
    #section1 img{
        height: 30vh;
    }
    #section2 img{
        height: 30vh;
    }
    #section3 img{
        height: 20vh;
    }
    #section4 img{
        height: 30vh;
    }
    #section5 img{
        height: 30vh;
    }
    #section6 img{
        height: 30vh;
    }
    .text-section h2{
        font-size: 5vw;
    }
    .para{
        margin-top: 3vh;
    }
    #logmain{
        margin-top: -0.2vh;
    }
}



@media (max-width:600px) {
    #section3{
        margin-top: 5vh;
    }
}
/* chatbot-sec */
#chatbot{
    width: 100%;
    height: auto;
    /* background-color: red; */
    padding: 2vh;
    display: flex;
    flex-direction: column;
}
#sec-7{
    display: flex;
    align-items: center;
}
#text-cec{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: red; */
}
#text-cec h2{
    font-size: 3vw;
    text-align: center;
    margin-bottom: 4vh;
}

#imd-section img{
    width: 50vh;
}
#hng{
    width: 50%;
}

#sec-8{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2vh;
}
#imd-section1 img{
    height: 70vh;
}
#imd-section1{
    width: 100%;
    /* background-color: yellow; */
    display: flex;
    align-items: center;
    justify-content: center;
}
#sec-9{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6vh;
}

#imd-section2{
    width: 100%;
    /* background-color: yellow; */
    display: flex;
    align-items: center;
    justify-content: center;
}
#imd-section2 img{
    height: 70vh;
}


@media (max-width:576px) {
    #imd-section1 img{
        
        margin-top: 3vh;
    }
    #imd-section2 img{
        
        margin-top: 3vh;
    }
    #sec-9{
       flex-wrap: wrap;
    }
    #sec-8{
       flex-wrap: wrap;
    }
}
@media (max-width:480px) {
    #text-cec h2{
        font-size: 5vw;
        width: 80%;
    }
    #app-btn{
        font-size: 4vw;
        
    }
}


/* loader */
#loader{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999999;
    background-color: #030303;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#line1-part1 h5{
    font-size: 5vw;
    color: #fff;
    width: 10vw;
}
h6{
    color: #fff;
    font-size: 5vh;
}
.line{
    display: flex;
    border-bottom: 1px #fff;
}
.line h1{
    color: #fff;
    margin-left: 1vw;
}
/* #lineanime{
    width: 0%;
    height: 1vh;
    background-color: #fff;
} */


.loader-container {
    width: 50%;
    margin: 0 auto;
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'Recursive';
}

.loader{
    position: relative; 
}

.loader img {
  width: 100%;
}

.slide-box {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    height: 100%;
}

.solid {
    width: 100%;
    background-color: rgb(0, 0, 0);
}
p{
    text-align: justify;
}
@media (max-width:600px) {
    #line1-part1 h5{
        font-size: 10vw;
        color: #fff;
        width: 20vw;
    }
}
@media (max-width:480px) {
    #line1-part1 h5{
        font-size: 10vw;
        color: #fff;
        width: 20vw;
        margin-top: 2vh;
    }
}
a.btn-google{color:#fff}
.btn{padding:20px 16px;margin:5px;font-size:18px;line-height:2;border-radius:6px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;font-weight:500;text-decoration:none;display:inline-block}
.btn:active:focus,.btn:focus{outline:0}
.btn:focus,.btn:hover{color:#333;text-decoration:none;outline:0}
.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-google{color:#fff;background-color:#11111141;padding:15px 50px 5px 40px;position:relative;font-family:fontfutura;font-weight:600}
.btn-google:focus{color:#fff;background-color:#555;border-color:#000}
.btn-google:active,.btn-google:hover{color:#fff;background-color:#555;border-color:#000;}
.btn-google:before{content:"";background-image:url(./images/app\ store.png);background-size:cover;background-repeat:no-repeat;width:30px;height:30px;position:absolute;left:10px;top:50%;margin-top:-15px;}
.btn-google:after{content:"GET IT ON";position:absolute;top:5px;left:3.8vw;font-size:10px;font-weight:400;}
.btn-google span{
    margin-left: 1vw;
}
@media (max-width:600px) {
    .btn-google:after{
        left: 11.8vw;
        font-size:8px;
    }
}
.btn-primary{
    display: flex;
    align-items: center;
    justify-content: center;
}