@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700&display=swap');


 /* font-family: 'Poppins', sans-serif;
 font-family: 'Roboto', sans-serif; */

body{
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
}
h1{
    font-size: 60px;
    font-weight: 600;
    color: #085873;
    text-shadow: 5px 3px #6666;
}
p{
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #000;
}
.help-block{
    font-size: 14px;
    color: red;
}
.book-btn{
    border-radius: 0px;
    transition: 0.6s;
    font-size: 14px;
    padding: 6px 30px;
    background-color: #fff;
    border-color: #fff;
    transition: 0.6s;
    color: #085873;
}
.book-btn:hover{
    border-radius: 0px 50px 50px 50px;.fo
    color: #085873;
    border-color: #fff;  
    background-color: #fff;
    transition-duration: 0.6s;
}
.read-btn{
    background-color: transparent;
    border: none;
    color: #3c6d8b;
    font-size: 17px ;
    font-weight: 700;
    text-align: left;
}
.read-btn:hover{
    background-color: transparent;
    border: none;
    color: #1e3065;
}
.read-btn:active{
    background-color: transparent;
}
.common-btn{
    transition: 0.6s;
    font-size: 14px;
    padding: 6px 30px;
    background-color: #1c2a3a;
    border-color: #1c2a3a;
    text-align: center;
    border-radius: 0px 50px 50px 50px;
}
.common-btn:hover{
    border-radius: 0px;
    color: #fff;
     padding: 6px 30px;
    border-color: #203366;  
    background-color: #203366;
    transition-duration: 0.6s;
}
.form-btn{
    margin-bottom: 5%;
    padding: 10px 45px;
    background-color: #318cc5;
    border-color: #318cc5;
    border-radius: 0px 50px 50px 50px;
}
.form-btn:hover{
    background-color: #bbe59d;
    border-color: #bbe59d;
}


/* headline start */
.service-headline{
     margin: 6% 0%;
    padding: 1.5% 0 1%;
    text-align: center;
    background-color: #203366;
    border-radius: 0px 50px 50px 50px;
    color: #fff;
}
.headline span{
    border-radius: 20px;
    background-color: #fff;
    padding: 5px 20px;
    font-size: 13px;
    border: none;
    color: #1796d3;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
}
.headline h2{
    font-size: 35px;
    margin: 8% 0;
    color: #fff;
    padding: 1% 0 1%;
    text-align: center;
    background-color: #1c2a3a;
    border-radius: 0px 50px 50px 50px;
    text-transform: uppercase;
}
.headline img{
    width: 20px;
}
/* headline end */



  /* Hide the spin buttons in WebKit browsers */
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Hide spin buttons in Firefox */
        input[type="number"] {
            -moz-appearance: textfield;
        }



/*form section index page*/

           .form-home .fue-short, .dht-short{
                display: grid;
                grid-template-columns: 40% 60%;
            }
            .form-home .fue-short .img img, .dht-short .img img{
                border-radius: 0px 50px 50px 50px;
                padding-right: 5%;
                height: 160px;
            }
             .form-home .fue-short .fue-content p, .dht-content p{
                font-size: 13px;
                line-height: 20px;
            }
            
/*form section index page*/



 


/* facilities section start */
.facility{
    margin-bottom: 5%;
}
.facility .facility-box .img img{
    border-bottom: 3px solid #1c2a3a;
    border-top: 3px solid #1c2a3a;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
    transition: 0.6s;
    border-radius: 15px;
    margin-bottom: 5%;
    
    height: 350px;
    width: 100%;
    border-radius: 15px;
}
.facility .facility-box .img img:hover{
   transition: 0.6s;
   box-shadow: 0 15px 35px rgba(0,0,0,.5);
   background-color: #1796d3;
}
.facility .facility-box .box .content{
    padding: 5%;
    display: none;
}
.facility .facility-box .box .content h4{
    color: #1796d3;
    font-weight: 500;
    font-size: 25px;
}
.facility .facility-box .box .content p{
    color: #000;
    font-weight: 400;
    font-size: 16px;
    padding-right: 10%;
}
/* facilities section end */


.form-box{
    padding: 2% 4% 2% 6%;
}
.form-box .box-form{
    padding: 2%;
}
.form-box .box-img{
    padding-top: 6%;
}


    .choose-bald-male .price-box .img h6{
        font-size: 16px;
    }
    .choose-bald-male .price-box .img{
        height: 180px;
    }
    .form-section .contact p{
        text-align: left;
    }
    .form-section .contact .img .text{
        text-align: left;
    }
   .choose-bald-male .price-box .box-container{
        display: grid;
        grid-template-columns: 14.28%  14.28%  14.28%  14.28%  14.28%  14.28%  14.28% ;
        padding: 3%;
    }
    .box-container .img{
            margin: 2%;
    }

.slick-slide{
    width: 321px ;
}
    

/* pricing home section start*/
.pricing-home{
    background: url('../assets/banner/pricing-banner.jpg')no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5% 0;
    margin-top: 10%;
    color: #fff;
   
}
/* pricing home section end*/

/* pricing page section start */


.pricing{
    margin-top: 5%;
     background-color: #e6f3fc;
     padding: 5% 0;
}
.pricing .price-box .img img{
   width: 100%;
   padding-top: 2%;
   padding-bottom: 2%;
   border: 2px solid #1796d3;
}
.pricing .price-box .img img:hover{
   width: 100%;
   border-radius: 0px 50px 50px 50px;
   border: 2px solid #1796d3;
}
.pricing .price-box{
    background-color: #e6f3fc;
    padding: 5%;
    border-radius: 0px 50px 50px 50px;
}

.choose-gender .img:hover{
    color: #000;
}
.choose-bald-male .img{
    cursor: pointer;
    padding: 5% 2%;
    margin-bottom: 5%;
    transition: 0.6s;
}
.choose-bald-male .img:hover{
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
    border-radius: 0px 50px 50px 50px;
    transition-duration: 0.6s;
}
  .choose-bald-male .price-box .img h6{
        font-size: 16px;
    }
    .choose-bald-male .price-box .img{
        height: 150px;
    }
    .pricing .price-box .headline-price h2{
           font-size: 40px;
           margin-top: 1%;
           color: #1796d3;
    }
     .form-section .contact p{
            text-align: left;
        }
        .form-section .contact .img .text{
            text-align: left;
        }

.age-section .content{
    background-color: #fff;
    border: 2px solid #1796d3;
    padding: 5% 10% 2%;
    transition: 0.6s;
}
.age-section .content:hover{
    border-radius: 0px 50px 50px 50px;
    cursor: pointer;
    transition-duration: 0.6s;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
}
.age-section .content h3{
    font-size: 18px;
}
.years-section  .content{
    background-color: #fff;
    border: 2px solid #1796d3;
    padding: 5% 10% 2%;
    transition: 0.6s;
}
.years-section  .content:hover{
    border-radius: 0px 50px 50px 50px;
    cursor: pointer;
    transition-duration: 0.6s;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
}
.years-section  .content h3{
    font-size: 18px;
}
.female-age-section .content{
    background-color: #fff;
    border: 2px solid #ccc;
    padding: 5% 10% 2%;
    transition: 0.6s;
}
.female-age-section .content:hover{
    border-radius: 0px 50px 50px 50px;
    cursor: pointer;
    transition-duration: 0.6s;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
}
.female-age-section .content h3{
    font-size: 18px;
}

.female-years-section  .content{
    background-color: #fff;
    border: 2px solid #ccc;
    padding: 5% 10% 2%;
    transition: 0.6s;
}
.female-years-section  .content:hover{
    border-radius: 0px 50px 50px 50px;
    cursor: pointer;
    transition-duration: 0.6s;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
}
.female-years-section  .content h3{
    font-size: 18px;
}
.pricing .choose-bald-male .img h6{
    font-size: 18px;
    color: #1796d3;
}
.pricing .choose-bald-male .img:hover h6{
    color: #000;
}


.btn-hide-1 {
    margin-top: 2%;
}

/* pricing page section end */


/* result section start */
.result{
    background: linear-gradient( 180deg, rgba(255, 255, 255, 1) 0%, rgb(28, 42, 58) 50%, rgba(255, 255, 255, 1) 100% );
    margin-top: 5%;
}
.result .img{
    padding: 3%;
    border: 1px solid #044074;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
    margin-bottom: 5%;
     transition: 0.6s;
    /*border-radius: 0px 50px 50px 50px;*/
}
.result .img img{
    width: 100%;
    /*border-radius: 0px 50px 50px 50px;*/
}
.result .img:hover{
    border-radius: 0px 25px 25px 25px;
    box-shadow: 0 15px 35px rgba(0,0,0,.4);
     transition-duration: 0.6s;
}

.result .img img:hover{
    transform: scale(1.03);
    transition: 0.6s;  
    border-radius: 0px 25px 25px 25px;
    box-shadow: 0 15px 35px rgba(0,0,0,.4);
    cursor: pointer;
}

.result-container .result-row img:hover{
    cursor:pointer;
}

       .result-container .box-mob{
           display:  grid;
           grid-template-columns: auto auto auto auto auto auto;
           column-gap: 8px;
       }
       
       .result-container .box-mob .caption-container{
           display: none;
       }
       
       

        .result-container  .modal-content {
            background-color: transparent;
            border: none;
        }

        .result-container  .modal-content .modal-header {
            background-color: transparent;
            border: none;
            box-shadow: none !important;
        }

        .result-container  .modal-header .btn-close {
            background-color: #837f7f;
            padding: 5px;
            border-radius: 30px;
            border: 1px solid #fff;
        }
        
        .result-container .box-mob .img-small{
            padding:0;
        }
        .caption-container{
            display: none;
        }
        .result-container  .modal-body .big-box img {
            border: 1px solid #eee;
            padding: 5px;
        }

        .result-container  .modal-body .box-mob {
            border-radius: 0 0 20px 20px;
            border: 1px solid #eee;
            padding: 5px;
        }
/* result section end */





/* counter section start */
.counter-bg-4 {
  padding: 45px 180px 45px 180px;
  z-index: 1;
  background: linear-gradient(90.97deg, #1796d3 2.52%, #00bcd5 99.41%);
  box-shadow: 0px 20px 20px rgba(64, 16, 120, 0.18);
  border-radius: 20px;
}
.counter-item-4-count {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 30px;
    color: #fff;
  }
/* counter section end */


/*a:hover{*/
/*    padding-left: 5%;*/
/*}*/



/* navbar section start */
.navbar{
     box-shadow: 0 3px 10px rgb(0 0 0 / 0.4);
}
.nav-top{-
    padding: 0;
}
.top-bar .top-social{
    padding-left: 5%;
}
.top-bar .top-social h6{
    color: #fff; 
    /* padding-left: 1%; */
}
.top-bar .top-social span{
    padding-left: 6px;
}
.top-bar .clinic-button{
    background-color: transparent;
    border: none;
}
.top-bar{
    display: grid;
    grid-template-columns: 64% 18% 18%;
    align-items: center;
    padding: 5px 0;
    background-color: #1796d3;
}
.top-bar a{
   text-decoration: none;
   color: #fff;
   font-size: 15px;
   font-weight: 600px;
}
.top-bar span{
   font-size: 13px;
}
.top-bar a:hover{
   color: #000;
}
.top-bar .logo img{
    width: 30%;
}
.top-bar .email{
    display: grid;
    grid-template-columns: 20% 80%;
}
.top-bar span{
    font-size: 12px;
}
.top-bar .phone{
    display: grid;
    grid-template-columns: 20% 80%;
}

.navbar-brand{
   width: 15%
}
.navbar-brand img{
   width: 100%;
}
/*.navbar-nav{*/
/*    width: 55%;*/
/*}*/


.navbar .navbar-nav .nav-item .nav-link{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1c2a3a;
    letter-spacing: 1px;
    transition: 0.6s;
}
.navbar .navbar-nav .nav-item .nav-link:hover{
    background-color: #203366;
    color: #fff;
}
.navbar .navbar-nav .nav-item .nav-link:active{
    background-color: #203366;
    color: #fff !important;
}
.navbar .navbar-nav  .dropdown .dropdown-menu .dropdown-item{
    font-weight: 700;
    color: #595959 ;
    word-spacing: 3px;
}
.navbar .navbar-nav  .dropdown .dropdown-menu .dropdown-item:hover{
    background-color: #203366;
    color: #fff !important;
    width: 95%;
}.navbar .navbar-nav  .dropdown .dropdown-item:active{
    background-color: #203366;
    color: #fff !important;
    width: 95%;
}
.top-bar .top-bar .top-social{
padding-top: 2%;
}
.top-bar .top-bar .top-social span{
padding-left: 2%;
cursor: pointer;
}
.top-bar .top-bar .top-social span:hover img{
transform: scale(1.1);
transition-duration: 0.6s;
}
.top-bar .top-bar{
padding:5px 0;
}
.top-bar .top-bar h6, a{
font-size: 14px;
color: #fff;
}
.navbar .nav-btn img{
    width: 8%;
}
.navbar .nav-btn{
    border-radius: 0px 50px 50px 50px;
    background-color: #318cc5;
    border-color: #318cc5;
    padding: 1% 1%;
    font-size: 15px;
    font-weight: 700;
    /*width: 30%;*/
    text-transform: uppercase;
    text-shadow: 1px 2px rgba(0,0,0, 0.4);
    animation: blink 2s linear infinite;
    color: #fff;
}
    @keyframes  blink {
            50% {
                opacity: 0;
            }
             80% {
                opacity: .5;
            }
    }
.navbar .nav-btn:hover{
    background-color: #1796d3;
    border-color: #1796d3;
    color: #fff;
}

/* navbar section end */






/* Banner slider start */
/*.banner{*/
/*    position: relative;*/
/*}*/

.banner-slider{
    color: #fff;
}
.banner-sec .banner-image-one{
   background: url('../assets/banner/banner1.jpg')no-repeat;
   background-position: center;
   background-size: cover;
   padding: 11% 0;
}
.banner-sec .banner-image-two{
    background: url('../assets/banner/banner_01.jpg')no-repeat;
    background-position: center;
    background-size: cover;
    padding: 11% 0;
}
.banner-sec .banner-image-three{
    background: url('../assets/banner/banner_03.jpg')no-repeat;
   background-position: center;
   background-size: cover;
   padding: 11% 0;
}
.banner-sec .content{
    padding: 2%;
}
.banner-sec .content h1{
    font-size: 55px;
    font-weight: 600;
    color: #085873;
}
.banner-sec .content p{
   padding: 2% 0;
   font-size: 16px;
   font-weight: 400;
}
.banner-sec .slick-dots{
    bottom:0;
}
.banner-sec .slick-dots li button:before{
   line-height: 0;
   color: #1796d3;
   opacity: 1;
   font-size: 15px;
}
.banner-sec .slick-dots li button:after{
  color: #1796d3;
}
.banner-sec .slick-next{
    right: 15px;
    font-size: 25px;
    padding: 10% 5%;
    z-index: 100;
}
.banner-sec .slick-prev
{
    padding: 10% 5%;
    z-index: 100;
    left: 0;
    font-size: 25px;
}
.banner-sec .slick-next:before
{
    font-size: 35px;
}
.banner-sec .slick-prev:before{
    font-size: 35px;
}

.banner-sec-mob{
    color: #fff;
    text-align: center;
}

.banner-sec-mob .banner-image-one{
   background: url('../assets/banner/banner-mob-1.jpg')no-repeat;
   background-position: center;
   background-size: cover;
   padding: 15% 0;
   height: 90vh;
}
.banner-sec-mob .banner-image-two{
    background: url('../assets/banner/banner-mob-2.jpg')no-repeat;
    background-position: center;
    background-size: cover;
    padding: 15% 0;
    height: 90vh;
}
.banner-sec-mob .banner-image-three{
    background: url('../assets/banner/banner-mob-3.jpg')no-repeat;
   background-position: center;
   background-size: cover;
   padding: 15% 0;
   height: 90vh;
}
.banner-sec-mob .content{
    padding-top: 110%;
}
.banner-sec-mob .content h1{
    font-size: 30px;
    color: #085873;
    font-weight: 600;
    background-color: #000;
    opacity: 0.8;
    
    padding: 1% 6% 2% 6%;
}
.banner-sec-mob .content p{
    font-weight:400;
   font-size: 16px;
    padding-right: 10%;
    background-color: #000;
    opacity: 0.8;
    padding: 2% 6% 2% 6%;
    color: #fff;
}
.banner-sec-mob .slick-dots{
    bottom: 15px;
}
.banner-sec-mob .slick-dots li button:before{
   line-height: 20px;
   color: #1796d3;
   opacity: 1;
   font-size: 15px;
}
.banner-sec-mob .slick-dots li button:after{
  color: #1796d3;
}
.banner-sec-mob .slick-next{
    right: 25px;
    font-size: 25px;
    padding: 10% 5%;
    z-index: 100;
}
.banner-sec-mob .slick-prev
{
    padding: 10% 5%;
    z-index: 100;
    left: 0;
    font-size: 25px;
}
.banner-sec-mob .slick-next:before
{
    font-size: 25px;
}
.banner-sec-mob .slick-prev:before{
    font-size: 25px;
}

/* Banner slider End */







/* about section start */
.about{
    margin-top: 5%;
}
.about .content{
    padding: 5% 2%;
}
.about .content p{
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}
.about-banner{
    background: url('../assets/banner/about-ban.jpg')no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10% 0;
}
.about-banner .content h1{
    font-size: 55px;
    font-weight: 600;
    color: #085873;
}
.about-banner .content p{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
/*.about .img img{*/
/*  box-shadow: 0 15px 35px rgba(0,0,0,.1);*/
/*  height: 500px;*/
/*}*/
.about .headline {
    text-align: left;
}
.about .headline p{
    font-weight:400;
   font-size: 16px;
}
/* about section end */

/*horizonal form start*/

/*.free-consultation-content{*/
/*	background-color: #1796d3;*/
/*}*/
.first-form{
    background-color: #1c2a3a;
}
.free-consultation-content .sub-title {
	display: block;
	text-transform: uppercase;
	color: #093f6e;
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 14px;
}

.free-consultation-content h2 {
	margin-bottom: 0;
	/*line-height: 1.3;*/
	word-spacing: 10px;
	padding-top: 1.5%;
	font-size: 25px;
	font-weight: 500;
    animation: blink 2s linear infinite;
    color: #fff;
    text-shadow: 1px 2px rgba(0,0,0, 0.3);
    border-right: 3px solid #fff;
}
.free-consultation-content form {
	text-align: center;
}

/*.free-consultation-content form .row {*/
/*	margin-left: -10px;*/
/*	margin-right: -10px;*/
/*}*/

.free-consultation-content form .row .col-lg-6,
.free-consultation-content form .row .col-lg-12 {
	padding-left: 10px;
	padding-right: 10px;
}

.free-consultation-content form .form-group {
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}

.free-consultation-content form .form-group label {
	z-index: 1;
	display: inline-block;
	margin-bottom: 0;
	position: absolute;
	left: 15px;
	top: 12px;
	color: #093f6e;
	font-size: 17px;
	line-height: 17px;
	border-right: 1px solid #093f6e;
	padding-right: 10px;
	font-weight: 600;
}

.free-consultation-content form .form-group .form-control {
	border-radius: 0px 50px 50px;
    padding-left: 60px;
    max-height: 45px;
    line-height: 40px;
    border: 1.5px solid #1c2a3a;
}

.free-consultation-content form .form-group .nice-select {
	background-color: #f4f4f4;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	border: none;
	color: #6d7a8c;
	padding-left: 60px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	font-size: 13.5px;
	font-weight: 600;
}
.free-consultation-form{
    padding-top: 10px;
}
/*horizonal form end*/



.form-home{
     background-color: #1796d3;
    background-position: center;
    background-size: cover;
    padding: 1.5% 0 1%;
    position: relative;
    bottom:5px;
    left: 0;
    right: 0;
}
.form-home .content{
    padding: 2%;
}
.form-home h2{
    color: #fff;
    animation: blink 2s linear infinite;
    text-shadow: 1px 2px rgba(0,0,0, 0.4);
}
.form-home p{
    color: #000;
}
.form-home .form-group{
    position: relative;
}
.form-home .form-group .form-label{
    position: absolute;
    bottom: 0px;
    padding-left: 5px;
}
.form-home .form-control{
    background-color: #fff;
    border: 2px solid #1796d3;
    border-radius: 0;
    margin-bottom: 2%;
    border-radius: 0px 50px 50px 50px;
}
.form-home .common-btn{
    border-radius: 0px 50px 50px 50px;
     background-color: #1c2a3a;
}

.form-home .form-box h2{
    background-color: #fff;
    padding: 1%;
    text-align:center;
    animation:blink 2s linear infinite;
    margin-bottom: 5%;
    border-radius: 0px 50px 50px 50px;
    text-shadow: 1px 2px rgba(0,0,0, 0.4);
}
.form-home .form-box{
   border: 2px solid #999;
    padding: 4% 2.5%;
    box-shadow: 0 15px 35px rgba(0,0,0,.4);
    border-radius: 0px 50px 50px 50px;
    background: url(/assets/img/pricing_jpg.jpg)no-repeat;
    background-size:cover;
    background-position: center;
}


.form-home .form-control::placeholder{
    color: #1796d3;
    padding-left: 12%;
}
.form-home .form-control:hover{
    box-shadow: none;
}






/* skills section start */
/*.skills{*/
/*    margin-top: 5%;*/
/*}*/
.skills .box-row a{
    text-decoration: none;
}
.skills .box{
    border: 2px solid #ccc;
    border-radius: 0px 50px 50px 50px;
    color: #fff;
}
.skills .box-row .box:hover{
    /*border-radius: 0px;*/
    box-shadow: 0 15px 35px rgba(0,0,0,.3);
}
.skills .box-row .content{
    padding: 5%;
    /*background-color: #1796d3;*/
    border-radius: 0px 50px 50px;
    text-align: left;

}
.skills .box:hover .content{
    background-color: #fff;
    border-radius: 0px;
}
.skills .box-row  .content h4{
    color: #1c2a3a;
    font-weight: 500;
    font-size: 16px;
}
.skills .box:hover h4{
    
    color: #1796d3;
}
.skills .box-row .content p{
    font-size: 16px;
}
.skills .box .img{
    padding: 1%;
    padding: 2%;
    border-radius: 0px 50px 00px 00px;
  }
.skills .box .img img{
    border-radius: 0px 50px 50px 50px;
  }
.skills .box .img:hover{
    border-radius: 0px 50px 50px 50px;
}
.skills .box:hover .img img {
    /*border-radius: 0px;*/
    transform: scale(1.03);
    transition-duration: 0.6s;
}
.skills .box-row .box:hover .skills-btn {
    border-radius: 0px;
    background-color: #085873;
    border-color: #085873;
    color: #fff;
}
.skills .box-row .box .skills-btn{
    border-radius: 0px 50px 50px 50px;
    background-color: #fff;
    border-color: #fff;
    color: #085873;
}

/* skills section end */


















/* branches section start */

.our-branches{
    background: url('../assets/banner/DHT.jpg')no-repeat;
    background-size: cover;
    background-position: center;
    margin: 5% 0 0;
    color: #fff;
    padding: 5% 0;
}
.our-branches .headline{
    margin: 0;
    padding: 0 0 4%;
}
.our-branches .img1{
    background: url('../assets/location/agra.jpg')no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40% 5% 2%;
    border-radius: 15px;
    color: #fff;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
    margin-bottom: 5%;
}
.our-branches .img1:hover{
    box-shadow: 0 15px 35px rgba(0,0,0,.4);
}
.our-branches .img2{
    background: url('../assets/location/bhopal.jpg')no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40% 5% 2%;
    border-radius: 15px;
    color: #fff;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
    margin-bottom: 5%;
}
.our-branches .img2:hover{
    box-shadow: 0 15px 35px rgba(0,0,0,.4);
}
.our-branches .img3{
    background: url('../assets/location/lucknow.jpg')no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40% 5% 2%;
    border-radius: 15px;
    color: #fff;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
    margin-bottom: 5%;
}
.our-branches .img3:hover{
    box-shadow: 0 15px 35px rgba(0,0,0,.4);
}
.our-branches .img4{
    background: url('../assets/location/prayagraj.webp')no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40% 5% 2%;
    border-radius: 15px;
    color: #fff;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
    margin-bottom: 5%;
}
.our-branches .img4:hover{
    box-shadow: 0 15px 35px rgba(0,0,0,.4);
}
/* branches section end */





/* .gallery section start */
.gallery-slide .slick-list {
    z-index: 9;
  }
  .gallery-slide .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    /* padding-top: 3%; */
    z-index: 9;
  }
  .gallery-slide .slick-dots li {
    list-style: none;
    position: relative;
    font-size: 0;
    height: 8px;
    width: 8px;
    background-color: #000;
    cursor: pointer;
    opacity: 0.4;
    border-radius: 50%;
    margin: 0 5px;
  }
  .gallery-slide .slick-dots li.slick-active {
    border: 2px solid #1c72b9;
    opacity: 1;
    height: 12px;
    width: 12px;
    background-color: transparent;
    cursor: pointer;
  }
  .gallery-slide .slick-slide img {
    display: inline-block;
    opacity: 0.6;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
  }
  .gallery-slide .slick-slide img:hover {
    opacity: 1;
  }
  .gallery-slide .tpbrand-item-4 {
    text-align: center;
  }
  .gallery-slide .tpbrand-item-4 h5{
    color: #fff;
    padding: 4% 0;
  }
  /* .gallery section end */







/* why-choose section start */
.why-choose{
    background: url('../assets/banner/banner-4.jpg')no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.why-choose .choose-box{
    display: grid;
    grid-template-columns: auto auto;
    padding-bottom: 5%;
}
.why-choose .choose-box .content{
    padding-left: 2%;
}
.why-choose .choose-box .content h4{
    font-size: 16px;
    font-weight: 600;
}
.why-choose .choose-box .content p{
    font-size: 16px;
    font-weight: 400;
    padding-right: 5%;
}
/* why-choose section end */



/* form section start */
.form-section{
    background-color: #e6f3fc;
    padding: 5% 2%;
    border-radius: 0px 50px 50px;
}

.form-section .box .form{
    background-color: #fff;
    border-bottom: 3px solid #203366;
    border-top: 3px solid #203366;
    border-radius: 15px;
    height: 400px;
    padding: 6% 3%;
    transition: 0.6s;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
}
.form-section .box .form:hover{
    transition-duration: 0.6s;
    transform: scale(1.04);
}
.form-section .contact{
    background-color: #fff;
    background-position: center;
    background-size: cover;
    height: 400px;
    padding: 6% 5%;
    border-radius: 15px;
}
.form-section .contact .map{
    border-radius: 15px;
      transition: 0.6s;
}
.form-section .contact .map:hover{
    transition-duration: 0.6s;
    transform: scale(1.04);
}
.form-section .contact .img{
    display: grid;
    align-items: center;
    grid-template-columns: 20% 70%;
    margin-bottom: 2%;

}
.form-section .contact h5{
    text-decoration: none;
    color: #fff;
}
.form-section .contact p{
    font-weight:400;
   font-size: 16px;
    color: #fff;
}
.form-section .form h4{
   padding-bottom: 5%;
}
.form-section .form .form-control{
   margin: 20px 0;
   box-shadow: none;
   padding: 2%;
}
.form-section .form .form-select{
   box-shadow: none;
}
/* form section end */



/* gallery section start */
.gallery-section{
    background: linear-gradient( 180deg, rgba(255, 255, 255, 1) 0%, rgb(43 137 195) 50%, rgba(255, 255, 255, 1) 100% );
}
.gallery-section .gall .rslt-img img{
    width: 100%;
    padding: 1.5%;
    margin: 2%;
     box-shadow: 0 15px 35px rgba(0,0,0,.1);
    transition: 0.6s;
    border-radius: 0px 50px 50px;
}
.gallery-section .gall .rslt-img img:hover{
     box-shadow: 0 15px 35px rgba(0,0,0,.6);
    transform: translate(1.06);
    transition: 0.6s;
}
.gallery-section .gallery{
    padding-bottom: 2%;
}
.gallery-section .box-video{
    margin-bottom: -15%;
}
.gallery-section .gallery .gallery-item{
    margin: 8px;
    border: 10px solid transparent;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
    transition: 0.6s;
}
.gallery-section .gallery .gallery-item img{
    width: 100%;
}
.gallery-section .gallery .gallery-item img:hover{
  transform: scale(1.02);
  transition-duration: 0.6s;
  box-shadow: 0 15px 35px rgba(0,0,0,.4);
}
/* gallery section end */











/* team members section start */
.team-doctor .headline{
    text-align: left;
}
.team-doctor .team{
    border: 3px solid transparent;
    border-bottom: 3px solid  #1796d3;
    border-top: 3px solid #1796d3;
    border-radius: 15px;
    transition: .6s;
    margin-bottom: 5%;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
    /* box-shadow: 5px 5px #ececec; */
    
}
.team-doctor .team:hover{
    transition-duration: 0.6s;
    transform: scale(1.04);
}
.team-doctor .team .img img{
    width: 100%;
}
.team-doctor .team .content{
   padding: 8% 0;
}
/* team members section end */






/* testimonials section start */

.testimonial .review .review-item .img{
    background-color: #fff;
    padding: 2%;
    border: 1px solid #eee;
    width: 20%;
    border-radius: 50%;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
    position: relative;
    bottom: -25px;
    left: 50px;
}

.testimonial .review .review-item .revs{
            min-height: 100px;
            max-height: 100px;
            overflow-y: auto;
        }
        .revs::-webkit-scrollbar {
          width: 5px;
          height: 2rem;
        }
        .revs::-webkit-scrollbar-button {
           background: #ccc;
           height: 0;
        }
        .revs::-webkit-scrollbar-track-piece {
           background: #aaa;
        }
        .revs::-webkit-scrollbar-thumb {
           background: #0dafff;
           height: 2px;
        }
.testimonial .review .review-item h5{
   font-size: 15px;
}
.testimonial .review .review-item span{
   font-size: 12px;
   margin:0;
   padding: 0;
   padding-left: 25%;
}


.slick-dotted .slick-slider{
    margin-bottom: 0;
}


.testimonial .content{
    background-color: #fff;
    padding:  8% 2%;
    border: 1px solid #ccc;
    /*border-radius: 15px;*/
    margin-left: 6%;
    box-shadow: 0 15px 35px rgba(0,0,0,.3);
    height: 240;
}
.testimonial .content p{
   line-height: 25px;
   font-weight:400;
   font-size: 15px;
   font-style: italic;
   height: 130px;
}
/* testimonials section end */









/* -------  Contact page start ------- */


.calls {
    padding: 0 0 10% 0;
    margin: 0;
}
.calls .content {
    padding: 5%;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
    margin: 5px;
    text-align: center;
    height: 230px;
    padding: 5%;
    transition: 0.6s;
}
.calls .content:hover {
    box-shadow: 0 15px 35px rgba(0,0,0,.4);
    transform: scale(1.02);
    transition-duration: 0.6s;
}
.calls .content h5 {
   padding: 4% 0 5%;
   font-size: 18px;
}
.calls .content p {
   color: #203366;
   font-size: 18px !important;
   font-weight: 500;
}
.calls .content a {
   color: #203366;
   font-size: 20px;
}
.calls .content a:hover {
   color: #000;
}
.calls .content img {
   width: 20%;
}
.calls .social img{
    width: 60%;
}
.calls-action{
    background: url('../assets/banner/call-to.jpg')no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5% 0;
    margin-top: 5%;
    color: #fff;
}
.calls-action .content span{
    color: #ccc;
}
.calls-action .content p{
    padding-top: 2%;
    font-weight:400;
   font-size: 16px;
}
.calls-action .headline{
    text-align: left;
}

.contact .box .form h2{
    animation: blink 2s linear infinite;
    background-color: #e6f3fc;
    padding: 1% 0;
    color: #203366;
    font-weight: 600;
    text-shadow: 1px 2px rgba(0,0,0, 0.4);
    font-size: 30px;
}
/* -------  Contact page end ------- */







/* social-icon section start */
.social-icon{
    display: none;
}
.social-icon .icon-box{
    background-color: #1796d3;
    width: 4%;
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 10;
    transform: translateY(-50%);
}
.social-icon .icon-box:hover{
   border-radius: 0px 20px 20px 0px;
}
.social-icon .icon-box .box{
    padding: 10px 5px 10px 10px;
    cursor: pointer;
}
.social-icon .icon-box .box:hover{
    border-bottom: 2px solid #ccc;
    padding: 10px 5px 10px 10px;
}
.social-icon .icon-box img{
   width: 70%;
}
.slick-dotted.slick-slider{
    margin-bottom: 0 !important;
}
/* social-icon section end */



/* about page sections start */

.about-details .content{
    padding-right: 5%;
    padding-bottom: 5%;
}
.about-details .img{
    padding-bottom: 5%;
}
.about-details .img img{
    border-radius: 15px;
    width: 100%;
}

.why-us{
    margin-top: 5%;
}
.why-us .content{
    padding-right: 5%;
    padding-bottom: 5%;
}
.why-us .img{
    padding-bottom: 5%;
}
.why-us .img img{
    border-radius: 15px;
    width: 100%;
}


.clinic-slider{
    background: url('../assets/banner/slider-banner.jpg')no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2% 0;
    margin: 5% 0;
}
.clinic-image .clinic-item img{
    width: 100%;
    height: 300px;
    margin: 0% 0 10%;
}
.clinic-image .clinic-item{
    padding: 0px 5px 5px;
}
.clinic-slider .headline{
    margin-bottom: 0;
    color: #fff;
}

.clinic-slider .slick-dots li.slick-active button:before{
    color: #fff;
    opacity: 1;
}
.clinic-slider .slick-next:before, .slick-prev:before{
    font-size: 25px;
}
/* about page sections end */






/* faq section start */
.faq{
    margin-bottom: 5%;
}
.faq img{
    border-radius: 0px 50px 50px 50px;
}
/* faq section end */




































/* footer section start */
.footer{
    /*background-color: #1a365d;*/
    background-color: #f0f8ff;
    background-size: cover;
    background-position: center;
    padding: 2% 0 1%;
}
.footer .footer-top .logo{
    /*margin-top: -25px;*/
    margin-left: -30px;
}
.footer .footer-top .logo img{
    width: 90%;
}
.footer .footer-top .divider{
    height: 2px;
    background-color: #318cc5;
     margin-left: -10%;
    margin-bottom: 14%;
}
.footer .footer-top .links h4 {
    color: #0c4776;
    font-weight: 700;
    margin-left: -10%;
}
.footer .footer-top .links .useful-link span{
    padding-top: 3%;
    padding-left: 3%;
    font-size: 16px;
    font-weight: 400;
    color: #1f507b;
}
.footer .footer-top .links .useful-link p{
     font-size: 16px;
    font-weight: 400;
    color: #1f507b;
}
.footer .footer-top .links .useful-link .place a{
    padding-left: 2%;
}
.footer .footer-top .links .useful-link span:hover{
    color: #208bca;
    
}
.footer .footer-top .content p{
    color: #1f507b;
    font-size: 16px; 
    line-height: 30px;
    padding-top: 7%;
    font-weight: 400;
}
.footer .footer-top .links .useful-link{
    margin-left: -15%;
}
.footer .footer-top .links .social{
    padding-left: 20px;
    padding-top: 10%;
}
.footer .footer-top .links .social a{
    padding-left: 2%;
}
.footer .footer-top .links ul, li, a {
    color: #fff;
    /*line-height: 30px;*/
    text-decoration: none;
    cursor: pointer;
    transition: 0.5s;
    /*padding-bottom: 5%;*/
}
.footer .footer-top .links ul, li, a:hover {
    color: #203366;
}
.footer .footer-top .links ul {
    /*list-style-image: url('../assets/fast-forward.png');*/
    list-style: none;
    margin-left: -20%;
}
.footer-bottom{
    display: grid;
    grid-template-columns: 30% 40% 30%;
    align-items: center;
    text-align: center;
    color: #fff;
}
.footer-bottom  h6{
   font-size: 12px;
   color: #0c4776;
}
.footer-bottom  span{
   font-size: 16px;
   color: #043057;
   font-weight: 600;
}
.footer-map{
    border:3px solid #fff;
    margin-left: -20px;
}
/* footer section end */