@charset "utf-8";
*::after{box-sizing: border-box;
        }
  
html {scroll-behavior: smooth;
    }

.fixed-head {  position: fixed;
    background: #fff;
    width: 100%;
    z-index:9;
}


.error {
	position: relative;
	margin-top: -3%;
	color: red;
	float: left;
	text-align: left;
}

#form2 .error, #form3 .error, #foot_form .error{margin: 0;}

#click_form     {width:40%;
                 display:none;
                 margin-left:30%;
                 margin-top:100px;
                 position:fixed;
                 background:white;
                 z-index:2;
                 padding:30px 2%;
                 box-shadow: 1px -1px 56px -5px rgba(0,0,0,0.61);
                  -webkit-box-shadow: 1px -1px 56px -5px rgba(0,0,0,0.61);
                  -moz-box-shadow: 1px -1px 56px -5px rgba(0,0,0,0.61);}

.cross_icon       {position: absolute;
                  font-size:2.5vw;
                   float:right;
                   margin-left:85%;}

#click_form h2    {text-align: center;}

#click_form input  {border-radius:50px; margin-bottom: 20px;
                    }

.click_form_button  {width:80%;
                     margin-left:10%;
                     background: #922326;
                     color:white;
                     border:none;
                     padding:8px;
                     margin-top:15px;
                     border-radius:50px;}

nav     {position: fixed;
         width:100%;
         z-index:1;
         min-height:90px;
         background:white;
         padding:20px 5%;
         box-shadow: -4px 26px 57px -8px rgba(0,0,0,0.48);
        -webkit-box-shadow: -4px 26px 57px -8px rgba(0,0,0,0.48);
        -moz-box-shadow: -4px 26px 57px -8px rgba(0,0,0,0.48);}
        

nav img    {width:20%;
            }

.nav_buttons    {width:auto;
                 float:right;
                 }

.nav_btn1       {background:transparent;
                 border:2px solid #AE393F;
                 color: #AE393F;
                 padding:8px 14px;
                 }

.nav_btn1:hover {background:#AE393F;
                 border:2px solid #AE393F;
                 color: white;
                 padding:8px 14px;
                 }

.nav_btn2 {
	background: #AE393F;
	border: 2px solid #AE393F;
	color: white;
	padding: 9px 14px;
	transition-duration: 0.4s;
	text-decoration: none;
}

.nav_btn2:hover {background:transparent;
                 border:2px solid #AE393F;
                 color:#AE393F;
                 padding: 9px 14px;
                 }

header           {
    /*background-image:url(images/plan_header.jpg);*/
                  /*padding:150px 5% 0px 5%;*/
	              padding-top:160px;
	              padding-bottom: 40px;
                  background-size:100% 100%;
                  background:#AE393F;

    
}

.head_text        {text-align:left;
                  padding-bottom:40px;}

.docter_img       {display:block;
                  width:100%;

                  bottom:0px;}

.head_form        {text-align:left;}

header h2         {color: white;
                   /* width:70%; */
                   font-weight:500;
                   font-family: 'Poppins', sans-serif;}

header h4         {color: #FFFADD;
                   font-weight:500;
                   margin-top:5vh;
                   font-family: 'Poppins', sans-serif;}

/*.form               {background:white;
                     opacity:1;
                     float:right;
                     margin-top:0px;
                     /* max-width:70%; *
                     padding:60px 5%;
                     border-radius:50px;
                     /* animation: up_down 2s linear 0.5s infinite; *
                    }*/
.form {
	background: white;
	opacity: 1;
	float: right;
	margin-top: 0px;
	/* max-width: 70%; */
	padding: 32px 5%;
	border-radius: 16px;
	/* animation: up_down 2s linear 0.5s infinite; */
}

/* @keyframes up_down  {

  0% {transform:translatey(0px);}

  50% {transform:translatey(30px);}

  100% {transform:translatey(0px);}


}  */

.form form          {opacity:1;}

.form form input         {background:white;
                          margin-top:20px;}

header .form h3      {color: #AE393F;
                     opacity:1;
                     font-weight:500;
                     font-family: 'Poppins', sans-serif;}

header form button  {width:100%;
                     background: #AE393F;
                     color:white;
                     padding:5px;
                     border:none;
                     margin-top:30px;
                     border-radius:20px;}

/*========================================================================= header part end ============================================================================*/
.head{
	padding: 2% 0;
}


#counters{text-align: center;
         display: flex;
         align-items: center;
         justify-content: center;
         padding:0px;
         width: 100%;
}

.count_num      {width:80%;
                 margin-left:10%;}

#counters .item{background: #fff;
                width:25%;
                padding: 35px 40px;
                margin:0px;
                text-align: center;
                border:1px solid black;
                }

#counters .item .count{color: #AE393F;
                       margin-bottom: 5px;
                       font-size:16px;}

#counters .item h3{color:#E1C14E;
                   text-transform: capitalize;
                   font-family: 'Poppins', sans-serif;} 


/* ---------------------------------- */
/* 
#counters .item1{background: #fff;
  width:25%;
  padding: 35px 40px;
  margin:0px;
  text-align: center;
  border:1px solid black;
  }

#counters .item1 .count{color: #AE393F;
         margin-bottom: 5px;
         font-size: 40px;
      }

#counters .item1 h3{color:#E1C14E;
     text-transform: capitalize;
     font-family: 'Poppins', sans-serif;} 


  /* ----------------------------------- */

  #counters .item2{background: #fff;
    width:25%;
    padding: 35px 40px;
    margin:0px;
    
    text-align: center;
    border:1px solid black;
    }

#counters .item2 .count{color: #AE393F;
           margin-bottom: 5px;
           
        }

#counters .item2 h3{color:#E1C14E;
       text-transform: capitalize;
       font-family: 'Poppins', sans-serif;} 

/* --------------------------------------- */

#counters .item3{background: #fff;
        width:25%;
        padding: 35px 40px;
        margin:0px;
        text-align: center;
        border:1px solid black;
        }
        


#counters .item3 .count{color: #AE393F;
               margin-bottom: 5px;
               
            }

#counters .item3 h3{color:#E1C14E;
           text-transform: capitalize;
           font-family: 'Poppins', sans-serif;}  
/*======================================================================= counters css end ==========================================================================*/

 #gallery        {padding:50px 0px 50px 0px;
                 background:#FFCC70;}
                
 #gallery h1      {color:#922326;
                   font-weight:700;
                   text-align: center;
                   padding:30px 10px;}

#carouselExample1 {width:50%;
                   margin-left:25%;}

.gallery_carousel img   {width:100%;}

/*div#carousel {perspective: 1200px; */
/*              font-size:0; */
/*              margin-bottom: 3rem; */
/*              overflow: hidden; */
/*                }*/

/*figure#spinner {transform-style: preserve-3d; */
/*                transform-origin: 50% 50% -500px; */
/*                transition: 1s; */
/*                height: 300px;*/
/*                position: relative;*/
/*                } */
                

/*element.style {*/
   
/*}*/

/*figure#spinner img {width: 40%; max-width: 425px; */
/*                        position: absolute; left: 30%;*/
/*                        transform-origin: 50% 50% -500px;*/
/*                        outline:1px solid transparent; */
/*                      }*/

/*figure#spinner img:nth-child(1) { transform:rotateY(0deg); }*/
/*figure#spinner img:nth-child(2) { transform: rotateY(-45deg); }*/
/*figure#spinner img:nth-child(3) { transform: rotateY(-90deg); }*/
/*figure#spinner img:nth-child(4) { transform: rotateY(-135deg); }*/
/*figure#spinner img:nth-child(5){ transform: rotateY(-180deg); }*/
/*figure#spinner img:nth-child(6){ transform: rotateY(-225deg); }*/
/*figure#spinner img:nth-child(7){ transform: rotateY(-270deg); }*/
/*figure#spinner img:nth-child(8){ transform: rotateY(-315deg); }*/
/*div#carousel ~ span {color: #fff; */
/*                    margin: 5%; */
/*                    display: inline-block; */
/*                    text-decoration: none; */
/*                    font-size: 2rem; */
/*                    transition: 0.6s color; */
/*                    position: relative; */
/*                    margin-top: -6rem; */
/*                    border-bottom: none; */
/*                    line-height: 0; }*/

/*.ss-icon       {top:40%;*/
/*                  position: absolute;*/
/*                      }*/

/*   .ss-icon_right       {right:5%}*/

/*  .ss-icon_left       {left:5%}*/

/*div#carousel ~ span:hover { color: #888; cursor: pointer; } */

/* ================================================================================ gallery css end ======================================================================= */

#Client_testimonial   {width:100%;
                       overflow: hidden;
                       padding-top:20px;
                       padding-bottom:50px;
                       }

#Client_testimonial h1  {text-align: center;
                         padding:20px}
                         

.video_button         {padding-bottom:40px;}

.video_button button {
                      height: 40px;
                      top:40px;
                      color: #fff;
                      padding: 10px 15px 10px 15px;
                      font-weight: bold;
                      cursor: pointer;
                      transition: all 0.3s ease;
                      position: relative;
                      display: inline-block;
                      outline: none;
                      border-radius: 5px;
                      border: none;
                      box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
                      background: #FFCC70;
                      z-index: 1;
}

/*#container {width: 100vw;*/
/*            margin: 0;*/
/*            padding: 0;*/
/*            display: grid;*/
/*            place-items: center;*/
/*          }*/

/*#slider-container {height: 300px;*/
/*                  width: 85vw;*/
/*                  max-width: 1400px;*/
/*                  position: relative;*/
/*                  overflow: hidden;*/
/*                  padding: 20px;*/
/*                }*/

/*#slider-container .btn {position: absolute;*/
/*                        top: calc(50% - 30px);*/
/*                        height: 30px;*/
/*                        width: 30px;*/
/*                        border-left: 8px solid pink;*/
/*                        border-top: 8px solid pink;*/
/*                      }*/



/*#slider-container .btn:first-of-type {*/
/*  transform: rotate(-45deg);*/
/*  left: 10px;*/
/*}*/

/*#slider-container .btn:last-of-type {*/
/*  transform: rotate(135deg);*/
/*  right: 10px;*/
/*}*/

/*#slider-container #slider {*/
/*  display: flex;*/
/*  width: 1000%;*/
/*  height: 100%;*/
/*  transition: all 0.5s;*/
/*}*/

/*#slider-container #slider .slide {*/
/*  height: 80%;*/
/*  margin: auto 10px;*/
/*  display: grid;*/
/*  place-items: center;*/
/*}*/

/*#slider-container #slider .slide span {*/
/*  color: white;*/
/*  font-size: 150px;*/
/*}*/

/*@media only screen and (min-width: 1100px) {*/
/*  #slider-container #slider .slide {*/
/*    width: calc(2.5% - 20px);*/
/*  }*/
/*}*/

/*@media only screen and (max-width: 1100px) {*/
/*  #slider-container #slider .slide {*/
/*    width: calc(3.3333333% - 20px);*/
/*  }*/
/*}*/

/*@media only screen and (max-width: 900px) {*/
/*  #slider-container #slider .slide {*/
/*    width: calc(5% - 20px);*/
/*  }*/
/*}*/

/*@media only screen and (max-width: 550px) {*/
/*  #slider-container #slider .slide {*/
/*    width: calc(10% - 20px);*/
/*  }*/
/*}*/


/*========================================================================= Client_testimonial css end======================================================================= */

#booking        {width:100%;
                 display: flex;
                 text-align: center;
                 box-shadow: -1px 0px 18px 7px rgba(0,0,0,0.35);
                -webkit-box-shadow: -1px 0px 18px 7px rgba(0,0,0,0.35);
                -moz-box-shadow: -1px 0px 18px 7px rgba(0,0,0,0.35);}

.booking_img    {width:50%;
                }

.booking_img img    {width:100%;}

.booking_form   {width:50%;
                margin-top:100px;
                 padding:30px 5%;}

.booking_form h1 {font-weight:600;
                  color: #AE393F;
                  font-family: 'Poppins', sans-serif;}

.booking_form form  {padding:40px 4%;
                     border:1px solid black;
                     min-height:320px;
                     border-radius:20px;}

.booking_form input    {margin-top:10px;
                        border-radius:10px;}

.booking_btn_1{min-width:100%;
              height: 40px;
              top:30px;
              color: #fff;
              padding: 5px 10px;
              font-weight: bold;
              cursor: pointer;
              transition: all 0.3s ease;
              position: relative;
              display: inline-block;
              outline: none;
              border-radius: 5px;
              border: none;
              box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
              background: #AE393F;
              z-index: 1;
              }

.booking_btn_1:hover:after {width: 100%;
                            left: 0;
                            }

.booking_btn_1:after {border-radius: 5px;
                      position: absolute;
                      content: "";
                      width: 0;
                      height: 100%;
                      top: 0;
                      z-index: -1;
                      box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
                      transition: all 0.3s ease;
                      background-color: #ef233c;
                      right: 0;
                      }

.booking_btn_1:active {top: 2px;
                      }


.booking_btn_2 {min-width:100%;
                height: 40px;
                top:40px;
                color: #fff;
                padding: 5px 10px;
                font-weight: bold;
                cursor: pointer;
                transition: all 0.3s ease;
                position: relative;
                display: inline-block;
                outline: none;
                border-radius: 5px;
                border: none;
                box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
                background: #FFCC70;
                z-index: 1;
              }

  .booking_btn_2:hover:after {width: 100%;
                              left: 0;
                            }

  .booking_btn_2:after {border-radius: 5px;
                        position: absolute;
                        content: "";
                        width: 0;
                        height: 100%;
                        top: 0;
                        z-index: -1;
                        box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
                        transition: all 0.3s ease;
                        background-color: #ffe566;
                        right: 0;
                      }

  .booking_btn_2:active {top: 2px;
                                  }

/*================================================================================== booking css end ==================================================================*/

#personal_details   {Width:100%;
                     height: auto;
                     display:flex;
                     background:#FFCC70;}


.dr_img             {width:50%;
                     }

.dr_img img         {width:100%;
                     }



.dr_details         {width:50%;
                     padding:80px 10% 50px 0px;
                    background:#FFCC70;}

.dr_details h1      {color:#922326;
                     font-weight:600;
                     font-family: 'Poppins', sans-serif;}

/*============================================================================ personal_details css end ===============================================================*/

#advanced_transplant    {padding:20px 10%;}

#advanced_transplant h1  {text-align: center;
                        color:#922326;
                          font-weight:600;
                          font-family: 'Poppins', sans-serif;}

.hair_heading               {color:#5E5951; 
                             width:30%; 
                             margin-left:5%;
                             font-size:2vw;
                             text-align: center;
                             font-weight:600;}

.advanced-container         {width: 100%;
                             border:2px solid #922326;
                             padding:20px 5%;
                             text-align: left;
                             border-radius:10px;}

.transplant_line            {width:100%;
                              display:flex;}

.traditional                {border-radius:50px;
                             border:2px solid #922326;
                             width:30%;
                             margin-left:5%;
                             padding:5px;
                             margin-top:15px;
                             text-align: center;}

.transplan_name              {text-align: left;
                              color: #000000;
                              width:30%;
                              padding:10px;
                              margin-top:10px;
                              font-weight:500;
                              font-family: 'Poppins', sans-serif;}
                              

.advanced                    {background:#FFCC70;
                              border-radius:50px;
                              padding:5px;
                              color:white;
                              width:30%;
                              margin-left:5%;
                               text-align: center;
                               margin-top:10px;}

/*=================================================================== advanced_transplant css end =====================================================================*/

#stories                      {width:100%;
                               padding:50px 10%;
                               }

.carousel-control-prev        {margin-left:-75px;}

.carousel-control-prev img    {width:80%;}

.carousel-control-next        {margin-right:-75px;}

.carousel-control-next img    {width:80%;}

.stories_imgs                 {width:50%;
                               margin-left:25%;}


#stories h1                   {text-align: center;
                               color:#922326;
                               font-weight:600;
                               padding:10px;
                               font-family: 'Poppins', sans-serif;}

/*========================================================================= stories css end ===========================================================================*/


#interior_imgs        {padding:50px 0px 50px 0px;
  height: auto;
 background:#FFCC70;}

#interior_imgs h1      {color:#922326;
   font-weight:700;
   text-align: center;
   padding:30px 10px;}

#carouselExampleinterior {width:50%;
                      margin-left:25%;}

.gallery_carousel img   {width:100%;}


/*==============================================================================interior_imgs css end===================================================================================*/
                

footer                        {background:#F1E8E9;
                               padding:40px 5%;}

footer img                    {width:50%;
                               }

footer table                   {margin-top:20px;}

footer h3                     {color:#EF3125;
                               font-weight:600;
                               margin-top:20px;
                                font-family: 'Poppins', sans-serif;}

footer td                     {margin-left:25px;}                                

.foot_form                    {background:#F9F6F6;
                               width:80%;
                               left: 10%;
                               border:1px solid black;
                               border-radius:20px;
                               padding:25px 25px;}

.foot_icon                      {font-size:1.8vw;}

.foot_form input                {width:100%;
                                 background:white;
                                 opacity:1;
                                 margin-top:10px;}

.foot_form button{width:100%;
                  height: 40px;
                  color: #fff;
                  padding: 5px 10px;
                  font-weight: bold;
                  cursor: pointer;
                  transition: all 0.3s ease;
                  display: inline-block;
                  outline: none;
                  overflow: hidden;
                  border-radius: 5px;
                  border: none;
                  margin-top:50px;
                  background-color: #ffe566
}

.foot_form button:hover {border-radius: 5px;
                          padding-right: 24px;
                          padding-left:8px;
                        }

.foot_form button:hover:after {opacity: 1;
                              right: 10px;
                            }

#copyright                    {background: #EF3125;
                               padding:8px 5%;
                               color:white;}



/*========================================================================== Extra large screen ke liye =================================================================*/

@media only screen and (max-width:1200px){


  #booking        {width:100%;
    display: flex;
    text-align: center;
    box-shadow: -1px 0px 18px 7px rgba(0,0,0,0.35);
   -webkit-box-shadow: -1px 0px 18px 7px rgba(0,0,0,0.35);
   -moz-box-shadow: -1px 0px 18px 7px rgba(0,0,0,0.35);}


.booking_img    {width:50%;
  }

.booking_img img    {width:100%;}

.booking_form   {width:50%;
  margin-top:10px;
   padding:10px 5%;}

.booking_form h1 {font-weight:600;
    color: #AE393F;
    font-family: 'Poppins', sans-serif;}

.booking_form form  {padding:40px 4%;
       border:1px solid black;
       min-height:320px;
       border-radius:20px;}

.booking_form input    {margin-top:10px;
          border-radius:10px;}

.booking_btn_1{min-width:100%;
height: 40px;
top:30px;
color: #fff;
padding: 5px 10px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
outline: none;
border-radius: 5px;
border: none;
box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
background: #AE393F;
z-index: 1;
}

.booking_btn_1:hover:after {width: 100%;
              left: 0;
              }

.booking_btn_1:after {border-radius: 5px;
        position: absolute;
        content: "";
        width: 0;
        height: 100%;
        top: 0;
        z-index: -1;
        box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
        transition: all 0.3s ease;
        background-color: #ef233c;
        right: 0;
        }

.booking_btn_1:active {top: 2px;
        }


.booking_btn_2 {min-width:100%;
  height: 40px;
  top:40px;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 5px;
  border: none;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
  background: #FFCC70;
  z-index: 1;
}

.booking_btn_2:hover:after {width: 100%;
                left: 0;
              }

.booking_btn_2:after {border-radius: 5px;
          position: absolute;
          content: "";
          width: 0;
          height: 100%;
          top: 0;
          z-index: -1;
          box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
          transition: all 0.3s ease;
          background-color: #ffe566;
          right: 0;
        }

.booking_btn_2:active {top: 2px;
                    }

/*================================================================================== booking css end ==================================================================*/

#personal_details   {Width:100%;
       height: auto;
       display:flex;
       flex-direction: column;}


.dr_img             {width:60%;
       }

.dr_img img         {width:100%;
       }



.dr_details         {width:100%;
                    padding:20px 5% 50px 5%;
                    background:#FFCC70;}

.dr_details h1      {color:#922326;
       font-weight:600;
       font-family: 'Poppins', sans-serif;}

/*============================================================================ personal_details css end ===============================================================*/

#stories                      {width:100%;
  padding:50px 10%;
  }

.carousel-control-prev        {margin-left:0px;}

.carousel-control-prev img    {width:80%;}

.carousel-control-next        {margin-right:0px;}

.carousel-control-next img    {width:80%;}

#stories h1                   {text-align: center;
  color:#922326;
  font-weight:600;
  padding:10px;
  font-family: 'Poppins', sans-serif;}

/*========================================================================= stories css end ===========================================================================*/

}

@media only screen and (max-width:900px){
    
#interior_imgs        {padding:50px 0px 50px 0px;
                        background:#FFCC70;}
 
 
#interior_imgs h1      {color:#922326;
                    font-weight:700;
                    text-align: center;
                    padding:30px 10px;}
 
#carouselExampleinterior {width:80%;
                    margin-left:10%;}
 
 .gallery_carousel img   {width:100%;}

  .cross_icon       {position: absolute;
                  font-size:2.5vw;
                   float:right;
                   margin-left:85%;}
.cross_icon       {position: absolute;
                  font-size:5vw;
                   float:right;
                   margin-left:85%;}
/* #counters{text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction:column;
        padding:0px;
        width: 100%;
}

#counters .item{background: #fff;
               width:25%;
               min-width:250px;
               padding: 35px 40px;
               margin: 10px;
               text-align: center;
               border-radius: 20px;
               }  */

               #booking        {width:100%;
                display: flex;
                text-align: center;
                box-shadow: -1px 0px 18px 7px rgba(0,0,0,0.35);
               -webkit-box-shadow: -1px 0px 18px 7px rgba(0,0,0,0.35);
               -moz-box-shadow: -1px 0px 18px 7px rgba(0,0,0,0.35);}
               
               
 #carouselExample1 {width:80%;
                    margin-left:10%;}
 


  #booking        {width:100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    box-shadow: -1px 0px 18px 7px rgba(0,0,0,0.35);
   -webkit-box-shadow: -1px 0px 18px 7px rgba(0,0,0,0.35);
   -moz-box-shadow: -1px 0px 18px 7px rgba(0,0,0,0.35);}


.booking_img    {width:80%;
                 margin-left:10%;
  }

.booking_img img    {width:100%;}

.booking_form   {width:80%;
   margin-left:10%;
  margin-top:0px;
   padding:10px 5%;}

.booking_form h1 {font-weight:600;
    color: #AE393F;
    font-family: 'Poppins', sans-serif;}

.booking_form form  {padding:40px 4%;
       border:1px solid black;
       min-height:320px;
       border-radius:20px;}

.booking_form input    {margin-top:10px;
          border-radius:10px;}

.booking_btn_1{min-width:100%;
height: 40px;
top:30px;
color: #fff;
padding: 5px 10px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
outline: none;
border-radius: 5px;
border: none;
box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
background: #AE393F;
z-index: 1;
}

.booking_btn_1:hover:after {width: 100%;
              left: 0;
              }

.booking_btn_1:after {border-radius: 5px;
        position: absolute;
        content: "";
        width: 0;
        height: 100%;
        top: 0;
        z-index: -1;
        box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
        transition: all 0.3s ease;
        background-color: #ef233c;
        right: 0;
        }

.booking_btn_1:active {top: 2px;
        }


.booking_btn_2 {min-width:100%;
  height: 40px;
  top:40px;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 5px;
  border: none;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
  background: #FFCC70;
  z-index: 1;
}

.booking_btn_2:hover:after {width: 100%;
                left: 0;
              }

.booking_btn_2:after {border-radius: 5px;
          position: absolute;
          content: "";
          width: 0;
          height: 100%;
          top: 0;
          z-index: -1;
          box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
          transition: all 0.3s ease;
          background-color: #ffe566;
          right: 0;
        }

.booking_btn_2:active {top: 2px;
                    }

/*================================================================================== booking css end ==================================================================*/
#stories                      {width:100%;
                                /*padding:50px 10%;*/
                                padding: 10PX !important;}

.carousel-control-prev        {margin-left:0px;}

.carousel-control-prev img    {width:100%;}

.carousel-control-next        {margin-right:0px;}

.carousel-control-next img    {width:100%;}

#stories h1                   {text-align: center;
  color:#922326;
  font-weight:600;
  padding:10px;
  font-family: 'Poppins', sans-serif;}

/*========================================================================= stories css end ===========================================================================*/


}

@media (max-width:768px){
    
    .stories_imgs                 {width:100%;
                               margin-left:0%;}

    
    
figure#spinner img {width:70%; max-width:525px; 
         position: absolute; left:15%;
         transform-origin: 50% 50% -500px;
         outline:1px solid transparent; 
       }
}

@media (max-width:800px) and (min-width:768px){
    
    .stories_imgs                 {width:100%;
                               margin-left:0%;}



  nav     {position: fixed;
            width:100%;
            z-index:1;
            justify-content: center;
            min-height:90px;
            background:white;
            padding:20px 5%;
            box-shadow: -4px 26px 57px -8px rgba(0,0,0,0.48);
          -webkit-box-shadow: -4px 26px 57px -8px rgba(0,0,0,0.48);
          -moz-box-shadow: -4px 26px 57px -8px rgba(0,0,0,0.48);}
   

nav img    {width:40%;
            margin-left:30%;}

.nav_buttons    {
	           width: 100%;
			   margin: auto;
			   padding: 0 11%;
               margin-top:10px;
               float: none;
            }

.nav_btn1       {background:transparent;
            border:2px solid #AE393F;
            color: #AE393F;
            padding:1vh 2vw;
            transition-duration:0.4s;}

.nav_btn1:hover {background:#AE393F;
            border:2px solid #AE393F;
            color: white;
            padding:1vh 2vw;
            }

.nav_btn2       {background:#AE393F;
            border:2px solid #AE393F;
            color:white;
            padding: 7px 8px;
            transition-duration:0.4s;
	        position: relative;
    		

	
	}

.nav_btn2:hover {background:transparent;
            border:2px solid #AE393F;
            color:#AE393F;
            padding:1vh 2vw;
            }

  #click_form     {width:94%;
                 display:none;
                 margin: 0 3%;
                 margin-top:100px;
                 position:fixed;
                 background:white;
                 z-index:2;
                 padding:30px 5%;
                 box-shadow: 1px -1px 56px -5px rgba(0,0,0,0.61);
                  -webkit-box-shadow: 1px -1px 56px -5px rgba(0,0,0,0.61);
                  -moz-box-shadow: 1px -1px 56px -5px rgba(0,0,0,0.61);}

.cross_icon       {position: absolute;
                  font-size:6vw;
                   float:right;
                   margin-left:85%;}

#click_form h2    {text-align: center;}

#click_form input  {border-radius:50px;
                    margin-bottom:20px;}

.click_form_button  {width:80%;
                     margin-left:10%;
                     background: #922326;
                     color:white;
                     border:none;
                     padding:8px;
                     margin-top:15px;
                     border-radius:50px;}

  header           {background:#AE393F;

      /*background-image:url(images/plan_header.jpg);*/
                    padding:170px 2% 40px 2%; 
                    background-size:100% 100%;}

.head_text        {text-align:left;
                   min-width:300px;}

.head_form        {text-align:center;
                    width:60%;
                    margin-left:0%;}

header h2         {color: white;
                    width:100%;
                    font-weight:500;
                    font-family: 'Poppins', sans-serif;}

header h4         {color: #FFFADD;
                    font-weight:500;
                    margin-top:5vh;
                    font-size:14px;
                    font-family: 'Poppins', sans-serif;}

.form              {background:white;
                    opacity:1;
                    width:100%;
                    max-width:100%;
                    
                    margin-top:0px;
                    padding:60px 5%;
                    border-radius:50px;
                    }

.docter_img         {display:block;
                     float:left;
                     bottom:240px;
                     position: absolute;
                     width: 40% !important;
                     right: 10px;
                     margin-top: 50px !important;}


.form form          {opacity:1;}

.form form input         {background:white;
            margin-top:20px;}

header .form h3      {color: #AE393F;
       opacity:1;
       font-weight:500;
       font-family: 'Poppins', sans-serif;}

header form button  {width:100%;
       background: #AE393F;
       color:white;
       padding:5px;
       border:none;
       margin-top:30px;
       border-radius:20px;}


/*========================================================================== header css end ==========================================================================*/

#counters{text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          padding:0px;
          width: 100%;
        }

#counters .item{background: #fff;
                  width:25%;
                  padding:10px 10px;
                  margin:0px;
                  min-height:100px;
                  text-align: center;
                  border:1px solid black;
                  }

#counters .item .count{color: #AE393F;
                      margin-bottom: 5px;
                      font-size:14px; !important
                      }
                      
.count_num              {font-size:14px;}
             
#counters .item h3{color:#E1C14E;
                    text-transform: capitalize;
                      font-family: 'Poppins', sans-serif;} 

/*========================================================================== counter css end =========================================================================*/

#gallery        {padding:50px 0px 50px 0px;
                  background:#FFCC70;}
 
 
 #gallery h1      {color:#922326;
                    font-weight:700;
                    text-align: center;
                    padding:30px 10px;}
 
 #carouselExample1 {width:90%;
                    margin-left:5%;}
 
 .gallery_carousel img   {width:100%;}

/*div#carousel {perspective: 1200px; */
/*font-size:0; */
/*margin-bottom: 3rem; */
/*overflow: hidden; */
/* }*/

/*figure#spinner {transform-style: preserve-3d; */
/* transform-origin: 50% 50% -500px; */
/* transition: 1s; */
/* height:150px;*/
/* position: relative;*/
/* } */
 

/*figure#spinner img {width:70%; max-width:525px; */
/*         position: absolute; left:15%;*/
/*         transform-origin: 50% 50% -500px;*/
/*         outline:1px solid transparent; */
/*       }*/

/*figure#spinner img:nth-child(1) { transform:rotateY(0deg); }*/
/*figure#spinner img:nth-child(2) { transform: rotateY(-45deg); }*/
/*figure#spinner img:nth-child(3) { transform: rotateY(-90deg); }*/
/*figure#spinner img:nth-child(4) { transform: rotateY(-135deg); }*/
/*figure#spinner img:nth-child(5){ transform: rotateY(-180deg); }*/
/*figure#spinner img:nth-child(6){ transform: rotateY(-225deg); }*/
/*figure#spinner img:nth-child(7){ transform: rotateY(-270deg); }*/
/*figure#spinner img:nth-child(8){ transform: rotateY(-315deg); }*/
/*div#carousel ~ span {color: #fff; */
/*     margin: 5%; */
/*     display: inline-block; */
/*     text-decoration: none; */
/*     font-size: 2rem; */
/*     transition: 0.6s color; */
/*     position: relative; */
/*     margin-top: -6rem; */
/*     border-bottom: none; */
/*     line-height: 0; }*/

/*.ss-icon       {top:40%;*/
/*   position: absolute;*/
/*       }*/

/*.ss-icon_right       {right:5%}*/

/*.ss-icon_left       {left:5%}*/

/*div#carousel ~ span:hover { color: #888; cursor: pointer; } */

/* ================================================================================ gallery css end ======================================================================= */



  #advanced_transplant    {padding:20px 0%;}

  #advanced_transplant h1  {text-align: center;
                            
                          color:#922326;
                          font-weight:600;
                            font-family: 'Poppins', sans-serif;}
  
  .hair_heading               {color:#5E5951; 
                               width:30%; 
                               margin-left:5%;
                               font-size:2vw;
                               text-align: center;
                               font-weight:600;}
  
  .advanced-container         {width: 100%;
                              
                              
                               border:2px solid #922326;
                               padding:20px 4%;
                               text-align: left;
                               border-radius:10px;}
  
  .transplant_line            {width:100%;
                                display:flex;}
  
  .traditional                {border-radius:50px;
                               border:2px solid #922326;
                              
                               font-size:2.5vw;
                              
                               
                               margin-left:5%;
                               padding:0px;
                               margin-top:15px;
                               text-align: center;}
  
  .transplan_name              {text-align: left;
                                color: #000000;
                                
                                
                                padding:0px;
                                font-size:2.5vw;
                                margin-top:10px;
                                font-weight:500;
                                font-family: 'Poppins', sans-serif;}
                                
  
  .advanced                    {background:#FFCC70;
                                border-radius:50px;
                                padding:0px;
                                
                                font-size:2.5vw;
                                color:white;
                                
                               
                                margin-left:5%;
                                 text-align: center;
                                 margin-top:10px;}
  
  
  
  
 #interior_imgs        {padding:50px 0px 50px 0px;
                  background:#FFCC70;}
 
 
#interior_imgs h1      {color:#922326;
                    font-weight:700;
                    text-align: center;
                    padding:30px 10px;}
 
#carouselExampleinterior {width:90%;
                    margin-left:5%;}
 
 .gallery_carousel img   {width:100%;}
  
  /*=================================================================== advanced_transplant css end =====================================================================*/
  footer                        {background:#F1E8E9;
    padding:40px 5%;}

footer img                    {width:50%;
    }

footer table                   {margin-top:20px;}

footer h3                     {color:#EF3125;
    font-weight:600;
    margin-top:20px;
     font-family: 'Poppins', sans-serif;}

footer td                     {margin-left:25px;}                                

.foot_form                    {background:#F9F6F6;
    width:80%;
    left: 10%;
    border:1px solid black;
    border-radius:20px;
    padding:25px 25px;}

.foot_icon                      {font-size:3.5vw;}

.foot_form input                {width:100%;
      background:white;
      opacity:1;
      margin-top:10px;}

.foot_form button{width:100%;
height: 40px;
color: #fff;
padding: 5px 10px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
display: inline-block;
outline: none;
overflow: hidden;
border-radius: 5px;
border: none;
margin-top:50px;
background-color: #ffe566
}

.foot_form button:hover {border-radius: 5px;
padding-right: 24px;
padding-left:8px;
}

.foot_form button:hover:after {opacity: 1;
   right: 10px;
 }

#copyright  
	{background: #EF3125;
    padding:8px 5%;
    color:white;}

	}

@media only screen and (max-width: 480px) {
    
    
     #carouselExample1 {width:90%;
                    margin-left:5%;}
 
	
	#click_form
	{
          width: 90%;
		  display: none;
		  margin-left: 5%;
		  margin-top: 157px;
	}
	
   .nav_buttons{margin-top: 12px; float: none;}
	
	.nav_btn1{
		font-size: 13px;
	}	
   .nav_btn2 
	{
	        position: relative;
    		top: 0;
		    padding: 10px;
            font-size: 13px;
	}
	header
	{
		padding-top: 38px;
	}
	.form{float: none;}
	
	#counters .item
	{
		padding: 18px 0px;
		min-height:121px;

	}
	#counters .item .count
	{
		
	}
	#counters .item h3
	{
		font-size:15px;
	}
	figure#spinner
	{
		height: 92px;
	}
	.ss-icon 
	{
		top: 24%;
		position: absolute;
    }
	
	.booking_form 
	{
		width: 100%;
		margin-left: 0%; 
		margin-top: 0px;
		padding: 11px 5%;
	}
	#advanced_transplant
	{
    	padding: 18px 2%;
	}
	.hair_heading
	{
		font-size: 14px;
	}
	.traditional, .advanced
	{
		border-radius:10px;
		font-size:16px;
	}
	.foot_form
	{
		width: 100%;
	}
}

@media only screen and (max-width: 375px) {
	.cross_icon       {position: absolute;
                  font-size:6vw;
                   float:right;
                   margin-left:85%;}
	.nav_buttons{margin-top: 12px; float: none;}
  
	.nav_btn2 
	{
	        position: relative;
    		top: 0px;
		    float: none;
		    font-size: 13px;

	}
	
}