/* ==== Site Name: The Tooth Story Dental ==== */

/* ===== GENERAL STYLES  ====== */
body { font-size:14px; color:#000; font-family: "Poppins", "sans-serif"; position: relative; }
body.body-overflow { overflow-y: hidden; }
a,
.btn,
a:hover,
.btn:hover {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer;}
a:hover { text-decoration:none; }
img { max-width:100%; }
ul {padding-left:0; margin: 0; }
ul li{ list-style:none; }
a { text-decoration: none; }

ul.address-list li { float:left; margin:0 10px; }
ul.address-list li,
ul.address-list li a { color:#566593; font-weight:500; }
ul.address-list li a:hover { color:#eb9a28; }
ul.address-list li i { margin-right:5px; color:#eb9a28; }
ul.address-list li a i { color:#eb9a28; margin-right:5px; }

ul.social-icons li { float:left; margin:0 10px; }
ul.social-icons li a { color:#8a5916; font-size:20px; }
ul.social-icons li a:hover { color:#eb9a28; }

.orange-text { color:#F46700; }
.green-text { color:#2E8278; }
.pink-text { color:#eb9a28; }

.text-link-pink { color:#8a5916; }
.text-link-white { color:#fff; }
.text-link-blue { color:#8a5916; }
.text-gold-color { color:#ddac18; }

.form-bg .modal-content { background-repeat: no-repeat; background-position:center center; background-size:cover; position:relative; background-color:transparent; z-index:0; border: 0; border-radius: 15px; overflow: hidden; box-shadow: 0 0 5px rgba(255, 255, 255, 0.3); }
.form-bg .modal-content:after { content:""; position:absolute; left:0; top:0; background-color:rgba(138,89,22,0.9); width:100%; height:100%; z-index:-1; }
.form-bg .modal-content .modal-header { border: 0; }
.form-bg .modal-content .modal-header .btn-close { background-color: #fff; opacity: 1; }
.form-bg .modal-content h3 { color:#fff; text-transform:capitalize; }

.form-bg .modal-content .contact-form select.form-select,
.form-bg .modal-content .contact-form .form-control { background-color:transparent; color:#fff; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #fff; border-radius:0; }
.form-bg .modal-content .contact-form select.form-select { padding-left:30px; background-image:none; }

.custom-select option {
    background-color: #8a5916; /* dropdown background */
    color: #fff; /* dropdown text color */
}
.custom-select { position:relative; }
.custom-select:after { content:"\f107"; position:absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; border:0; font-size: 20px; top: 0; right:15px; }

.custom-select:before { content:"\f0f0"; position:absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; border:0; font-size: 20px; top: 0; left:15px; }

.custom-select option:hover {
    background-color: #fff !important;
    color: #8a5916 !important;
}

.form-bg .modal-content .contact-form .form-control:focus,
.form-bg .modal-content .contact-form select.form-select:focus { box-shadow:none; }
.form-bg .modal-content .contact-form .form-control::placeholder {
    color: #fff !important;
    opacity: 1;
}
.form-bg .modal-content .contact-form input[type="date"]::-webkit-calendar-picker-indicator,
.form-bg .modal-content .contact-form input[type="time"]::-webkit-calendar-picker-indicator {
    opacity: 0;      /* Hide the icon */
    display: none;   /* Fully remove */
}

.form-bg .modal-content .contact-form input[type="time"] {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
}
.form-bg .modal-content .contact-form .border-white { background-color:transparent !important; border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0; font-size:16px; display:inline-block; }
.form-bg .modal-content .contact-form .input-group-text.overlap {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: left;
    z-index: 99;
  }

  .form-bg .modal-content .contact-form .gap .form-control { padding-left:40px; }

/* For older browsers */
.form-bg .modal-content .contact-form .form-control::-webkit-input-placeholder {
    color: #fff !important;
}
.form-bg .modal-content .contact-form .form-control:-ms-input-placeholder {
    color: #fff !important;
}
.form-bg .modal-content .contact-form .form-control::-ms-input-placeholder {
    color: #fff !important;
}

.required { position:relative; }

.required::before {
    content: "\f005";
    position: absolute;
    right: 10px;
    top: 2px;
    font-size: 10px;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.contact-section .contact-form .required::before { color:#8a5916; }
.career-page .required::before { color:#ffa700; top:10px; right:10px; }

.window-load { 
position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #fff; }
.loader {
  width: 17px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #8a5916;
  display: grid;
  animation: l22-0 2s infinite linear;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.loader:before,
.loader:after {
  content: "";
  grid-area: 1/1;
  margin: 15%;
  border-radius: 50%;
  background: #eb9a28;
  transform: rotate(0deg) translate(150%);
  animation: l22 1s infinite;
}
.loader:after {
  animation-delay: -.5s
}
@keyframes l22-0 {
  100% {transform: rotate(1turn)}
}
@keyframes l22 {
  100% {transform: rotate(1turn) translate(150%)}
}

/* ===== SCROLLTOP STYLES ====== */
#to-top { position: fixed; bottom: 6px; right: 15px; cursor: pointer; border-radius: 5px; background: #8a5916; z-index: 99; transition: all 0.3s ease 0s; display: none; box-shadow: 0 0 10px rgba(0,0,0,0.5); width: 45px;
    height: 45px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    border: 3px solid #fff;
    color: #fff;
    border-radius: 50%; z-index:99; }
#to-top i { padding: 10px; color: #ffffff; font-size: 20px; }

.whattsup-icon { position: fixed; bottom: 15%; right: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.5); width: 45px; height: 45px; border-radius:5px; }

/* ===== TYPEOGRAPHY ====== */

h1, h2, h3, h4, h5, h6 { margin:0 0 15px; font-weight: 600; color: #8a5916; text-transform: uppercase; }
p { font-weight:400; color:#5f492b; margin-bottom:15px; font-size: 16px; line-height: 24px; font-family: "Lato", sans-serif; }

.section { padding: 60px 0; }

.main-heading { margin-bottom: 40px; font-size:42px; text-transform:capitalize; }

.btn { font-size:16px; border-radius:15px; text-align:center; color:#8a5916; background-color:#fff; padding:12px 24px; font-weight:500; border:1px solid transparent; letter-spacing:1px; }

.btn.pink-btn { background-color:#8a5916; color:#fff; }
.btn.blue-btn { background-color:#8a5916; color:#fff; border:1px solid #8a5916; }
.btn.white-btn { background-color:#fff; color:#8a5916; }

/* ===== HEADER ====== */
header { position:absolute; left:0; top:0; width:100%; z-index:99; }
header .header-top { background-color:rgba(138,89,22,0.9); padding:5px 0; }
header .address-list li,
header .address-list li a { color:#fff; }
header ul.social-icons li a { color:#fff; }
header .header-navbar .navbar { background-color:transparent !important; }
header .header-navbar .logo { display: inline-block; max-width:150px; width:100%; }
header .header-navbar .logo img { width:100%; }
header .header-navbar { padding:10px 0; background-color:rgba(254, 251, 246, 0.8); }
header .header-navbar .navbar .navbar-nav li a { color:#8a5916; font-size:14px; letter-spacing:1px; padding:5px 12px; font-weight:500; }
header .header-navbar .navbar .navbar-nav li a:hover { color:#eb9a28; }
header .header-navbar .navbar .navbar-nav li a.nav-link:hover,
header .header-navbar .navbar .navbar-nav li a.nav-link.active { color:#eb9a28; }
header .header-navbar .dropdown-toggle:hover::after { color:#eb9a28;  }
.banner .border-bottom-shape { position:absolute; left: 0; bottom:-2px; width:100%; height:60px; border-radius:50% 50% 0 0; background-color:#eb9a28; opacity:0.6 }
header .header-navbar .navbar .navbar-nav li .dropdown-menu li a { color:#8a5916; }
header .header-navbar .dropdown-toggle::after { content:"\f067"; position:absolute; font-family: "Font Awesome 5 Free";
  font-weight: 900; color: #8a5916; border:0; font-size: 12px; top: 50%; transform: translateY(-50%); }
.header-navbar .navbar-nav li ul.dropdown-menu { padding:0; }
.header-navbar .navbar-nav li ul.dropdown-menu li { border-bottom:1px solid rgba(0,0,0,.10); margin: 0; }
.header-navbar .navbar-nav li ul.dropdown-menu li:last-child { border-bottom:1px solid transparent; }
.header-navbar .navbar-nav li ul.dropdown-menu li a { padding:10px 15px; text-align:left; }
.header-navbar .navbar-nav li ul.dropdown-menu li a:hover { background-color:#eb9a28; color:#fff; }

header.navbar-sticky-top .header-top { display:none; opacity:0; }
header.navbar-sticky-top .header-navbar { position:fixed; width:100%; left:0; top:0; box-shadow:0 0 10px rgba(0, 0, 0, 0.3); z-index:999; }

header .dashboard { position:absolute; bottom:-66px; right:0; border-radius:0; } 

/* ===== BANNER ====== */
.banner { position:relative; }
.banner { background-repeat: no-repeat; background-position:center center; background-size:cover; position:relative; z-index:0; height:100vh; }
/*.banner:after { content:""; position:absolute; left:0; top:0; background: linear-gradient(270deg,rgba(255, 255, 255, 0.9) 0%, rgba(138, 89, 22, 0.9) 100%); width:100%; height:100%; z-index:-1; }*/
.banner:after { content:""; position:absolute; left:0; top:0; background-color: rgba(138, 89, 22, 0.8); width:100%; height:100%; z-index:-1; }
.banner .banner-content { position:absolute; top: 70%; transform:translateY(-70%); -webkit-transform:translateY(-70%); -ms-transform:translateY(-70%); -moz-transform:translateY(-70%); max-width:900px; width:100%; z-index:222; }
.banner .banner-content h1 { color: #fff; text-transform:capitalize; letter-spacing:1px; font-size:76px; font-weight:700; line-height:106px; margin-bottom:0; }
.banner .banner-content p b { font-size:30px; color:#fff; }
.banner .banner-content h2 { text-transform:capitalize; margin-bottom:5px; font-size:26px; }
.banner .banner-content .border-right { border-left:4px solid #8a5916; background-color:rgba(255, 255, 255, 0.3); margin-bottom:10px; padding:10px; }
.banner .banner-content .border-right P { margin-bottom:0; }
.banner .banner-content p { font-size:16px; line-height:20px; margin-bottom:10px; color:#5f492b; color:#fff; }
.banner .banner-bottom-img { position:absolute; bottom:0; right:8%; margin:0; max-width:350px; width:100%; padding:30px 30px 0 30px; border-radius: 50% 50% 0% 0%; background-color:rgba(255,255,255, 0.6); z-index:2; border-bottom:5px solid #eb9a28; }
.banner .check-list { margin-bottom:20px; }
/*.banner .check-list li { float:none; width:100%; color:#5f492b; }*/
.banner .check-list li { float:none; width:100%; color:#fff; }
.banner .banner-content .btn { background-color:#eb9a28; }

figure.fig-circle { border-radius:50%; overflow:hidden; width:90px; height:90px; position:absolute; left:0; top:0; background-color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.5); }
figure.fig-circle img { width:100%; }
figure.fig-circle.one { left:-10%; top:15%;  animation: bounce .4s ease infinite alternate; -webkit-animation: bounce .4s ease infinite alternate; }
figure.fig-circle.two { left:-10%; top:65%; animation: bounce-left .4s ease infinite alternate; -webkit-animation: bounce-left .4s ease infinite alternate; }
figure.fig-circle.three {  right:-10%; top:45%; left:inherit; animation: zoom-in .4s ease infinite alternate; -webkit-animation: zoom-in .4s ease infinite alternate; }

@keyframes bounce {
  0% { 
    top:14%;
  }
  100% {
    top: 15%;
  }
}

@-webkit-keyframes bounce {
  0% { 
    top:14%;
  }
  100% {
    top: 15%;
  }
}

@keyframes bounce-left {
  0% { 
    left:-9%;
  }
  100% {
    left: -10%;
  }
}

@-webkit-keyframes bounce-left {
  0% { 
    left:-9%;
  }
  100% {
    left: -10%;
  }
}

@keyframes zoom-in {
  0% { 
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes zoom-in {
  0% { 
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

/* ===== ABOUT SECTION ====== */
.about-section { background-repeat: no-repeat; background-position:center center; background-size:cover; position:relative; }
.about-section .about-img { position:relative; }
.about-section .about-img figure.fig { border-top-left-radius: 200px; border-top-right-radius: 200px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; overflow:hidden; width:100%; position:relative; height:100%; box-shadow:none; }
.about-section .about-img img { width:100%; }
.about-section .about-img figure.fig-circle { border-radius:50%; overflow:hidden; width:120px; height:120px; position:absolute; left:-60px; top:35%; background-color:#fff; box-shadow:0 0 10px rgba(255, 255, 255, 0.5); z-index:9; animation: zoom-in .4s ease infinite alternate; -webkit-animation: zoom-in .4s ease infinite alternate; z-index:0; }
.about-section figure.fig-circle img { width:100%; }
.about-section .about-content h5 i { color:#ffce3e; }
.about-section .about-content h5 span { font-size:16px; font-weight:400; }
.about-section .check-list { margin:20px 0 30px; overflow:auto; }
.check-list li { font-size:16px; color:#5f492b; line-height:30px; }
.check-list li i { color:#eb9a28; }

/* ===== COUNT SECTION ====== */
.count-section { background-repeat: no-repeat; background-position:center center; background-size:100%; position:relative; }
.count-section .main-heading { margin-bottom:0; }

/* ===== CHOOSE SECTION ====== */
.choose-section {  background-repeat: no-repeat; background-position:center center; background-size:100%; position:relative; }
.choose-section .main-heading { margin-bottom:15px; }
.choose-section h5 { color:#eb9a28; }
.choose { background-repeat:no-repeat; background-position:bottom right; background-size:cover;  background-image: none; padding:20px; box-shadow:0 0 15px rgba(0, 0, 0, 0.5); border-radius:10px; margin-bottom:20px; position:relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; overflow:hidden; z-index:0; }
.choose.active,
.choose:hover { background-image: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.choose.active:after,
.choose:hover:after {  content:""; position:absolute; left:0; top:0; background-color:rgba(138,89,22,0.9); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; z-index:-1; width:100%; height:100%;  }
.choose p { margin-bottom:40px; }
.choose:hover h3,
.choose.active h3,
.choose.active h3,
.choose:hover p,
.choose.active p { color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.choose.active h3 b,
.choose:hover h3 b { opacity:0.5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; color:#fff; }
.choose a { font-size:18px; letter-spacing:1px; }
.choose.active a,
.choose:hover a { color:#fff; }

.choose h3 { text-transform:capitalize; font-size:24px; border-bottom:1px solid #ccc; padding-bottom:15px; margin-right:50px; }
.choose h3 b { font-size:60px; font-weight:bold; color:#566593; position:absolute; top: 15px; right:15px; opacity:0.2; }

.choose figure { width:80px; height:80px; text-align:center; }
.choose figure img { width:100%; }
.choose figure img.img-show { display:inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.choose figure img.img-hide { display:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.choose.active figure img.img-show,
.choose:hover figure img.img-show { display:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.choose.active figure img.img-hide,
.choose:hover figure img.img-hide { display:inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.choose a.text-link-blue { font-size:16px; }
.choose:hover a.text-link-blue { color:#fff; }

/* ===== CONTACT SECTION ====== */
.contact-section .map-setion { position:relative; }
.contact-section .map-setion iframe { display:inline-block; border:4px solid #eb9a28 !important; border-radius:15px; width:100%; }
.contact-section .get-in-touch { background-repeat: no-repeat; background-position:bottom right; background-size:cover; position:relative; padding:40px 30px; z-index:0; border-radius:15px; overflow:hidden; }
.contact-section .get-in-touch:after {  content:""; position:absolute; left:0; top:0; background-color:rgba(138,89,22,0.9); width:100%; height:100%; z-index:-1; }
.contact-section .get-in-touch .main-heading { color:#fff; font-size:36px; }
.contact-section .map-details { background-color:#fff; padding:10px; position:absolute; left:0; bottom:20px; right:0; border-radius:20px; width:96%; margin:0 auto; box-shadow:0 0 10px rgba(0,0,0,0.5); }
.contact-section .map-details .map-info { float: left; }
.contact-section .map-details .map-info:first-child { width:40%; }
.contact-section .map-details .map-info:last-child { width:60%; }
.contact-section .map-details .map-info figure { width:50px; height:50px; line-height: 60px; background-color: #eb9a28; color:#fff; border-radius:50%; text-align:center; margin-bottom:0; margin-right:5px; float:left; }
.contact-section .map-details .map-info figure i { color:#fff; font-size:24px; }
.contact-section .map-details .map-info .content { padding-left:60px; }
.contact-section .map-details .map-info .content h3 { margin-bottom:5px; text-transform:capitalize; font-size:20px; }
.contact-section .map-details .map-info .content p { margin-bottom:0; font-size:13px; }
.contact-section .map-details .map-info .content p span { display:block; }

/* ===== SERVICE SECTION ====== */
.service-section { background-repeat: no-repeat; background-position:center center; background-size:100%; position:relative; padding:40px 0 0; }
.service-section .main-heading { margin-bottom:15px; }
.service { background-image: none; background-repeat:no-repeat; background-position:bottom right; background-size:cover; padding:15px 0 0; position:relative; border-radius:15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; overflow:hidden; z-index:0; margin-bottom:40px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.service.active,
.service:hover { background-image: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.service.active:after,
.service:hover:after {  content:""; position:absolute; left:0; top:0; background-color:rgba(138,89,22,0.9); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; z-index:-1; width:100%; height:100%;  }
.service.active .content h3,
.service.active .content p,
.service:hover .content h3,
.service:hover .content p { color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.service.active .link-button a,
.service:hover .link-button a { color:#fff; }
.service .content { padding:20px 15px; }
.service p { margin-bottom:0; }
.service h3 { text-transform:capitalize; font-size:20px !important; display:flex; align-items:center; }
.service h3 img { margin-left:15px; }
.service h3 img.img-show { display:inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.service h3 img.img-hide { display:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.service.active h3 img.img-show, 
.service:hover h3 img.img-show { display:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.service.active h3 img.img-hide, 
.service:hover h3 img.img-hide { display:inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.service .link-button { text-align:center; padding:15px; }
.service .img-scale { overflow:hidden; }
.service .img-scale img { width:100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; transform:scale(1.0); height:200px; }
.service.active .img-scale img, 
.service:hover .img-scale img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; transform:scale(1.1); }

/* ===== FOOTER ====== */
footer { background-repeat: no-repeat; background-position:center center; background-size:cover; position:relative; z-index:0; background-color:rgba(138,89,22,0.9); }
footer:after { content:""; position:absolute; left:0; top:0; background-color:rgba(138,89,22,0.7); width:100%; height:100%; z-index:-1; }
footer .footer-top { padding:40px 0; }
footer .footer-top .logo { max-width:200px; width:100%; margin-bottom:15px; display:inline-block; }
footer p { color:#fff; }
footer h4 { color:#fff; margin-bottom:30px; }
footer .footer-copyright { padding:15px 0; border-top:1px solid #fff; }
footer .footer-copyright p { margin-bottom:0; }
footer .footer-links li { margin-bottom:10px; }
footer .footer-links li a { color:#fff; font-size:16px; line-height:24px; display:inline-block; }
footer .footer-links li a:hover { color:#eb9a28; }
footer .address-list { margin-bottom:20px; }
footer .address-list li,
footer .address-list li a { color:#fff; }
footer .address-list li { position:relative; padding-left:35px; float:none; margin:0 0 20px; }
footer .address-list li:before { content:""; position: absolute; left: 0; top: 0; width:30px; height:30px; display: inline-block; border-radius:50%; text-align:center; background-color:#fff; color:#eb9a28; line-height:30px; font-size:16px;  font-family: "Font Awesome 5 Free"; font-weight: 900; }
footer .address-list li.phone:before { content:"\f879"; }
footer .address-list li.mail:before { content:"\f0e0"; }
footer .address-list li.map:before { content:"\f3c5"; }
footer .address-list li.clock:before { content:"\f017"; }
footer .address-list li span { display:block; }
footer .social-icons li { margin:0 5px; }
footer .social-icons li a { color:#eb9a28; width:36px; height:36px; line-height:36px; background-color:#fff; text-align:center; display:inline-block; border-radius:50px; font-size:16px;  }
footer .social-icons li a:hover { background-color:#eb9a28; color:#fff; }

/* ===== Inner Banner ====== */
.inner-banner { background-position:center center; background-size:cover; position:relative; z-index:0; padding:100px 0; min-height:450px; border-bottom:4px solid #eb9a28; }
.inner-banner:after { content:""; position:absolute; left:0; top:0; background-color: rgba(138, 89, 22, 0.7); width:100%; height:100%; z-index:-1; }

.inner-banner .banner-content { position:absolute; top:70%; transform:translateY(-70%); -webkit-transform:translateY(-70%); -ms-transform:translateY(-70%); -moz-transform:translateY(-70%); left:0; right:0; text-align:center; }
.inner-banner .banner-content  h1 { display:inline-block; text-transform:uppercase; font-weight:700; letter-spacing:1px; color:#fff; }
.inner-banner .banner-content { text-align:center; }
.inner-banner .banner-content ol.breadcrumb { display:inline-block; text-align:center; }
ol.breadcrumb li.breadcrumb-item { color:#fff; font-size:18px; font-weight:600; display:inline-block; }
ol.breadcrumb li.breadcrumb-item.active { color:#fff; }
ol.breadcrumb li.breadcrumb-item a { color:#eb9a28; }
.breadcrumb-item+.breadcrumb-item::before { color:#fff; content:"\f101"; font-family: "Font Awesome 5 Free";
  font-weight: 900; }
.inner-banner p { color:#fff; text-align:center; max-width:700px; margin:0 auto; }
.inner-banner figure { position:absolute; right: 10%; bottom:0; max-width:450px; width:100%; margin-bottom:0; display:none; }
/* ===== Inner Pages ====== */

/* ===== About Us Page ====== */

.appointment-section { background-position:center center; background-size:cover; position:relative; z-index:0; padding:40px 0 0;  }
.appointment-section:after { content:""; position:absolute; left:0; top:0; background-color:rgba(138,89,22,0.2); width:100%; height:100%; z-index:-1; }
.appointment-section figure { margin-bottom:0; }

.service-details .main-heading { font-size:28px; margin-bottom:20px; }
.service-details figure { border-radius:15px; overflow:hidden; }
.service-details h5 { text-transform:capitalize; }
.service-details figure.sidebyside img { max-width:190px; }

/* ===== GALLERY-BLOCK ====== */
.gallery-box .single-box { position: relative; margin-bottom: 30px; width: 100%; height: 250px; border-radius:15px; overflow:hidden; }
.gallery-box .single-box img { width: 100%; height: 100%; object-fit: cover; transform:scale(1.0); -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; transition: all 0.9s ease; }
.gallery-box .single-box:hover img { transform:scale(1.1); -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; transition: all 0.9s ease; }
.gallery-box .single-box::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(138,89,22,0.7); z-index: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; transform: scale(0.3); z-index:2; }
.gallery-box .single-box:hover::before {opacity: 1; transform: scale(1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.gallery-box .single-box a img.img-show { opacity: 0; width: 60px; height: 60px; object-fit: cover; display: none; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; transition: all 0.9s ease; position:absolute; left:0; right:0; margin:0 auto; z-index:2; top:50%; transform:translateY(-50%); transform:scale(0); }
.gallery-box .single-box:hover a img.img-show { display: block; -webkit-transition: all 0.9s ease; opacity: 1; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; transition: all 0.9s ease; transform:scale(1); top:50%; transform:translateY(-50%); }


/* ===== HAPPY PATIENTS ====== */
.happy-patients figure { border-radius:10px; overflow:hidden; width:100%; height:250px; }
.happy-patients figure img { width:100%; height:100%; object-fit:cover; }

/* ===== CAREER ====== */
.career { padding:20px; box-shadow:0 0 10px rgba(0, 0, 0, 0.5); border-radius:10px; }
.career h5 { text-transform:capitalize; }

/* ===== TESTMONIAL SECTION ====== */
.testmonial-section { background-position:center center; background-size:cover; background-repeat: no-repeat; position:relative; z-index:0; padding:40px 0 0; }
.testmonial-section .item { padding:40px 0; }
.testmonial-section .test-content { padding:50px 20px 30px; box-shadow:0 0 15px rgba(48, 38, 109, 0.5); margin:0 10px; border-radius:15px; position:relative; background-color:#fff;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.testmonial-section .test-content b { width:60px; height:60px; border-radius:50%; line-height:60px; font-size:24px; position:absolute; left:45px; top:-30px; background-color:#fff; color:#8a5916; display:inline-block; text-align:center; box-shadow:0 0 5px rgba(0, 0, 0, 0.5); }
.testmonial-section .test-content .details { display:flex; align-items:center; }
.testmonial-section .test-content .details figure { width:60px; height:60px; border-radius:50%; overflow:hidden; }
.testmonial-section .test-content .details h5 { text-transform:capitalize; line-height:26px; padding-left:20px; }
.testmonial-section .test-content .details h5 span { display:block; font-size:16px; }
.testmonial-section .test-content.active,
.testmonial-section .test-content:hover { background-color:#8a5916; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.testmonial-section .test-content:hover p,
.testmonial-section .test-content.active p,
.testmonial-section .test-content:hover b,
.testmonial-section .test-content.active b,
.testmonial-section .test-content:hover h5,
.testmonial-section .test-content.active h5 { color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.testmonial-section .test-content:hover b,
.testmonial-section .test-content.active b { background-color:#8a5916; box-shadow:0 0 5px rgba(255, 255, 255, 0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

.testmonial-section .owl-carousel .owl-nav {     position: absolute;
    right: 0;
    top: -130px;
    left: inherit;
    bottom: inherit; display:block !important; }
.testmonial-section .owl-carousel .owl-nav button.owl-prev,
.testmonial-section .owl-carousel .owl-nav button.owl-next {
  width:55px;
  height:55px;
  border-radius:50%;
  border:2px solid #8a5916;
  text-align:center;
  line-height:55px !important;
  position:relative;
  margin:0 10px;
  font-size: 0 !important; /* hide existing arrow */
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.testmonial-section .owl-carousel .owl-nav button.owl-prev:hover,
.testmonial-section .owl-carousel .owl-nav button.owl-next:hover { border:2px solid #eb9a28; }

.testmonial-section .owl-carousel .owl-nav button.owl-prev::before,
.testmonial-section .owl-carousel .owl-nav button.owl-next::before {
  content: "\f060";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 24px;
  color: #8a5916;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}

.testmonial-section .owl-carousel .owl-nav button.owl-next::before {
  content: "\f061";
}
.testmonial-section .owl-carousel .owl-nav button.owl-prev:hover,
.testmonial-section .owl-carousel .owl-nav button.owl-next:hover {
    background-color: #eb9a28;
    color: #eb9a28;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.testmonial-section .owl-carousel .owl-nav button.owl-prev:hover:before,
.testmonial-section .owl-carousel .owl-nav button.owl-next:hover:before {
    color: #fff;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}

/* ===== BLOG ====== */
.blog-section { padding:0 0 40px; }
.blog-section .main-heading { margin-bottom:0; }
.single-blog { position:relative; }
.single-blog figure { border-radius:10px; overflow:hidden; }
.single-blog figure img { width:100%; transform:scale(1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.single-blog:hover figure img { transform:scale(1.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.single-blog .content { padding:10px 15px; }
.single-blog .content h3 { text-transform:capitalize; font-size:24px; }
.single-blog .content .btn.blue-btn { font-size: 30px; padding: 5px 20px; border-radius: 50%; position:absolute; right:15px; bottom:15px; }
.single-blog .content .btn.blue-btn i { transform: rotate(45deg); }
.single-blog .content .dot-list li { margin:10px 0; }
.single-blog .content .dot-list li span { background-color:#eb9a28; color:#fff; padding:10px; display: inline-block; border-radius:50px; }
.single-blog .content .dot-list li span i { font-size:6px; }
.single-blog h5 { text-transform:capitalize; }
.single-blog .blog-list { overflow:auto; margin-bottom:30px; }
.single-blog .blog-list li { color:#8a5916; float:left; margin:0 20px; }
.single-blog .blog-list li:first-child { margin-left:0; }
.single-blog .blog-list li i { color:#eb9a28; margin-right:10px; }

.blog-page .single-blog { margin-bottom:30px; }
.blog-sidebar { margin-bottom:30px; }
.blog-sidebar h5 { text-transform:capitalize; }
.search-button .input-group input.form-control { border:2px solid #eb9a28; border-right:0; border-radius:10px; padding-right:0; color:#8a5916; }
.search-button .input-group .btn { color:#eb9a28; background-color:transparent; border:2px solid #eb9a28; border-left:0; border-radius:10px; font-size:20px; }
.search-button .input-group input.form-control:focus { box-shadow:none; }

.category-list li { margin-bottom: 8px; }
.category-list li a { color:#5f492b; font-size:14px; }
.category-list li a:hover { color:#eb9a28; }
.category-list li a i { color:#eb9a28; margin-right:10px; }
.category-list li a span { float:right; color:#eb9a28; }

.single-post { margin-bottom:5px; overflow:auto; }
.single-post figure { max-width:100px; width:100%; border-radius:10px; overflow:hidden; float:left; margin-bottom:0; }
.single-post figure img { width:100%; }
.single-post .content { padding-left:110px; }
.single-post .content h6 { text-transform:capitalize; margin-bottom:5px; }
.single-post .content h6 a { color:#8a5916; }
.single-post .content p { font-size:14px; }

.blog-sidebar.tags .btn { margin:0 10px 10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.3); }
.blog-sidebar.tags .btn:hover { background-color:#eb9a28; color:#fff; }

.career-page h3,
.career-page h4,
.career-page h6 { text-transform:capitalize; }


    /* Scrollbar width */
::-webkit-scrollbar {
    width: 10px;
}

/* Scrollbar Track (background) */
::-webkit-scrollbar-track {
    /*background: linear-gradient(to bottom, #8a5916, #eb9a28);*/
    background-color: #fff;
    border-radius: 10px;
}

/* Scrollbar Thumb (the moving part) */
::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #8a5916, #eb9a28);
    /*background: linear-gradient(180deg, #4f46e5, #9333ea);*/
    border-radius: 10px;
    border: 2px solid #ffffff; /* adds spacing effect */
}

/* Scrollbar Thumb on Hover */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #eb9a28, #8a5916);
}

/* ===== Meadia queries ====== */

@media screen and (min-width:992px){
    .mobile-toggle{display:none}
    li.dropdown ul.dropdown-menu { min-width: 250px; border:0; border-radius: 0; /*border-top: 5px solid #8a5916;*/ display:block;left:0;margin:0 auto;right:0;top:100px;opacity:0;padding:0;background:0 0;text-align:center; transition:all .4s ease 0s;visibility:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease; }
    li.dropdown.open ul.dropdown-menu,
    li.dropdown:hover ul.dropdown-menu { display:block;opacity:1; top:28px; transition:all .4s ease 0s;visibility:visible;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;background-color:#fff; overflow-y:scroll; height:350px; }

    /* Scrollbar width */
::-webkit-scrollbar {
    width: 10px;
}

/* Scrollbar Track (background) */
::-webkit-scrollbar-track {
    /*background: linear-gradient(to bottom, #8a5916, #eb9a28);*/
    background-color: #fff;
    border-radius: 10px;
}

/* Scrollbar Thumb (the moving part) */
::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #8a5916, #eb9a28);
    /*background: linear-gradient(180deg, #4f46e5, #9333ea);*/
    border-radius: 10px;
    border: 2px solid #ffffff; /* adds spacing effect */
}

/* Scrollbar Thumb on Hover */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #eb9a28, #8a5916);
}

}

@media (max-width: 1499.98px) {
.service-details figure.sidebyside img { max-width:320px; }
}

@media (max-width: 1399.98px) {
    .service-details figure.sidebyside img { max-width:190px; }
}

@media (max-width: 1299.98px) {
    .banner .banner-content h1 { font-size:66px; line-height:96px; }
    .service-details figure.sidebyside img { max-width:190px; }
}

@media screen and (min-width:1200px){
}

@media (max-width: 1199.98px) {
  header ul.address-list li { margin: 0 5px; font-size: 12px; }
  header .header-navbar .navbar .navbar-nav li a { font-size:12px; padding: 5px 8px; }
  header .header-navbar .dropdown-toggle::after { font-size:8px; }
  .banner .banner-content { max-width:700px; }
  .banner .banner-bottom-img { max-width:260px; }
  figure.fig-circle { width:70px; height:70px; }
  .main-heading { font-size:30px; }
  .choose h3 { font-size:21px; }
  .banner .banner-content h1 {
        font-size: 56px;
        line-height: 66px;
    }
 .banner .banner-content p b {
    font-size: 22px;
}
 .banner .banner-content p,
 .check-list li { font-size:15px; }
 .check-list li { line-height:20px; margin-bottom:10px; }
}

@media (max-width: 991.98px) {
  header .header-navbar .row.align-items-center { align-items:start !important; }
  header .header-navbar .logo {  }
  header ul.address-list li { font-size:20px; }
  header ul.address-list li span { display:none; }
  header .navbar { display:flex; justify-content:end; }
  .navbar .navbar-toggler:focus { outline:none; box-shadow:none; }
  .navbar .navbar-toggler { border:0 !important; }
  .navbar .navbar-toggler.collapsed .navbar-toggler-icon { background-image:url('../images/menu1.png'); border:0 !important; }
  .navbar .navbar-toggler .navbar-toggler-icon { background-image:url('../images/menu1.png'); }
  header .header-navbar .dropdown-toggle::after { top:14px; }
  /*header .navbar .navbar-collapse.collapse { position: absolute; background-color: #8a5916; top: 58px; width: 100%; padding: 20px; }*/
  .banner .banner-bottom-img { display:none; }
  footer ul.social-icons { margin-bottom:40px; overflow:auto; }
  .inner-banner figure { max-width:350px; }
  .service-details .main-heading { font-size: 24px; }
  .header-navbar .navbar-nav li ul.dropdown-menu {
    overflow-y: scroll;
    height: 300px;
  }
  header ul.address-list li i,
  header ul.address-list li a i { color:#fff; }
  header ul.address-list li:last-child { display:none; }
  header .header-navbar { padding:5px 0; background-color: rgba(255, 255, 255, 0.9); }

  .navbar .navbar-collapse.collapse { height: calc(100vh - 100px); overflow-y: scroll; }

  .header-navbar .navbar-nav li ul.dropdown-menu li a { font-size:12px; padding:5px 15px; }
  
  .testmonial-section .owl-carousel .owl-nav { top:-60px; }
  .testmonial-section .owl-carousel .owl-nav button.owl-prev, .testmonial-section .owl-carousel .owl-nav button.owl-next { width: 45px; height: 45px; line-height: 45px !important; margin:0 5px; }
  .testmonial-section .owl-carousel .owl-nav button.owl-prev::before, .testmonial-section .owl-carousel .owl-nav button.owl-next::before { font-size:18px; }
}

@media (max-width: 767.98px) {
  .section{ padding:40px 0; }
.about-section .about-img { padding:30px; }
.about-section .about-img figure.fig-circle { width:80px; height:80px; left:-30px; padding: 10px; line-height: 60px; }
.choose a { font-size:14px; }
.choose figure { width:60px; height:60px; }
.single-blog { margin-bottom:30px; }
.single-blog .content .btn.blue-btn { font-size: 24px; padding: 4px 15px; }
.single-blog .content h3 { font-size:20px; }
.contact-section .map-details { position:inherit; overflow:auto; bottom:inherit; margin:30px 0; }
.contact-section .map-details .map-info:first-child,
.contact-section .map-details .map-info:last-child { float:none; width:100%; }
.contact-section .map-details .map-info:last-child { margin-top:10px; }
.service-section .btn.blue-btn { margin:0 !important; }
footer .footer-top { padding:40px 0 0; }
footer h4 { margin-bottom:10px; }
footer ul.footer-links { margin-bottom:30px; }
.choose h3 b { font-size:50px; }
.inner-banner figure { max-width:300px; }
header .header-navbar .navbar .navbar-nav li a { font-size:16px; }

header .header-navbar .navbar .navbar-nav { margin-top:30px; }
header .header-navbar .navbar { padding:0; }
.navbar .navbar-collapse.collapse { height: calc(100vh - 88px); overflow-y:scroll; }
.banner .banner-content {
        max-width: 500px;
    }
        .banner .banner-content h1 {
        font-size: 53px;
        line-height: 66px;
    }
    .banner .banner-content p b {
        font-size: 21px;
    }
}

@media (max-width: 575.98px) {
  .btn.blue-btn { font-size:14px; }
  .banner .banner-content { padding:0 15px; max-width:450px; }
  .banner .banner-content h1 { font-size: 44px; line-height: 56px; }
  .banner .banner-content p b { font-size:18px; float:none; }
  .banner .banner-content p { font-size:13px; }
  .banner .banner-content .check-list li { font-size:12px; }
  .about-section .about-img { padding: 60px; }
  .about-section .about-img figure.fig-circle { width: 70px; height: 70px; left: 24px; padding: 10px; line-height: 50px; }
  .main-heading { font-size:26px; }
  h5 { font-size:18px; }
  .contact-section .map-setion iframe { height:300px; }
  p { font-size:14px; }
  .check-list li { font-size:14px; }
  .btn { font-size:14px; }
  .choose h3 b { font-size:45px; }
  .inner-banner figure { max-width:250px; }
  .navbar .navbar-toggler { border: 0 !important; position: absolute; top: -50px; right: 0px; }
  .navbar .navbar-collapse.collapse { height: calc(100vh - 100px); overflow-y:scroll; }
  
  .testmonial-section .owl-carousel .owl-nav {
        top: -25px;
    }
}

@media (max-width: 479.98px) {
  header ul.social-icons li { margin:0 6px; }
  .banner { min-height:600px; }
  .banner .banner-content { max-width:300px; }
  .banner .banner-content h1 { font-size: 26px; line-height: 24px; }
  .banner .banner-content p b { font-size:13px; }
  .banner .banner-content p.mb-4 { margin-bottom:15px !important; }
  .banner .check-list li { font-size:13px; line-height:20px; }
  .about-section .about-img { padding: 10px; }
  .about-section .about-img figure.fig-circle { left:-10px; }
  .main-heading { font-size:24px; }
  h5 { font-size:16px; }
  .btn { font-size:12px; }
  .choose h3 b { font-size:40px; }
  .contact-section .get-in-touch .main-heading { margin-bottom:20px; font-size:24px; }
  .inner-banner figure { max-width:200px; }
  .service-details .main-heading { font-size:18px; }
  .service-details h5 { font-size:15px; }
  .service-details p { font-size:13px; }
  .inner-banner { min-height:350px; }
  .navbar .navbar-collapse.collapse { height: calc(100vh - 180px); overflow-y:scroll; }

}