/* FONTS */

@font-face {
  font-family: acumin;
  src: url(../fonts/acumin.otf);
}

@font-face {
  font-family: agane;
  src: url(../fonts/agane.ttf);
}

@font-face {
  font-family: arlrdbd;
  src: url(../fonts/arlrdbd.TTF);
}
@font-face {
  font-family: arial-regular;
  src: url(../fonts/arial.ttf);
}
@font-face {
  font-family: engrave;
  src: url(../fonts/engrave.ttf);
}

@font-face {
  font-family: franklin-gothic-medium;
  src: url(../fonts/franklin-gothic-medium.ttf);
}

@font-face {
  font-family: franklin-gothic-med-italic;
  src: url(../fonts/franklin-gothic-med-italic.ttf);
}

@font-face {
  font-family: ms-himalaya;
  src: url(../fonts/ms-himalaya.ttf);
}
/* ======================================= */

/* GENERAL STYLES */
body{
  font-family: arial-regular;
  color: #595959;
  font-size: 16px;
  font-weight: 300;
}
.navbar{
  align-items: unset;
}
.menu-mnutop-container{
  align-self: center;
}
.content-start{
  padding-top: 40px;
}
.banner{
  position: relative;
  padding: 0;
}
.bannerlinksdiv{
  position: absolute;
  top: 250px;
  right: 20px;
  text-align:   center; 
}
.bannercontent{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
    text-align: center;  
}
.banner-title{
    font-family: franklin-gothic-medium;
  color:  white;
  font-size:  59px;
  font-weight:  bold; 
  letter-spacing:   5px;

}
.formtitle{
  font-family: arial-regular;
  color: #000;
  font-size: 16px;
  font-weight:  700;
  padding-top:  30px;

}
.form-group{
  margin-bottom: 5px;
}
.form-group,.textarea,label{
  font-family: arial-regular;
  color: #000;
  font-size: 12px;
    font-weight:  700;
}
.wpcf7-text,textarea{
  background-color:  #eeeeee;
  border-radius:  0 !important;
  border:none ;

}
.wpcf7-text{
    height: 30px;
}
#contact .submitdiv{
  float:  right;  
}
#contact .wpcf7-submit{
    background-color:   #fff;
    border:   3px solid #8b9198;
    padding:  5px 10px;
    letter-spacing:   3px;
    font-weight:  700;
    font-size:  16px;
}
#appoint .wpcf7-submit{
    background-color:   #3979c1;
    color:  #fff;
    border:  1px solid  #3979c1; 
    border-radius:  2px;
    padding:  5px 10px;
    margin-top:   20px;
    letter-spacing:   3px;
    font-weight:  700;
    font-size:  16px;
}
#homepg .bannercontent{
  transform: unset;
    position: absolute;
    top: 45%;
    left: 2px;
    width: 50%;
    text-align: left;
}
#homepg .banner-title1{
  font-size: 22px;
  line-height: 24px;
  color: #0090ff;
  font-family: arial-regular;
}

#homepg .banner-title2{
  font-size: 50px;
  line-height: 53px;
  color: #fff;
  font-family: franklin-gothic-medium;
}
#homepg .banner-title3{
  font-size: 22px;
  line-height: 24px;
  color: #fff;
  font-family: arial-regular;
}
#homepg .banner-title4{
  font-size: 15px;
    line-height: 26px;
  color: #fff;
  font-family: arial-regular;
}
.btnreadmore {
    color: #007bff;
    border:1px solid #007bff;
}
.btnreadmore:hover {
    background-color: #007bff;
    color:#fff;
}
.dblue-text{
  color:  #243e67;
  margin-bottom: 2px;
}
.imgarrow, .nav-appt{
  display: inline-block;  
}
.pm0 {
  padding: 0;
  margin: 0;
}
.abt-heading{
  font-family: engrave;
  text-align: center;
  color: #0065b3;
}

/* ====================================
NAVBAR
==================================== */
header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.menu-mnutop-container li>a:hover{
  text-decoration: underline;
  color: white;
}
.menu-item span{
  color: white;
  text-transform: uppercase;
  font-family: acumin;

}
.sub-menu li{
  z-index:  13;
}
.sub-menu span{
  font-size: 13px;
  text-transform: capitalize;
  padding-left: 20px;
  white-space: nowrap;
  padding-right:  20px;
}
.sub-menu span:hover{
  color: #0065b3;
  text-decoration: underline; 
}
.hero-image {
  background-image: url(../images/about-us-header.png);

  height: 90vh;
  width: 100%;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text {
  position: absolute;
  left: 36%;
  top: 40%;
  display: block;
  color: white;
  font-size: 4rem;
  font-weight: 700;
  font-family: franklin-gothic-medium;
  letter-spacing: 4px;
}

.btn-appointment {
  border-radius: 0;
  padding: 0.6rem;
  border-width: 3px;
  font-size: 13px;
}
.menu-mnutop-container li:hover .sub-menu{
  display: block;
}
.sub-menu{
  background-color: rgba(255, 255, 255, 0.5);
  list-style: none;
  display: none;
}


.nav-top,.navbar, .bannercontent {
  padding: 1% 5%;
}
.menu-mnutop-container>li {
  padding: 10px;
  font-size: 14px;
    display: inline-block;
}

.nav-top-col {
  padding: 0;
}

#links {
  color: white;
}
.nav-top-col-right {
  text-align: right;
}
.ctrl-prev {
  margin-top: 40%;
  margin-left: 1%;
  color: white;
}
body,
html {
  height: 100%;
}

/* FEATURES SECTION */

#features {
  text-align: center;
  padding-top: 30px;
}

#features-bottom {
  background-color: #fbfbfb;
  padding: 2% 10%;
}

.features-head-row {
  text-align: center;
  padding-top: 30px;
    padding-bottom: 30px;
}
.fea-subtitle{
  font-weight:  700;
  color:  #595959;
  display:  block;  
}
.features-heading {
  text-align: center;
  color: #0065b3;
  font-weight: 500;
  font-size: 26px;
}

.btn-get-quote {
  background-color: #0065b3;
  border-radius: 100px;
  padding: 0.6% 2.8%;
      font-size: 21px;
}
.lnkmoreinfo{
  color: #000000;
  font-family: engrave;
  font-weight: bold;
  position:   absolute;
  bottom:  0;
  left:   40%; 
}

.features-row {
  background-color: #fbfbfb;
  padding: 0;
}

.features-column-heading {
  text-align: center;
  color: #0065b3;
  padding: 0 20%;
  font-weight: 700;
}

.features-column-text {
  color: #595959;
  font-size: 12px;
}
.test-column-text{
  text-align:   left; 
  color:  #858585;
  font-family: ms-himalaya;
  font-size:  28px;
  line-height:  28px;
}
.testtime{
  text-align: left;
  font-family: ms-himalaya;
  color:  #858585;
  font-size:  28px;
  line-height:  28px;
  position:   absolute; 
  left: 0;
  bottom:  -40px;
  padding-left: 15px;
}
.features-column {
  text-align: center;

  padding: 3%;
}

.hr-mobile {
  opacity: 0;
}

/* WHY CHOOSE US */

#choose-us {
  padding: 5% 7%;
}

.choose-us-heading {
  color: #0065b3;
  margin-bottom: 3%;
}
.btnreadmore{
    width: 180px;
      height: 60px;
        border-radius:0; 
}
.btn-book {
  width: 180px;
  height: 60px;
  text-align: center;
  margin: 3%;
  background-color: #0065b3;
  border-radius:0; 
}

.choose-us-image {
  padding-left: 4%;
  padding-right: 0;
}

/* ================================================================
                            TESTIMONIAL
================================================================ */

#testimonial {
  padding: 5% 7%;
  border-top: 4px solid #0065b3;
}
.test-container {
  text-align: center;
}
.test-heading {
  color: #0065b3;
  margin-bottom: 60px;
  font-family: arlrdbd;
  font-style: italic;
}

.test-column-heading {
  text-align: center;
  color: #0065b3;
  margin-bottom: 0.1rem;
  font-weight: 700;
}

.test-star-img {
  margin-bottom: 1rem;
}

/* ================================================================
                            FOOTER
================================================================ */
#footer {
  background-color: #003864;
      padding: 5% 7% 1% 7%;
}

.footer-heading {
  color: white;
  font-family: arlrdbd;
}

.footer-text {
  color: white;
  font-size:19px;
  font-family: ms-himalaya;
}
.footer-logo {
  margin-bottom: 4%;
}

.social-media-links {
  color: white;
  padding: 8px;
}
.rowlogo{
  padding-bottom: 50px;
}
.footer-heading-payment {
  color: white;

  font-size: 12px;
}

.footer-column {
  padding: 0;
}

.footer-column-services {
  padding-left: 3%;
}
.copyrow .footer-link, .socialcol .footer-link,
.top-social-media, .footer-link{
  display:  inline-block ; 
}
.footer-link {
  color: white;
  font-size: 19px;
  line-height:  21px;
  font-family: ms-himalaya;
  display:  block;  
}
.footer-link:hover {
  color: gray;
}
.lnkcopy{
  padding-right: 5px;
      font-family: ms-himalaya;
}
.copyrow{
    font-family: ms-himalaya;
        padding-top: 5%;
}
.copyright {
  color: white;
  text-align: center;
}

.about-hero-image {
  background-image: url(../images/booking-header.png);

  height: 90vh;
  width: 100%;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.about-hero-text {
  position: absolute;
  left: 30%;
  top: 40%;
  display: block;
  color: white;
  font-size: 4rem;
  font-weight: 700;
  font-family: franklin-gothic-medium;
  letter-spacing: 4px;
}

.carousel .carousel-control-next-ico {
  background-color: violet;
  color: rebeccapurple;
}

.c-text {
  color:  #fff;
}

a.carousel-control-next {
}

.auto-per {
  margin-bottom: 25rem;
}

/* ABOUT */
  

.about-container {
  max-width:  920px;
  padding-bottom:   50px;
}
.about-hero-image {


  height: 90vh;
  width: 100%;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.about-hero-text {
  position: absolute;
  left: 39%;
  top: 40%;
  display: block;
  color: white;
  font-size: 4rem;
  font-weight: 700;
  font-family: franklin-gothic-medium;
  letter-spacing: 4px;
}

/* BOOKING */
#booking {
  padding: 7% 15%;
}

.form-control {
  background-color: #eeeeee;
}

.btn-booking {
  background-color: #3979c1;
  border-radius: 1px;
  padding: 1% 2%;
}

.booking-hero-image {
  background-image: url(../images/booking-header.png);

  height: 90vh;
  width: 100%;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.booking-hero-text {
  position: absolute;
  left: 30%;
  top: 40%;
  display: block;
  color: white;
  font-size: 4rem;
  font-weight: 700;
  font-family: franklin-gothic-medium;
  letter-spacing: 4px;
}


.contact-icon {
  margin: 30%;
}
.contact-row {
  padding-bottom: 6%;
  text-align: center;
  color: #000;
}
.contact-row .fas{
  color:  #140b47;
}
.contact-secheading {
    color: #0065b3;
    margin-bottom: 3%;
    font-family: arlrdbd;

}
.contact-sub-heading {
  font-size: 0.8rem;
  font-weight:  700;
}

.contact-main-heading {
  font-size: 1.1rem;
  color: #000;
  font-weight:  700;
}

.contact-input {
  padding: 2%;
}

.form-control {
  background-color: #eeeeee;
}
.btn-contact {
  text-align: right;
}
.btn-contact1 {
  padding: 2% 6%;
  font-size: 1rem;
  border-radius: 1px;
  border: 3px solid #838383;
}
/* ===========================
MAP
=========================== */

#map {
  padding: 7% 7%;
}

#contact-bottom {
  padding: 7% 15%;
  text-align: center;
}
.contact-hero-image {
  background-image: url(../images/contact-us-header.png);

  height: 90vh;
  width: 100%;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.contact-hero-text {
  position: absolute;
  left: 40%;
  top: 40%;
  display: block;
  color: white;
  font-size: 4rem;
  font-weight: 700;
  font-family: franklin-gothic-medium;
  letter-spacing: 4px;
}

#services {
  padding: 7% 15%;
}

.services-heading {
  color: #0065b3;
      font-weight: 700;
}

.services-container {
  margin-top: 5%;
}

.services-column {
  padding: 2%;
}

.card-body {
  text-align: center;
}

.services-main-heading {
  color: #0065b3;
  font-family: engrave;
  padding-left: 2%;
}

.services-sub-heading {
  color: #0065b3;
  font-family: engrave;
  padding-left: 2%;
}
.service-text-top {
  color: #003864;
  font-size: 28px;
  line-height:  32px;
  text-transform: uppercase;
    font-family: engrave;
    font-weight:  bold; 
    font-style:   italic; 
    padding-top: 150px;
}
.service-hero-image {
  background-image: url(../images/services-header.png);

  height: 90vh;
  width: 100%;
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.service-hero-text {
  position: absolute;
  left: 30%;
  top: 40%;
  display: block;
  color: white;
  font-size: 4rem;
  font-weight: 700;
  font-family: franklin-gothic-medium;
  letter-spacing: 4px;
}

.service-text-bottom {
  font-family: engrave;
  font-size:  28px;
  font-style:  italic;  
  color: #e70000;
  
}

/* MEDIA QUERIES */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  #homepg .bannercontent {
    transform: unset;
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    text-align: center;
    color: black;
  }
  #homepg .banner-title2{
    color:black;
     font-size: 30px;
      line-height: 33px;
  }
  #homepg .banner-title3{
    color:black;
  }
  #homepg .banner-title4{
    color: black;
  }
  .bannerlinksdiv{
    display:none;
  }
  .menu-mnutop-container {
    align-self: unset;
  }
  .termrow{
    text-align: center;
  }
  .menu-mnutop-container>li {
    display: block;
  }
  .btn-appointment {
    margin-left: 20px;
  }
  .indexpg{
        padding-top: 68px;
  }
  .rowlogo {
    padding-bottom: 0;
  }
  .banner-title{
    font-size:  25px;
    line-height:  27px;
    text-align:  center;  
  }
  .btn-book{
    margin: unset;
    margin-top: 10px;
  }
  #choose-us{
    padding: unset;
    text-align: center;
  }
  .navbar {
    background-color: #0688e2;
    z-index: 1;
  }
  .features-heading {
    text-align: center;
    color: #0065b3;
    padding: 5% 0;
    font-weight: 500;
  }

  .btn-get-quote {
    background-color: #0065b3;
    border-radius: 100px;
    padding: 0.6% 6%;
  }
  .features-column {
    text-align: center;
    margin: 5% 0;
    padding: 3%;
  }

  .choose-us-image {
    padding-left: 0;
    padding-top: 4%;
    margin-bottom: 25px;
  }

  .test-heading {
    font-size: 1.5rem;
    color: #0065b3;
    margin-bottom: 3%;
    font-family: Arial, Helvetica, sans-serif;
  }

  #testimonial {
    padding: 9% 7%;
  }
  .test-heading {
    color: #0065b3;
    margin-bottom: 3%;
  }

  #footer {
    background-color: #003864;
    padding-top: 10%;
  }
  .footer-column {
    padding-bottom: 30px;
  }

  .footer-column-services {
    padding-bottom: 30px;
  }
  .nav-top {
    padding: 1% 5%;
    display: none;
  }
  .about-hero-image {
    background-image: url(../images/booking-header.png);

    height: 40vh;
    width: 100%;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .about-hero-text {
    position: absolute;
    left: 10%;
    top: 50%;
    display: block;
    color: white;
    font-size: 2rem;
    font-weight: 700;
  }

  .c-text {
    font-size: 8px;
  }
  a.carousel-control-next {
    width: 20%;
  }
  .auto-per {
    margin-bottom: 5rem;
  }

  #booking {
    padding: 7% 7%;
  }

  .booking-hero-image {
    background-image: url(../images/booking-header.png);

    height: 40vh;
    width: 100%;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .booking-hero-text {
    position: absolute;
    left: 10%;
    top: 50%;
    display: block;
    color: white;
    font-size: 2rem;
    font-weight: 700;
  }



  .contact-hero-image {
    background-image: url(../images/contact-us-header.png);

    height: 40vh;
    width: 100%;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .contact-hero-text {
    position: absolute;
    left: 26%;
    top: 50%;
    display: block;
    color: white;
    font-size: 2rem;
    font-weight: 700;
  }

  #services {
    padding: 7% 7%;
  }

  .services-main-heading {
    color: #0065b3;
    font-size: 1.3rem;
  }

  .services-sub-heading {
    color: #0065b3;
    font-size: 1rem;
  }

  .service-text-top {
    color: #0065b3;
    text-align: center;
    font-size: 0.9rem;
        padding-top: 10px;
  }
  .service-hero-image {
    background-image: url(../images/services-header.png);

    height: 40vh;
    width: 100%;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .service-hero-text {
    position: absolute;
    left: 10%;
    top: 50%;
    display: block;
    color: white;
    font-size: 2rem;
    font-weight: 700;
    font-family: franklin-gothic-medium;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar {
    background-color: #0688e2;
    z-index: 1;
  }
  .features-heading {
    text-align: center;
    color: #0065b3;

    padding: 5% 0;
    font-weight: 500;
  }

  .btn-get-quote {
    background-color: #0065b3;
    border-radius: 100px;
    padding: 0.6% 6%;
  }

  .features-column {
    text-align: center;
    margin: 2% 0;
    padding: 3%;
  }

  .choose-us-image {
    padding-left: 0;
    padding-top: 4%;
  }

  .test-heading {
    font-size: 1.5rem;
    color: #0065b3;
    margin-bottom: 3%;
  }

  #testimonial {
    padding: 9% 7%;
  }
  .test-heading {
    color: #0065b3;
    margin-bottom: 3%;
  }
  .footer-column-services {
    padding-bottom: 20%;
  }
  .nav-top {
    padding: 1% 5%;
    display: none;
  }

  .about-hero-image {
    background-image: url(../images/booking-header.png);

    height: 40vh;
    width: 100%;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .about-hero-text {
    position: absolute;
    left: 10%;
    top: 50%;
    display: block;
    color: white;
    font-size: 2rem;
    font-weight: 700;
  }
  .auto-per {
    margin-bottom: 5rem;
  }

  #booking {
    padding: 7% 7%;
  }

  .booking-hero-image {
    background-image: url(../images/booking-header.png);

    height: 40vh;
    width: 100%;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .booking-hero-text {
    position: absolute;
    left: 10%;
    top: 50%;
    display: block;
    color: white;
    font-size: 2rem;
    font-weight: 700;
  }



  .contact-hero-image {
    background-image: url(../images/contact-us-header.png);

    height: 40vh;
    width: 100%;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .contact-hero-text {
    position: absolute;
    left: 26%;
    top: 50%;
    display: block;
    color: white;
    font-size: 2rem;
    font-weight: 700;
  }

  #services {
    padding: 7% 7%;
  }

  .services-main-heading {
    color: #0065b3;
    font-size: 1.3rem;
  }

  .services-sub-heading {
    color: #0065b3;
    font-size: 1rem;
  }

  .service-text-top {
    color: #0065b3;
    text-align: center;
    font-size: 0.9rem;
  }

  .service-hero-image {
    background-image: url(../images/services-header.png);

    height: 40vh;
    width: 100%;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .service-hero-text {
    position: absolute;
    left: 16%;
    top: 50%;
    display: block;
    color: white;
    font-size: 2rem;
    font-weight: 700;
    font-family: franklin-gothic-medium;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  #services {
    padding: 7% 7%;
  }

  .services-main-heading {
    color: #0065b3;
    font-size: 1.3rem;
  }

  .services-sub-heading {
    color: #0065b3;
    font-size: 1rem;
  }

  .service-text-top {
    color: #0065b3;
    text-align: center;
    font-size: 0.9rem;
  }
  .service-hero-image {
    background-image: url(../images/services-header.png);

    height: 40vh;
    width: 100%;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .service-hero-text {
    text-align: center;
    position: absolute;
    left: 10%;
    top: 50%;
    display: block;
    color: white;
    font-size: 2rem;
    font-weight: 700;
    font-family: franklin-gothic-medium;
  }
  .navbar {
    background-color: #0688e2;
    z-index: 1;
  }
  .features-heading {
    text-align: center;
    color: #0065b3;
    padding: 2% 0;
    font-weight: 500;
  }

  .btn-get-quote {
    background-color: #0065b3;
    border-radius: 100px;
    padding: 0.6% 6%;
  }
  .features-column {
    text-align: center;
    margin: 2% 0;
    padding: 3%;
  }

  .choose-us-image {
    padding-left: 0;
    padding-top: 4%;
  }

  .test-heading {
    font-size: 1.5rem;
    color: #0065b3;
    margin-bottom: 3%;
  }

  #testimonial {
    padding: 9% 7%;
  }
  .test-heading {
    color: #0065b3;
    margin-bottom: 3%;
  }
  .footer-column-services {
    padding-bottom: 20%;
  }
  .nav-top {
    padding: 1% 5%;
    display: none;
  }
  .about-hero-image {
    background-image: url(../images/booking-header.png);

    height: 40vh;
    width: 100%;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .about-hero-text {
    position: absolute;
    left: 10%;
    top: 50%;
    display: block;
    color: white;
    font-size: 2rem;
    font-weight: 700;
  }
  .auto-per {
    margin-bottom: 5rem;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .auto-per {
    margin-bottom: 5rem;
  }



  .contact-hero-image {
    background-image: url(../images/contact-us-header.png);

    height: 40vh;
    width: 100%;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .contact-hero-text {
    position: absolute;
    left: 26%;
    top: 50%;
    display: block;
    color: white;
    font-size: 2rem;
    font-weight: 700;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .auto-per {
    margin-bottom: 5rem;
  }
}