:root {
    --bs-blue: #3763f4;
    --bs-indigo: #24285b;
    --bs-purple: #6f42c1;
    --bs-pink: #e33cd1;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffd200;
    --bs-green: #00b779;
    --bs-teal: #00b4c9;
    --bs-cyan: #00b4c9;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #4e5d78;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f5f6f8;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #4e5d78;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #2d2d2d;
    --bs-primary: #24285b;
    --bs-secondary: #ffd200;
    --bs-success: #00b779;
    --bs-info: #00b4c9;
    --bs-warning: #ffd200;
    --bs-danger: #dc3545;
    --bs-light: #f5f6f8;
    --bs-dark: #343a40;
    --bs-primary-rgb: 36, 40, 91;
    --bs-secondary-rgb: 255, 210, 0;
    --bs-success-rgb: 0, 183, 121;
    --bs-info-rgb: 0, 180, 201;
    --bs-warning-rgb: 255, 210, 0;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 245, 246, 248;
    --bs-dark-rgb: 52, 58, 64;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 45, 45, 45;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.6;
    --bs-body-color: #365377;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #365377;
    --bs-link-hover-color: #516e83;
    --bs-code-color: #e33cd1;
    --bs-highlight-bg: #fff6cc
}

*,*::before,*::after {
    box-sizing: border-box
}

@media(prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

@media (max-width: 767px) {
  #navcol-3 ul {
    display: flex !important;
    flex-basis: auto;
    padding-left: 20px;
    background: #296471;
    font-weight: bold;
    text-align: center;
  }
}

.accordion {
    --bs-accordion-color: #2d2d2d;
    --bs-accordion-bg: transparent;
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #2d2d2d;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232d2d2d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23202452'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: transparent;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #202452;
    --bs-accordion-active-bg: transparent
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media(prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    margin-right: initial;
}

@media(prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
}


hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:2.5rem
    }
}

.h2,h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:2rem
    }
}

.h3,h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:1.75rem
    }
}

.h4,h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h4,h4 {
        font-size:1.5rem
    }
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}



h1.hero-title, h2.hero-title, h3.hero-title {
  /*text-shadow: 0 3px 3px rgba(0,0,0,0.4);*/
/* color: #fff;*/
  /*max-width: 600px;*/
}

p.hero-subtitle {
  /*max-width: 600px;*/
/* margin: 25px auto;*/
/* padding: 10px 15px;*/
  color: #fff;
}

.plat {
  border-radius: 0px;
}

.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0 0 0 0 #048f83!important;
}

.btn-primary:hover {
  color: #fff;
  background-color: #016090;
  border-color: #016090;
}

.btn.btn-primary {
  /*background-color: #296471!important;*/
  /*border-color: #296471!important;*/
border-radius: 10px;
}

.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.5);
}

input.form-control[readonly] {
    display: none;
}

@media (max-width: 1000px) {
    .carousel-item img {
        height: 350px;
        object-fit: cover;
    }
}

@media (max-width: 768px) {
    .carousel-item img {
        height: 440px;
        object-fit: cover;
    }
}

.card-img-overlay {
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
    color: white;
    text-shadow: none; /* Optional: remove if using a background */
}

.no-border {
    border: none;
}


.dark-green-bg-white-txt {
    background-color: #296471;
    color: #ffffff;
    border-radius: 0px;
    min-height: 250px;
}

.cid-tVcQvuzi5m {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-image: url("/media/uploads/book1.webp");
    background-repeat: no-repeat;
    background-size: cover;
background-position: 50% 50%;
}

.cid-tVcQvuzi5m .mbr-section-subtitle {
  color: #000000;
}


/* *****************************************************************
	Templater Name: Aesthetic
	Description: Aesthetic medical template
	Author: Colorib
	Author URI: https://colorlib.com/
	Version: 1.0
	Created: Colorib
***************************************************************** */

/* ------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Consultation Section
6.  Banner Section
7.  Chooseus Section
8.  Team Section
9.  Gallery
10.  Footer Style
------------------------------------------------------------------- */

/* ---------------------------------------- */

/* Template default CSS
/*---------------------------------------- */

html, body {
  height: 100%;
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ---------------------
  Helper CSS
----------------------- */

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p, .text-white span, .text-white li, .text-white a {
/*  color: #fff;*/
}

/* buttons */

.primary-btn.normal-btn {
  background: #82c55b;
  color: #ffffff;
  font-weight: 600;
}

/* Preloder */

#preloder {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #000;
}

.loader {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  border-radius: 60px;
  animation: loader 0.8s linear infinite;
  -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 4px solid #82c55b;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 4px solid #12558a;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border: 4px solid #82c55b;
    border-left-color: transparent;
  }
}

/* ---------------------
  Header
----------------------- */

.header.header--normal {
  border-bottom: 1px solid #f2f2f2;
}

.header__logo {
  padding: 42px 0;
}

.header__logo a {
  display: inline-block;
}

.header__menu__option {
  text-align: right;
  padding: 30px 0;
}

.header__menu ul li:hover .dropdown {
  top: 30px;
  opacity: 1;
  visibility: visible;
}

.header__menu ul li .dropdown {
  position: absolute;
  left: 0;
  top: 52px;
  width: 150px;
  background: #111111;
  text-align: left;
  padding: 2px 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
  display: block;
  margin-right: 0;
}

.header__menu ul li .dropdown li a {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  padding: 8px 20px;
  text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
  display: none;
}

.header__menu ul li a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #82c55b;
  content: "";
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.header__btn {
  display: inline-block;
}

/* ---------------------
  Hero
----------------------- */

.hero {
  padding-top: 145px;
  padding-bottom: 215px;
}

.hero__text span {
  font-size: 15px;
  font-weight: 500;
  color: #12558b;
  text-transform: uppercase;
  display: block;
}

.hero__text h2 {
  font-size: 48px;
  color: #111111;
  font-weight: 700;
  line-height: 60px;
  margin-top: 10px;
  margin-bottom: 35px;
}

/* ---------------------
  Consultation
----------------------- */

.consultation__form {
  padding: 50px;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  margin-top: -70px;
  background: #ffffff;
}

.consultation__form .section-title {
  margin-bottom: 35px;
}

.consultation__form form input {
  font-size: 15px;
  color: #666666;
  width: 100%;
  height: 50px;
  padding-left: 20px;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  margin-bottom: 20px;
}

.consultation__form form input::-webkit-input-placeholder {
  color: #666666;
}

.consultation__form form input::-moz-placeholder {
  color: #666666;
}

.consultation__form form input:-ms-input-placeholder {
  color: #666666;
}

.consultation__form form input::-ms-input-placeholder {
  color: #666666;
}

.consultation__form form input::placeholder {
  color: #666666;
}

.consultation__form form input:focus {
  border-color: #9d9d9d;
}

.consultation__form form .datepicker__item {
  position: relative;
}

.consultation__form form .datepicker__item i {
  position: absolute;
  right: 20px;
  top: 18px;
  font-size: 15px;
  color: #666666;
}

.consultation__form form .nice-select {
  float: none;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.consultation__form form .nice-select:after {
  border-bottom: 1.5px solid #666666;
  border-right: 1.5px solid #666666;
  height: 8px;
  right: 20px;
  top: 46%;
  width: 8px;
}

.consultation__form form .nice-select span {
  font-size: 15px;
  color: #666666;
}

.consultation__form form .nice-select.active, .consultation__form form .nice-select.open, .consultation__form form .nice-select:focus {
  border-color: #666666;
}

.consultation__form form .nice-select .list {
  width: 100%;
  margin-top: 0;
  border-radius: 5px;
}

.consultation__form form button {
  width: 100%;
}

.consultation__text {
  padding: 100px 0;
  position: relative;
}

.consultation__text:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #f2f2f2;
  content: "";
}

.consultation__text__item .section-title {
  margin-bottom: 15px;
}

.consultation__text__item .section-title h2 {
  line-height: 47px;
}

.consultation__text__item .section-title h2 b {
  font-weight: 700;
  color: #13a2b7;
}

.consultation__text__item p {
  color: #2e5a7f;
  margin-bottom: 0;
}

/* ---------------------
  Choose Us
----------------------- */

.chooseus {
  padding-bottom: 50px;
}

.chooseus__item {
  text-align: center;
  margin-bottom: 30px;
}

.chooseus__item h5 {
  font-size: 20px;
  color: #111111;
  font-weight: 600;
  margin-top: 26px;
  margin-bottom: 16px;
}

.chooseus__item p {
  margin-bottom: 0;
}

/* ---------------------
  Services
----------------------- */

.services .section-title span {
  color: #13a2b7;
}

.services .section-title h2 {
  color: #ffffff;
}

.services__btn {
  text-align: right;
}

.services__btn .primary-btn {
  color: #ffffff;
}

.services__item {
  background: #ffffff;
  padding: 45px 30px 45px 50px;
  margin-bottom: 30px;
  border-radius: 5px;
}

.services__item:hover {
  background: #2e5a7f;
}

.services__item:hover .services__item__icon span {
  color: #ffffff;
}

.services__item:hover .services__item__text h5 {
  color: #ffffff;
}

.services__item:hover .services__item__text p {
  color: #ffffff;
}

.services__item__icon {
  float: left;
  margin-right: 40px;
}

.services__item__icon span {
  color: #13a2b7;
  font-size: 40px;
  display: inline-block;
  line-height: 76px;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.services__item__icon span:before {
  font-size: 70px;
}

.services__item__text {
  overflow: hidden;
}

.services__item__text h5 {
  font-size: 20px;
  color: #111111;
  font-weight: 600;
  margin-bottom: 14px;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.services__item__text p {
  margin-bottom: 0;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

/* ---------------------
  Team
----------------------- */

.team {
  padding-bottom: 70px;
}

.team__item {
  text-align: center;
  margin-bottom: 30px;
}

.team__item:hover img {
  border-color: #13a2b7;
}

.team__item img {
  height: 270px;
  width: 270px;
  border-radius: 50%;
  border: 10px solid #ffffff;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 32px;
  -webkit-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}

.team__item h5 {
  font-size: 20px;
  color: #111111;
  font-weight: 600;
  margin-bottom: 5px;
}

.team__item span {
  font-size: 15px;
  color: #13a2b7;
  display: block;
  margin-bottom: 12px;
}

.team__item .team__item__social a {
  font-size: 15px;
  color: #666666;
  display: inline-block;
  margin-right: 20px;
}

.team__item .team__item__social a:last-child {
  margin-right: 0;
}

/* ---------------------
  Gallery
----------------------- */

.gallery {
  overflow: hidden;
}

.gallery__container {
  margin-right: -20px;
}

.gallery__container .gc__item {
  height: 338px;
  width: calc(25% - 20px);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.gallery__container .gc__item:hover:after {
  opacity: 1;
}

.gallery__container .gc__item:hover a {
  opacity: 1;
  visibility: visible;
}

.gallery__container .gc__item:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(19, 161, 183, 0.5);
  content: "";
  z-index: -1;
  -webkit-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
  opacity: 0;
}

.gallery__container .gc__item a {
  font-size: 30px;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.gallery__container .gc__item.gc__item__large {
  height: 696px;
}

.grid-sizer {
  width: calc(25% - 20px);
}

/* ---------------------
  Latest
----------------------- */

.latest {
  padding-top: 80px;
  padding-bottom: 70px;
}

.latest__btn {
  text-align: right;
}

.latest__item {
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
  padding: 30px;
  margin-bottom: 30px;
}

.latest__item:hover {
  -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
}

.latest__item:hover h5 a {
  text-decoration: underline;
}

.latest__item h5 {
  margin-bottom: 10px;
}

.latest__item h5 a {
  color: #111111;
  font-weight: 600;
  line-height: 24px;
}

.latest__item ul li {
  list-style: none;
  display: inline-block;
  font-size: 13px;
  margin-right: 22px;
  color: #888888;
  position: relative;
  font-weight: 300;
}

.latest__item ul li:after {
  position: absolute;
  right: -16px;
  top: 12px;
  height: 5px;
  width: 5px;
  background: #888888;
  border-radius: 50%;
  content: "";
}

.latest__item ul li img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

.latest__item ul li:last-child {
  margin-right: 0;
}

.latest__item ul li:last-child:after {
  display: none;
}

/* ---------------------
  Footer
----------------------- */

.footer {
  background: #121c1d;
  padding-top: 40px;
}

.footer__top {
  padding-bottom: 40px;
  margin-bottom: 65px;
}

.footer__logo {
  line-height: 50px;
}

.footer__logo a {
  display: inline-block;
}

.footer__newslatter form {
  position: relative;
}

.footer__newslatter form input {
  width: 100%;
  height: 50px;
  font-size: 14px;
  color: #ffffff;
  background: transparent;
  border: 1px solid #82c55b;
  padding-left: 20px;
  border-radius: 50px;
}

.footer__newslatter form input::-webkit-input-placeholder {
  color: #ffffff;
}

.footer__newslatter form input::-moz-placeholder {
  color: #ffffff;
}

.footer__newslatter form input:-ms-input-placeholder {
  color: #ffffff;
}

.footer__newslatter form input::-ms-input-placeholder {
  color: #ffffff;
}

.footer__newslatter form input::placeholder {
  color: #ffffff;
}

.footer__newslatter form button {
  border-radius: 0 50px 50px 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.footer__social {
  text-align: right;
}

.footer__social a {
  display: inline-block;
  height: 50px;
  width: 50px;
  background: rgba(255, 255, 255, 0.1);
  font-size: 18px;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  margin-right: 6px;
}

.footer__social a:last-child {
  margin-right: 0;
}

.footer__widget {
  margin-bottom: 30px;
}

.footer__widget h5 {
  color: #ffffff;
  font-size: 20px;
  /*font-weight: 600;*/
  margin-bottom: 25px;
}

.footer__widget ul li {
  list-style: none;
  line-height: 30px;
}

.footer__widget ul li a {
  color: #c4c4c4;
    font-family: 'Roboto';
    text-decoration: none;

}

.footer__address {
  margin-bottom: 30px;
}

.footer__address h5 {
  color: #ffffff;
  font-size: 20px;
  /*font-weight: 600;*/
  margin-bottom: 25px;
}

.footer__address ul li {
  list-style: none;
  font-size: 14px;
  color: #636262;
  font-weight: 300;
  margin-bottom: 38px;
}

.footer__address ul li:last-child {
  margin-bottom: 0;
}

.footer__address ul li i {
  font-size: 18px;
  color: #13a2b7;
  margin-right: 15px;
}

.footer__map {
  height: 190px;
  margin-bottom: 30px;
}

.footer__map iframe {
  width: 100%;
}

.footer__copyright {
  background: #12191a;
  padding: 25px 0 20px;
  margin-top: 30px;
}

.footer__copyright ul {
  text-align: right;
}

.footer__copyright ul li {
  list-style: none;
  display: inline-block;
  font-size: 14px;
  color: #c4c4c4;
  margin-right: 25px;
  font-weight: 300;
  position: relative;
}

.footer__copyright ul li:after {
  position: absolute;
  right: -18px;
  top: 9px;
  height: 4px;
  width: 4px;
  background: #c4c4c4;
  content: "";
  border-radius: 50%;
}

.footer__copyright ul li:last-child {
  margin-right: 0;
}

.footer__copyright ul li:last-child:after {
  display: none;
}

.footer__copyright__text p {
  font-size: 14px;
  color: #c4c4c4;
  font-weight: 300;
  margin-bottom: 0;
}

.footer__copyright__text p i {
  color: #13a2b7;
}

.footer__copyright__text p a {
  color: #13a2b7;
}

/* ---------------------
  Breadcrumb
----------------------- */

/* ---------------------
  About
----------------------- */

.about {
  padding-bottom: 0;
}

.about .container {
  padding-bottom: 100px;
  border-bottom: 1px solid #e1e1e1;
}

.about__video {
  height: 366px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.about__video .play-btn {
  display: inline-block;
  height: 50px;
  width: 50px;
  background: #13a2b7;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
}

.about__text {
  padding-left: 20px;
}

.about__text .section-title {
  margin-bottom: 25px;
}

.about__text p {
  margin-bottom: 25px;
}

.about__text ul {
  margin-bottom: 25px;
}

.about__text ul li {
  list-style: none;
  font-size: 15px;
  color: #666666;
  line-height: 36px;
}

.about__text ul li i {
  color: #13a2b7;
  font-size: 15px;
  margin-right: 6px;
}

/* ---------------------
  Testimonials
----------------------- */

.testimonial__slider.owl-carousel .owl-stage-outer {
  padding-top: 30px;
  padding-bottom: 40px;
  overflow: visible;
}

.testimonial__slider .owl-dots {
  text-align: center;
}

.testimonial__slider .owl-dots button {
  height: 10px;
  width: 10px;
  background: #d2d2d2;
  border-radius: 50%;
  margin-right: 6px;
}

.testimonial__slider .owl-dots button.active {
  background: #9c9c9c;
}

.testimonial__slider .owl-dots button:last-child {
  margin-right: 0;
}

/* ---------------------
  Services
----------------------- */

.services__accordion .card-heading a[aria-expanded=true]:after, .services__accordion .card-heading > a.active:after {
  content: "";
  font-family: "FontAwesome";
  font-size: 15px;
  font-weight: 400;
  color: #111111;
  position: absolute;
  right: 28px;
  top: 11px;
}

.services__appoinment form input::-webkit-input-placeholder {
  color: #666666;
}

.services__appoinment form input::-moz-placeholder {
  color: #666666;
}

.services__appoinment form input:-ms-input-placeholder {
  color: #666666;
}

.services__appoinment form input::-ms-input-placeholder {
  color: #666666;
}

.services__appoinment form .nice-select {
  float: none;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.services__appoinment form .nice-select:after {
  border-bottom: 1.5px solid #666666;
  border-right: 1.5px solid #666666;
  height: 8px;
  right: 20px;
  top: 46%;
  width: 8px;
}

.services__appoinment form .nice-select span {
  font-size: 15px;
  color: #666666;
}

.services__appoinment form .nice-select.active, .services__appoinment form .nice-select.open, .services__appoinment form .nice-select:focus {
  border-color: #666666;
}

.services__appoinment form .nice-select .list {
  width: 100%;
  margin-top: 0;
  border-radius: 5px;
}

/* ---------------------
  Pricing
----------------------- */

.pricing {
  padding-bottom: 60px;
}

.pricing__item {
  text-align: center;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 15px rgba(0, 61, 85, 0.1);
  box-shadow: 0px 5px 15px rgba(0, 61, 85, 0.1);
  padding: 0 0 50px;
  -webkit-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
  border-radius: 10px;
  margin-bottom: 40px;
}

.pricing__item:hover {
  -webkit-box-shadow: 0px 5px 35px rgba(0, 61, 85, 0.15);
  box-shadow: 0px 5px 35px rgba(0, 61, 85, 0.15);
  margin-top: -20px;
  padding-bottom: 70px;
}

.pricing__item:hover .pricing__item__title {
  background: #13a2b7;
  padding-top: 62px;
}

.pricing__item:hover .pricing__item__title p {
  color: #ffffff;
}

.pricing__item:hover .pricing__item__title h3 {
  color: #ffffff;
}

.pricing__item:hover .pricing__item__title h3 span {
  color: #ffffff;
}

.pricing__item:hover .primary-btn {
  background: #13a2b7;
  color: #ffffff;
}

.pricing__item ul {
  margin-bottom: 42px;
  margin-top: 50px;
}

.pricing__item ul li {
  list-style: none;
  margin-bottom: 25px;
}

.pricing__item ul li:last-child {
  margin-bottom: 0;
}

.pricing__item ul li h6 {
  font-size: 15px;
  color: #888888;
  margin-bottom: 5px;
}

.pricing__item ul li span {
  font-size: 15px;
  color: #111111;
  display: block;
}

.pricing__item .primary-btn {
  -webkit-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}

.pricing__item__title {
  background: #f2f7f8;
  padding: 42px 0;
  border-radius: 10px 10px 0 0;
  -webkit-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}

.pricing__item__title p {
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.pricing__item__title h3 {
  color: #13a2b7;
  font-weight: 700;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.pricing__item__title h3 span {
  color: #111111;
  font-weight: 500;
  display: block;
  font-size: 15px;
  margin-top: 12px;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

/* ---------------------
  Doctor
----------------------- */

.doctor__item {
  padding-bottom: 65px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 65px;
}

.doctor__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.doctor__item__pic {
  text-align: center;
}

.doctor__item__pic img {
  height: 470px;
  width: 470px;
  border-radius: 50%;
  border: 10px solid #ffffff;
  -webkit-box-shadow: 0px 3px 10px rgba(48, 68, 78, 0.2);
  box-shadow: 0px 3px 10px rgba(48, 68, 78, 0.2);
}

.doctor__item__text {
  padding-top: 25px;
}

.doctor__item__text.doctor__item__text--left {
  text-align: right;
}

.doctor__item__text span {
  color: #13a2b7;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
}

.doctor__item__text h2 {
  color: #111111;
  font-weight: 700;
  margin-bottom: 20px;
}

.doctor__item__text ul {
  margin-bottom: 30px;
}

.doctor__item__text ul li {
  list-style: none;
  font-size: 15px;
  color: #666666;
  line-height: 36px;
}

.doctor__item__text ul li i {
  color: #13a2b7;
  font-size: 15px;
  margin-right: 6px;
}

.doctor__item__social a {
  display: inline-block;
  height: 50px;
  width: 50px;
  background: #f2f7f8;
  font-size: 18px;
  color: #111111;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  margin-right: 6px;
}

.doctor__item__social a:last-child {
  margin-right: 0;
}

/* ---------------------
    Blog
----------------------- */

.blog__item:hover .blog__item__text h5 a {
  text-decoration: underline;
}

.blog__item__text {
  padding: 25px 30px 25px;
}

.blog__item__text h5 {
  margin-bottom: 18px;
}

.blog__item__text h5 a {
  color: #111111;
  font-weight: 600;
  line-height: 24px;
}

.blog__item__text ul li {
  list-style: none;
  display: inline-block;
  font-size: 13px;
  margin-right: 22px;
  color: #888888;
  position: relative;
  font-weight: 300;
}

.blog__item__text ul li:after {
  position: absolute;
  right: -16px;
  top: 12px;
  height: 5px;
  width: 5px;
  background: #888888;
  border-radius: 50%;
  content: "";
}

.blog__item__text ul li img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

.blog__item__text ul li:last-child {
  margin-right: 0;
}

.blog__item__text ul li:last-child:after {
  display: none;
}

.load__more {
  margin-top: 10px;
}

/* ---------------------
  Blog Details
----------------------- */

.blog__details__hero {
  padding: 200px 0;
  margin-bottom: 60px;
}

.blog__hero__text h2 {
  color: #ffffff;
  font-weight: 600;
  line-height: 47px;
  margin-bottom: 20px;
}

.blog__hero__text ul li {
  list-style: none;
  display: inline-block;
  font-size: 13px;
  margin-right: 22px;
  color: #ffffff;
  position: relative;
  font-weight: 300;
}

.blog__hero__text ul li:after {
  position: absolute;
  right: -16px;
  top: 12px;
  height: 5px;
  width: 5px;
  background: #ffffff;
  border-radius: 50%;
  content: "";
}

.blog__hero__text ul li img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

.blog__hero__text ul li:last-child {
  margin-right: 0;
}

.blog__hero__text ul li:last-child:after {
  display: none;
}

.blog__details__tag {
  padding-top: 10px;
  padding-bottom: 60px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 50px;
}

.blog__details__tag p {
  color: #111111;
  margin-bottom: 0;
  display: inline-block;
  margin-right: 20px;
}

.blog__details__tag p i {
  color: #13a2b7;
}

.blog__details__tag a {
  display: inline-block;
  font-size: 15px;
  color: #666666;
  background: #f2f7f8;
  border-radius: 5px;
  padding: 8px 15px;
  margin-right: 11px;
}

.blog__details__tag a:last-child {
  margin-right: 0;
}

.blog__details__btn__text span {
  font-size: 13px;
  color: #878787;
}

.blog__details__related .blog__item__text {
  padding: 25px 25px 20px;
}

.blog__details__related .blog__item__text h5 {
  font-size: 15px;
  line-height: 19px;
  margin-bottom: 0;
}

.blog__details__related .blog__item__text span {
  font-size: 13px;
  color: #888888;
  font-weight: 300;
}

.blog__details__comment form input::-webkit-input-placeholder {
  color: #666666;
}

.blog__details__comment form input::-moz-placeholder {
  color: #666666;
}

.blog__details__comment form input:-ms-input-placeholder {
  color: #666666;
}

.blog__details__comment form input::-ms-input-placeholder {
  color: #666666;
}

.blog__details__comment form textarea::-webkit-input-placeholder {
  color: #666666;
}

.blog__details__comment form textarea::-moz-placeholder {
  color: #666666;
}

.blog__details__comment form textarea:-ms-input-placeholder {
  color: #666666;
}

.blog__details__comment form textarea::-ms-input-placeholder {
  color: #666666;
}

/* ---------------------
  Contact
----------------------- */

.contact__widget {
  margin-bottom: 30px;
}

.contact__widget__icon {
  height: 70px;
  width: 70px;
  background: #f2f7f8;
  border-radius: 50%;
  line-height: 70px;
  text-align: center;
  font-size: 30px;
  color: #2e5a7f;
  float: left;
  margin-right: 30px;
}

.contact__widget__text {
  overflow: hidden;
  padding-top: 8px;
}

.contact__widget__text h5 {
  font-size: 20px;
  font-weight: 600;
  color: #111111;
  margin-bottom: 5px;
}

.contact__widget__text p {
  font-weight: 300;
  margin-bottom: 0;
}

.contact__content {
  padding-top: 70px;
}

.contact__pic img {
  min-width: 100%;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 61, 85, 0.1);
  box-shadow: 0px 3px 15px rgba(0, 61, 85, 0.1);
}

.contact__form h3 {
  color: #111111;
  font-weight: 600;
  margin-bottom: 35px;
}

.contact__form form input {
  width: 100%;
  height: 50px;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  padding-left: 20px;
  font-size: 15px;
  color: #666666;
  margin-bottom: 20px;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.contact__form form input::-webkit-input-placeholder {
  color: #666666;
}

.contact__form form input::-moz-placeholder {
  color: #666666;
}

.contact__form form input:-ms-input-placeholder {
  color: #666666;
}

.contact__form form input::-ms-input-placeholder {
  color: #666666;
}

.contact__form form input::placeholder {
  color: #666666;
}

.contact__form form input:focus {
  border-color: #9d9d9d;
}

.contact__form form textarea {
  width: 100%;
  height: 110px;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  padding-left: 20px;
  font-size: 15px;
  color: #666666;
  padding-top: 12px;
  resize: none;
  margin-bottom: 14px;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.contact__form form textarea::-webkit-input-placeholder {
  color: #666666;
}

.contact__form form textarea::-moz-placeholder {
  color: #666666;
}

.contact__form form textarea:-ms-input-placeholder {
  color: #666666;
}

.contact__form form textarea::-ms-input-placeholder {
  color: #666666;
}

.contact__form form textarea::placeholder {
  color: #666666;
}

.contact__form form textarea:focus {
  border-color: #9d9d9d;
}

.contact__form form button {
  width: 100%;
}

/* --------------------------------- Responsive Media Quaries ----------------------------- */

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .consultation__form {
    padding: 40px 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__newslatter form button {
    padding: 14px 15px 12px;
  }
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    content: "";
    z-index: 98;
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    visibility: hidden;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas-menu-overlay.active {
    visibility: visible;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas-menu-wrapper.active {
    opacity: 1;
    left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas__menu {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slicknav_btn {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slicknav_nav ul {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slicknav_nav .slicknav_row, .slicknav_nav a {
    padding: 7px 0;
    margin: 0;
    color: #111111;
    font-weight: 600;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slicknav_nav a:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slicknav_nav {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slicknav_arrow i {
    font-size: 17px;
    position: relative;
    top: 2px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__menu__option {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__right {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__btn {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consultation__text__item {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__logo {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__newslatter {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__social {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__copyright__text p {
    margin-bottom: 10px;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__copyright ul {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__item {
    padding: 35px 30px 35px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .doctor__item__text {
    text-align: center;
    padding-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .doctor__item__text.doctor__item__text--left {
    text-align: center;
  }
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
  .offcanvas-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    content: "";
    z-index: 98;
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    visibility: hidden;
  }
}

@media only screen and (max-width: 767px) {
  .offcanvas-menu-overlay.active {
    visibility: visible;
  }
}

@media only screen and (max-width: 767px) {
  .offcanvas-menu-wrapper.active {
    opacity: 1;
    left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .offcanvas__menu {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .slicknav_btn {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .slicknav_nav ul {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .slicknav_nav .slicknav_row, .slicknav_nav a {
    padding: 7px 0;
    margin: 0;
    color: #111111;
    font-weight: 600;
  }
}

@media only screen and (max-width: 767px) {
  .slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
}

@media only screen and (max-width: 767px) {
  .slicknav_nav a:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
}

@media only screen and (max-width: 767px) {
  .slicknav_nav {
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
  .slicknav_arrow i {
    font-size: 17px;
    position: relative;
    top: 2px;
  }
}

@media only screen and (max-width: 767px) {
  .header__menu__option {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header__right {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header__btn {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .consultation__text__item {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .footer__logo {
    margin-bottom: 30px;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .footer__newslatter {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .footer__social {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .footer__copyright__text p {
    margin-bottom: 10px;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .footer__copyright ul {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .about__video {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .doctor__item__text {
    text-align: center;
    padding-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .doctor__item__text.doctor__item__text--left {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .services__btn {
    text-align: left;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .latest__btn {
    text-align: left;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .contact__pic {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .team__item img {
    height: auto;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .doctor__item__pic img {
    height: auto;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .gallery__container .gc__item {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .grid-sizer {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .gallery__container {
    margin-right: 0;
  }
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
  .hero__text h2 {
    font-size: 34px;
    line-height: 46px;
  }
}

@media only screen and (max-width: 479px) {
  .consultation__form .section-title h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 479px) {
  .consultation__form {
    padding: 40px 25px;
  }
}

@media only screen and (max-width: 479px) {
  .services__item {
    padding: 45px 25px 45px;
  }
}

@media only screen and (max-width: 479px) {
  .services__item__icon {
    float: none;
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 479px) {
  .footer__newslatter form button {
    padding: 14px 15px 12px;
  }
}

@media only screen and (max-width: 479px) {
  .blog__details__tag a {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 479px) {
  .footer__newslatter form {
    text-align: center;
  }
}

@media only screen and (max-width: 479px) {
  .footer__newslatter form input {
    margin-bottom: 15px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .footer__newslatter form button {
    position: relative;
    border-radius: 50px;
    padding: 14px 30px 12px;
  }
}


.footer__address ul, .footer__widget ul, .footer__widget ul {
    margin: 0;
    padding: 0;
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  color: var(--heading-color);
  line-height: var(--heading-line-height);
  letter-spacing: 0.065rem;
  text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  color: #888888;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #f9f9f9;
  text-decoration: none;
}

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 .2rem rgba(38,143,255,.5);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgb(130,197,91);
}

.mt-3, .my-3 {
  margin-top: 1rem!important;
}

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,0);
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #fcfdfe;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn {
  margin: .375rem;
  color: inherit;
  text-transform: uppercase;
  word-wrap: break-word;
  white-space: normal;
  cursor: pointer;
  border: 0;
  border-radius: .125rem;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  -webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
  padding: .84rem 2.14rem;
  font-size: .81rem;
}

.btn:hover, .btn:focus, .btn:active {
  outline: 0;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #4daade;
  border-color: #4daade;
  box-shadow: 0px 10px 15px rgba(157,157,157,0.4);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #4daade;
  border-color: #4daade;
}

.btn {
  --bs-btn-padding-x: 1.88em;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-font-family: var(--heading-font);
  --bs-btn-font-size: 1.1875rem;
  --bs-btn-font-weight: 700;
  border-radius: 0;
  text-transform: uppercase;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #fff;
}

.btn-primary {
  background-image: linear-gradient(to right, #2e5a7f 0%, #72be43 51%, #2e5a7f 100%);
  background-size: 200% auto;
  border: none;
  transition: 0.7s all;
  -webkit-transition: 0.7s all;
}

.btn-primary:hover {
  background-position: right center;
}

[role=button] {
  cursor: pointer;
}


.sazinas-forma {
    text-align: center;
}

.sazinas-forma h1 {
    text-align: center;
    margin-bottom: 20px;
}

.sazinas-forma .form-group {
    position: relative;
    margin-bottom: 20px; /* Add spacing between form groups */
}

.sazinas-forma .form-group label {
    position: absolute;
    top: 12px;
    left: 15px;
    font-size: 16px;
    color: #999;
    pointer-events: none;
    transition: all 0.2s;
    opacity: 1;
    display: block; /* Ensure label is visible by default */
}

.sazinas-forma .form-control {
    padding: 15px 10px 10px 15px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}

.sazinas-forma .form-control:focus + label,
.sazinas-forma .form-control:not(:placeholder-shown) + label,
.sazinas-forma .form-control:valid + label {
    top: -20px;
    left: 10px;
    font-size: 12px;
    color: #333;
    opacity: 0; /* Hide label when input is focused or filled */
}

.sazinas-forma .btn {
    background-color: #3184ff;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    margin-top: 10px;
    border: none;
    cursor: pointer;
}

.sazinas-forma .btn:hover {
    background-color: #1A99B0; /* Slightly darker on hover */
}

.hero-weightloss {
    background-size: cover;
    background-position: center;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}
/* Mazie ekrāni (līdz 576px) */
@media (max-width: 576px) {
  .price-card {
    max-width: 320px;
    max-height: 350px;
  }
}

/* Vidēji mazie ekrāni (no 576px līdz 768px) */
@media (min-width: 576px) and (max-width: 768px) {
  .price-card {
    max-width: 420px; /* Pielāgo platumu pēc vajadzības */
    max-height: 450px; /* Pielāgo augstumu pēc vajadzības */
  }
}

/* Vidēji un lieli ekrāni (no 768px un uz augšu) */
@media (min-width: 768px) {
  .price-card {
    max-width: 530px;
    max-height: 560px;
  }
}