@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Righteous&family=Roboto&display=swap');

 :root {
     --primary: #990100;
     --nav: #ffcc00;
 }

 html,
 body {
     width: 100%;
     height: 100%;
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
 }

 a {
     transition: all 0.35s ease 0s;
     -webkit-transition: all 0.35s ease 0s;
     -moz-transition: all 0.35s ease 0s;
 }
/*--------------------------------*/
h1,h2,h3,h4,h5,h6 {
  margin: 0px;
}

p {
  font-family: 'Poppins';
  font-size: 17px;
  line-height: 1.7;
  color: #666666;
  margin: 0px;
}
ul
{
  padding-left: 0!important;
}
ul, li {
  margin: 0px;
  list-style-type: none;
}
a {
  font-family: 'Poppins';
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  margin: 0px;
  text-decoration: none!important;
}

a:focus {
  outline: none !important;
}

a:hover {
  text-decoration: none;
}
/*---------------------------------*/
/*---------------------------------------------*/
input {
  outline: none;
  border: none;
}

textarea {
outline: none;
border: none;
}

textarea:focus, input:focus {
border-color: transparent !important;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }



/*---------------------------------------------*/
button {
  outline: none !important;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

iframe {
  border: none !important;
}


 /*-------- nav css --------------*/
 .navbar-brand>img {
     height: 100px;
     transition: all 0.35s ease 0s;
     -webkit-transition: all 0.35s ease 0s;
     -moz-transition: all 0.35s ease 0s;
 }

 .navbar-brand {
     float: left;
     font-size: 18px;
     height: 100px;
     line-height: 20px;
     padding: 0;
 }

 .navbar-expand-lg {
     background: var(--nav) none repeat scroll 0 0;
     border: medium none;
     height: 100px;
     transition: all 0.35s ease 0s;
     -webkit-transition: all 0.35s ease 0s;
     -moz-transition: all 0.35s ease 0s;
 }

 nav.affix {
     background: var(--nav);
     padding: 5px 0;
 }

 nav.affix img {
     height: 135px;
     margin-top: -13px;
     transition: all 0.35s ease 0s;
     -webkit-transition: all 0.35s ease 0s;
     -moz-transition: all 0.35s ease 0s;
 }

 .fixed-top.scrolled {
     background-color: var(--nav) !important;
     transition: background-color 200ms linear;
 }

 nav.affix-top {
     padding: 15px 0;
 }

 .navbar-expand-lg {
     font-family: 'Open Sans', sans-serif;
 }

 .navbar-expand-lg .navbar-nav>li>a {
     color: var(--primary);
     font-size: 16px;
     text-align: center;
     font-weight: bold;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
 }

 nav.affix .navbar-nav>li>a {
     color: var(--primary);
     font-weight: bold;
 }

 .navbar-expand-lg .navbar-nav {
     margin-top: 5px;
 }

 .navbar-expand-lg .navbar-nav>li>a:focus,
 .navbar-expand-lg .navbar-nav>li>a:hover {
     background-color: transparent;
     background-color: var(--nav);
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     color: #fff;
 }

 .navbar-expand-lg .navbar-nav>.active>a,
 .navbar-expand-lg .navbar-nav>.active>a:focus,
 .navbar-expand-lg .navbar-nav>.active>a:hover {
     background-color: var(--primary);
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     color: #fff;
 }
 .dropdown-menu
 {
    background-color: var(--nav);
 }

 /*-------- header css --------------*/
 /*------Carousel style--------*/
 .carousel-caption h1 {
     color: var(--nav) !important;
     font-family: 'Righteous';
     font-size: 52px;
     animation-duration: 2s;
     animation-iteration-count: 1;
     animation-name: fadeInUp;
 }

 .carousel-caption p {
     color: #fff;
 }

 .carousel-caption {
     text-align: right !important;
     bottom: 30% !important;
 }

 /*------Carousel style end--------*/
 /*appointment form*/
 #appointment_form #appointmentLabel {
     color: var(--primary) !important;
 }

 #contactForm input {
     display: block;
     width: 100%;
     border: 2px solid var(--primary);
     border-radius: 5px;
     padding: 5px;
 }
 #contactForm input:focus
 {
  border: 2px solid var(--primary)!important;
 }

 #contactForm label {
     display: block;
     width: 100%;
     color: var(--primary);
     font-family: 'cursive';
 }
 #contactForm input[type=submit]
 {
  width:20%;
 }
 /*appointment form end*/
/*services section start*/
.service
{
    width: 100%;
    padding: 30px 20px;
    text-align: center;
    background-color: #ffcc00;
    box-shadow: 5px 5px 8px;
    position: relative;
    margin: 10px;
}
.service-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgb(0, 0, 0,0.5);
    opacity: 0;
}
.service-overlay:hover
{
    opacity: 1;
    transition: opacity 0.25s;
}
.service-overlay .overlay-text a
{
    color:#fff;
    font-size: 20px;
    text-decoration: none;
}
.service img
{
  width: 100%;
  height:200px;
}
/*services section end*/

/*
* ==========================================
* CONTACT FORM STARTS
* ==========================================
*/

.contact{
    background: #f7f7f7;
  }
  
  .contact100-form{
      margin-top: 50px;
  }
    .container-contact100 {
      width: 100%;  
      min-height: 100vh;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      padding: 15px;
      background: transparent;
      position: relative;
      z-index: 1;
    }
    
    .contact100-map {
      position: absolute;
      z-index: -2;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
    }
    
    .wrap-contact100 {
      width: 1170px;
      background: #fff;
      border-radius: 10px;
      padding: 82px 180px 33px 180px;
      position: relative;
      display: none;
    }
    
    .show-wrap-contact100 {
      visibility: visible;
      opacity: 1;
    }
    
    
    .contact100-form {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      background: #fff;
      padding: 100px;
      padding-bottom: 68px;
    }
    
    .contact100-form-title h3{
        font-size: 15px;
        font-family: "Roboto";
        color: rgb(248, 176, 0);
        font-weight: bold;
        line-height: 1.7;
        text-align: center;
        margin-top: 80px;
        letter-spacing: 6px;
        text-transform: uppercase;
      
    }
  
    .contact100-form-title h2{
        font-size: 70px;
        font-family: 'Righteous';
        color: rgb(68, 68, 68);
        line-height: 1;
        text-align: center;  
  }
    
    
    
    .wrap-input100 {
      width: 100%;
      position: relative;
      border-bottom: 2px solid #d9d9d9;
      padding-bottom: 13px;
      margin-bottom: 65px;
    }
    
    .rs1-wrap-input100 {
      width: calc((100% - 30px) / 2);
    }
    
    .label-input100 {
      font-family: "Roboto";
      font-size: 15px;
      color: #999999;
      line-height: 1.5;
      padding-left: 5px;
    }
    
    .input100 {
      display: block;
      width: 100%;
      background: transparent;
      font-family: "Roboto";
      font-size: 18px;
      color: #555555;
      line-height: 1.2;
      padding: 0 5px;
    }
    
    .focus-input100 {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      pointer-events: none;
    }
    
    .focus-input100::before {
      content: "";
      display: block;
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 0;
      height: 2px;
    
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
    
      background: #ff4b5a;
    }
    
    
    input.input100 {
      height: 40px;
    }
    
    
    textarea.input100 {
      min-height: 110px;
      padding-top: 9px;
      padding-bottom: 13px;
    }
    
    
    .input100:focus + .focus-input100::before {
      width: 100%;
    }
    
    .has-val.input100 + .focus-input100::before {
      width: 100%;
    }
    
    
  
    .container-contact100-form-btn {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      margin-top: -25px;
      justify-content: center;
    }
    
    .contact100-form-btn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 20px;
      min-width: 160px;
      height: 50px;
      background-color: rgb(248, 176, 0);
      border-radius: 25px;
      font-family: 'Poppins';
      font-size: 16px;
      color: #fff;
      line-height: 1.2;
    
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
    
      box-shadow: 0px 0px 10px 0px rgba(255, 75, 90, 0.5);
      -moz-box-shadow: 0px 0px 10px 0px rgba(255, 75, 90, 0.5);
      -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 75, 90, 0.5);
      -o-box-shadow: 0px 0px 10px 0px rgba(255, 75, 90, 0.5);
      -ms-box-shadow: 0px 0px 10px 0px rgba(255, 75, 90, 0.5);
    }
    
    .contact100-form-btn i {
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
    }
    
    .contact100-form-btn:hover {
      background-color: #333333;
      box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.5);
      -moz-box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.5);
      -webkit-box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.5);
      -o-box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.5);
      -ms-box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.5);
    }
    
    .contact100-form-btn:hover i {
      -webkit-transform: translateX(10px);
      -moz-transform: translateX(10px);
      -ms-transform: translateX(10px);
      -o-transform: translateX(10px);
      transform: translateX(10px);
    }
    
    
    
    @media (max-width: 992px) {
      .wrap-contact100 {
        padding: 82px 80px 33px 80px;
      }
    }
    
    @media (max-width: 768px) {
      .rs1-wrap-input100 {
        width: 100%;
      }
    }
    
    @media (max-width: 576px) {
      .wrap-contact100 {
        padding: 82px 15px 33px 15px;
      }
    }
    
  
    
    .validate-input {
      position: relative;
    }
    
    .alert-validate::before {
      content: attr(data-validate);
      position: absolute;
      max-width: 70%;
      background-color: #fff;
      border: 1px solid #c80000;
      border-radius: 2px;
      padding: 4px 25px 4px 10px;
      top: 58%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 2px;
      pointer-events: none;
    
      font-family: 'Poppins';
      color: #c80000;
      font-size: 13px;
      line-height: 1.4;
      text-align: left;
    
      visibility: hidden;
      opacity: 0;
    
      -webkit-transition: opacity 0.4s;
      -o-transition: opacity 0.4s;
      -moz-transition: opacity 0.4s;
      transition: opacity 0.4s;
    }
    
    .alert-validate::after {
      content: "\f06a";
      font-family: FontAwesome;
      display: block;
      position: absolute;
      color: #c80000;
      font-size: 16px;
      top: 58%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 8px;
    }
    
    .alert-validate:hover:before {
      visibility: visible;
      opacity: 1;
    }
    
    @media (max-width: 992px) {
      .alert-validate::before {
        visibility: visible;
        opacity: 1;
      }
    }
    
    
  
    
    .contact100-more {
      font-family: 'Poppins';
      font-size: 14px;
      color: #999999;
      line-height: 1.5;
    }
    
    .contact100-more-highlight {
      color: #ff4b5a;
    }
    
  
    .contact100-btn-hide {
      color: #333333;
      font-size: 14px;
    
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 30px;
      height: 30px;
      background-color: #fff;
      border: 1px solid #ececec;
      border-radius: 50%;
      top: -15px;
      right: -15px;
    
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
    }
    
    .contact100-btn-hide:hover {
      background-color: #333333;
      color: #fff;
    }
    
  
    
    .contact100-btn-show {
      color: #fff;
      font-size: 39px;
    
      position: fixed;
      z-index: -1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 120px;
      height: 120px;
      border-radius: 50%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }
    
    .contact100-btn-show::before {
      content: "";
      display: block;
      position: absolute;
      z-index: -2;
      width: 100%;
      height: 100%;
      background-color: #ff4b5a;
      border-radius: 50%;
    
      top: 0;
      left: 0;
      
      box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
      -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
      -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
      -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
      -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
    
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
    
      -webkit-animation: beatbtn 0.9s ease-in-out infinite;
      animation: beatbtn 0.9s ease-in-out infinite;
    }
    
    
    @keyframes beatbtn {
      0% {
        background-color: rgba(255, 75, 90, 1);
        transform-origin: center;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
      }
    
      50% {
        background-color: rgba(255, 75, 90, 0.8);
        transform-origin: center;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
      }
    }
  /*
  * ==========================================
  * CONTACT FORM ENDS
  * ==========================================
  */

  
 section#section2,
 section#doctor,section#services,section#team,section#section6,section.doctor-info,.hospital_about,.docor-info,section.description{
     padding-top: 65px;
     padding-bottom: 150px;
 }

 section#section2 .maintext span,
 section#doctor span,section#services span,section#team span {
     margin-top: 90px;
     font-weight: 800;
     color: #f9b000;
     line-height: 1.7;
     letter-spacing: 6px;
     text-transform: uppercase;

 }



 section#section2 .maintext h2 {
     font-size: 70px;
     font-family: 'Righteous';
     color: rgb(68, 68, 68);
     line-height: 1;
     text-align: center;
     margin-top: 30px;
     margin-bottom: 50px;
 }

 section#section2 .maintext p {

     font-family: "Roboto";
     font-size: 16px;
     line-height: 1.7;
     color: #666666;
     margin: 0px;
     padding-left: 50px;
     padding-right: 50px;


 }

 section#section2 .shapes span {
     font-size: 18px;
     font-family: "Roboto";
     color: rgb(51, 51, 51);
     line-height: 1.7;
     font-weight: bold;
     text-transform:capitalize;
 }

 section#section2 .shapes p {
     font-size: 15px;
     font-family: "Roboto";
     color: rgb(119, 119, 119);
     line-height: 1.4;
     text-align: center;
     margin-top: 25px;
 }

 .minHeightProp {
     min-height: 150px;
 }



 .section-title h3 {
     margin-top: 90px;
     font-weight: 800;
     color: #f9b000;
     line-height: 1.7;
     letter-spacing: 6px;
     text-transform: uppercase;

 }

 .section-title h2 {
     margin-top: 30px;
     font-size: 70px;
     font-family: 'Righteous';
     color: rgb(68, 68, 68);
     line-height: 1;
     text-align: center;
     margin-bottom: 50px;

 }


 .imgback {
     background-image: url(../images/backgroundshape.png);
     /* max-width: 100%; */
     padding-right: 35px;
     background-repeat: no-repeat;
     display: block;
     float: none;
     margin: auto;
     padding-left: 35px;
     padding-top: 40px;
     padding-bottom: 40px;
     transition: padding-top 0.5s;
 }


 img.imgback:hover {
     padding-top: 32px;
 }

 .shapes {
     margin-top: 50px;
     margin-bottom: 50px;
 }

 /*section 2 end*/

 /*doctor section*/
 section#doctor,section#team,section#map-section {
     background-image: url(../images/doctor_background.jpg);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     background-attachment: fixed;
 }

 .about_doc p {
     line-height: 2rem;
     font-family: 'roboto';
 }
 .design-text{font-size:30px;}



 /*doctor section end*/
 /*
* ==========================================
* CONTACT FORM STARTS
* ==========================================
*/

.contact{
  background: #f7f7f7;
}

.contact100-form{
    margin-top: 50px;
}

  

  
  .container-contact100 {
    width: 100%;  
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: transparent;
    position: relative;
    z-index: 1;
  }
  
  .contact100-map {
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  
  .wrap-contact100 {
    width: 1170px;
    background: #fff;
    border-radius: 10px;
    padding: 82px 180px 33px 180px;
    position: relative;
    display: none;
  }
  
  .show-wrap-contact100 {
    visibility: visible;
    opacity: 1;
  }
  
  
  .contact100-form {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
    padding: 100px;
    padding-bottom: 68px;
  }
  
  .contact100-form-title h3{
      font-size: 15px;
      font-family: "Roboto";
      color: rgb(248, 176, 0);
      font-weight: bold;
      line-height: 1.7;
      text-align: center;
      margin-top: 80px;
      letter-spacing: 6px;
      text-transform: uppercase;
    
  }

  .contact100-form-title h2{
      font-size: 70px;
      font-family: 'Righteous';
      color: rgb(68, 68, 68);
      line-height: 1;
      text-align: center;  
}
  
  
  
  .wrap-input100 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid #d9d9d9;
    padding-bottom: 13px;
    margin-bottom: 65px;
  }
  
  .rs1-wrap-input100 {
    width: calc((100% - 30px) / 2);
  }
  
  .label-input100 {
    font-family: "Roboto";
    font-size: 15px;
    color: #999999;
    line-height: 1.5;
    padding-left: 5px;
  }
  
  .input100 {
    display: block;
    width: 100%;
    background: transparent;
    font-family: "Roboto";
    font-size: 18px;
    color: #555555;
    line-height: 1.2;
    padding: 0 5px;
  }
  
  .focus-input100 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
  }
  
  .focus-input100::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
  
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  
    background: #ff4b5a;
  }
  
  
  input.input100 {
    height: 40px;
  }
  
  
  textarea.input100 {
    min-height: 110px;
    padding-top: 9px;
    padding-bottom: 13px;
  }
  
  
  .input100:focus + .focus-input100::before {
    width: 100%;
  }
  
  .has-val.input100 + .focus-input100::before {
    width: 100%;
  }
  
  
  span.colorFullText
  {
    color:var(--primary);
    letter-spacing: 1px;
    font-weight: bold;
    font-family: 'Righteous';
  }
  .container-contact100-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-top: -25px;
    justify-content: center;
  }
  
  .contact100-form-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 160px;
    height: 50px;
    background-color: rgb(248, 176, 0);
    border-radius: 25px;
    font-family: 'Poppins';
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
  
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  
    box-shadow: 0px 0px 10px 0px rgba(255, 75, 90, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(255, 75, 90, 0.5);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 75, 90, 0.5);
    -o-box-shadow: 0px 0px 10px 0px rgba(255, 75, 90, 0.5);
    -ms-box-shadow: 0px 0px 10px 0px rgba(255, 75, 90, 0.5);
  }
  
  .contact100-form-btn i {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }
  
  .contact100-form-btn:hover {
    background-color: #333333;
    box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.5);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.5);
    -o-box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.5);
    -ms-box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.5);
  }
  
  .contact100-form-btn:hover i {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  
  
  
  @media (max-width: 992px) {
    .wrap-contact100 {
      padding: 82px 80px 33px 80px;
    }
  }
  
  @media (max-width: 768px) {
    .rs1-wrap-input100 {
      width: 100%;
    }
  }
  
  @media (max-width: 576px) {
    .wrap-contact100 {
      padding: 82px 15px 33px 15px;
    }
  }
  

  
  .validate-input {
    position: relative;
  }
  
  .alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 58%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 2px;
    pointer-events: none;
  
    font-family: 'Poppins';
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
  
    visibility: hidden;
    opacity: 0;
  
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  
  .alert-validate::after {
    content: "\f06a";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    color: #c80000;
    font-size: 16px;
    top: 58%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px;
  }
  
  .alert-validate:hover:before {
    visibility: visible;
    opacity: 1;
  }
  
  @media (max-width: 992px) {
    .alert-validate::before {
      visibility: visible;
      opacity: 1;
    }
  }
  
  

  
  .contact100-more {
    font-family: 'Poppins';
    font-size: 14px;
    color: #999999;
    line-height: 1.5;
  }
  
  .contact100-more-highlight {
    color: #ff4b5a;
  }
  

  .contact100-btn-hide {
    color: #333333;
    font-size: 14px;
  
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 50%;
    top: -15px;
    right: -15px;
  
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }
  
  .contact100-btn-hide:hover {
    background-color: #333333;
    color: #fff;
  }
  

  
  .contact100-btn-show {
    color: #fff;
    font-size: 39px;
  
    position: fixed;
    z-index: -1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  .contact100-btn-show::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%;
    background-color: #ff4b5a;
    border-radius: 50%;
  
    top: 0;
    left: 0;
    
    box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
    -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
    -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
    -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
    -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);
  
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  
    -webkit-animation: beatbtn 0.9s ease-in-out infinite;
    animation: beatbtn 0.9s ease-in-out infinite;
  }
  
  
  @keyframes beatbtn {
    0% {
      background-color: rgba(255, 75, 90, 1);
      transform-origin: center;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  
    50% {
      background-color: rgba(255, 75, 90, 0.8);
      transform-origin: center;
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
    }
  }


  


/*
* ==========================================
* CONTACT FORM ENDS
* ==========================================
*/
/*
* ==========================================
* ADRESS SECTION STARTS
* ==========================================
*/

.address {
    width: 100%;
    color: #fff;
    margin: 0px;
}

.addess-description{
  padding: 70px;
}

.addess-description span{
  font-size: 15px;
  font-family: "Roboto";
  color: rgb(248, 176, 0);
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
  margin-top: 80px;
  text-transform: uppercase;
  letter-spacing: 6px;
  margin-bottom: 15px;
}
.addess-description h2{
  font-size: 30px;
  font-family: 'Righteous';
  color: rgb(68, 68, 68);
  margin-bottom: 15px;
  color: rgb(255, 255, 255);
  line-height: 1;
  text-align: left;
  
}

.addess-description p{
  font-size: 15px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
}


.addess-map {
  padding-top: 70px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 70px;
}


li.address-section{

  margin-top: 20px;
  margin-bottom: 20px;

}
li.address-section .fa{

  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 2px solid rgb(248, 176, 0);
  border-radius: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 10px;
  margin-top: 10px;
}



.single-widget li.address-section .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 15px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 0px;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  padding-top: 0px;
  margin-top: 0px;
  color: rgb(248, 176, 0);
}


#map {
  width: 100%;
  height: 400px;
  background-color: grey;
}

.lineHeight{
  line-height: 30px;
}

/*
* ==========================================
* ADRESS SECTION ENDS
* ==========================================
*/

/*
* ==========================================
* FOOTER SECTION START
* ==========================================
*/
.appointment-book
{
  background-color: var(--primary);
  padding: 20px 0;
}
.appointment-book .appointment-text
{
  color: #fff;
  font-family: 'Righteous';
  font-size: 20px;
  display: inline-block;
  padding-top: 8px;
}
.main-footer {
  padding: 50px;
}

.footer-social li:first-child {
  margin-left: 0px;
}

.footer-social li {
  float: left;
  margin-left: 10px;
}

.single-widget h3{
    font-size: 18px;
    font-family: "Roboto";
    color: rgb(51, 51, 51);
    line-height: 1.4;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
}



.lock{
  font-weight: bold;
  border-bottom: 2px solid rgb(248, 176, 0);
  width: 40px;
  height: 3px;
  margin-bottom: 10px;

}


.single-widget-description {
  font-family: 'Poppins';
  font-size: 14px;
  line-height: 1;
  color: #666666;
}

.footer-section .footer-icon {
  width: 25px;
  height: 25px;
  border-radius: 10px solid var(--primary);
  border: 2px solid var(--primary);
  border-radius: 15px;
  text-align: center;
}

.footer-section .footer-icon::after{
  content: ' \25CF';
  font-size: 10px;
  text-align: center;
  justify-content: center;
  width: 2px;
  height: 2px;
  margin-top: 0px;
  padding-top: 0px;
  color: var(--primary);
}
li.footer-section{
  margin-bottom: 12px;
}
.single-widget a,.footer-bottom a
{
  color: #666666!important;
}
li.footer-section a:hover p,
li.footer-section a:focus p{
  color: #23527c;
}
/*
* ==========================================
* FOOTER END
* ==========================================
*/
/*
============================================
*ABOUT DOCTOR PAGE CSS STARTS HERE
*============================================
*/
.header
{
  height: 100px;
}
.about-section
{
  background-color: var(--primary);
  padding: 30px 0;
}
section.about-section .main-heading h2
{
  font-family: 'Righteous';
  color:#fff;

}
.doctor-info h2,.hospital_about h2
{
  font-family: 'Righteous';
}
.doctor-img
{
  padding-top:50px;
  padding-bottom: 50px;
}
.list li
{
  list-style-type: square;
  list-style-position: inside;
  line-height: 2;
  font-family: 'Roboto';
}
/*
============================================
*ABOUT DOCTOR PAGE CSS ENDS HERE
*============================================
*/
section.description p,section.description h5
{
  font-size:20px;
  font-family: 'Roboto';
}
section.description h2
{
  font-family: 'Righteous';
  font-size: 30px;
}
section.description ul li
{
  font-size:20px;
  font-family: 'Roboto';
  list-style: square;
  color: #666666;
  line-height: 1.7;
}
/*==============Blog Page CSS=================*/
.post{
  height: 70px;
}
.post_title
{
  width:100%;
}
.post_img img
{
  width:300px;
  height:300px;
}
section#blog
{
  padding-top: 100px;
  padding-bottom: 150px;
}
/*==============Blog Page CSS End=============*/