* {
   margin: 0px;
   padding: 0px;
 }

 body {
   font-weight: 400;
   -webkit-font-smoothing: antialiased;
   -moz-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   font-family: "Poppins", sans-serif;
   font-size: 16px;
   line-height: 26px;
   color: #777777;
 }

 .nav-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 30px;
   background: #fff;
   position: relative;
 }

 .logo a {
   font-size: 30px;
   font-weight: bold;
   color: #000;
   text-decoration: none;
 }

 .menu {
   display: flex;
 }

 .menu ul {
   list-style: none;
   display: flex;
   gap: 20px;
   padding: 0;
   margin: 0;
 }

 .menu ul li a {
   text-decoration: none;
   color: #000;
   font-size: 18px;
 }

 .burger {
   display: none;
   cursor: pointer;
   font-size: 30px;
 }

 #menu-toggle {
   display: none;
 }
.news-img {
    height: 200px;
    object-fit: cover;
  }

  /* Для великих карток (опціонально) */
  .news-img-large {
    height: 300px;
    object-fit: cover;
  }
 @media (max-width: 768px) {
   .menu {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     background-color: #fff !important;
     flex-direction: column;
     padding: 10px;
     z-index: 4444;
   }

   .menu ul {
     flex-direction: column;
     gap: 10px;
   }

   .burger {
     display: block;
   }

   #menu-toggle:checked+.menu {
     display: flex;
   }
 }

 .fBPeFgELrb {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   background: #f9f9f9;
   color: #333;
   padding: 12px 16px;
   font-size: 14px;
   text-align: center;
   border-top: 1px solid #ddd;
   transition: transform 0.3s ease-in-out;
   z-index: 1000;
 }

 .fBPeFgELrb a {
   color: #555;
   text-decoration: underline;
   font-weight: 500;
 }

 .fBPeFgELrb .close-btn {
   display: inline-block;
   margin-left: 16px;
   padding: 6px 12px;
   background: #e0e0e0;
   color: #333;
   border: none;
   border-radius: 4px;
   font-size: 13px;
   cursor: pointer;
   transition: background 0.2s;
 }

 .fBPeFgELrb .close-btn:hover {
   background: #d5d5d5;
 }

 /* Hide the cookie banner if checkbox is checked */
 .cookie-checkbox:checked+.fBPeFgELrb {
   display: none;
 }

 ul {
   margin: 0px;
   padding: 0px;
 }

 ul li {
   list-style: none;
 }

 ul li a {
   text-decoration: none;
 }

 figure {
   margin: 0px;
 }

 h1 {
   font-size: 68px;
 }

 h2 {
   font-size: 48px;
 }

 h3 {
   font-size: 32px;
 }

 h4 {
   font-size: 24px;
 }

 h5 {
   font-size: 18px;
 }

 h6 {
   font-size: 16px;
 }

 .cookies-eu-banner {
   background: #444;
   color: #fff;
   padding: 6px;
   font-size: 13px;
   text-align: center;
   position: fixed;
   bottom: 0;
   width: 100%;
   z-index: 10;

 }

 .cookies-eu-banner button {
   text-decoration: none;
   background: #222;
   color: #fff;
   border: 1px solid #000;
   cursor: pointer;
   padding: 4px 7px;
   margin: 2px 0;
   font-size: 13px;
   font-weight: 700;
   transition: background 0.07s, color 0.07s, border-color 0.07s;

 }

 .cookies-eu-banner button:hover {
   background: #fff;
   color: #222;
 }

 .hidden {
   display: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
   font-weight: normal;
   color: #101212;
   margin: 0px;
   padding: 0px;
 }

 h1,
 h2,
 h3 {
   font-family: "Playfair Display", serif;
   font-weight: 900;
 }

 h4,
 h5,
 h6 {
   font-family: "Poppins", sans-serif;
 }

 p {
   margin: 0px;
   padding: 0px;
   font-family: "Poppins", sans-serif;
   font-weight: 400;
   font-size: 16px;
 }

 a {
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   font-weight: normal;
   color: inherit;
   font-family: inherit;
   text-decoration: none;
 }

 a:hover,
 a:focus,
 a.active {
   text-decoration: none;
   color: inherit;
   transition: 0.3s;
 }

 input {
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 input[type=text],
 input[type=password],
 input[type=date],
 input[type=url],
 input[type=search],
 input[type=text],
 input[type=email],
 input[type=tel],
 input[type=time],
 .form-control,
 textarea,
 select.form-select,
 .form-control {
   height: 46px;
   border-radius: 0.25rem;
   box-shadow: none;
   border: none;
   border: 1px solid rgba(16, 18, 18, 0.1);
   color: #6D6D6D;
   font-size: 14px;
 }

 input[type=text]:focus,
 input[type=password]:focus,
 input[type=date]:focus,
 input[type=url]:focus,
 input[type=search]:focus,
 input[type=text]:focus,
 input[type=email]:focus,
 input[type=tel]:focus,
 input[type=time]:focus,
 .form-control:focus,
 textarea:focus,
 select.form-select:focus,
 .form-control:focus {
   box-shadow: none;
   outline: none;
   border: 1px solid rgba(16, 18, 18, 0.1);
 }

 textarea,
 textarea.form-control {
   height: auto;
   padding: 10px;
   min-height: 146px;
   width: 100%;
 }

 .about-section {
   padding: 100px 0px 142px;
 }

 .section-head {
   padding-bottom: 60px;
 }

 .section-head p {
   margin-bottom: 0px;
 }

 .img-content img {
   width: 100%;
 }

 .selector-left-none .blue-selector:before,
 .selector-left-none .white-selector:before {
   display: none;
 }

 .selector-right-none .blue-selector:after,
 .selector-right-none .white-selector:after {
   display: none;
 }

 .cmn-border {
   border: 1px solid rgba(0, 126, 198, 0.13);
 }

 .cmn-radius {
   border-radius: 12px;
 }

 @keyframes zoom_mation {
   from {
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
   }

   to {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
   }
 }

 @keyframes rotate_mation {
   from {
     transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
   }

   to {
     transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
   }
 }

 .gsap-img-animation {
   position: relative;
   display: inline-flex;
   visibility: hidden;
   overflow: hidden;
 }

 .aniLeftToRright {
   position: relative;
   animation: moveLeftToRight 1s infinite;
 }

 @keyframes moveLeftToRight {

   0%,
   100% {
     left: 0;
   }

   50% {
     left: 10px;
   }
 }

 @keyframes round_mation {
   0% {
     opacity: 0;
     transform: scale(1);
   }

   80% {
     opacity: 1;
   }

   100% {
     transform: scale(2);
     opacity: 0;
   }
 }

 .load-img {
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   text-align: center;
   transform: translateY(-50%);
 }

 .loading-wrap {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   z-index: 9999;
 }

 .loading-wrap .loading {
   position: absolute;
   width: 100px;
   height: 100px;
   left: 50%;
   top: 50%;
   margin: -50px 0 0 -50px;
   border-top: solid 2px #007EC6;
   border-radius: 50%;
   animation: turn 2s infinite linear;
 }

 .loading-wrap .loading * {
   box-sizing: border-box;
 }

 .loading-wrap .loading:before {
   content: "";
   position: absolute;
   left: 5px;
   top: 5px;
   right: 5px;
   bottom: 5px;
   border-top: solid 2px #007EC6;
   border-radius: 50%;
   animation: turn 2s infinite linear;
 }

 .loading-wrap .loading:after {
   content: "";
   position: absolute;
   left: 12px;
   top: 12px;
   right: 12px;
   bottom: 12px;
   border-top: solid 2px #007EC6;
   border-radius: 50%;
   animation: turn 1s infinite linear;
 }

 @keyframes turn {
   0% {
     transform: rotate(0deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 /* 
------------------------------------
All hero css here
------------------------------------
 */
 .topbar-area {
   background-color: #007EC6;
   padding: 8px 0px;
 }

 .topbar-area .social-link a {
   padding: 12px;
 }

 .topbar-area .social-link a:hover {
   color: #fff;
 }

 .topbar-content span {
   font-size: 14px;
 }

 .topbar-content span svg {
   margin-right: 5px;
   font-size: 20px;
 }

 .topbar-content .line {
   padding: 0 6px;
   opacity: 0.5;
 }

 .slider-section {
   padding: 80px 0px 100px;
 }

 .slider-section2 {
   padding: 80px 0px 140px;
 }

 .slider-section {
   background-color: #F5F9FF;
 }

 .slider-section2 {
   background-color: #007EC6;
 }

 .slider-content h1 {
   font-size: 68px;
   color: #007EC6;
   font-weight: 900;
   margin-top: 10px;
   margin-bottom: 30px;
 }

 .slider-content .dentus-btn-gradient {
   margin-top: 40px;
   margin-bottom: 45px;
 }

 .counter-list {
   padding-right: 50px;
   margin-right: 50px;
   border-right: 1px solid rgba(0, 126, 198, 0.2);
   margin-bottom: 20px;
 }

 .counter-list .number {
   font-size: 28px;
   color: #007EC6;
   font-weight: 600;
 }

 .counter-list:last-child {
   border-right: 0;
   padding-right: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
 }

 .treatment-process-section {
   background-image: url(../images/banner/treatment-banner.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   padding: 50px 0px 45px;
   position: relative;
   z-index: 0;
 }

 .treatment-process-section:before {
   background-image: linear-gradient(to bottom, rgba(0, 126, 198, 0.8), rgba(86, 194, 255, 0.9));
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
 }

 .treatment-process h4 {
   font-size: 18px;
   margin-top: 15px;
   color: #fff;
 }

 .work-process-section {
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .work-process-section .treatment-process h4 {
   color: #007EC6;
   margin-bottom: 15px;
   color: #007EC6;
   transition: 0.3s;
   font-weight: 500;
 }

 .work-process-section .treatment-process h4:hover {
   transition: 0.3s;
 }

 .about-facilities {
   padding-left: 50px;
 }

 .work-process-section {
   background-color: #011F4D;
 }

 .work-process {
   background-color: #1C8DCD;
   border: 1px solid rgba(255, 255, 255, 0.5);
   padding: 30px 20px;
   border-radius: 20px;
 }

 .work-process .treatment-process h4 {
   color: #fff;
   margin-top: 24px;
 }

 .work-process .treatment-process p {
   color: #fff;
   margin-top: 18px;
 }

 .caption-two,
 .caption-one {
   max-width: 170px;
   position: absolute;
 }

 .caption-two span,
 .caption-one span {
   font-size: 36px;
   font-weight: 600;
 }

 .caption-one {
   bottom: 80px;
   left: -50px;
 }

 .caption-two {
   top: 150px;
   right: -40px;
 }

 .box-shadow {
   box-shadow: 16px 0px 40px 0px rgba(16, 18, 18, 0.1);
 }

 .about-ex .about-img {
   margin-top: -170px;
 }

 .experience-content .ex-content {
   top: 60px;
 }

 .ex-content {
   max-width: 200px;
   padding: 20px 20px 16px;
   text-align: center;
   border-radius: 6px;
   margin-bottom: 60px;
   background-color: #fff;
   position: absolute;
 }

 .ex-content span {
   font-size: 36px;
   font-weight: 600;
   color: #007EC6;
 }

 .ex-content p {
   color: #6D6D6D;
 }

 .about-content {
   padding-left: 60px;
 }

 .about-content .heading {
   margin-bottom: 30px;
 }

 .about-content .dentus-btn-gradient {
   min-width: 150px;
   margin-top: 35px;
 }

 .about-content .content {
   margin-bottom: 30px;
 }

 .about-content ul {
   display: flex;
   flex-wrap: wrap;
 }

 .about-content ul li {
   width: 50%;
   margin-bottom: 15px;
   color: #007EC6;
   font-weight: 500;
 }

 .about-content ul li svg {
   font-size: 22px;
   color: #007EC6;
 }

 .teeth-img {
   padding-left: 125px;
 }

 .heading {
   font-size: 48px;
   font-weight: 900;
   color: #007EC6;
 }

 .slider-img-content .teeth {
   padding-top: 70px;
   margin-right: -15px;
 }

 .slider-img-content .doctor-content {
   padding-top: 140px;
 }

 .doctor {
   padding-top: 20px;
 }

 .material-clean,
 .material-teeth {
   animation: zoom_mation linear 2s infinite alternate;
 }

 .material-plus {
   animation: rotate_mation linear 30s infinite;
 }

 /* 
------------------------------------
All banner css here
------------------------------------
 */
 .testimonial-section {
   background-color: #007EC6;
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .testimonial-section2 {
   background-color: #007EC6;
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .testimonial {
   max-width: 570px;
   background: white;
   padding: 35px 45px;
   border-radius: 16px;
 }

 .testimonial .owl-theme .owl-nav.disabled+.owl-dots {
   margin-top: 20px;
   text-align: right;
 }

 .testimonial .owl-theme .owl-dots .owl-dot.active span {
   background-color: #56C2FF;
   opacity: 0.5;
   width: 30px;
 }

 .testimonial .owl-theme .owl-dots .owl-dot:hover span {
   background-color: #56C2FF;
   opacity: 0.5;
 }

 .testimonial-content .icon {
   display: inline-block;
   margin-left: -18px;
   font-size: 24px;
   color: #56C2FF;
 }

 .testimonial-content p {
   padding-left: 15px;
   margin-top: 15px;
   margin-bottom: 15px;
 }

 .testimonial-content h4 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 8px;
 }

 .testimonial-content .designation {
   font-size: 16px;
 }

 .star-icon svg {
   color: #FFA903;
 }

 .client-bg {
   width: 40%;
 }

 .testi-left p {
   margin-top: 15px;
   margin-bottom: 20px;
   margin-right: 30px;
 }

 .testi-right h2 {
   margin-bottom: 20px;
 }

 .testi-right .white-selector:before {
   display: none;
 }

 .client-quote {
   margin-top: 40px;
 }

 .schedule-section {
   background-image: url(../images/banner/schedule.png);
   padding-top: 90px;
   padding-bottom: 90px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   z-index: 0;
 }

 .schedule-section .overlay {
   opacity: 0.9;
   border-radius: 0px;
   z-index: -1;
   background-color: rgba(0, 45, 118, 0.93);
 }

 .schedule h2 {
   font-size: 40px;
   font-weight: 800;
   color: #fff;
   margin-bottom: 20px;
 }

 .schedule h4 {
   color: #fff;
   font-weight: 500;
 }

 .schedule ul li {
   display: inline-block;
   border-right: 1px solid rgba(255, 255, 255, 0.2);
   padding-right: 48px;
   margin-right: 15px;
 }

 .schedule ul li:last-child {
   border-right: 0;
 }

 .schedule ul li p {
   font-size: 24px;
   color: #fff;
 }

 .schedule ul li span {
   color: #fff;
   font-size: 13px;
 }

 .schedule-question {
   background-color: #fff;
   padding: 50px;
   border-top-right-radius: 40px;
   border-bottom-left-radius: 40px;
   border-top-left-radius: 40px;
 }

 .schedule-question h4 {
   color: #007EC6;
   font-weight: 700;
   padding-right: 35px;
 }

 .schedule-question .dentus-btn-gradient {
   min-width: 170px;
 }

 .breadcrumb-section {
   background-image: url(../images/three.webp);
   padding: 70px 0px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .breadcrumb-area span {
   font-size: 20px;
   color: #fff;
   font-weight: 400;
 }

 .breadcrumb-area h2 {
   font-size: 48px;
   color: #fff;
   font-weight: 800;
 }

 .client-quote-content {
   width: 130%;
 }

 .client-quote-content .about_swiper {
   overflow: hidden;
   position: relative;
 }

 .client-quote .testimonial-content {
   background-color: #fff;
   padding: 30px 22px;
   border-radius: 10px;
   position: relative;
   overflow: hidden;
 }

 .slider__controls {
   text-align: right;
   margin-top: 20px;
 }

 .homeswiper_slider .swiper-pagination-bullet {
   width: 10px;
   height: 10px;
 }

 .homeswiper_slider .swiper-pagination-bullet-active {
   width: 25px;
   border-radius: 6px;
   background-color: #56C2FF;
 }

 .client-img2 {
   width: 40%;
 }

 /* 
------------------------------------
All services css here
------------------------------------
 */
 .services-section {
   background-color: #EAF4FF;
   padding-top: 100px;
   padding-bottom: 76px;
 }

 .services {
   margin-bottom: 24px;
 }

 .services-wrap .srvices-content {
   border-left: 4px solid #fff;
 }

 .services-wrap .srvices-content:hover {
   border-left: 4px solid #007EC6;
   transition: 0.3s;
   transform: translateX(3px);
   box-shadow: 16px 0px 40px 0px rgba(16, 18, 18, 0.1);
 }

 .services-sidebar {
   padding-right: 20px;
   position: sticky;
   top: 120px;
 }

 .services-sidebar .services-list {
   margin-bottom: 24px;
 }

 .services-sidebar .single-form {
   margin-bottom: 24px;
 }

 .srvices-content {
   background-color: #fff;
   border-radius: 6px;
   padding: 30px 25px;
   margin-bottom: 25px;
   transition: 0.3s;
 }

 .srvices-content img {
   width: 40px;
   height: 40px;
 }

 .srvices-content h4 {
   font-size: 20px;
   font-weight: 600;
   font-family: "Poppins", sans-serif;
   margin-bottom: 10px;
 }

 .services-post {
   padding: 25px;
   border-bottom-left-radius: 16px;
   border-bottom-right-radius: 16px;
   border: 1px solid rgba(0, 126, 198, 0.13);
 }

 .services-content h4 {
   margin-bottom: 15px;
 }

 .services-content h4 a {
   font-size: 20px;
   font-weight: 600;
   font-family: "Poppins", sans-serif;
   transition: 0.3s;
 }

 .services-content h4 a:hover {
   color: #007EC6;
   transition: 0.3s;
 }

 .about-ex .video-box {
   width: 60px;
   height: 60px;
   box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.15);
   border: 1px solid rgb(255, 255, 255);
   line-height: 60px;
 }

 .about-ex .video-box:before {
   width: 100px;
   height: 100px;
   display: inline-block;
   margin: -20px;
 }

 .videbox-wrap {
   width: 200px;
   margin: 0 auto;
 }

 .video-services .video-box svg {
   font-size: 36px;
 }

 .video-box {
   width: 100px;
   height: 100px;
   border-radius: 100%;
   background-color: #fff;
   text-align: center;
   line-height: 100px;
   margin: 0 auto;
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   transform: translateY(-50%);
 }

 .video-box:before {
   position: absolute;
   width: 140px;
   height: 140px;
   display: inline-block;
   border: 1px solid rgba(255, 255, 255, 0.08);
   content: "";
   left: 0;
   top: 0;
   margin: -20px;
   border-radius: 100px;
   animation: round_mation 3s ease-out infinite;
 }

 .video-box:after {
   position: absolute;
   content: "";
   height: 100%;
   width: 100%;
   top: 0%;
   left: 0%;
   border-radius: 50%;
   box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
   animation: round_mation 3s ease-out infinite;
   animation-delay: 0.66s;
 }

 .video-box svg {
   color: #007EC6;
   font-size: 24px;
 }

 .video-section {
   background-color: #007EC6;
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .video-section2 {
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .work-focused ul li {
   color: #101212 !important;
   font-weight: 500;
   display: flex;
   align-items: center;
 }

 .work-focused ul li svg {
   color: #007EC6;
   margin-right: 10px;
 }

 .video-bg {
   width: 50%;
 }

 .video-content ul {
   margin-top: 30px;
   margin-bottom: 35px;
 }

 .video-content ul li {
   position: relative;
   color: #fff;
   margin-bottom: 12px;
 }

 .video-content ul li svg {
   font-size: 22px;
 }

 .video-content .white-selector:before {
   display: none;
 }

 .video-content .heading {
   margin-bottom: 30px;
 }

 .about-img img {
   border-radius: 24px;
 }

 .facilities-section {
   padding-top: 100px;
   padding-bottom: 175px;
 }

 .facilities-section2 {
   background-color: #007EC6;
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .facilities-lef-img {
   width: 50%;
 }

 .facilities {
   margin-top: 30px;
 }

 .facilities .srvices-content {
   border: 1px solid rgba(16, 18, 18, 0.1) !important;
   border-left: 4px solid #fff;
   padding: 25px 25px;
   transition: 0.3s;
 }

 .facilities .srvices-content:hover {
   border-left: 4px solid #007EC6 !important;
   transition: 0.3s;
   transform: translateX(3px);
   border: 1px solid transparent;
   box-shadow: 16px 0px 40px 0px rgba(16, 18, 18, 0.1);
 }

 .facilities-wrap {
   padding-top: 125px;
 }

 .k5wsW8SafP .heading {
   margin-bottom: 20px;
 }

 .facilities-content2 {
   padding-left: 60px;
 }

 .patient-facilities .ex-content {
   top: -140px;
   right: 25px;
 }

 .facilities-img {
   margin-top: 80px;
   padding-left: 60px;
 }

 .facilities-img .about-ex {
   margin-top: -100px;
   position: absolute;
   bottom: -110px;
   right: 0;
 }

 .facilities-img .ex-content {
   left: 55px;
   right: 0;
   margin: 0 auto;
   z-index: 9;
 }

 .facilities-img2 .about-ex {
   margin-top: -100px;
 }

 .facilities-img2 .ex-content {
   right: 0;
   left: -90px;
   text-align: center;
   margin: 0 auto;
   z-index: 99;
   bottom: 80px;
 }

 .about-right-content {
   margin-top: 50px;
 }

 .gallery-section {
   background-color: #007EC6;
   padding: 100px 0px;
 }

 .gallery-content2 .single-gallery {
   margin-bottom: 0px;
 }

 .gallery-content2 .single-gallery .img-box img {
   border-radius: 0px;
 }

 .gradient-overlay {
   border-radius: 4px;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   transition: 0.3s;
 }

 .gradient-overlay:before {
   position: absolute;
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 1;
   transition: 0.5s;
 }

 .gallery-content:hover .gradient-overlay {
   transition: 0.3s;
 }

 .gallery-content:hover .gradient-overlay:before {
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 10%, #000 100%);
   transition: 0.5s;
 }

 .gallery-content:hover .gallery-text {
   bottom: 40px;
   z-index: 2;
   transition: 0.3s;
 }

 .single-gallery {
   margin-bottom: 25px;
 }

 .single-gallery .img-box img {
   border-radius: 12px;
 }

 .single-gallery:hover .overlay {
   opacity: 1;
   transition: 0.3s;
 }

 .single-gallery .overlay svg {
   color: white;
   margin: 0 auto;
   float: right;
   background: #007EC6;
   border-radius: 100px;
   font-size: 20px;
   margin-right: 30px;
   margin-top: 25px;
   font-size: 40px;
   padding: 5px;
 }

 .gallery-text {
   position: absolute;
   bottom: -50px;
   left: 40px;
   right: 0;
   text-align: left;
   transition: 0.3s;
 }

 .gallery-text h4 {
   font-size: 24px;
   font-weight: 500;
   color: #fff;
 }

 .gallery-text span {
   color: #fff;
 }

 .gallery-text .designation {
   text-align: right;
   position: absolute;
   right: 30px;
   bottom: 8px;
   font-size: 32px;
 }

 .overlay {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background-color: rgba(0, 65, 101, 0.5);
   border-radius: 12px;
   opacity: 0;
   transition: 0.3s;
 }

 .team-section {
   padding-top: 100px;
   padding-bottom: 76px;
 }

 .team-head .blue-selector:before {
   display: none;
 }

 .team-post .team-content .img-box img {
   border-radius: 0px;
 }

 .team-post .team-content .overlay {
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
 }

 .team-content {
   margin-bottom: 24px;
   transition: 0.3s;
 }

 .team-content .overlay {
   background-color: rgba(0, 0, 0, 0.5);
   border-top-left-radius: 90px;
   border-top-right-radius: 90px;
   border-bottom-right-radius: 90px;
   border-bottom-left-radius: 0px;
   opacity: 0;
 }

 .team-content:hover .overlay {
   opacity: 1;
   transition: 0.3s;
 }

 .team-content .social-share .plusicon {
   width: 60px;
   height: 60px;
   line-height: 60px;
   position: absolute;
   left: 0;
   font-size: 24px;
   bottom: 0;
   background: white;
   border-top-right-radius: 4px;
   color: #007EC6;
   transition: 0.3s;
   z-index: 0;
   cursor: pointer;
   z-index: 2;
 }

 .team-content .social-share .plusicon:hover {
   background-color: #007EC6;
   color: #fff;
 }

 .team-content .social-share .plusicon.plusicon-bg {
   background-color: #007EC6;
   color: #fff;
 }

 .team-content .social-share ul li {
   margin-bottom: 15px;
 }

 .team-content .social-share ul li a {
   width: 40px;
   height: 40px;
   display: block;
   line-height: 40px;
   border-radius: 100px;
   background-color: #fff;
   font-size: 16px;
   color: #007EC6;
   transition: 0.3s;
 }

 .team-content .social-share ul li a:hover {
   background-color: #007EC6;
   color: #fff;
   transition: 0.3s;
 }

 .team-content .img-box img {
   border-top-left-radius: 90px;
   border-top-right-radius: 90px;
   border-bottom-right-radius: 90px;
   border-bottom-left-radius: 0px;
 }

 .team-content .single-content h4 {
   font-size: 20px;
   font-weight: 500;
 }

 .social-share .social-activite {
   position: absolute;
   bottom: 75px;
   left: 15px;
   display: none;
 }

 .social-share .social-activite.socialopen {
   display: block;
 }

 .social-share .plusicon-bg .minusicon-off {
   display: block;
   text-align: center;
   line-height: 60px;
   color: white;
   margin: 19px;
 }

 .social-share .plusicon-bg .plusicon-on {
   display: none;
 }

 .minusicon-off {
   display: none;
 }

 .doctor-sidebar {
   padding-right: 20px;
   position: sticky;
   top: 120px;
 }

 .doctor-sidebar .doctor-content {
   padding: 20px 20px 35px;
   border: 1px solid rgba(0, 126, 198, 0.2);
   border-radius: 20px;
   margin-bottom: 30px;
 }

 .doctor-sidebar h5 {
   font-size: 20px;
   color: #101212;
   font-weight: 500;
   margin-bottom: 20px;
 }

 .doctor-sidebar h6 {
   font-weight: 500;
   margin-bottom: 20px;
 }

 .doctor-sidebar .contact-address p {
   color: #101212;
 }

 .doctor-sidebar .social-link a {
   width: 40px;
   height: 40px;
   display: inline-block;
   border: 1px solid rgba(0, 126, 198, 0.2);
   color: #007EC6;
   text-align: center;
   border-radius: 100px;
   font-size: 16px;
   line-height: 40px;
   transition: 0.3s;
   margin-right: 10px;
 }

 .doctor-sidebar .social-link a:hover {
   color: #fff;
   background-color: #007EC6;
   transition: 0.3s;
 }

 .doctor-sidebar .contact-address {
   margin-bottom: 15px;
 }

 .doctor-sidebar .contact-address .map-icon {
   width: 40px;
   height: 40px;
   border-radius: 100px;
   line-height: 40px;
   font-size: 16px;
 }

 .doctor-bio {
   margin-bottom: 25px;
   margin-top: 30px;
 }

 .doctor-bio h4 {
   font-size: 24px;
   font-weight: 600;
   color: #007EC6;
   margin-top: 30px;
 }

 .doctor-bio span {
   color: #101212;
   font-weight: 500;
   padding-left: 15px;
 }

 .doctor-bio p {
   margin-top: 25px;
 }

 .doctor-schedule {
   padding: 20px 20px 35px;
   border: 1px solid rgba(0, 126, 198, 0.2);
   border-radius: 20px;
 }

 .doctor-schedule h4 {
   font-size: 24px;
   font-weight: 600;
   color: #007EC6;
   margin-top: 10px;
   margin-bottom: 15px;
 }

 .doctor-schedule ul li {
   padding: 10px 0px;
   border-bottom: 1px solid rgba(0, 126, 198, 0.2);
   display: flex;
   justify-content: space-between;
 }

 .doctor-schedule ul li:last-child {
   border-bottom: 0;
   padding-bottom: 25px;
 }

 .doctor-schedule ul li span {
   font-weight: 600;
   color: #101212;
 }

 .doctor-info {
   margin-bottom: 25px;
 }

 .doctor-details h3 {
   font-size: 32px;
   margin-bottom: 30px;
   color: #007EC6;
 }

 .doctor-personal-info p {
   margin-bottom: 30px;
 }

 .doctor-personal-info .quote {
   padding: 30px 40px 30px 40px;
   border-radius: 24px;
   margin-bottom: 25px;
 }

 .doctor-personal-info .quote .quote-icon {
   left: 12px;
   top: 25px;
 }

 .professional-info p {
   margin-bottom: 30px;
 }

 .professional-info ul li {
   border-bottom: 1px solid rgba(0, 126, 198, 0.2);
   padding: 10px 0px;
   display: flex;
   justify-content: start;
 }

 .professional-info ul li:last-child {
   border-bottom: 0;
 }

 .professional-info ul li span {
   font-weight: 600;
   color: #007EC6;
   width: 115px;
 }

 .doctor-testi h3 {
   margin-top: 25px;
 }

 .doctor-testi .testimonial-content {
   width: 48%;
   float: left;
   padding: 30px;
   border: 1px solid rgba(0, 126, 98, 0.2);
   border-radius: 20px;
   margin-top: 25px;
   margin-right: 24px;
 }

 .doctor-testi .testimonial-content:last-child {
   margin-right: 0px;
 }

 .single-content {
   margin-top: 30px;
 }

 .error-section {
   padding-top: 45px;
   padding-bottom: 100px;
 }

 .error-wrap h2 {
   font-size: 128px;
   color: #007EC6;
   font-weight: 900;
   margin-bottom: 15px;
 }

 .error-wrap h3 {
   font-size: 48px;
   color: #101212;
   font-weight: 900;
 }

 .error-wrap .dentus-btn-gradient {
   margin-top: 30px;
   min-width: 150px;
 }

 .faq-section {
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .accordion .accordion-collapse {
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
 }

 .accordion .accordion-area {
   padding: 30px;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
 }

 .accordion .accordion-button {
   background: white;
   width: 100%;
   text-align: left;
   padding: 10px 30px;
   border: 0px;
   border-radius: 10px;
   font-weight: 600;
   position: relative;
   box-shadow: none;
 }

 .accordion .accordion-button:focus {
   box-shadow: none;
   z-index: 0;
 }

 .accordion .accordion-button:hover {
   z-index: 0;
 }

 .accordion .accordion-box {
   margin-bottom: 25px;
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 10px;
 }

 .single-form {
   margin: 30px 100px;
   position: relative;
 }

 .single-form input {
   border-radius: 100px;
   font-size: 14px;
   padding: 0px 30px;
   line-height: 46px;
 }

 .single-form span {
   position: absolute;
   left: 0;
   top: 12px;
   padding: 0px 0px 0px 10px;
 }

 .accordion-box .accordion-button.collapsed svg {
   color: #007EC6;
   font-weight: 600;
   font-size: 18px;
 }

 .accordion-box .accordion-button svg {
   color: #dedede;
   font-weight: 600;
   font-size: 18px;
 }

 .accordion-box .accordion-button:after,
 .accordion-box .accordion-button.collapsed:after {
   content: "\f1af";
   font-family: remixicon !important;
   position: absolute;
   right: 0;
   top: 50%;
   bottom: auto;
   transform: translate(-20px, -10px);
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 16px;
   background-image: none;
   border-radius: 100px;
   width: 22px;
   height: 22px;
   font-size: 15px;
   background-color: #dedede;
   color: white;
 }

 .accordion-box .accordion-button.collapsed:after {
   content: "\ea13";
   color: white;
   background-color: #007EC6;
 }

 .faq-right-img {
   margin-top: 40px;
 }

 .services-details-section {
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .services-list {
   padding: 30px;
 }

 .services-list .nav .nav-link.active {
   background: #007EC6;
   color: #fff;
   border-radius: 8px;
 }

 .services-list .nav .nav-link {
   color: #777777;
   border: 1px solid rgba(0, 126, 198, 0.13);
   border-radius: 8px;
   margin-top: 15px;
   transition: 0.3s;
 }

 .services-list .nav .nav-link:hover {
   background-color: #007EC6;
   color: #fff;
   transition: 0.3s;
   border: 1px solid #007EC6;
 }

 .services-list h4 {
   font-weight: 500;
   color: #007EC6;
   margin-bottom: 10px;
 }

 .services-consultant {
   background-color: #007EC6;
 }

 .services-consultant h4 {
   margin-bottom: 25px;
   color: #fff;
 }

 .services-consultant input {
   margin-bottom: 15px;
 }

 .services-consultant span {
   position: absolute;
   right: 15px;
   top: 10px;
 }

 .services-details-content h2 {
   font-size: 36px;
   color: #007EC6;
   margin-top: 30px;
   margin-bottom: 25px;
 }

 .services-details-content h6 {
   font-weight: 600;
   margin-bottom: 30px;
 }

 .services-details-content p {
   margin-bottom: 30px;
 }

 .treatment-process-content .img-box {
   margin-bottom: 30px;
   margin-top: 15px;
 }

 .treatment-list ul li {
   color: #007EC6;
   font-weight: 500;
   margin-bottom: 15px;
 }

 .treatment-list .blue-selector:after {
   display: none;
 }

 .treatment-list .blue-selector:before {
   background: url(../images/services/right-direction.png);
 }

 .single-treatment-content {
   border: 1px solid rgba(0, 126, 198, 0.13);
   border-radius: 12px;
   margin-bottom: 25px;
 }

 .single-treatment-content .content {
   padding: 18px 24px;
   position: relative;
 }

 .single-treatment-content .content span {
   font-weight: 600;
   color: #007EC6;
 }

 .single-treatment-content .content .price {
   position: absolute;
   right: 15px;
 }

 .blog .img-box,
 .services .img-box {
   overflow: hidden;
   border-top-left-radius: 24px;
   border-top-right-radius: 24px;
 }

 .blog .img-box img,
 .services .img-box img {
   transition: 0.3s;
 }

 .blog .img-box:hover img,
 .services .img-box:hover img {
   transform: scale(1.1);
   transition: 0.3s;
 }

 .work-process-section .treatment-process:hover .icon {
   padding-left: 5px;
   transition: 0.3s;
 }

 .work-process-section .treatment-process .icon {
   transition: 0.3s;
 }

 .work-process-section2 {
   padding-top: 100px;
   padding-bottom: 100px;
   transition: 0.3s;
 }

 .work-process-section2 .treatment-process h4 {
   color: #007EC6;
   margin-top: 25px;
   margin-bottom: 22px;
 }

 .work-process-section2 .treatment-process:hover .icon {
   padding-left: 5px;
   transition: 0.3s;
 }

 .work-process-section2 .treatment-process .icon {
   transition: 0.3s;
 }

 .services-details-wrap .tab-pane .img-box img {
   border-radius: 24px;
 }

 .services-details-wrap .tab-pane .gsap-img-animation {
   display: block;
 }

 .services-details-wrap .team-content .img-box .overlay {
   border-radius: 24px;
 }

 .pricing-section {
   padding-top: 160px;
 }

 .price-head {
   font-size: 30px;
   color: #007EC6;
   font-weight: 600;
   font-family: "Poppins", sans-serif;
   margin-bottom: 20px;
 }

 .head-box {
   background-color: #C3E8FE;
   padding: 100px 30px 40px;
   border-radius: 20px;
 }

 .pricing-content {
   border: 1px solid rgba(0, 126, 98, 0.2);
   position: relative;
   border-radius: 20px;
   margin-bottom: 100px;
   transition: 0.3s;
 }

 .pricing-content:hover .icon-circle {
   background-color: #C3E8FE;
   transition: 0.3s;
 }

 .pricing-content .icon-circle {
   width: 120px;
   height: 120px;
   border-radius: 100px;
   border: 1px solid rgba(0, 126, 98, 0.2);
   display: inline-block;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   transform: translateY(-50%);
   margin: 0 auto;
   line-height: 120px;
   background-color: #fff;
 }

 .pricing-content .price {
   font-size: 40px;
   color: #101212;
   font-weight: 600;
 }

 .pricing-content p {
   margin-top: 20px;
   margin-bottom: 30px;
   color: #101212;
 }

 .pricing-content .pricing-list {
   padding: 40px 30px;
 }

 .pricing-content .pricing-list ul li {
   padding-top: 10px;
   padding-bottom: 10px;
   display: block;
   border-bottom: 1px solid rgba(0, 126, 198, 0.1);
   display: flex;
   justify-content: space-between;
 }

 .pricing-content .pricing-list ul li:last-child {
   border-bottom: 0;
 }

 .pricing-content .pricing-list ul li span {
   font-size: 20px;
   color: #101212;
   font-weight: 600;
 }

 .pricing-content .pricing-list .dentus-btn {
   margin-top: 30px;
 }

 /* 
------------------------------------
All blog css here
------------------------------------
 */
 .blog-section {
   padding: 100px 0px 95px;
 }

 .blog-section .blog {
   margin-bottom: 24px;
 }

 .blog-large {
   margin-bottom: 30px;
 }

 .blog img {
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
 }

 .blog .dentus-btn {
   min-width: 120px;
   padding: 5px;
   font-weight: 500;
   margin-top: 24px;
 }

 .blog-post {
   padding: 25px;
   border-bottom-left-radius: 16px;
   border-bottom-right-radius: 16px;
   border: 1px solid rgba(0, 126, 198, 0.13);
 }

 .blogdetails-wrap .gsap-img-animation,
 .blog-wrap .gsap-img-animation {
   display: block;
 }

 .blog-content h4 {
   margin-bottom: 15px;
 }

 .blog-content h4 a {
   font-size: 20px;
   font-weight: 600;
   font-family: "Poppins", sans-serif;
   transition: 0.3s;
 }

 .blog-content h4 a:hover {
   color: #007EC6;
   transition: 0.3s;
 }

 .meta-tag {
   margin-top: 20px;
 }

 .meta-tag span {
   color: #007EC6;
   font-weight: 600;
 }

 .tagpost {
   position: absolute;
   background: #007EC6;
   color: white;
   border-radius: 3px;
   padding: 3px 10px;
   top: 20px;
   left: 20px;
   font-size: 12px;
   font-weight: 600;
   z-index: 1;
 }

 .bloggrid-section {
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .bloggrid-section .blog {
   margin-bottom: 24px;
 }

 .pagination-list {
   margin-top: 45px;
 }

 .pagination-list ul li {
   display: inline-block;
 }

 .pagination-list ul li a {
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 5px;
   display: inline-block;
   line-height: 45px;
   width: 45px;
   height: 45px;
   text-align: center;
   font-weight: 600;
   color: black;
   margin-right: 15px;
   margin-top: 15px;
   transition: 0.3s;
 }

 .pagination-list ul li a:hover {
   background-color: #007EC6;
   color: #fff;
   transition: 0.3s;
 }

 .pagination-list ul li a.active {
   background-color: #007EC6;
   color: #fff;
 }

 .blogpost-wrap {
   margin-top: 42px;
 }

 .blogpost-wrap .dentus-btn {
   color: #007EC6;
   margin-top: 32px;
 }

 .blogpost-wrap h3 a {
   font-size: 32px;
   font-weight: 700;
   color: #007EC6;
 }

 .blogpost-wrap p strong {
   color: #007EC6;
 }

 .blogpost-wrap h4 {
   font-size: 20px;
   font-weight: 600;
   font-family: "Poppins", sans-serif;
   margin-top: 20px;
   margin-bottom: 20px;
 }

 .blogpost-wrap .blog-list {
   margin-top: 20px;
 }

 .blogpost-wrap .blog-list li {
   margin-bottom: 20px;
 }

 .blogpost-wrap .blog-list li svg {
   color: #007EC6;
   font-size: 24px;
   margin-right: 10px;
 }

 .blogpost-wrap .blog-list span {
   color: #007EC6;
   font-weight: 500;
 }

 .blogpost-wrap .contact-form {
   padding: 50px;
   border-radius: 24px;
   background: #F0F9FF;
 }

 .blogpost-wrap .contact-form textarea,
 .blogpost-wrap .contact-form input {
   margin-bottom: 25px;
   font-size: 14px;
 }

 .blogpost-wrap .contact-form p {
   margin-bottom: 22px;
 }

 .blogpost-wrap .contact-form .dentus-btn {
   background-color: #fff;
   transition: 0.3s;
 }

 .blogpost-wrap .contact-form .dentus-btn:hover {
   background-color: #007EC6;
   color: #fff;
   transition: 0.3s;
 }

 .meta-post {
   border-top: 1px solid rgba(0, 126, 198, 0.13);
   border-bottom: 1px solid rgba(0, 126, 198, 0.13);
   margin-top: 20px;
   margin-bottom: 20px;
   padding: 15px 0px;
 }

 .meta-post .social-link span {
   color: #007EC6;
   font-weight: 500;
   margin-right: 4px;
 }

 .meta-post .social-link a {
   width: 40px;
   height: 40px;
   border: 1px solid rgba(0, 126, 198, 0.13);
   border-radius: 100px;
   display: inline-block;
   text-align: center;
   margin: 0px auto 0px 6px;
   padding: 6px 11px;
   background-color: rgba(0, 126, 198, 0.1);
   transition: 0.3s;
 }

 .meta-post .social-link a:hover {
   background-color: #007EC6;
   transition: 0.3s;
 }

 .meta-post .social-link a:hover svg {
   color: #fff;
   transition: 0.3s;
 }

 .meta-post .social-link a svg {
   color: #007EC6;
   transition: 0.3s;
 }

 .meta-post a {
   margin-right: 35px;
   color: #007EC6;
   font-weight: 500;
 }

 .meta-post a svg {
   color: #101212;
   margin-right: 10px;
 }

 .meta-post .author {
   color: #101212;
 }

 .meta-post .tags-list li a {
   margin-bottom: 0px;
 }

 .category-list li {
   position: relative;
 }

 .category-list li a {
   font-weight: 500;
   position: relative;
   padding: 10px;
   border-bottom: 1px solid #ddd;
   display: block;
 }

 .category-list li a span {
   position: absolute;
   right: 0;
   color: #007EC6;
 }

 .widget-box {
   margin-top: 45px;
 }

 .widget-title {
   margin-bottom: 30px;
   font-weight: 600;
   color: #007EC6;
 }

 .recent-post {
   border: 1px solid rgba(0, 126, 198, 0.13);
   padding: 15px;
   border-radius: 10px;
 }

 .recent-content {
   margin-bottom: 20px;
 }

 .recent-list {
   margin-left: 20px;
 }

 .recent-list h5 {
   font-weight: 700;
   margin-bottom: 5px;
   font-family: "Poppins", sans-serif;
   font-size: 16px;
   line-height: 22px;
 }

 .recent-list span {
   font-size: 14px;
 }

 .tags-list li {
   display: inline-block;
 }

 .tags-list li span {
   color: #007EC6;
   font-weight: 500;
   margin-right: 10px;
 }

 .tags-list li a {
   border: 1px solid rgba(0, 126, 198, 0.13);
   display: inline-block;
   padding: 10px;
   text-align: center;
   border-radius: 100px;
   padding: 6px 22px;
   border-radius: 100px;
   margin-bottom: 12px;
   margin-right: 6px;
   color: #777777;
   transition: 0.3s;
   font-weight: 400;
 }

 .tags-list li a:hover {
   background-color: #007EC6;
   color: #fff;
   transition: 0.3s;
 }

 .img-box img {
   width: 100%;
 }

 .sidebar {
   padding-left: 20px;
   position: sticky;
   top: 120px;
 }

 .quote {
   padding: 40px 75px 30px 75px;
   border-left: 3px solid #007EC6;
   border-radius: 24px;
   z-index: 3;
   background: #fff;
   position: relative;
   border-top-left-radius: 0;
   margin-right: 30px;
   border-bottom-right-radius: 0px;
   box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1);
 }

 .quote p {
   color: #101212;
   margin-bottom: 20px;
 }

 .quote blockquote {
   margin-bottom: 0px;
 }

 .quote .quote-icon {
   color: #007EC6;
   font-family: "Poppins", sans-serif;
   position: absolute;
   left: 45px;
   font-size: 24px;
   top: 34px;
   opacity: 0.3;
 }

 .quote .doctor {
   color: #007EC6;
   font-family: "Poppins", sans-serif;
   font-weight: 500;
 }

 .subquote {
   font-size: 24px;
   color: #007EC6;
   margin-left: 6px;
   opacity: 0.3;
 }

 .quote-box {
   margin-top: 25px;
   margin-bottom: 80px;
 }

 .reply {
   border: 1px solid #007EC6;
   color: #007EC6;
   border-radius: 100px;
   padding: 1px 15px;
   display: inline-block;
   font-size: 14px;
   transition: 0.3s;
 }

 .reply:hover {
   background-color: #007EC6;
   color: #fff;
   transition: 0.3s;
 }

 .comment-text h5 {
   font-family: "Poppins", sans-serif;
   font-weight: 600;
 }

 .comment-text .text {
   color: #007EC6;
   margin-right: 5px;
 }

 .comment-text .comment-time {
   font-size: 14px;
   margin-left: 20px;
   font-weight: 500;
   color: #777777;
 }

 .comment-text .comment-time:hover {
   color: #007EC6;
 }

 .comment-text p {
   margin-top: 10px;
   margin-bottom: 18px;
 }

 .comment-post {
   margin-top: 100px;
 }

 .comment-content {
   margin-bottom: 25px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   padding-bottom: 25px;
 }

 .comment-content:last-child {
   border-bottom: 0px;
 }

 .comment-title {
   font-size: 24px;
   margin-bottom: 22px;
   font-family: "Poppins", sans-serif;
   font-weight: 700;
 }

 .news-blog .blog .img-box img {
   border-radius: 24px;
 }

 .news-blog .blog .blog-post {
   padding-left: 0px;
   padding-right: 0px;
   border: none;
 }

 /* 
------------------------------------
All button css here
------------------------------------
 */
 .dentus-btn {
   min-width: 150px;
   display: inline-block;
   text-align: center;
   border-radius: 4px;
   font-weight: 500;
   padding: 10px;
   border: 1px solid rgba(0, 126, 198, 0.4);
   color: #007EC6;
   transition: 0.3s;
   transition-property: transform;
   position: relative;
 }

 .dentus-btn:before {
   pointer-events: none;
   position: absolute;
   z-index: -1;
   content: "";
   top: 100%;
   left: 5%;
   height: 10px;
   width: 90%;
   opacity: 0;
   background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
   background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform, opacity;
   transition-property: transform, opacity;
 }

 .dentus-btn:hover {
   background-color: #007EC6;
   color: #fff;
   transition: 0.3s;
   transform: translateY(-5px);
 }

 .dentus-btn:hover:before {
   transform: translateY(5px);
   opacity: 1;
 }

 .dentus-btn-blue {
   min-width: 240px;
   display: inline-block;
   text-align: center;
   border-radius: 4px;
   font-weight: 500;
   padding: 10px;
   background-color: #007EC6;
   color: #fff;
 }

 .dentus-btn-white {
   min-width: 240px;
   display: inline-block;
   text-align: center;
   border-radius: 4px;
   font-weight: 500;
   padding: 10px;
   background-color: #fff;
   color: #007EC6;
 }

 .dentus-btn-gradient {
   min-width: 240px;
   background: linear-gradient(-45deg, #007EC6 20%, #56C2FF 100%);
   border: 0px;
   border-radius: 4px;
   text-align: center;
   color: #fff;
   padding: 10px;
   position: relative;
   font-weight: 400;
   z-index: 0;
 }

 .dentus-btn-gradient:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(-45deg, #56C2FF 20%, #007EC6 100%);
   opacity: 0;
   transition: 0.5s;
   border-radius: 4px;
   z-index: -1;
 }

 .dentus-btn-gradient:hover:after {
   opacity: 1;
   transition: 0.5s;
 }

 .menu-button .dentus-btn {
   font-size: 18px;
   border: 1px solid #007EC6;
   color: #007EC6;
 }

 .button {
   margin-top: 35px;
 }

 .button .dentus-btn {
   border: 1px solid rgba(255, 255, 255, 0.4);
 }

 .dentus-btn-border {
   color: #fff;
 }

 .dentus-btn-border:hover {
   background-color: #fff;
   color: #007EC6;
 }

 .testi-left .button .dentus-btn-white {
   min-width: 150px;
 }

 /* 
------------------------------------
All input form css here
------------------------------------
 */
 .contact-section {
   padding-top: 100px;
   padding-bottom: 90px;
 }

 .contact .facilities-img .ex-content {
   position: absolute;
   left: -130px;
   bottom: 20px;
 }

 .contact .facilities-img2 .about-ex {
   margin-top: -180px;
 }

 .appointment-wrap.contact-text {
   padding-top: 25px;
   margin-bottom: 20px;
 }

 .contact-text .heading {
   font-size: 40px;
 }

 .contact-text .appointment .section-head h2 {
   margin-bottom: 15px;
 }

 .contact-map-section {
   background-color: #F0F9FF;
 }

 .contact-map-content {
   padding-top: 90px;
   padding-bottom: 90px;
 }

 .contact-map-content .blue-selector:before {
   display: none;
 }

 .contact-map-content .heading {
   margin-bottom: 30px;
 }

 .map-icon {
   width: 60px;
   height: 60px;
   display: inline-block;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   border-bottom-left-radius: 12px;
   border: 1px solid rgba(0, 126, 198, 0.2);
   text-align: center;
   line-height: 60px;
   color: #007EC6;
   font-size: 24px;
 }

 .contact-address {
   margin-bottom: 30px;
 }

 .contact-address h5 {
   font-size: 20px;
   color: #007EC6;
   font-weight: 500;
   margin-bottom: 5px;
 }

 .map {
   position: absolute;
   right: 0;
   width: 100%;
   height: 100%;
 }

 .map iframe {
   width: 50%;
   position: absolute;
   right: 0;
   height: 100%;
 }

 .appointment-form {
   padding: 41px 50px;
   border-radius: 12px;
   background-color: #fff;
 }

 .appointment-form select,
 .appointment-form input {
   margin-bottom: 25px;
   font-size: 14px;
 }

 .appointment-form textarea {
   margin-bottom: 17px;
 }

 .appointment .section-head {
   padding-bottom: 0px;
 }

 .appointment .section-head h2 {
   margin-bottom: 6px;
 }

 .appointment .section-head p {
   color: #101212;
   margin-bottom: 25px;
 }

 .appointment-inner-content {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
 }

 .appointment-section {
   background-color: #F0F9FF;
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .appointment-wrap {
   padding-top: 50px;
   margin-bottom: 60px;
   position: relative;
 }

 .appointment .blue-selector:before {
   display: none;
 }

 .appointment-form textarea {
   min-height: 90px;
 }

 .appointment-doctor {
   margin-top: -40px;
 }

 .appointment-inner-content textarea {
   min-height: 152px;
 }

 .emergency-contact {
   margin-left: 40px;
   margin-bottom: 30px;
 }

 .mobile-box {
   box-shadow: 0 0 0 10px rgba(0, 126, 198, 0.2);
   width: 50px;
   height: 50px;
   background-color: #fff;
   border-radius: 100px;
   text-align: center;
   line-height: 50px;
   font-size: 24px;
   color: #007EC6;
 }

 .mobile-box:before {
   position: absolute;
   width: 140px;
   height: 140px;
   display: inline-block;
   border: 1px solid rgba(255, 255, 255, 0.1);
   content: "";
   left: 0;
   top: 0;
   margin: -20px;
   border-radius: 100px;
 }

 .mobile-number {
   margin-left: 30px;
 }

 .mobile-number p {
   font-size: 14px;
   color: #101212;
   font-weight: 500;
 }

 .mobile-number span {
   font-size: 20px;
   color: #007EC6;
   font-weight: 700;
 }

 .appointment2-form input {
   margin-right: 25px;
 }

 .appointment2-form input:last-child {
   margin-right: 0px;
 }

 .appointment2-form .left-content input {
   margin-bottom: 25px;
 }

 .appointment2-form .dentus-btn {
   height: 46px;
 }

 .home2-appointment {
   padding: 41px 50px;
   border-radius: 12px;
   background-color: #fff;
   margin-top: -100px;
 }

 .home2-appointment .heading {
   font-size: 30px;
   padding-top: 20px;
   padding-bottom: 20px;
 }

 .registration-seciton,
 .login-section {
   margin: 100px 0px;
 }

 .login-box {
   padding: 30px;
   border: 1px solid rgba(0, 126, 198, 0.13);
   border-radius: 12px;
   margin: 60px;
 }

 .login-box h2 {
   font-size: 30px;
   color: #007EC6;
 }

 .login-box p {
   color: #101212;
   font-weight: 500;
   margin-top: 5px;
   font-size: 14px;
 }

 .login-box input {
   margin-top: 25px;
   height: 48px;
   font-size: 14px;
 }

 .login-box .button {
   margin-top: 18px;
 }

 .login-box .social-link {
   margin-top: 20px;
 }

 .login-box .social-link a {
   width: 48px;
   height: 48px;
   border-radius: 100px;
   display: inline-block;
   text-align: center;
   line-height: 45px;
   border: 1px solid rgba(0, 126, 198, 0.13);
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
   color: #007EC6;
   font-size: 20px;
   margin-right: 10px;
 }

 .forget {
   margin-top: 10px;
   color: #007EC6;
 }

 .login-different {
   margin-top: 20px;
 }

 .login-different span {
   color: #007EC6;
   font-size: 16px;
   text-align: center;
 }

 .login-different p {
   color: #777777;
 }

 /*======================================
	Header CSS
========================================*/
 /*===== NAVBAR =====*/
 .logo-brand a {
   display: flex;
   align-items: center;
   font-size: 28px;
   font-weight: 800;
   color: #007EC6;
 }

 .logo-brand a span {
   margin-left: 10px;
 }

 .header-area {
   position: relative;
   left: 0;
   right: 0;
   width: 100%;
   top: 0;
   z-index: 999;
   transition: all linear 0.3s;
 }

 .header-area .stellarnav svg {
   top: 0;
   font-size: 20px;
 }

 .header-area .stellarnav ul li li a {
   font-size: 15px;
   transition: 0.3s;
   padding: 12px;
 }

 .header-area .stellarnav ul li li a:hover {
   background-color: #007EC6;
   color: #fff;
   border-radius: 4px;
   transition: 0.3s;
   border-radius: 5px;
 }

 .header-area .stellarnav ul ul {
   padding: 10px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
   box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
 }

 .header-area .stellarnav ul>li>a:hover {
   color: #007EC6;
 }

 .header-area .stellarnav>ul {
   text-align: center;
 }

 .header-area .stellarnav>ul>li>a {
   padding: 30px 18px;
   font-weight: 400;
   color: #101212;
 }

 .header-area .stellarnav li.has-sub>a:after {
   border-top: 6px solid #000;
 }

 .header-area .stellarnav li.has-sub>a::after {
   display: none;
 }

 .header-area .stellarnav.desktop li.has-sub a {
   padding-right: 0px;
 }

 .header-area.stricky-menu {
   box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);
   position: fixed;
   left: 0;
   right: 0;
   width: 100%;
   top: 0;
   z-index: 999;
   background-color: #fff;
 }

 .header-area.stricky-menu .stellarnav.light,
 .header-area.stricky-menu .stellarnav.light ul ul {
   background-color: #fff;
 }

 .bio-area {
   margin-top: 77px;
 }

 .header-area .stellarnav .menu-toggle span.bars span {
   width: 25px;
 }

 .sidebar-logo {
   display: none;
 }

 .footer-section {
   background: #011F4D;
   padding-top: 100px;
 }

 .white-selector,
 .blue-selector {
   font-size: 20px;
   color: #101212;
   position: relative;
 }

 .white-selector:after,
 .blue-selector:after {
   content: "";
   background-position: center !important;
   background-repeat: no-repeat !important;
   margin-left: 10px;
   padding: 0px 15px;
 }

 .white-selector:before,
 .blue-selector:before {
   content: "";
   background: url(../images/color-line.png);
   background-position: center !important;
   background-repeat: no-repeat !important;
   margin-right: 10px;
   padding: 0px 15px;
 }

 .blue-selector:after {
   background: url(../images/color-line.png);
 }

 .blue-selector:before {
   background: url(../images/color-line-left.png);
 }

 .white-selector:after {
   background: url(../images/line.png);
 }

 .white-selector:before {
   background: url(../images/line-left.png);
 }

 .j7z5iZa6pd {
   margin-bottom: 40px;
 }

 .j7z5iZa6pd h4 {
   margin-bottom: 48px;
   font-size: 20px;
   font-weight: 600;
 }

 .j7z5iZa6pd ul li a {
   margin-bottom: 10px;
   display: block;
 }

 .j7z5iZa6pd ul li a svg {
   margin-right: 5px;
 }

 .j7z5iZa6pd p {
   color: #fff;
   margin-top: 20px;
   padding-right: 75px;
 }

 .j7z5iZa6pd .social-link a {
   border: 1px solid rgba(255, 255, 255, 0.2);
   display: inline-block;
   width: 40px;
   text-align: center;
   border-radius: 4px;
   margin-right: 12px;
   font-size: 18px;
   height: 40px;
   line-height: 38px;
   padding: 0px;
 }

 .j7z5iZa6pd .social-link span {
   display: block;
   margin-top: 25px;
   margin-bottom: 10px;
   color: #fff;
 }

 .j7z5iZa6pd .social-link .white-selector:before {
   display: none;
 }

 .j7z5iZa6pd .recent-list h5 a {
   color: #fff;
 }

 .j7z5iZa6pd .recent-list span {
   color: #6D6D6D;
   font-size: 14px;
 }

 .j7z5iZa6pd .recent-post {
   border: 0;
   padding: 0;
   margin-bottom: 20px;
 }

 .j7z5iZa6pd .schedule-question {
   background-color: rgba(9, 40, 89, 0.79);
   border: 1px solid rgba(255, 255, 255, 0.2);
 }

 .j7z5iZa6pd .schedule-question span {
   font-size: 24px;
   font-family: "Playfair Display", serif;
   display: block;
   margin-bottom: 30px;
   color: #fff;
   font-weight: 700;
   line-height: 34px;
 }

 .contact-icon {
   margin-right: 15px;
 }

 .contact-icon svg {
   font-size: 20px;
 }

 .contact-info {
   margin-bottom: 12px;
 }

 .FYO038rrcG {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   padding-top: 30px;
   padding-bottom: 30px;
 }

 .FYO038rrcG .social-link span {
   color: #fff;
   font-size: 16px;
   margin-right: 20px;
 }

 .FYO038rrcG .social-link .white-selector:before {
   display: none;
 }

 .FYO038rrcG .social-link a {
   width: 40px;
   text-align: center;
   border-radius: 4px;
   margin-right: 12px;
   font-size: 18px;
   height: 40px;
   line-height: 38px;
   border: 1px solid rgba(255, 255, 255, 0.2);
   display: inline-block;
   padding: 0px;
   transition: 0.3s;
 }

 .FYO038rrcG .social-link a:last-child {
   margin-right: 0px;
 }

 .FYO038rrcG .social-link a:hover {
   background-color: #007EC6;
   border: 1px solid #007EC6;
   transition: 0.3s;
 }

 /*# sourceMappingURL=tZ7CmPQEjL.css.map */