@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
    font-family: "Open Sans", sans-serif;
}

.topbar {
    background-color: rgb(250, 164, 26);
    padding: 10px;
}
.topbar .topbar-content p {
    margin-bottom: 0;
    text-align: center;
    font-size: 18px;
}
.topbar .topbar-content p svg {
    width: 25px;
    height: 25px;
    margin: 0 10px;
}

		div#header {
  padding: 0;
}				
.header-top{
background: #000 ;
}
ul.d-flex.flex-column.flex-md-row.account_login-area {
  margin: 0;
}
.header-top ul.header-contact {
  text-align: right !important;
}
.account_login-area a {
  color: white !important;
  text-decoration: none !important;
}
.header-top li {
  display: inline-block !important;
  padding:15px !important;
  color:#fff !important;
}
.header-top li i {
  padding-right: 5px !important;
  color: #fff !important;
}
.header-top .account_login-area a {
padding: 0 10px !important;
display: inline-block !important; 
}
.header-top .account_login-area a:hover {
color: #fff !important;
text-decoration: none !important;
}

@media (max-width: 767px) {
    ul.d-flex.flex-column.flex-md-row.account_login-area {
        padding: 0px !important;
    }
}


.navbar {
    background-color: #fff !important;
}
.navbar-nav .nav-item {
    margin-left: 15px;
}
.navbar-nav .nav-item .nav-link {
    text-transform: uppercase;
    font-size: 18px;
    color: rgb(27, 27, 27);
}
.navbar-nav .nav-item .nav-link svg {
    width: 25px;
    height: 25px;
}
.navbar-nav .nav-item.dropdown .dropdown-toggle svg {
    width: 20px;
    height: 20px;
}
.navbar-nav .nav-item .dropdown-menu .dropdown-item {
    text-transform: uppercase;
}
.navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, .navbar-nav .nav-item .dropdown-menu .dropdown-item:active, .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
    background-color: #f5f5f5;
    color: rgb(27, 27, 27);
}
.navbar-nav .nav-item.dropdown .dropdown-toggle::after {
    display: none;
}
.navbar.scroll {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
}
.navbar.navbar-brand img {
}
.navbar.scroll .navbar-brand {
    transition: all 0.3s ease-in-out;
    transform: scale(0.6);
}
.contract {
    padding: 50px 0;
}
.contract h1 {
    font-family: "Special Elite", system-ui;
    margin-bottom: 40px;
    text-align: center;
}
.contract-outer {
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 5px;
}
.contract-outer .divider {
    height: 1px;
    background-color: #ddd;
    display: block;
    margin: 30px 0;
}
.contract-detail a {
    text-decoration: none;
}
.contract-outer .divider:last-child {
    display: none;
}
.contract-outer .table tr th {
    background-color: rgb(166, 105, 7);
    color: #fff;
}
.contract-detail h4 {
    color: rgb(166, 105, 7);
    font-weight: 600;
}
.contract-detail p small {
    color: #5c5c5c;
}
.contract-detail p small img {
    width: 100%;
    max-width: 18px;
}
.contract-detail p small span {
    background-color: rgb(166, 105, 7);
    color: #fff;
    border-radius: 3px;
    padding: 2px 5px;
    font-weight: 600;
    margin-right: 10px;
}
.contract-detail p {
    color: #000;
}
.contract-detail button {
    background-color: rgb(166, 105, 7);
    border: 1px solid rgb(166, 105, 7);
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    padding: 5px 20px;
}
footer {
    padding: 40px 0;
}
footer .footer-content {
    text-align: center;
}
footer .footer-content ul {
    margin-bottom: 40px;
}
footer .footer-content ul li {
    display: inline-block;
    margin: 0 8px;
}
footer .footer-content ul li a {
    color: rgb(166, 105, 7);
    text-decoration: none;
    font-size: 18px;
}
footer .footer-content p a {
    color: rgb(166, 105, 7);
    text-decoration: none;
    font-size: 18px;
}
footer .copyright {
    color: rgb(89, 89, 89);
    margin-top: 30px;
    text-align: center;
}
.bannerSection {
    background-image: url(../images/homeBannerImg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding: 220px 0;
    position: relative;
}
.bannerSection .tel {
    background-color: rgba(22, 22, 22, 0.3);
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 20%;
    padding: 20px 20px;
}
.banner-content h1 {
    font-size: 90px;
    color: #fff;
    font-family: 'Special Elite', serif;
}
.banner-content p {
    color: #fff;
    font-size: 30px;
    font-style: italic;
}
.banner-content a {
    background-color: rgb(250, 164, 26);
    border-color: rgb(250, 164, 26);
    border-radius: 0;
    padding: 15px 30px;
    color: #222;
    font-weight: 700;
}
.banner-content a:hover {
    background-color: rgb(254, 199, 152);
    border-color: rgb(254, 199, 152);
    color: #222;
}
.findHome {
    background-color: rgb(250, 164, 26);
    padding: 50px 0;
}
.findHome-content {
    text-align: center;
}
.findHome-content h1 {
    font-family: 'Special Elite', serif;
    font-size: 60px;
    color: #000;
}
.findHome-content p {
    color: rgb(40, 35, 31);
    font-size: 18px;
}
.findHome-content a, .findHome-content a:hover {
    background-color: rgb(22, 22, 22);
    color: rgb(219, 219, 219);
    border-color: rgb(22, 22, 22);
    font-weight: 600;
    font-size: 18px;
    border-radius: 0;
    padding: 15px 30px;
    display: inline-block;
    margin-top: 20px;
}
.findHome-content .divider {
    border-top: 2px dashed rgb(40, 35, 31);
    display: inline-block;
    height: 1px;
    width: 37%;
    margin: 20px 0px;
}
.supportSection {
    padding: 50px 0;
}
.supportSection .heading h2 {
    font-family: 'Special Elite', serif;
    font-size: 60px;
    color: rgb(27, 27, 27);
}
.supportSection-content h5 {
    color: rgb(94, 94, 94);
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
}
.supportSection-content p {
    color: rgb(94, 94, 94);
    font-size: 18px;
}
.supportSection-content h4 {
    color: rgb(94, 94, 94);
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
    font-style: italic;
}
.supportSection-content ul li {
    color: rgb(94, 94, 94);
    font-size: 18px;
}
.supportSection-content.second {
    display: flex;
    height: 100%;
    align-items: center;
}
.wellness {
    background-color: rgb(250, 164, 26);
    padding: 50px 0;
}
.wellness h2 {
    word-break: break-word;
    font-family: 'Special Elite', serif;
    font-size: 60px;
    color: rgb(27, 27, 27);
    text-align: center;
}
.wellness-content img {
    border-radius: 50%;
    margin-bottom: 30px;
}
.wellness-content h4 {
    color: rgb(0, 0, 0);
    font-size: 24px;
    margin-bottom: 20px;
}
.wellness-content p {
    font-size: 18px;
    color: rgb(40, 35, 31);
}
.wellness-content a {
    background-color: rgb(22, 22, 22);
    color: rgb(219, 219, 219);
    text-decoration: none;
    padding: 15px 30px;
    display: inline-block;
    margin-top: 30px;
    font-weight: 600;
    font-size: 18px;
}
.video {
    background-color: rgb(22, 22, 22);
    padding: 50px 0;
}
.videoInner h2 {
    font-family: 'Special Elite', serif;
    font-size: 60px;
    color: rgb(250, 164, 26);
    text-align: center;
    word-break: break-word;
}
.details {
    padding: 50px 0;
}
.details-content h2 {
    font-family: 'Special Elite', serif;
    font-size: 60px;
    color: rgb(207, 132, 12);
    text-align: center;
    margin-bottom: 30px;
}
.details-content h4 {
    color: rgb(27, 27, 27);
    font-size: 36px;
    margin-bottom: 20px;
}
.details-content p {
    font-size: 20px;
    color: rgb(94, 94, 94);
    margin-bottom: 20px;
}
.details-content ul li {
    font-size: 20px;
    color: rgb(94, 94, 94);
}
.moveSection {
    background-color: rgb(22, 22, 22);
    padding: 50px 0;
}
.moveSection h2 {
    font-family: 'Special Elite', serif;
    font-size: 60px;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
    word-break: break-word;
}
.moveSection-content h3 {
    font-family: 'Special Elite', serif;
    color: rgb(207, 132, 12);
    font-size: 45px;
    margin-bottom: 30px;
}
.moveSection-content h4 {
    color: rgb(247, 247, 247);
    font-size: 24px;
}
.moveSection-content p {
    color: rgb(164, 164, 164);
    font-size: 23px;
}
.moveSection-content a {
    background-color: rgb(250, 164, 26);
    border-color: rgb(250, 164, 26);
    border-radius: 0;
    padding: 15px 30px;
    color: #222;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    margin-top: 30px;
}
.appointment {
    padding: 50px 0;
}
.appointment h2 {
    font-family: 'Special Elite', serif;
    font-size: 60px;
    word-break: break-word;
    color: rgb(207, 132, 12);
    text-align: center;
    margin-bottom: 30px;
}
.privacy {
    background-color: rgb(22, 22, 22);
    padding: 50px 0;
}
.privacy-content h3 {
    font-family: 'Special Elite', serif;
    font-size: 40px;
    color: rgb(207, 132, 12);
    text-align: center;
    margin-bottom: 30px;
}
.privacy-content h4 {
    font-size: 43px;
    color: rgb(207, 132, 12);
    text-align: center;
    margin: 70px 0;
}
.privacy-content h5 {
    color: rgb(247, 247, 247);
    font-size: 46px;
    text-align: center;
    margin-bottom: 50px;
}
.privacy-content p {
    font-size: 18px;
    color: rgb(164, 164, 164);
}
.privacy-content ul li {
    font-size: 18px;
    color: rgb(164, 164, 164);
}
.privacy-content p a, .privacy-content ul li a {
    color: rgb(207, 132, 12);
    text-decoration: none;
}



/* responsive */
@media (max-width: 1366px) {
    .wellness-content img {
        width: 100%;
    }
}
@media (max-width: 1199px) {
    .banner-content h1 {
        font-size: 70px;
    }
    .navbar .navbar-brand img {
        width: 100%;
        max-width: 220px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        transform: translateX(-40px);
    }
}
@media (max-width: 1991px) {
    .navbar .navbar-toggler {
        outline: none;
        box-shadow: none;
    }
    .banner-content h1 {
        font-size: 60px;
    }
}
.thankyouPopupContent {
    text-align: center;
    padding: 100px 70px;
}
.thankyouPopupContent svg {
    display: block;
    height: 100px;
    width: 100px;
    color: green;
    margin: 0 auto;
}
.thankyouPopupContent h3 {
    margin: 30px 0;
}
.thankyouPopupContent p {
    font-size: 18px;
}

.circle {
    stroke-dasharray: 76;
    stroke-dashoffset: 76;
    animation: draw 1s forwards;
  }
  
  .tick {
    stroke-dasharray: 18;
    stroke-dashoffset: 18;
    animation: draw 1s forwards 1s;
  }
  
  @keyframes draw { 
    to { stroke-dashoffset: 0 } 
  }
  
  

.thankyouPopupContent a{
    background: #161616;
    border-radius: 10px 0;
    display: inline-block;
    padding: 14px 30px;
    margin-top: 10px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

.footerlocation{
    color: rgb(166, 105, 7);
    
    font-size: 18px;
  }


  .col-md-12.col-sm-12.col-12.col-lg-12 {
    background-color: black;
    list-style: none;
    color: white;
}