/* Common CSS */

  :root {
    --gen_color: #252525;
    --sec_color: #44bdce;
    --sec2_color: #4eb7c6;
    --wht_color: #fff;
    --blk_color: #000;
  }
  body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--wht_color);
    color: var(--gen_color);
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    overflow-x: hidden;
  }
  *, *:focus {
    outline: none;
  }
  a {
    color: var(--sec_color);
    transition: all ease .4s;
  }
  a:focus {
    outline: none;
    outline-offset: 0;
  }
  a:hover, a:focus {
    color: var(--blk_color);
    text-decoration: none;
  }
  p {
    font-weight: 300;
    padding-bottom: 45px;
    margin-bottom: 0;
  }
  img {
    max-width: 100%;
    border: none;
  }
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Big Caslon';
    padding-bottom: 10px;
    margin-bottom: 0;
    line-height: 1.318;
    font-weight: 500;
    text-transform: uppercase;
  }
  ul {
    padding: 0;
  }
  li {
    list-style: none;
  }
  button, button:focus {
    outline: none;
    outline-offset: 0;
  }
  input,textarea {
    background-color: #fff !important;
    padding: 18px 20px !important;
    height: 50px;
    margin-bottom: 15px;
  }
  input:focus,textarea:focus {
    transition: 0.4s all ease;
    border-color: var(--sec_color) !important;
    box-shadow: 0 0 0 .2rem rgba(89,188,202,.5) !important;
  }

  ::-webkit-input-placeholder {
    color: #252525 !important;
    opacity: 1;
    font-size: 16px;
    font-weight: normal;
  }
  ::-moz-placeholder {
    color: #252525 !important;
    opacity: 1;
    font-size: 16px;
    font-weight: normal;
  }
  :-ms-input-placeholder {
    color: #252525 !important;
    opacity: 1;
    font-size: 16px;  
    font-weight: normal;
  }
  :-moz-placeholder {
    color: #252525 !important;
    opacity: 1;
    font-size: 16px;
    font-weight: normal;
  }

  ::selection {
  background: var(--sec2_color);
  color: #ffffff;
  }
  ::-webkit-selection {
    background: var(--sec2_color);
    color: #ffffff;
  }
  ::-moz-selection {
    background: var(--sec2_color);
    color: #ffffff;
  }
  ::-o-selection {
    background: var(--sec2_color);
    color: #ffffff;
  }
  ::-ms-selection {
    background: var(--sec2_color);
    color: #ffffff;
  }

/*Webfonts*/

@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype'),
        url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Big Caslon';
    src: url('../fonts/BigCaslon-Medium.eot');
    src: url('../fonts/BigCaslon-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BigCaslon-Medium.woff2') format('woff2'),
        url('../fonts/BigCaslon-Medium.woff') format('woff'),
        url('../fonts/BigCaslon-Medium.ttf') format('truetype'),
        url('../fonts/BigCaslon-Medium.svg#BigCaslon-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


  .p-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .p-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    text-align: center;
    transition: all ease .4s;
    font-size: 20px;
    min-width: 260px;
    font-weight: 400;
    color: var(--gen_color);
    text-transform: uppercase;
    border-radius: 0;
    background-color: #ccc;
    background-image: url(../images/btn-bg.png);
    background-size: 880px;
    background-position: top 50% left 20%;
    background-repeat: no-repeat;
    box-shadow: none !important;
    outline: none !important;
    border: none;
  }
  .btn:hover,.btn:focus {
    background-position: top 50% left -380px; 
    color: var(--gen_color);
    text-decoration: none;
  }
  .btn-white {
    background-color: var(--wht_color);
  }
  .btn-white:hover {
    color: var(--blk_color);
  }
  .btn-blue {
    background-image: url(../images/bg.png);
    color: var(--wht_color);
  }
  .btn-blue:hover {
    color: var(--wht_color)
  }

  /*header css*/
  .navbar-expand-lg .navbar-toggler {
    display: block;
  }
  .navbar-expand-lg .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    transition: none;
  }
  .navbar-toggler {
    width: 35px;
    height: 24px;
    border-radius: 0;
    position: relative;
    padding: 0;
    margin-top: -20px;
  }
  .navbar-toggler span {
    height: 3px;
    width: 100%;
    background: transparent;
    position: relative;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .navbar-toggler span:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--wht_color);
    transform: rotate(45deg);
    transition: 0.3s all ease;
  }
  .navbar-toggler span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--wht_color);
    transform: rotate(-45deg);
    transition: 0.3s all ease;
  }
  .navbar-toggler.collapsed span:before {
    transform: rotate(0);
    bottom: -10px;
  }
  .navbar-toggler.collapsed span:after {
    transform: rotate(0);
    top: -10px;
  }
  .navbar-toggler.collapsed span {
    background-color: var(--wht_color);
  }
  .has-submenu:before {
    content: '';
    position: absolute;
    top: 34px;
    right: 15px;
    width: 8px;
    height: 8px;
    border: 2px solid var(--gen_color);
    border-top: transparent;
    border-right: transparent;
    background-color: transparent;
    transform: rotate(-45deg);
    transition: 0.3s all ease;
  }
  header nav .has-submenu.active:before {
    border-color: var(--wht_color);
    top: 38px;
    transform: rotate(-225deg);
  }
  .navbar-expand-lg .navbar-nav .has-submenu:hover:before {
    border-color: var(--wht_color);
  }
  nav ul li {
    padding-left: 0;
  }
  header nav .nav-item {
    position: relative;
  }
  header nav .nav-item .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 340px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #fff;
    display: none;
  }
  
  header nav .nav-item .submenu a {
    display: block;
    padding: 15px 30px;
    color: var(--gen_color);
  }
  header nav .nav-item .submenu a:hover {
    background-color: var(--sec2_color);
    color: var(--wht_color);
  }
  header nav .nav-item .submenu .menu-item {
    width: 100%;
  }
  header {
    position: absolute;
    z-index: 18;
    width: 100%;
    transition: 0.6s all ease;
  }
  header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
  }
  .main header {
    background-color: var(--wht_color);
  }
  .main header .container {
    background-color: var(--sec2_color);
    transition: 0.6s all ease;
  }
  .main header a.book-now {
    color: var(--blk_color);
    transition: 0.4s all ease;
  }
  .main header a.book-now img {
    filter: brightness(0);
    transition: 0.4s all ease;
  }
  .main header a.book-now:hover {
    color: var(--wht_color);
  }
  .main header a.book-now:hover img {
    filter: brightness(0) invert(1);
  }

  .header-blue {
    background-color: var(--wht_color);
  }
  .header-blue .container {
    background-color: var(--sec2_color);
    transition: 0.6s all ease;
  }
  .header-blue a.book-now {
    color: var(--blk_color);
    transition: 0.4s all ease;
  }
  .header-blue a.book-now img {
    filter: brightness(0);
    transition: 0.4s all ease;
  }
  .header-blue a.book-now:hover {
    color: var(--wht_color);
  }
  .header-blue a.book-now:hover img {
    filter: brightness(0) invert(1);
  }
  .contact-details {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 100px;
  }
  .contact-details a {
    display: block;
    font-size: 16px;
    line-height: 22px;
  }
  header a.book-now {
    display: flex;
    align-items: center;
    margin-top: 8px;
  }
  header a.book-now img {
    transition: 0.4s all ease;
    margin-left: 10px;
    -webkit-animation: arrow 1s infinite alternate ease-in-out;
  }
  /*keyframes*/
  @-webkit-keyframes arrow {
  0% { 
   -webkit-transform: translateX(0);
   }
  100% { 
   -webkit-transform: translateX(0.3em);
   }
  }
  header a.book-now:hover img,header a.book-now:focus img {
    filter: brightness(0);
  }
  .contact-details a.number {
    color: var(--wht_color);
  }
  .contact-details a.number:hover {
    color: var(--blk_color);
  }
  .logo-wrap {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center;
    justify-content: center;
    display: flex;
  }
  .logo-wrap .logo {
    display: block;
    max-width: 286px;
    min-width: 150px;
  }
  .nav-wrap {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    justify-content: center;
    display: flex;
  }
  .navbar-wrap {
    display: flex;
    align-items: center;
  }
  .navbar {
    position: static;
  }
  .navbar-expand-lg .navbar-collapse {
    justify-content: space-between;
  }
  .navbar-nav {
    max-width: 100%;
    flex: 0 0 100%;
    justify-content: center;
    background-color: #c4d8da;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    color: var(--blk_color);
    padding: 25px 35px;
    text-transform: uppercase;
  }
  .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link,.navbar-expand-lg .navbar-nav .nav-item:focus .nav-link {
    color: var(--wht_color);
    background-color: var(--sec2_color)
  }
  .nav-item.active .nav-link{
    color: var(--wht_color);
    background-color: var(--sec2_color);
  }
  .navbar-nav li a {
    font-size: 18px;
  }
  .toggler-text {
    color: var(--wht_color);
    padding-bottom: 0;
    margin-left: 18px;
  }
  .carousel-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.4) 100%);
    z-index: 1;
  }
   .carousel-indicators {
    bottom: 20px;
   }
   .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: transparent;
    border: 3px solid #fff;
   }
   .carousel-indicators .active {
    background-color: var(--sec_color);
    border-color: var(--sec_color);
   }
   .carousel-caption,.banner-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    z-index: 1;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 100px 0;
   }
   .banner-caption {
    top: 60%;
   }
   .carousel-caption h1, .banner-caption h1 {
    font-size: 90px;
    line-height: 1.2;
    color: var(--wht_color);
    text-transform: uppercase;
    padding: 16px;
    letter-spacing: 12px;
   }
   .banner-caption h1 {
    font-size: 65px;
   }
   .carousel-caption p,.banner-caption p {
    font-size: 36px; 
    line-height: 53px;
    color: var(--wht_color);
    background-color: transparent;
    text-transform: capitalize;
    border-top: solid 1px #fff; 
    border-bottom: solid 1px #fff; 
    max-width: 340px;
    margin: 0 auto;
    padding: 10px 0;
    margin-bottom: 40px
   }
   .banner-caption p {
    max-width: 480px;
   }
   .banner-wrap img {
    max-height: 850px;
    min-height: 500px;
    object-fit: cover;
    object-position: center;
   }
   .carousel-item img {
    height: 850px;
    object-fit: cover;
   }
   .section-title {
    text-align: center;
    position: relative;
   }
   .section-title:before {
    content: '';
    position: absolute;
    width: 95px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, rgba(1,220,217,1) 0%, rgba(76,149,179,1) 100%);
   }
   .section-title .title {
    font-size: 40px;
    letter-spacing: 3px;
    padding-bottom: 100px;
   }
   .section-title p:not(.founderer p) {
    border-bottom: 1px solid #ccc;
   }
   .services {
    background-image: url(../images/section-bg.png);
    background-size: cover;
    background-position: center;
    padding-bottom: 100px;
   }
   .services .blog {
    position: relative;
    display: block;
    width: 100%;
    transition: 0.4s all ease;
    box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;
   }
   .services .blog:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
   }
   .services .blog:not(.active) {
    transform: scale(0.9);
    transform-origin: right; 
   }
   .services .blog:hover {
    transform: scale(1);
   }
   .services [class*=col-]:last-child .blog {
    transform-origin: center left; 
   }
   .services .blog img {
    width: 100%;
   }
   .services .blog figcaption {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
   }
   .services .blog figcaption h5 {
    color: var(--wht_color);
    transition: 0.4s all ease;    
   }
   .services .blog:hover figcaption h5 {
    color: var(--sec_color);
   }

   /*founderer*/
   .founderer .section-title {
    text-align: left;
    margin-bottom: 45px;
   }
   .founderer .section-title .title {
    padding-bottom: 0;
   }
   .founderer .section-title .title span {
    display: block;
   }
   .founderer .section-title::before {
    top: 100%;
    left: 0;
    transform: inherit;
   }
   .section-title .sub-title,.section-title span {
    font-size: 60px;
    display: block;
   }
   .section-title .sub-title {
    background: linear-gradient(90deg, rgba(1,220,217,1) 0%, rgba(76,149,179,1) 100%);
    color: transparent;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
   }
   .section-title .sub-title::selection {
    -webkit-text-fill-color: #ffffff;
  }
   .founderer .btn-blue {
    margin-right: 24px;
   }
   .section-title .title p {
    font-weight: inherit;
    line-height: 1.2;
    padding-bottom: 0;
   }

   .offer-services {
    background-image: url(../images/bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
   }
   .offer-services h2,.offer-services h2 span {
    color: var(--wht_color);
   }
   .offer-services .section-title::before {
    top: 70%;
    background: var(--wht_color)
   }
   .offer-services .card {
    background: var(--wht_color);
    transition: 0.4s all ease;
    min-height: 400px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    transition: 0.5s all ease;
    border: none;
    border-radius: 0;
   }
   .offer-services .card img {
    transition: 0.5s all ease;
    width: 100%;
    min-height: 306px;
   }
   .offer-services .card:hover {
    background: linear-gradient(90deg, rgba(1,220,217,1) 0%, rgba(76,149,179,1) 100%);
    color: #fff;
   }
   .offer-services .card:hover img {
    transform: scale(1.08);
   }
   .offer-services figcaption {
    width: 100%;
    min-height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
   }
   .offer-services figcaption h5 {
    font-size: 24px;
    color: var(--gen_color);
    letter-spacing: 1px;
    font-weight: 500;
    padding-bottom: 0;
    transition: 0.4s all ease;
   }
   .offer-services .card:hover figcaption h5 {
    color: var(--wht_color);
   }
   .contact-info {
    background-image: url(../images/info-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 185px 0;
    position: relative;
    text-align: center;
   }
   .contact-info:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 30%, rgba(0,0,0,0.4) 100%);
    z-index: 0;
   }
   .contact-info .container {
    position: relative;
   }
   .contact-info .booking {
    font-size: 40px;
    color: var(--wht_color);
    line-height: 1.5;
    display: flex;
    justify-content: center;
    flex-direction: column;
   }
   .contact-info .booking a {
    font-size: 90px;
    color: var(--wht_color)
   }
   .contact-info a.email {
    display: block;
    font-size: 36px;
    max-width: 400px;
    margin: 0 auto;
    color: var(--wht_color);
    border-top: 1px solid var(--wht_color); 
    border-bottom: 1px solid var(--wht_color); 
    padding: 20px 0;
    margin-bottom: 30px;
   }
   .contact-info a:not(.btn):hover {
    color: var(--sec_color);
   }
   .clients .testimonial .image {
    position: relative;
   }
   .clients .testimonial .image:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.2) 100%);
   }

   .clients .testimonial .name {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 20px;
    color: var(--wht_color);
    font-size: 24px;
   }
   .clients .testimonial .content {
    padding-top: 20px;
    line-height: 30px;
   }
   .clients .testimonial {
    position: relative;
    transition: 0.4s all ease;
    top: -150px;
   }
   .clients .testimonial:before {
    position: absolute;
    content: '';
    bottom: 10px;
    left: 0;
    width: 100px;
    height: 2px;
    background: linear-gradient(90deg, rgba(1,220,217,1) 0%, rgba(76,149,179,1) 100%);
   }
   .clients [class*=col-]:last-child {
    text-align: center;
   }
   .clients .btn {
    margin-top: 40px;
    min-width: 310px;
   }
   .clients [class*=col-]:nth-child(odd) .testimonial {
    top: 0;
   }
   .consultation-form [class*="col-"]:last-child {
      text-align: center;
   }
   .consultation-form {
    background-image: url(../images/section-bg.png);
    background-size: cover;
    background-position: center;
   }
   .form-control {
    display: block;
    width: 100%;
    height: 50px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   }
   .consultation-form textarea {
    resize: none;
    height: 115px;
    margin-bottom: 32px;
   }
   .consultation-form .btn {
    margin-bottom: 10px;
   }

   /*banner-css*/
   .banner-wrap {
    position: relative;
   }
   .banner-wrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.6) 100%);
   }
   .services-page .offer-services {
    background: transparent;
    position: relative;
    top: -200px;
    height: 850px;
   }
   .services-page .offer-services figcaption {
    transition: 0.5s all ease;
   }
   .services-page .offer-services .card {
    margin-bottom: 36px;
    transition: 0.4s all ease;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   }
   .therapies .section-title p {
    font-size: 20px;
    line-height: 36px;
    padding-top: 80px;
    margin-bottom: 60px;
   }
   .therapies .card {
    text-align: center;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 0;
    min-height: 565px;
    border: none;
   }
   .therapies .card-detail {
    padding-bottom: 0;
   }
   .therapies .card-body {
    padding: 35px;
   }
   .therapies .card-title {
    font-size: 24px;
    max-width: 295px;
    margin: 0 auto;
   }
   .therapies .card-title a {
    color: var(--gen_color);
   }
   .therapies .card-title a:hover {
    color: var(--sec2_color);
   }
   .therapies [class*=col-]:nth-child(2) .card-detail {
    max-width: 270px;
    margin: 0 auto;
   }
   .therapies .section-title .title {
    padding-bottom: 0;
   }
   .service-detail .section-title {
    text-align: left;
   }
   .service-detail .section-title:before {
    top: 65%;
    left: 0;
    transform: inherit;
   }
   .service-detail .section-title .title {
    padding-bottom: 80px;
   }
   .service-detail .description ul {
    margin-bottom: 0;
   }
   .service-detail .description p,.service-detail .required h3,.service-detail .description ul {
    padding-bottom: 40px;
   }
   .service-detail .btn-blue {
    margin-right: 25px;
   }
    .description ul li {
      position: relative;
      font-weight: 600;
      padding-left: 30px;
    }
    .description ul li:before {
      position: absolute;
      content: '';
      left: 5px;
      top: 11px;
      width: 8px;
      height: 8px;
      background-color: var(--sec2_color);
    }
   .contact-detail {
    padding: 80px 0 0;
   }
   .contact-detail .section-title::before {
    top: 55%; 
   }
   .contact-detail .address-box {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    text-align: center;
    min-height: 265px;
    padding: 42px 60px;
    margin-top: 54px;
    margin-bottom: 10px;
   }
   .contact-detail .address-box a:not(.social a),.contact-detail .address-box span {
    display: block;
    color: var(--gen_color);
    line-height: 28px;
   }
   .contact-detail .address-box a:hover{
    color: var(--sec2_color) !important;
   }
   .contact-detail .address-box p {
    padding-bottom: 0;
   }
   .contact-detail .address-box .title {
    font-size: 22px;
   }
   .map-wrap {
    margin-top: 80px;
   }
   .map-wrap iframe {
    filter: grayscale(1);
    display: block;
   }

   /*footer*/ 
   footer {
    background-color: var(--wht_color);
   }
   footer .main,footer .bottom-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
   }
   footer p {
    padding-bottom: 0;
   }
   footer .main {
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
   }
   .social {
    margin-top: 30px;
   }
   .social a:not(.social a:last-child) {
    margin-right: 20px;
   }
   .social a.icon img {
    filter: grayscale(1);
    transition: 0.5s all ease;
   }
   .social a.icon:hover img,.social a.icon:focus img {
    filter: inherit;
   } 
   footer a {
    color: #252525
   }
   footer a:hover,footer a:focus {
    color: var(--sec_color);
   }
  footer .contact-info .details {
    padding-bottom: 30px;
  }
  footer .contact .details a {
    display: block;
    text-align: right;
  }
  footer .contact .details {
    margin-bottom: 30px;
  }
  footer .quote {
    display: flex;
    align-items: center;
  }
  footer .quote img {
    margin-left: 20px;
  }
  footer .bottom-bar {
    padding: 28px 0 42px;
  }
  footer .branding-rights strong {
    font-weight: 600;
  }

  #num-tel{
    color: #fff !important;
    font-size: 80px !important;
    font-family: 'Big Caslon' !important;
  }

  #num-tel:hover{
    cursor: pointer !important;
    color: var(--sec_color) !important;
  }

  @media(max-width: 768px){
    #num-tel{
      font-size: 35px !important;
    }
  }