.pt-90 {

  padding-top: 90px !important;

}



.pb-90 {

  padding-bottom: 90px;

}



.pt-80 {

  padding-top: 80px !important;

}



.pb-80 {

  padding-bottom: 80px;

}



.pt-30 {

  padding-top: 30px;

}



.pb-30 {

  padding-bottom: 30px;

}



.gray-bg {

  background: #f6f6f6;

}



.white-bg {

  background: #fff;

}



.black-bg {

  background: #141516;

}



.white {

  color: #fff;

}



.black {

  color: #141516;

}



.align-center {

  align-items: center;

}



/*

*2. Fonts Poppins

*/



@font-face {

  font-family: 'poppinsmedium';

  src: url('../fonts/poppins-font/poppins-medium-webfont.woff2') format('woff2'),

    url('../fonts/poppins-font/poppins-medium-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'poppinsmedium_italic';

  src: url('../fonts/poppins-font/poppins-mediumitalic-webfont.woff2') format('woff2'),

    url('../fonts/poppins-font/poppins-mediumitalic-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'poppinsregular';

  src: url('../fonts/poppins-font/poppins-regular-webfont.woff2') format('woff2'),

    url('../fonts/poppins-font/poppins-regular-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'poppinssemibold';

  src: url('../fonts/poppins-font/poppins-semibold-webfont.woff2') format('woff2'),

    url('../fonts/poppins-font/poppins-semibold-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'poppinssemibold_italic';

  src: url('../fonts/poppins-font/poppins-semibolditalic-webfont.woff2') format('woff2'),

    url('../fonts/poppins-font/poppins-semibolditalic-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'poppinsthin';

  src: url('../fonts/poppins-font/poppins-thin-webfont.woff2') format('woff2'),

    url('../fonts/poppins-font/poppins-thin-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'poppinsthin_italic';

  src: url('../fonts/poppins-font/poppins-thinitalic-webfont.woff2') format('woff2'),

    url('../fonts/poppins-font/poppins-thinitalic-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'poppinsblack';

  src: url('../fonts/poppins-font/poppins-black-webfont.woff2') format('woff2'),

    url('../fonts/poppins-font/poppins-black-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'poppinsblack_italic';

  src: url('../fonts/poppins-font/poppins-blackitalic-webfont.woff2') format('woff2'),

    url('../fonts/poppins-font/poppins-blackitalic-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'poppinsbold';

  src: url('../fonts/poppins-font/poppins-bold-webfont.woff2') format('woff2'),

    url('../fonts/poppins-font/poppins-bold-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'poppinsbold_italic';

  src: url('../fonts/poppins-font/poppins-bolditalic-webfont.woff2') format('woff2'),

    url('../fonts/poppins-font/poppins-bolditalic-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'poppinsextrabold';

  src: url('../fonts/poppins-font/poppins-extrabold-webfont.woff2') format('woff2'),

    url('../fonts/poppins-font/poppins-extrabold-webfont.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: RusticLoveTattoo;

  src: url(../fonts/RusticLoveTattoo.otf);

}



/*

* 3. Common Css

*/



.alignleft {

  float: left;

  margin-right: 15px;

}



.alignright {

  float: right;

  margin-left: 15px;

}



.aligncenter {

  display: block;

  margin: 0 auto 15px;

}



a:focus {

  outline: 0 solid
}



* {

  box-sizing: border-box;

}



img {

  max-width: 100%;

  height: auto;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0 0 15px;

  color: #141516;

  font-family: 'Poppins', sans-serif;

}



body {

  color: #545051;

  font-family: 'Open Sans', sans-serif;

}



.selector-for-some-widget {

  box-sizing: content-box;

}



a:hover {

  text-decoration: none
}



button:focus {

  outline: 0;

  outline: 5px auto -webkit-focus-ring-color;

}



ul {

  padding: 0;

  margin: 0;

  list-style: none;

}



.container {

  max-width: 1170px;

}



::selection {

  background: #fd121f;

  color: #fff;

}



/*

* 4. Header style

*/



.display-none {

  display: none;

}



.collapse:not(.show) {

  display: block;

}



.navbar-nav {

  flex-direction: unset;

}



.headerButton a.acctivee {

  padding-left: 25px !important;

}





.headerTop .row {

  align-items: center;

}





/*

* 5. Hero Slider

*/





.hero-active.owl-carousel.owl-loaded.owl-drag {

  padding-top: 66px;

}



.hero-area {

  height: 100%;

  display: flex;

  align-items: center;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}

.hero-area img {

  height: auto !important;

  display: flex;

  align-items: center;

  object-fit: contain;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%;

}

.hero-active .hero-area {

  height: auto;

}



.hero-text {

  position: relative;

}



.owl-item.active .hero-area .hero-text p {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -webkit-animation-delay: .5s;

  animation-delay: .5s;

}



.hero-containt {

  width: 100%;

}



.hero-text h1 {

  font-size: 60px;

  color: #000;

  font-weight: bold;

  margin-bottom: 0px;

  -webkit-animation-duration: 1.5s;

  animation-duration: 1.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  line-height: 75px;

  margin-bottom: 17px;

}



.hero-text p {

  font-size: 18px;

  color: #141516;

  font-weight: 600;

  font-style: italic;

  margin: 0;

  -webkit-animation-duration: 1.5s;

  animation-duration: 1.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  line-height: 1.4;

  margin-bottom: 40px !important;

  display: block;



}



.owl-item.active .hero-area .hero-text h1 {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -webkit-animation-delay: .5s;

  animation-delay: .5s;

}



.owl-item.active .hero-area .hero-text .exper-button {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -webkit-animation-delay: .5s;

  animation-delay: .5s;

}





.hero-text .exper-button {

  margin-top: 15px !important;

  -webkit-animation-duration: 1.5s;

  animation-duration: 1.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

}



.hero-containt .exper-button a {

  background: #0161f1;

  font-weight: 600;

  font-size: 18px;

  color: #fff;

  padding: 17px 38px;

  border-radius: 3px;

  display: inline-block;

  transition: .3s;

  line-height: 24px;

}



.hero-active.owl-carousel .owl-dots {

  position: absolute;

  right: 20px;

  width: 20px;

  height: 100%;

  top: 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.hero-active.owl-carousel .owl-dot span {

  border: 2px solid #fff;

  width: 15px;

  height: 15px;

  display: block;

  border-radius: 50%;

  margin: 5px 5px;

  transition: all 0.5s ease-in-out;



}



.hero-active.owl-carousel button.owl-dot.active span {

  background: #0064FA;

  border-color: #0064FA;

}



/*

* 6. range area

*/



.range-area {

  min-height: 390px;

}

.range-area .modal-dialog {

  max-width: 100%;

  top: 20px;

  width: auto !important;

}



.modal-header,

.modal-footer {

  border: 0;

}



.range-area .modal-dialog iframe {

  width: 100%;

  border: 0;

}



/*

*7  req appointment

*/



.form-request form.form_wrap input.form-control,

.form-request form.form_wrap input,

.form-request form.form_wrap textarea,

.Appoint-contact-area form.form_wrap input.form-control,

.Appoint-contact-area form.form_wrap input,

.Appoint-contact-area form.form_wrap textarea,

.contact-area input.form-control,

.contact-area .form-area input,

.contact-area .form-area textarea,

.contact-area .form-area select {

  height: 60px;

  margin-bottom: 10px !important;

  font-size: 17px;

  color: #4f5256;

  border: 0;

  border-bottom: 1px solid #c9c9c9;

  border-radius: 0;

  padding: 0;

  box-shadow: none;

  font-family: 'Open Sans', sans-serif;

  width: 100%;

}



form.form_wrap i,

.Appoint-contact-area form.form_wrap i,

.contact-area .form-area i {

  font-size: 24px;

  color: #555;

  position: absolute;

  top: 20px;

  right: 18px;

}

.form-teart form.home-req i {

  font-size: 22px;

  color: #555;

  position: absolute;

  right: 45px;

  margin-top: 12px;

}

.form-request form.form_wrap textarea,

.Appoint-contact-area form.form_wrap textarea,

.contact-area .form-area textarea {

  height: 50px;

  margin-top: 35px;

}



.form-request form.form_wrap .btn-submit,

.Appoint-contact-area form.form_wrap .btn-submit,

.contact-area .form-area .btn-submit {

  margin-top: 30px;

}





input[type="time"]+i.icofont-clock-time {

  background: #fff;

}



button.find-btn-submit {

  background: transparent;

  width: 45px;

  position: absolute;

  height: 50px;

  right: 0;

  outline: 0px;

  border: 0;

  opacity: 1;

}



.d-social {

  margin-top: 60px;

}



.blog-area .blog-left-area.listt {

  padding-left: 0;

}



.doctors-img {

  text-align: center;

}



.blog-gied-text .angle-left {

  bottom: -30px;

}



.eye-area a,

.eye-list-img {

  text-align: center;

}



.doctor-containt .list-l {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

}



.list-l ul li {

  display: flex;

  flex-wrap: wrap;

}



.list-l ul li span {

  padding-left: 10px;

  margin-left: 10px;

}



.list-l ul li strong {

  margin-right: 15px;

  min-width: 165px;

  display: inline-block;

}



.list-l ul li span {

  position: relative;

}



.list-l ul li span:before {

  position: absolute;

  content: "";

  height: 1px;

  width: 10px;

  background: #141516;

  left: -10px;

  top: 50%;

  transform: translateY(-50%);

}



span a:first-child {

  padding-left: 0;

}



span a:first-child:before {

  display: none;

}



ul li span a,

.list-l ul li a:last-child {

  color: #4F5256;

  font-size: 16px !important;

  font-weight: 400 !important;

  position: relative;

  padding-left: 20px;

}



ul li span a::before,

.list-l ul li a:last-child:before {

  position: absolute;

  content: "";

  height: 1px;

  width: 10px;

  background: #141516;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}



.blog-area .blog-list-i {

  margin-left: 0;

}



.happy-single-slider {

  min-height: 350px;

}



.ssom img {

  width: 100%;

}



.headerButton {

  display: inline-block;

  text-align: center;

  margin-left: 10px;

  position: relative;

  z-index: 1;

}



.headerButton a {

  color: #fff;

  font-size: 13px;

  font-weight: 700;

  display: block;

  font-family: 'Poppins', sans-serif;

  transition: .3s;

  padding: 20px 15px;

  overflow: hidden;

  transform: translateY(3px);

  text-transform: uppercase;

  margin-top: -4px;

}



.acctivee {

  position: relative;

  padding: 22px 30px !important;

}



.acctivee::before {

  position: absolute;

  content: "";

  background: #fd121f;

  height: 100%;

  width: 82%;

  z-index: -1;

  height: 145px;

  top: -35px;

  transform: translateY(-50%);

  transform: rotate(18deg);

  left: -11px;

  margin: auto;

  right: 0;

}



.navbar-default .navbar-collapse,

.navbar-default .navbar-form {

  border-color: #e7e7e7;

}



.headerTop {

  /* padding: 10px 0px; */
  padding-bottom: 10px;

}

.headerTop img {

  width: 150px;

}



.sticky_header .logo {

  width: 196px;

}





.contact-location {

  display: flex;

  align-items: center;

  justify-content: end;

  height: 100%;

  float: right;

}



.contact-location .left-location {

  width: auto;

  display: inline-flex;

  float: left;

  padding: 0 20px;

  margin: 0;

  border-right: 1px dashed #141516;

  align-items: center;

}



.contact-location .left-location i {

  position: relative;

  border-radius: 70px;

  font-size: 26px;

  color: #1576bb;

  text-align: center;

  line-height: 49px;

  margin-right: 12px;

}



.contact-location .left-location .info {

  position: relative;

  float: right;

  width: auto;

}

.info h6 a {

  font-weight: 500;

}

.info h6 a:hover {

  color: #141516;

}



.contact-location .left-location h4 {

  font-size: 15px;

  font-weight: 500;

  color: #141516;

  margin: 0;

  padding-top: 3px;

  letter-spacing: .3px;

}



.contact-location .left-location h6 {

  font-size: 18px;

  font-weight: 600;

  color: #1576bb;

  margin: 0;

  padding-top: 5px;

  letter-spacing: 0;

}



a.header-requestbtn {

  font-size: 14px;

  color: #000;

  background: #fd121f;

  display: block;

  float: right;

  text-decoration: none;

  text-transform: uppercase;

  font-weight: 600;

  padding: 14px 20px;

  font-family: 'Montserrat', sans-serif;

  margin: 3px 0px;

  text-align: center;

}



.contact-location .left-location.textright {

  padding-right: 0;

  border-right: 0;

}



a.header-requestbtn:before {

  background: #333;

  color: #fff;

}



/*

*8 Navigation Menu

*/



#main-navigation-wrapper.navbar-default {

  width: 100%;

  float: left;

  height: 66px;

  background: transparent;

  z-index: 1009;

  border-radius: 0px;

  border: 0px;

  padding: 0;

}



.navbar-collapse.collapse {

  /* background: linear-gradient(to right, #005742, #1576bb); */

  background: #1576bb;

  padding: 0 15px;

}



.scroll-header .navbar-collapse.collapse {

  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.25);

}



#main-navigation-wrapper .navbar-nav {

  margin-left: 0;

  margin-right: 0;

}



#main-navigation-wrapper .nav>li {

  padding: 18px 0px;

}



#main-navigation-wrapper .nav>li>a {

  padding: 4px 20px;

  font-size: 11px;

  font-weight: 700;

  color: #fff;

  text-transform: uppercase;

  border-right: 1px dashed #383838;

  font-family: 'Poppins', sans-serif;

}



.header1 #main-navigation-wrapper .nav>li {

  padding: 18px 0 18px;

  line-height: normal;

}



.header1 #main-navigation-wrapper .nav>li>a {

  border-right: 0px;

  padding: 0 12px;

}



#main-navigation-wrapper .nav>li:last-child>a {

  border: 0px;

}



#main-navigation-wrapper .navbar-nav li .dropdown-submenu {

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 1000;

  display: none;

  float: left;

  min-width: 243px;

  font-size: 14px;

  text-align: left;

  list-style: none;

  background-clip: padding-box;

  padding: 0;

  border: none;

  border-radius: 0;

  display: block;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all .4s ease;

  transition: all .4s ease;

  /* background: linear-gradient(to right, #06f, #06f); */

  background: linear-gradient(to right, #005742, #1576bb);

  -webkit-transform: translate3d(-20px, 0, 0);

  transform: translate3d(-20px, 0, 0);

  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);

}



#main-navigation-wrapper .navbar-nav li:hover .dropdown-submenu,

#main-navigation-wrapper .navbar-nav .open .dropdown-submenu {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translate3d(0px, 0, 0);

  transform: translate3d(0px, 0, 0);

}



#main-navigation-wrapper .dropdown-submenu li {

  width: 100%;

  position: relative;

}



#main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.second_submenu {

  opacity: 0;

  visibility: hidden;

  top: 0;

  left: 90%;

}



#main-navigation-wrapper .dropdown-submenu li:hover>ul.dropdown-submenu.second_submenu {

  opacity: 1;

  visibility: visible;

  left: 100%;

  top: 0;

}



#main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.third_submenu {

  opacity: 0;

  visibility: hidden;

  top: 0;

  left: 90%;

}



#main-navigation-wrapper .dropdown-submenu li:hover>ul.dropdown-submenu.third_submenu {

  opacity: 1;

  visibility: visible;

  left: 100%;

  top: 0;

}



#main-navigation-wrapper .dropdown-submenu li a {

  display: block;

  clear: both;

  line-height: 1.42857143;

  color: #fff;

  white-space: nowrap;

  padding: 14px 25px;

  border-bottom: 1px solid #cec8ba;

  font-size: 15px;

  font-weight: 500;

  text-transform: uppercase;

  letter-spacing: 0.50px;

  font-family: 'Poppins', sans-serif;

}





#main-navigation-wrapper .dropdown-submenu li:last-child a {

  border: none;

}



#main-navigation-wrapper .dropdown-submenu li>a:focus,

#main-navigation-wrapper .dropdown-submenu li a:hover {

  background: #fff;

  color: #fd121f;

  -webkit-transition: all 0.2s ease-out 0s;

  -moz-transition: all 0.2s ease-out 0s;

  -ms-transition: all 0.2s ease-out 0s;

  -o-transition: all 0.2s ease-out 0s;

  transition: all 0.2s ease-out 0s;

  font-weight: 600;

}



#main-navigation-wrapper .navbar-nav li.dropdown-submenu i {

  display: inline;

}



#main-navigation-wrapper .dropdown-submenu li:hover>a {

  padding-left: 35px !important;

}



#main-navigation-wrapper .dropdown-submenu li>a::before {

  background: #fd121f none repeat scroll 0 0;

  content: "";

  height: 2px;

  left: 18px;

  opacity: 0;

  position: absolute;

  top: 24px;

  -webkit-transition: all 0.2s ease 0s;

  transition: all 0.2s ease 0s;

  width: 10px;

}



#main-navigation-wrapper .dropdown-submenu li:hover>a::before {

  opacity: 1;

}



@keyframes fadeItIn {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    -moz-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    -moz-transform: none;

    transform: none;

  }

}



.sticky_header {

  position: fixed;

  top: 0;

  z-index: 9999;

  background: #e9c865;

  background: -moz-linear-gradient(top, #e9c865 0%, #d0ac54 100%);

  background: -webkit-linear-gradient(top, #e9c865 0%, #d0ac54 100%);

  background: linear-gradient(to bottom, #e9c865 0%, #d0ac54 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9c865', endColorstr='#d0ac54', GradientType=0);

  float: left;

  width: 100%;

  height: 78px;

}



#main-navigation-wrapper.navbar-default.sticky_header {

  margin: 0px;

}



/*

*9 Main Navigation

*/

.logo-menu {

  float: left;

  margin: 14px 0 14px 25px;

  display: none;

}



.dropdown-submenu-active:before {

  width: 0;

  height: 0;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-top: 10px solid #12121b;

  content: "";

  position: absolute;

  top: 0 !important;

  right: 24px;

}



#main-navigation-wrapper .nav>li.dropdown:hover:before {

  width: 0;

  height: 0;

  content: "";

  position: absolute;

  bottom: -7px !important;

  z-index: 1010;

  text-align: center;

  left: 20px;

}



#main-navigation-wrapper.navbar-default .navbar-nav>.open>a,

#main-navigation-wrapper.navbar-default .navbar-nav>.open>a:focus,

#main-navigation-wrapper.navbar-default .navbar-nav>.open>a:hover,

#main-navigation-wrapper.navbar-default .navbar-nav>li:hover>a,

#main-navigation-wrapper.navbar-default .navbar-nav>li>a.active {

  background: none;

  color: #ffffff;

  font-weight: 700;

  text-shadow: 1px 1px 1px #053a8a;

}



#main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {

  display: none;

}



/*

*10 hdrvariation1_Navigation end

*/



.header-nav-right {

  width: auto;

  float: right;

  display: flex;

}



.header-socials {

  float: right;

  padding-left: 20px;

}



.header-socials i {

  color: #fff;

  font-size: 16px;

  margin: 0px;

  line-height: 64px;

  text-align: center;

}



.header-socials a:before {

  background: #fd121f;

}



.header-socials i:hover {

  color: #fd121f;

}



.search-column {

  position: relative;

  margin: 0;

  padding-left: 12px;

  padding-top: 20px;

}



.search-btn {

  color: #fff;

  font-size: 18px;

  font-weight: 600;

  display: block;

  transition: .3s;

  background: none;

  border: none;

  padding: 0;

  line-height: normal;

  padding: 22px 0;

}



.search-btn:focus {

  outline: none;

}



.search-btn:hover {

  opacity: .8;

}



.search-column.search-fl {

  float: left;

  margin-left: 10px;

  margin-right: 0px;

}



.search-column.search-fl:before {

  display: none;

}



.search-btn.black-search-btn {

  background: url(../images/search-btn.png) no-repeat center center;

}



.searchlink {

  background-image: url(../img/interface/search.png);

  background-position: center;

  background-repeat: no-repeat;

  cursor: pointer;

  display: block;

  float: right;

  font-size: 20px;

  height: auto;

  padding: 12px 11px;

  position: relative;

}



.searchform {

  display: none;

  position: absolute;

  width: 349px;

  height: 65px;

  line-height: 31px;

  top: 44px;

  right: 0;

  padding: 0 15px;

  cursor: default;

  border-radius: 2px;

  border-style: solid;

  border-width: 1px;

  border-color: #016CB4;

  box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.2);

  margin-left: -105px;

  z-index: 9999999;

  background-color: #fff;

}



.searchlink.open .searchform {

  display: block;

}



#search {

  display: block;

  position: relative;

}



#s {

  width: 215px;

  background: #fff;

  padding: 0 11px;

  border: 1px solid #d9d9d9;

  border-right: none;

  color: #000;

  margin: 14px 0;

  font-size: 14px;

}



.sbtn {

  display: block;

  position: absolute;

  background: none;

  border: 1px solid #0064FA;

  color: #fff;

  font-size: 15px;

  cursor: pointer;

  right: 0px;

  top: 14px;

  width: 105px;

  background-color: #0064FA;

}



.modal {

  padding-right: 0px;

  background-color: rgba(4, 4, 4, 0.8);

}



.modal-backdrop.in {

  z-index: 9;

  position: relative;

}



.modal-dialog {

  top: 30%;

  width: 60%;

  position: absolute;

  left: 20%;

  right: 20%;

  margin: 0 auto;

}



.modal-content {

  border-radius: 0px;

  border: none;

  top: 40%;

  position: relative;

}



.modal-body {

  background-color: unset;

  color: white;

  width: 100%;

  float: left;

  padding: 55px;

}



.modal-body h3 {

  margin-bottom: 20px;

  font-weight: 400;

  color: #000;

}



.modal-body .search-form {

  width: 100%;

  float: left;

  position: relative;

}



.modal-header .close {

  color: #fff;

}



.search_lightbox_input {

  width: 100%;

  float: left;

  border-bottom: 1px solid #242424 !important;

  border: 0px;

  font-size: 18px;

  color: #242424;

  background: transparent;

  padding: 5px 0;

}





.search-form input::placeholder {

  color: #242424;

}



.search-form input:focus {

  outline: none;

}



.search_lghtbox_btn {

  position: absolute;

  right: 0px;

  background: url(../images/search_popup_icon.png) no-repeat;

  width: 18px;

  height: 18px;

  border: 0;

  top: 8px;

}



/*

*11 Hero about area style start

 */



.hero-about-text h2 {

  font-size: 60px;

  color: #141516;

  font-weight: 700;

  margin: 0;

  margin-bottom: 10px;

}



.hero-about-text h4 {

  font-size: 20px;

  color: #1576bb;

  font-weight: 600;

  margin: 0;

}



.hero-about-text h4 span {

  color: #141516;

}



.hero-about-area {

  padding-top: 7%;

  padding-bottom: 7%;

  background-size: cover;

  background-position: center;

  margin-top: 65px;

  background-image: url(../img/banner/inner-banner-1.png);

}



.banner-2 {

  padding-top: 8%;

  padding-bottom: 7%;

  background-size: cover;

  background-position: center;

  margin-top: 65px;

  background-image: url(../img/banner/inner-banner-2.jpg);

}



/*

*12 experience-area style start

*/



.experience-area {

  position: relative;

  z-index: 1;

}



.shape.shape-1 {

  position: absolute;

  bottom: 0;

  max-width: 550px;

}



.shape.shape-2 {

  position: absolute;

  left: 0;

  bottom: 0;

}



.exper-title h2 {

  font-size: 40px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 20px;

}



.exper-content p {

  font-size: 20px;

  color: #4f5256;

  font-weight: 500;

  font-style: italic;

}



.exper-text p {

  font-size: 16px;

  color: #4f5256;

  margin-bottom: 20px;

  line-height: 26px;

}



.exper-info h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 600;

  margin: ;

  margin-bottom: 8px;

}



.exper-info h4 {

  font-size: 16px;

  color: #005ce6;

  font-weight: 400;

  margin: 0;

}



.exper-all-content {

  padding-top: 120px;

  padding-bottom: 69px;

}



.exper-info {

  padding-top: 20px;

}



/*

*13 Medical Services style start

 */



.service-title {

  margin-bottom: 50px;

}



.Medical-Services-area {

  padding-top: 110px;

  padding-bottom: 110px;

}



.Medical-Services-area-2 {

  padding-top: 110px;

  padding-bottom: 45px;

}



.service-title h2 {

  font-size: 40px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 20px;

  line-height: 48px;

}



.service-title p {

  font-size: 16px;

  color: #4f5256;

  margin: 0;

  font-weight: 400;

}



.explore {

  display: flex;

  align-items: center;

}



.care-text {

  margin-left: 20px;

  width: 80%;

}



.care-text h4 {

  font-size: 22px;

  color: #141516;

  font-weight: 600;

  margin: 0;

  margin-bottom: 4px;

}



.care-text h4 a {

  font-size: 22px;

  color: #141516;

  font-weight: 600;

  margin: 0;

  margin-bottom: 4px;

}



.care-text h4 a:hover {

  color: #0161f1;

}



.care-text p {

  font-size: 16px;

  color: #4f5256;

  margin: 0;

}



.medi-service-box {

  margin-bottom: 70px;

}



.exper-button a {

  background: #0161f1;

  font-weight: 600;

  font-size: 16px;

  color: #fff;

  padding: 14px 30px;

  line-height: 1;

  border-radius: 3px;

  display: inline-block;

  transition: .3s;

}



.exper-button a:hover {

  background: #fd121f;

}



.exper-flexe {

  display: flex;

  align-items: center;

}



.exper-inner {

  margin-left: 107px;

}



.exper-inner {

  position: absolute;

  right: 0;

  bottom: 35px;

}



/* 

*14 Team area style Start 

*/

.team-area .row {

  align-items: center;

}



.team-title p {

  font-size: 16px;

  color: #fff;

  font-weight: 600;

  margin-bottom: 10px;

  font-family: 'Open Sans', sans-serif;

  position: relative;

  width: 204px;

}



.team-title p::after {

  position: absolute;

  background: #1576bb;

  width: 60px;

  content: "";

  height: 1px;

  top: 50%;

  right: 60px;

}





.team-content h2 {

  font-size: 40px;

  color: #141516;

  font-weight: 700;

  margin: 0;

}



.viwe {

  background: #1576bb;

  font-size: 16px;

  color: #fff;

  font-weight: 600;

  display: inline-block;

  padding: 18px 40px;

  line-height: 1;

  border-radius: 6px;

}



.team-text p {

  font-size: 16px;

  color: #141516;

  line-height: 24px;

  margin: 0;

  font-weight: 400;

}



.Doctor-Team {

  margin-top: 0;

  position: relative;

}



.team-box {

  background-color: #f5f6f8;

}



.doctor-team-content h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 10px;

}



.doctor-team-content h4 {

  font-size: 18px;

  color: #1576bb;

  font-weight: 600;

  margin-bottom: 10px;

}



.doctor-team-content p {

  font-size: 16px;

  color: #4f5256;

  line-height: 24px;

  margin-bottom: 10px;

}



.View-Profile {

  font-size: 16px;

  color: #1576bb;

  font-weight: 600;

  border-bottom: 2px solid #1576bb;

  transition: .3s;

}



.View-Profile:hover {

  color: #fd121f;

  border-color: #fd121f;

}



.doctor-team-content {

  padding: 30px 20px;

  background: #FFFFFF;

}



.shape.shape-5 {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

}



/*

*15 Call titme style Start 

*/



.call-time-area {

  background-color: #0164f9;

  height: 225px;

  display: flex;

  align-items: center;

}



.call-time-info {

  display: flex;

  align-items: center;

}



.call-time-text p {

  font-size: 22px;

  color: #fff;

  font-weight: 600;

  font-style: italic;

  margin: 0;

}



.call-time-text h3 {

  font-size: 40px;

  color: #fff;

  font-weight: 700;

  margin: 0;

}



.call-box {

  background: #fd121f;

  font-size: 24px;

  font-weight: 600;

  color: #fff;

  display: inline-block;

  padding: 14px 30px;

  line-height: 1;

  border-radius: 3px;

  border: 0;

}



.time-button {

  position: absolute;

  right: 0;

}



.call-time-area {

  background-color: #0164f9;

  height: 225px;

  display: flex;

  align-items: center;

  position: relative;

  z-index: 1;

}



.shape.shape-6 {

  position: absolute;

  right: 0;

}



.call-box:hover {

  background: #fd121f;

  color: #fff;

}



/*

*16 Features area style Start 

*/



.features-area {

  padding-top: 110px;

  padding-bottom: 42px;

}



.fea-title {

  max-width: 800px;

  margin: auto;

  margin-bottom: 70px;

}



.fea-title h2 {

  font-size: 40px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 20px;

}



.fea-title p {

  font-size: 16px;

  color: #141516;

  margin: 0;

  line-height: 24px;

}



.features-content {

  display: flex;

}



.features-all-content {

  margin-bottom: 70px;

}



.features-text h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 600;

}



.features-text p {

  font-size: 16px;

  color: #141516;

  margin: 0;

}



.features-text {

  padding-left: 20px;

}



.features-info img {

  max-width: 200px;

}



/* 

*17 advance area style start 

*/

.advance-title h2 {

  font-size: 40px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 45px;

}



.advance-text {

  padding-top: 20px;

}



.advance-text p {

  font-size: 16px;

  color: #4f5256;

  line-height: 26px;

}



.advance-text h6 {

  font-size: 18px;

  color: #4f5256;

  line-height: 26px;

  font-weight: 500;

  font-style: italic;

  padding: 0 30px;

}



.advance-sixnesar {

  text-align: right;

}



.advance-area {

  padding-top: 110px;

  padding-bottom: 120px;

}



.special-list {

  display: flex;

  align-items: center;

}



.special-inner li {

  list-style: none;

}



.special-inner img {

  position: absolute;

  left: 0;

}



.special-inner li a {

  position: ;

  padding-right: ;

  margin-left: 25px;

}



.special-inner {

  color: #141516;

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 15px;

  font-family: 'Open Sans', sans-serif;

}



.special-inner li img {

  margin-top: 5px;

}



.special-inner li {

  margin-bottom: 20px;

}



.special-inner li {

  color: #545051;

  font-size: 18px;

  color: ;

  font-weight: 600;

  font-family: 'Open Sans', sans-serif;

  list-style: none;



}



.special-inner i {

  padding-right: 8px;

  color: #fd121f;

}



.special-right {

  margin-left: 80px;

}



.special-content {

  margin-bottom: 30px;

}



.special-content h3 {

  font-size: 40px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 20px;

}





.special-flx {

  display: flex;

  align-items: center;

}



.walk-clex {

  margin-left: 30px;

}



/* 

*18 special area style start 

*/

.special-area {

  position: relative;

  z-index: 1;

}



.special-wrapper {

  background-color: #fd121f;

  padding: 60px 40px;

}



.special-wrapper h3 {

  font-size: 30px;

  color: #fff;

  font-weight: 700;

  margin-bottom: 20px;

}



.walk-box p {

  font-size: 18px;

  color: #fff;

  font-weight: 500;

  font-family: 'Open Sans', sans-serif;

}



.special-button a {

  background: #fff;

  font-weight: 600;

  font-size: 16px;

  color: #141516;

  padding: 18px 30px;

  line-height: 1;

  display: inline-block;

  border-radius: 3px;

}



.special-button {

  padding-top: 10px;

}



.specia-logo {

  position: absolute;

  bottom: 48px;

  right: 15px;

  max-width: 170px;

}



.wlak.walk-1 {

  position: absolute;

  left: -9px;

  z-index: -1;

  bottom: 13px;

}



.special-area {

  position: relative;

  z-index: 1;

  padding-top: 115px;

  padding-bottom: 100px;

}



.special-content p {

  padding-right: 61px;

}



/* 

*19 progressbar 

*/



.progressbar-area {

  padding-top: 120px;

  padding-bottom: 120px;

  background-size: cover;

  background-position: center;

  background-image: url(../img/background/progress-bg.png)
}



.single-circle-progressber h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 600;

  margin: 0;

}



.circle-progressbar-wrap {

  position: relative;

  z-index: 1;

  margin-bottom: 30px;

}



.single-circle-progressber {

  text-align: center;

}



.progressbar-percentage {

  position: absolute;

  left: 0;

  top: 50%;

  width: 100%;

  line-height: 40px;

  font-size: 24px;

  color: #fd121f;

  font-weight: 600;

  font-family: 'Poppins', sans-serif;

  margin-top: -20px;

}



/*

*20 doctor area

*/

.doctor-content p {

  font-size: 16px;

  color: #fff;

  margin: 0;

  margin-bottom: 30px;

  padding-top: 10px;

}



.doctor-content h3 {

  font-size: 40px;

  font-weight: 700;

  color: #fff;

}



.doctor-content span {

  font-size: 48px;

  color: #1576bb;

  font-weight: 700;

  font-style: italic;

}



.doctor-buttn {

  background: #fd121f;

  color: #fff;

  font-weight: 600;

  display: inline-block;

  padding: 18px 30px;

  line-height: 1;

  border: 0;

  border-radius: 4px;

}



.doctor-content {

  max-width: 506px;

}



.doctor-wrap {

  padding-top: 50px;

  padding-bottom: 350px;

}



.doctor-area {

  background-size: cover;

  background-position: center;

  background-image: url(../img/background/expert-bg.png);

}



/* 

*21 contact form

*/

.contact-area {

  padding-top: 31px;

  margin-top: -370px;

}



.boxsed-shawo {

  background: #fff;

  box-shadow: 0px 6px 7px 2px #14151624;

  padding: 40px;

}



.form-area h1 {

  text-align: left;

  font-weight: 700;

  padding-bottom: 30px;

  color: #141516;

  font-size: 32px;

  line-height: 50px;

  margin: 0;

}



.contact-form input {

  width: 95%;

  height: 55px;

  border: 0;

  border-bottom: 2px solid #c6c4c4;

  margin-bottom: 30px;

  font-size: 16px;

}



.form-title h3 {

  text-align: left;

  font-weight: 700;

  padding-bottom: 30px;

  color: #141516;

  font-size: 32px;

  line-height: 50px;

  margin: 0;

}



.form-title-2 {

  opacity: 0;

  visibility: hidden;

  margin-bottom: 33px;

}



textarea {

  width: 95%;

  height: 80px;

  border: 0b-b;

  border: 0;

  border-bottom: 2px solid #c6c4c4;

  font-size: 16px;

  color: #4f5256;

  margin-top: 15px;

}



.contact-button button {

  width: 100%;

  background: #1576bb;

  font-size: 16px;

  color: #fff;

  font-weight: 600;

  border: 0;

  height: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 3px;

}



.form-title h3 {

  font-size: 30px;

  color: #18191a;

  font-weight: 700;

}



.form-title {

  margin-bottom: 30px;

}



.contact-button {

  /* padding-top: 45px; */

}



/* 

*22 Appoint contact

*/



.Appoint-contact-area {

  padding-top: 120px;

  background-color: #f5f7fe;

  padding-bottom: 70px;

  position: relative;

  z-index: 1;

}



.Appoint-contact-area .boxsed-shawo {

  box-shadow: 0 0 0 8px #dee0e5;

  border-radius: 4px;

}



.apoin.apoin-2 {

  position: absolute;

  bottom: 0;

  left: 0;

  max-width: 750px;

}



/* 

*23 brand area

*/



.brand-active.owl-carousel .owl-item img {

  display: block;

  width: auto;

  text-align: center;

  margin: auto;

}



.brand-active {

  padding-top: 80px;

}



.brand-active .owl-dots {

  display: none;

}



/*

*24 consult area

*/



.consult-area {

  background-size: cover;

  background-position: center;

}



.consul-text h2 {

  font-size: 48px;

  color: #141516;

  font-weight: 800;

  margin-bottom: 15px;

}



.consul-text p {

  font-size: 36px;

  color: #1576bb;

  font-weight: 800;

}



.boxse-apoin {

  font-size: 20px;

  color: #fff;

  font-weight: 400;

  background: #de2369;

  padding: 18px 40px;

  display: inline-block;

  line-height: 1;

  border-radius: 4px;

}



.consul-text p {

  margin-left: 65px;

  margin-bottom: 40px;

}



.consul-text p img {

  position: absolute;

  left: 14px;

}



.consul-text {

  max-width: 685px;

  padding-top: 110px;

  padding-bottom: 115px;

}



/*

*25 footer-area

*/



.footer-area {

  width: 100%;

  float: left;

  display: block;

  padding: 80px 0 85px 0;

  background: #141516;

}



.footer-box {

  padding-top: 40px;

}



.footer-area p {

  color: #cdcecf;

  line-height: 30px;

  font-family: 'Open Sans', sans-serif;

  font-size: 16px;

  text-align: left;

  padding: 30px 0 20px 0;

  font-weight: 400;

}



.footer-area h2,

.footer-area h1 {

  font-size: 20px;

  color: #fff;

  font-weight: 600;

  padding-bottom: 10px;

}



.footer-area .text-foot {

  width: 100%;

  float: left;

  display: block;

}



.footer-area .text-foot li {

  width: 100%;

  float: left;

  /* display: inline-flex; */

  color: #cdcecf;

  line-height: 24px;

  font-family: 'Open Sans', sans-serif;

  font-size: 16px;

  text-align: left;

  padding-bottom: 15px;

  font-weight: 400;

}



.footer-area .text-foot li i {

  width: 40px;

  font-size: 22px;

  padding-top: 3px;

  color: #1576bb;

}



.footer-area .text-foot li a {

  color: #cdcecf;

  position: relative;

  -webkit-transition: all 0.1s ease-out 0s;

  -moz-transition: all 0.1s ease-out 0s;

  -ms-transition: all 0.1s ease-out 0s;

  -o-transition: all 0.1s ease-out 0s;

  transition: all 0.1s ease-out 0s;

}



.footer-area .text-foot li a:hover {

  color: #1576bb;

  text-decoration: none;

}



.footer-area .text-foot li:hover a {

  padding: 0 0 0 18px !important;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}



.footer-area .text-foot li a::before {

  background: #fff none repeat scroll 0 0;

  content: "";

  height: 1px;

  border-radius: 0;

  left: 0;

  opacity: 0;

  position: absolute;

  top: 12px;

  -webkit-transition: all 0.1s ease 0s;

  transition: all 0.1s ease 0s;

  width: 15px;

}



.footer-area .text-foot li:hover a::before {

  opacity: 1;

}



.footer-box .input-group {

  float: left;

  width: 100%;

  overflow: hidden;

  margin-top: 24px;

  position: relative;

}



.footer-box .input-group button {

  position: absolute;

  right: 0;

  top: 0;

  width: auto;

  z-index: 99999999;

  padding: 0;

  line-height: 0;

  height: auto;

  background: transparent;

  border: 0;

}



.footer-box .input-group button i {

  font-size: 24px;

  width: 40px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  background: #1576bb;

  color: #fff;

  float: left;

}



.footer-box .input-group .form-control {

  background: #000204;

  border-radius: 0;

  border-color: #000204;

  font-size: 14px;

  color: #fff;

  font-family: 'Open Sans', sans-serif;

  height: 46px;

}



.footer-box .input-group .form-control::placeholder,

.form_wrap input#datepicker::placeholder {

  color: #989a9c;

}



.footer-box .social {

  margin: 0;

  padding: 0;

  width: 100%;

  float: left;

  margin-top: 30px;

}



.footer-box .social li {

  display: inline-block;

  list-style: none;

}



.footer-box .social li a i {

  color: #fff;

  padding: 10px 15px;

  text-align: center;

  font-size: 27px;

}



.footer-box .social li a:hover {

  text-decoration: none;

}



.footer-box .social li a:hover i {

  color: #1576bb;

}



.footer-bottom {

  background: #000204;

  padding: 30px 0;

  float: left;

  display: block;

  width: 100%;

}



.footer-bottom p {

  font-size: 16px;

  color: #cdcecf;

  font-family: 'Open Sans', sans-serif;

  font-weight: 600;

  text-align: center;

  margin: 0px;

}



.footer-bottom p a {

  font-size: 18px;

  color: #fff;

}



.footer-bottom p a:hover {

  font-size: 18px;

  color: #1576bb;

}





/*

*26 blog-page

*/



.blog-img {

  position: relative;

  margin-bottom: 30px;

}



.blog-img-hov {

  position: absolute;

  bottom: 30px;

  left: 30px;

}



.hove-top a {

  color: #FFFFFF;

  font-size: 16px;

  font-weight: 400;

  margin-right: 20px;

}



.hove-top {

  margin-bottom: 10px;

}



.hove-top a i {

  font-size: 18px;

  color: #0065fd;

  margin-right: 8px;

}



.hover-bb h3 {

  margin: 0;

  color: #FFFFFF;

  font-size: 22px;

  font-weight: 700;

}



.blog-img img {

  width: 100%;

}



.blog-containt p {

  font-size: 16px;

  color: #4F5256;

  font-weight: 400;

  line-height: 30px;

  margin-bottom: 20px;

}



.socal-cc h3 {

  font-size: 18px;

  color: #4F5256;

  font-weight: 400;

  margin: 0;

}



.blog-socil {

  border-bottom: 1px solid #B7B9B9;

  padding-bottom: 19px;

  padding-top: 20px;

  margin-bottom: 30px;

  position: relative;

}



.blog-socail-icon {

  position: absolute;

  top: 20px;

  margin: auto;

  left: 82px;

}



.blog-socail-icon a {

  font-size: 18px;

  color: #949494;

  margin: 0 5px;

}



.comment-title h3 {

  font-size: 24px;

  color: #141516;

  font-size: ;

  font-weight: 600;

  margin: 0;

}



.comment-title {

  margin-bottom: 30px;

}



.single-comment {

  display: flex;

  margin-bottom: 25px;

}



.single-comment a {

  background: #D6D7D9;

  width: 70px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  margin-right: 15px;

}



.commnet-text-area {

  background: #F5F5F5;

  padding: 20px 30px;

}



.commnet-text-area span {

  font-size: 18px;

  color: #1576bb;

  font-weight: 600;

  display: block;

  margin-bottom: 10px;

}



.commnet-text-area h3 {

  font-size: 16px;

  color: #4F5256;

  font-weight: 600;

  margin: 0;

  line-height: 30px;

}



.commnet-text-area p {

  font-size: 16px;

  color: #4F5256;

  font-weight: 400;

  line-height: 30px;

  margin-bottom: 0px;

}



.commnet-text-area a {

  background: transparent;

  color: #fd121f;

  font-size: 16px;

  font-weight: 400;

  margin: 0;

  height: auto !important;

  line-height: ;

  width: auto !important;

}



.single-comment a img {

  max-width: 29px;

}



.single-comment.mad {

  padding-left: 30px;

}



.blog-area {

  padding: 120px 0;

}



.blog-form-area {

  background: #F5F5F5;

  padding: 50px 30px;

}



.blog-form-area h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 600;

  margin-bottom: 25px;

}



.blog-form-area input {

  width: 100%;

  height: 60px;

  border: 1px solid #BDBDBD;

  padding: 0 20px;

  font-size: 16px;

  font-weight: 400;

  color: #4F5256;

  margin-bottom: 25px;

}



.blog-form-area textarea {

  height: 135px;

  font-size: 16px;

  padding: 14px 20px;

  border: 1px solid #ADADAD;

  width: 100%;

  margin-top: 0;

  margin-bottom: 25px;

}



.blog-form-area button {

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  background: #1576bb;

  border: 0;

  padding: 10px 30px;

  border-radius: 3px;

}



.blog-search {

  position: relative;

}



.blog-search input {

  width: 100%;

  height: 50px;

  padding: 0 15px;

  font-size: 16px;

  color: ;

  border: 1px solid #DCDEE0;

}



.blog-search a {

  position: absolute;

  right: 15px;

  top: 50%;

  transform: translateY(-50%);

  color: #1B1C1D;

  font-weight: 700;

}



.sec-title h3 {

  font-size: 24px;

  font-weight: 600;

  color: #141516;

  margin: 0;

}



.sec-title {

  margin-bottom: 10px;

}



.cata-area {

  padding: 60px 0;

}



.cata-area ul li a {

  color: #141516;

  font-size: 18px;

  font-size: ;

  font-weight: 400;

  padding: 10px 0;

  display: block;

  border-bottom: 1px solid #DFE0DE;

  position: relative;

  padding-left: 18px;

  font-weight: 600;

}



.cata-area ul li a:hover {

  color: #fd121f;

}



.cata-area ul li a:before {

  position: absolute;

  content: "";

  background: #E76093;

  height: 1px;

  width: 10px;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}



.cata-area ul li:last-child a {

  border: 0;

}



.single-post p {

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 6px;

}



.single-post i {

  font-size: 21px;

  color: #fd121f;

  margin-right: 11px;

}



.single-post {

  padding: 8px 0;

  border-bottom: 1px solid #CFD0CD;

  margin-bottom: 15px;

}



.single-post a {

  font-size: 16px;

  color: #1576bb;

  font-weight: 600;

}



.blog-left-area {

  padding-right: 40px;

}



.foot-input input {

  width: 100%;

  height: 45px;

  padding: 0 15px;

  background: none;

  border: 0;

  color: #989a9c;

  font-size: 14px;

  background: #000204;

}



/*

* 27 404-page

*/



.opps-area {

  text-align: center;

  background-size: cover;

  background-position: center;

  margin-top: 65px;

  padding-top: 15%;

  padding-bottom: 15%;

  background: #eaf5fb;

  background-image: url(../img/404-page.jpg);

}



.opps-containt h3 {

  font-size: 160px;

  color: #fd121f;

  font-weight: 700;

  margin: 0;

  line-height: 160px;

}



.opps-containt h4 {

  font-size: 36px;

  color: #141516;

  font-weight: 700;

  margin: ;

}



.opps-containt p {

  font-size: 18px;

  color: #141516;

  font-weight: 700;

  margin: 0;

}



/*

*28 blog-grid

*/



.bolg-gied-area {

  padding: 90px 0 120px 0;

}



.angle-left {

  position: absolute;

  bottom: 0;

  right: 0;

}



.single-blog-gied {

  border-radius: 5px;

  box-shadow: 0 0px 3px #1415166e;

  margin-top: 30px;

  min-height: 555px;

  padding-bottom: 15px;

}



.gied-ttx {

  position: relative;

}



.blog-gied-text {

  padding: 30px 25px;

}



.datee {

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  margin-bottom: 10px;

}



.datee a {

  font-size: 16px;

  color: #1576bb;

  font-weight: 600;

}



.datee a {

  display: flex;

  align-items: center;

}



.datee a i {

  color: #1576bb;

  font-family: ;

  font-size: 17px;

  margin-right: 7px;

}



.gied-ttx h3 {

  font-size: 22px;

  color: #141516;

  font-weight: 700;

}



.gied-ttx p {

  margin: 0;

  font-size: 16px;

  color: #4F5256;

  font-weight: 400;

}



.angle-left a {

  font-size: 17px;

  color: #1576bb;

}



/*

*29 blog-list-page-css-start

*/

.blog-left-area.listt {

  padding-right: 0;

  padding-left: 40px;

}



.blog-text.ttx a {

  background: #1576bb;

  text-align: center;

  font-size: 18px;

  color: #fff;

  text-transform: ;

  font-weight: 600;

  padding: 10px 35px;

  border-radius: 3px;

  display: inline-block;

}



.blog-text.ttx p {

  margin-bottom: 35px;

}



.blog-left-area.listt {

  margin-bottom: 50px;

}



.blog-list-i ul li {

  display: inline-block;

  text-align: center;

  margin: 0 4px;

}



.blog-list-i {

  text-align: left;

  margin-left: 40px;

}



.blog-list-i ul li a {

  font-size: 16px;

  color: #000;

  font-weight: 700;

  height: 36px;

  width: 36px;

  background: #F5F6F8;

  display: inline-grid;

  text-align: center;

  line-height: 36px;

  border-radius: 3px;

  border: 1px solid #b8babf;

}



.accctive {

  background: #fd121f !important;

  color: #fff !important;

}



/*

*30 contact-page-css-start

*/



.single-contact {

  text-align: center;

}



.single-contact p a,

.single-contact p {

  font-size: 18px;

  color: #141516;

  font-weight: 400;

  margin: 0;

}



.single-contact img {

  margin-bottom: 15px;

}



.contect-location i {

  color: #1576bb;

  font-size: 60px;

}



.single-contact {

  margin-bottom: 40px;

}



.contect-location {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

}



.single-contact:last-child {

  margin: 0;

}



.contuct-area {

  padding: 120px 0;

}



.contact-map {

  height: 650px;

  background-size: cover;

  background-position: center;

}



/*  

*31 doctors-area-css-start 1

*/



.doctors-fl {

  display: flex;

  align-items: center;

}



.doctores-detailes-area {

  padding: 120px 0 60px 0;

}



.doctor-containt h2 {

  font-size: 40px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 20px;

}



.doctor-list {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.list-l ul li a {

  color: #4F5256;

  font-size: 16px;

  font-weight: 600;

}



.list-l ul li {

  margin: ;

  margin-bottom: 10px;

}



.list-r ul li a {

  color: #4F5256;

  font-size: 16px;

  font-weight: 400;

  position: relative;

  padding-left: 20px;

}



.list-r ul li {

  margin-bottom: 10px;

  position: ;

}



.list-r ul li a:before {

  position: absolute;

  content: "";

  height: 1px;

  width: 10px;

  background: #141516;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}



.ddoct h4 {

  font-size: 18px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 20px;

}



.doctor-list {

  margin-bottom: 20px;

}



.doctor-into {

  background: #fd121f;

  padding: 50px 30px;

}



.doctor-into h3 {

  font-size: 24px;

  color: #FDFDFD;

  font-weight: 700;

  margin-bottom: 20px;

}



.doctor-into-l p {

  font-size: 18px;

  color: #FDFDFD;

  font-weight: 500;

  display: ;

}



.doctor-into-l {

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-bottom: 1px dashed #fff;

  height: 50px;

}



.doctor-into-fl {

  margin-bottom: 20px;

}



.doctor-into button {

  font-size: 16px;

  color: #141516;

  font-weight: 600;

  background: #fff;

  border: 0;

  padding: 10px 22px;

  border-radius: 3px;

}



.about-doctors h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 10px;

}



.about-doctors p {

  font-size: 16px;

  color: #141516;

  font-weight: 400;

  line-height: 23px;

  margin-bottom: 15px;

}



.doctor-into-l p {

  margin: 0;

}



.doctor-into-l:last-child {

  border: 0;

}



.doctor-into {

  position: relative;

  overflow: hidden;

}



.doctor-into img {

  position: absolute;

  right: -7px;

  bottom: 0;

  max-width: 100px;

}



.work-tab-area {

  padding-bottom: 110px;

}



.nav-link {

  background: #141516;

  border-radius: 0 !important;

  margin: 0 3px;

  font-size: 18px;

  color: #fff;

  padding: 10px 33px;

  transition: 0.3s;

}



.nav-link:hover {

  color: #fff;

  background: #1576bb;

}



.work-tab ul {

  margin-bottom: 25px !important;

}



.work-tab-text h4 {

  font-size: 16px;

  color: #4F5256;

  font-weight: 400;

  margin-bottom: 20px;

}



.work-tab-text p {

  font-size: 16px;

  color: #4F5256;

  font-weight: 400;

}



.work-tab-text p:last-child {

  margin: 0;

}



.happy-area {

  padding: 120px 0;

  background-size: cover;

  background-position: center;

  background-image: url(../img/background/doctor-details-bg.png);

}



.hapy-section h3 {

  font-size: 40px;

  font-weight: 700;

  margin-bottom: 25px;

}



.hapy-section p {

  font-size: 16px;

  color: #4F5256;

  font-weight: 400;

  width: 700px;

  margin: 0;

}



.hapy-section {

  margin-bottom: 50px;

}



.happy-single-slider {

  background: #fff;

  padding: 40px 25px;

}



.happy-slider-title {

  display: flex;

  align-items: center;

  margin-bottom: 10px;

}



.happy-slider-title img {

  margin-right: 15px;



}



.ti-text h3 {

  font-size: 18px;

  color: #141516;

  margin: 0;

  font-weight: 700;

  padding: 7px 0;

}



.ti-text a {

  color: #5C5D60;

  font-weight: 400;

  font-size: 16px;

}



.quote a {

  font-size: 30px;

  color: #d9dee8;

}



.quote {

  position: absolute;

  right: 25px;

}



.happy-single-slider p {

  color: #4F5256;

  font-weight: 400;

  margin: 0;

  font-size: 16px;

  line-height: 28px;

}



.happy-slider-title img {

  width: auto !important;

}



/*

*32 service-details-page-css-start

*/



.sercive-area {

  padding: 120px 0;

}



.single-list {

  height: 50px;

  width: 100%;

  background: #EDF1F9;

  position: relative;

  margin-bottom: 10px;

  display: flex;

  align-items: center;

  border-left: 2px solid#141516;

  transition: .3s;

  cursor: pointer;



}



.single-list a {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 50px;

  text-align: center;

  border-left: 1px solid #E1E5ED;

  height: 50px;

  line-height: 50px;

  color: #141516;

  transition: .3s;

}



.single-list h3 {

  color: #141516;

  font-size: 18px;

  margin: 0;

  padding-left: 15px;

  transition: .3s;

}



.single-list:hover {

  background: #141516;

}



.single-list:hover a {

  color: #fff;

}



.single-list:hover h3 {

  color: #fff;

}





.contact-time {

  border: 5px solid #EDEFF2;

  padding: 40px 30px;

}



.contact-time h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 700;

}



.single-contact-time p a {

  color: #141516;

}



.single-contact-time p {

  font-size: 18px;

  color: #141516;

  font-weight: 600;

  padding-left: 50px;

  position: relative;

}





.single-contact-time p i {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  font-size: 37px;

  color: #0074E8;

}



.single-contact-time p:last-child {

  margin: 0;

}



.service-link-area {

  margin-bottom: 80px;

}



.doctor-into {

  margin-bottom: 80px;

}



.eye-area a {

  margin-bottom: 50px;

  display: block;

}



.eye-area h3 {

  font-size: 40px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 22px;

}



.eye-area p {

  font-size: 16px;

  color: #4F5256;

  font-weight: 400;

  margin: 0;

}



.eye-area {

  margin-bottom: 30px;

}



.about-doctors-area {

  padding-bottom: 40px;

  padding-top: 60px;

}



.eye-list {

  display: flex;

  justify-content: space-between;

}



.eye-list-lf h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 700;

  margin: ;

  margin-bottom: 25px;

}



.eye-list-lf ul li a i {

  font-size: 20px;

  color: #1576bb;

  margin-right: 7px;

  position: absolute;

  left: -25px;

}



.eye-list-lf ul li a {

  color: #4F5256;

  font-size: 16px;

  font-weight: 600;

  position: relative;

}



.eye-list-lf ul li {

  position: relative;

  padding-left: 25px;

  margin-bottom: 10px;

}



.eye-list {

  margin-bottom: 50px;

}



.single-pruse {

  background: #fff;

  box-shadow: 0 0 10px #1415163d;

}



.single-pruse ul li a i {

  color: #fd121f;

  font-size: 18px;

  font-weight: 900;

  margin-right: 5px;

}



.single-pruse {

  padding-top: 95px !important;

  padding: 30px;

  margin-bottom: 25px;

  min-height: 370px;

}



.single-pruse h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 600;

  border-bottom: 1px solid #ECECEC;

  margin: ;

  padding-bottom: 10px;

}



.single-pruse h3 span {

  font-size: 46px;

  color: #fd121f;

  font-weight: 700;

}



.single-pruse ul li {

  margin-bottom: 10px;

}



.single-pruse ul li a {

  font-size: 16px;

  color: #141516;

  font-weight: 500;

  position: relative;

  background: transparent !important;

  padding: 0;

  margin: 0;

}



.single-pruse ul li:last-child {

  margin: 0;

}



.midd .single-pruse ul li a i {

  color: #1576bb;

  font-size: 18px;

  font-weight: 900;

}



.pps-lidtt a {

  color: #fff;

  background: #fd121f;

  padding: 10px 30px;

  display: inline-block;

  border-radius: 3px;

  font-size: 18px;

  font-weight: 600;

}



.pruse-area {

  padding-bottom: 115px;

}



.single-pruse {

  position: relative;

}



.imh {

  position: absolute;

  height: 100px;

  width: 100px;

  background: #fd121f;

  line-height: 100px;

  text-align: center;

  top: -34px;

  border-radius: 3px;

  box-shadow: 0 0 10px #fd121f4A;

}



.pps-lidtt.midd .imh {

  background: #1576bb;

  box-shadow: 0 0 10px #1576bb52;

}



.pps-lidtt.midd h3 span {

  color: #1576bb;

}



.pps-lidtt.midd a {

  background: #1576bb;

}



.llff {

  display: flex;

  justify-content: space-between;

  margin-bottom: 25px;

}



.pp {

  font-size: 16px;

  color: #4F5256;

  font-weight: 400;

  margin: 0;

}



.doctor-into.mrd {

  margin: 0;

}



.pruse-area.ptt {

  padding-top: 150px;

  background-size: cover;

  background-position: center;

  background-image: url(../img/services/bgg.jpg)
}



.single-pruse {

  transition: 0.3s;

}



.single-pruse:hover {

  background: #EEEFF2;

}



.pps-lidtt.midd h3 {

  border-bottom: 1px solid #DEDEDE;

}



.about-doctors-area.tedd {

  padding-bottom: 35px;

  padding-top: 120px;

}



.imgg {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 30px;

  padding-top: 20px;

  flex-wrap: wrap;

}



.imgg img {

  margin: 5px;

  width: calc(100%/2 - 10px);

}



.eye-list-lf.teart {

  margin-bottom: 30px;

}



.eye-list-lf.teart h3 {

  font-size: 40px;

}



.form-teart {

  margin-bottom: 50px;

  background: #fff;

  border: 5px solid #EFF0F3;

  padding: 50px 15px;

}



.form-teart h3 {

  font-size: 30px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 30px;

  padding-bottom: 20px;

  border-bottom: 1px solid #F0F2F4;

}



.form-teart input {

  width: 100%;

  height: 50px;

  background: #EDEFF2;

  border: 0;

  padding: 0 20px;

  margin-bottom: 20px;

  font-size: 16px;

  color: #4F5256;

  font-weight: 400;

}



span.dropdown-iconform {

  position: relative;

  height: 0;

}



span.dropdown-iconform i {

  position: absolute;

  bottom: -50px;

  z-index: 1;

  right: 30px;

  width: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 50px;

  color: #545051;

}



.form-teart button {

  width: 100%;

  height: 50px;

  background: #fd121f;

  border: 0;

  border-radius: 3px;

  color: #fff;

  font-size: 18px;

  font-weight: 600;

}





.form-teart .nice-select {

  width: 100%;

  height: 50px;

  line-height: 50px;

  font-size: 16px;

  color: #635282;

  font-weight: 400;

  display: inline-block;

  margin-bottom: 20px;

  background: #EDEFF2;

  border: 0;

  border-radius: 0;

  appearance: none;

}



.form-teart .nice-select .option:hover,

.form-teart .nice-select .option.focus,

.form-teart .nice-select .option.selected.focus {

  background-color: #1576bb;

  color: #fff;

}



.form-teart .nice-select .option.selected.focus {

  background-color: #1576bb !important;

}



.work-tab-text h4 {

  font-size: 16px;

  color: #4F5256;

  font-weight: 500;

  margin-bottom: 20px;

  font-style: italic;

}



.shop-area {

  padding: 120px 0;

}



.zoom-img {

  text-align: center;

  border: 5px solid #F2F1F1;

  padding: 50px 0;

}



.zoom-containt-top h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 600;

  margin-bottom: 10px;

}



.zoom-containt-top span {

  color: #0064F9;

  font-weight: 600;

  font-size: 18px;

  display: block;

  margin-bottom: 10px;

}



.zoom-ster {

  display: flex;

  align-items: center;

}



.zoom-ster p {

  margin: 0;

  font-size: 16px;

  color: #4F5256;

  font-weight: 400;

  margin-left: 15px;

}



.single-ster {

  display: flex;

  align-items: center;

}



.single-ster a {

  margin-right: 4px;

  color: #F2D015;

}



.zoom-containt-top {

  border-bottom: 1px solid #E6E7E7;

  padding-bottom: 15px;

  margin-bottom: 15px;

}



/*

*33 info-area-css-start

*/

.single-info {

  background: #1576bb;

  display: flex;

  align-items: center;

  padding: 55px;

}



.single-info p {

  margin: 0;

  font-size: 18px;

  color: #fff;

  font-weight: 400;

}



.single-info img {

  margin-right: 30px;

}



.single-info.cl2 {

  background: #fd121f;

}



.single-info.cl3 {

  background: #1576bb;

}



/*

*34 Portfolio area style Start 

*/



.portfolio-area {

  padding-top: 120px;

  padding-bottom: 90px;

}



.port-wrapper {

  margin-bottom: 30px;

}



.port-img {

  position: relative;

  z-index: 1;

}



.port-plus {

  position: absolute;

  bottom: 40px;

  left: 50%;

  transform: translateX(-50%);

}



.port-plus a h3 {

  display: inline-block;

  text-align: center;

  line-height: 30px;

  color: #fff;

  font-size: 24px;

}



/*

*35 Pricing area Start 

*/

.pricing-area {

  padding-top: 110px;

  padding-bottom: 60px;

}



.pricing-title {

  margin-bottom: 40px;

}



.pricing-title h3 {

  font-size: 40px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 25px;

}



.pricing-title p {

  font-size: 16px;

  color: #4f5256;

  font-weight: 400;

  margin: 0;

}



/*

*36 slider content style here 

*/



.title h2 {

  font-size: 40px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 20px;

}



.slider-content i {

  font-size: 100px;

  font-family: Cooper Std;

  padding: 0px;

  margin: 0px;

  color: #1576bb;

  line-height: 80px;

}



.single-slider-active .owl-item.active.center .slider-content i {

  color: #fd121f;

}



/*

*37 medical servicse area Start 

*/

.transparent {

  padding-top: 100px;

  padding-bottom: 60px;

}



.medi-service-area {

  background-size: cover;

  background-position: center;

  padding-top: 110px;

  padding-bottom: 120px;

  background-color: #F5F6F8;

  background-image: url(../img/services/services.jpg)
}



.med-service-title h2 {

  font-size: 40px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 20px;

}



.medi-content p {

  font-size: 16px;

  color: #4f5256;

  font-weight: 400;

  margin: 0;

  margin-bottom: 20px;

}



.medi-content p:last-child {

  margin-bottom: 0;

}



.medi-content h2 {

  font-size: 40px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 30px;

}



.medi-service {

  text-align: center;

  background: #ddd;

  padding: 70px 50px 50px 50px;

  border: 1px solid #E5E5E6;

}



.medi-service p {

  font-size: 16px;

  font-weight: 400;

}



.medi-service h4 {

  font-size: 22px;

  color: #141516;

  font-weight: 600;

  margin-bottom: 15px;

}





.medi-service.color-1 {

  background-color: #F5F6F8;

}



.medi-service.color-2 {

  background-color: #FFFFFF;

}



.care-content {

  margin-left: 0;

}



.carning-text {

  text-align: center;

}



.medi-service-area.transparent {

  background: none;

}



.position-relative {

  padding-bottom: 100px;

}



.socail-doc a {

  color: #fff;

  margin: 10px;

  transition: .3s;

}



.skin-area {

  padding-bottom: 55px;

}



.single-card {

  text-align: center;

  box-shadow: 0 0 5px #14151654;

  margin-bottom: 60px;

}



.ssom {

  overflow: hidden;

}



.single-doctores:before {

  position: absolute;

  content: "";

  background: linear-gradient(to bottom, rgba(30, 87, 153, 0.03) 0%, rgba(20, 38, 99, 0.47) 45%, rgba(20, 38, 99, 1) 100%);

  height: 100%;

  width: 100%;

  opacity: 0;

  visibility: hidden;

  transition: .3s;

}



.single-doctores:hover:before {

  opacity: 1;

  visibility: visible;

}



.single-doctores {

  transition: .3s;

}





.theme-btn:hover {

  color: #fff;

}



.doctor-text {

  opacity: 0;

  visibility: hidden;

  transition: .3s;

}



.single-doctores:hover .doctor-text {

  opacity: 1;

  visibility: visible;

  height: 126px;

}



.card-text {

  background: transparent;



  position: relative;

  padding: 40px 40px 25px 40px;

}



.socail-doc a:hover {

  color: #fd121f;

}





.card-text h3::before {

  position: absolute;

  content: "";

  height: 1px;

  width: 70px;

  border: 1px dashed #fd121f;

  left: 0;

  right: 0;

  margin: auto;

  border: ;

  bottom: -15px;

}



.card-text h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 30px;

  position: relative;

}



.says-title {

  margin-bottom: 65px;

}



.says-title h2 {

  font-size: 40px;

  color: #000;

  font-weight: 700;

  margin-bottom: 30px;

}



.says-title p {

  font-size: 16px;

  color: #4f5256;

  font-weight: 400;

  margin: 0;

  padding-right: 407px;

}



.slider-area {

  background-color: #EDF1F9;

  padding-top: 115px;

  padding-bottom: 85px;

  position: relative;

  z-index: 1;

  background-size: contain;

  background-position: center;

}



.slider-title h2 {

  font-size: 40px;

  color: #000;

  font-weight: 700;

  margin-bottom: 15px;

}



.slider-title p {

  font-size: 16px;

  color: #4f5256;

  line-height: 24px;

  padding-bottom: 30px;

}



.slider-title {

  max-width: 745px;

  margin: auto;

}



.slider-content {

  max-width: 370px;

  box-shadow: 0 0 8px 1px #33333329;

  padding: 64px 20px;

  text-align: center;

  background-color: #fff;

  transition: 0.3s;

}



.slider-content p {

  font-size: 16px;

  font-style: italic;

  color: #4f5256;

  line-height: 27px;

  margin: 0;

}







.slider-content img {

  margin-bottom: 40px;

}



.slider-info {

  display: flex;

  align-items: center;

}



.slider-inner-text h4 {

  font-size: 18px;

  color: #000;

  font-weight: 700;

  margin: 0;

}



.slider-inner-text p {

  font-size: 16px;

  color: #5c5d60;

  font-weight: 400;

  margin: 0;

}



.slider-inner-text {

  margin-left: 10px;

}



.slider-info {

  padding-top: 25px;

}



.owl-carousel .owl-item img {

  display: block;

  width: 100%;

  object-fit: cover;

}



.single-slider-active .owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  padding-left: 10px;

  padding-top: 10px;

}



.single-slider-active .owl-item.active.center .slider-content {

  background: #1576bb;

  color: #fff;

}



.single-slider-active .owl-item.active.center .slider-content p {

  color: #fff;

}



.single-slider-active.owl-carousel .owl-item img {

  display: block;

  width: auto;

  text-align: center;

  margin: auto;

  margin-bottom: 20px;

}



.slder.slider-1 {

  position: absolute;

  bottom: 0;

  left: 0;

}



.sli.sli-2 {

  position: absolute;

  right: -33px;

  top: -40px;

}





/*

*38 shop-page-css

*/



.shop-productt-area {

  padding-bottom: 80px;

}



.zoom-df {

  display: flex;

  align-items: center;

}



.zoom-df h3 {

  font-size: 16px;

  font-weight: 400;

  margin: 0;

  margin-right: ;

  width: 144px;

}



.zoom-df p {

  font-size: 16px;

  color: #0164F9;

  font-weight: 400;

  margin: 0;

}



.zoom-df {

  margin-bottom: 20px;

}





.zoom-df.zomm-ll .nice-select {

  background: #F5F6F8;

  border-radius: 3px;

  height: 35px;

  line-height: 35px;

  text-align: center !important;

}



.zoom-df.zomm-ll h3 {

  width: 124px;

}





.zoom-containt-bottom a,

.fecure-containt a,

.fetured-btn a {

  color: #fff;

  background: #fd121f;

  padding: 8px 30px;

  border-radius: 3px;

  display: inline-block;

  margin-top: 25px;

  font-weight: 600;

  font-size: 16px;

}







.review-area {

  width: 100%;

}



.descriptionp h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 600;

  margin-bottom: 10px;

  margin-top: 15px;

}



.descriptionp p {

  font-size: 16px;

  color: #4F5256;

  font-weight: 400;

  margin: 0;

}



.descriptionp {

  padding: 20px 0;

  border-bottom: 1px solid #F0F0F0;

}



.add h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 600;

  margin: ;

  margin-bottom: 10px;

}



.add {

  padding: 20px 0;

  padding-bottom: 12px;

}



.add-fl {

  display: flex;

  align-items: center;

}



.add-fl ul li a {

  color: #4F5256;

  font-size: 16px;

  color: ;

  font-weight: 400;

  width: ;

}



.add-fl ul {

  width: 150px;

}



.add-fl ul li {

  margin-bottom: 8px;

}



.rev-title h3 {

  font-size: 24px;

  color: #141516;

  font-weight: 600;

  margin-bottom: 10px;

}



.rev-title {

  padding: 20px 0;

}



.rev-title p {

  font-size: 16px;

  color: #252525;

  font-weight: 400;

  margin: 0;

}



.revire-fl {

  display: flex;

  align-items: center;

  margin-bottom: 20px;

}



.re-img {

  margin-right: 15px;

}



.re-text p {

  font-size: 16px;

  color: #4F5256;

  font-weight: 400;

  margin: 0;

}



.re-text p span {

  color: #1576bb !important;

}



.re-ttc h3 {

  font-size: 16px;

  color: #252525;

  margin-bottom: 10px;

  font-weight: 400;

}



.re-ttc p {

  font-size: 16px;

  margin: 0;

  font-weight: 400;

}



.re-ttc {

  margin-bottom: 20px;

  margin-top: 40px;

}



.single-re-input lable {

  font-size: 16px;

  color: #4F5256;

  font-weight: 400;

  display: block;

}



.single-re-input textarea {

  height: 150px;

  background: #FAFAFA;

  border-radius: 5px;

  border: 1px solid#F0F0F0;

  width: 100%;

  margin: 0;

}



.single-re-input label {

  font-size: 16px;

  color: ;

  font-weight: 400;

  margin: 0;

  font-size: ;

  display: block;

}



.single-re-input {

  margin-bottom: 30px;

  margin-top: 30px;

}



.single-re-input input {

  background: #FAFAFA;

  border: 1px solid#F0F0F0;

  border-radius: 5px;

  width: 100%;

  height: 50px;

}



.re-form button {

  background: #195BC9;

  font-size: 16px;

  color: #fff;

  font-weight: 600;

  border: 0;

  padding: 5px 30px;

  border-radius: 3px;

}

.modal-body.td {

  padding: 0;

  border: 0;

  box-shadow: none;

}



.serch-btn input {

  width: 100%;

  height: 60px;

  padding: 0 30px;

  border-radius: 5px;

  border: 0;

  font-weight: 600;

}



.modal-content {

  border: 0;

  box-shadow: none;

  background: transparent !important;

}



.serch-btn {

  position: relative;

}



.serch-btn button {

  position: absolute;

  right: 0;

  top: 0;

  height: 100%;

  width: 114px;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

  border: 0;

  background: #1576bb;

  color: #fff;

  font-weight: 600;

}



body.is-cursor-active {

  cursor: none;

}



body.is-cursor-active .cursor .cursor__shape {

  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;

}



body.is-cursor-active .cursor.is-mouse-down .cursor__cursor {

  transform: scale(0.9) translate3d(-50%, -50%, 0) rotate(0deg);

}



.cursor {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 502;

  pointer-events: none;

}



.cursor.is-active .cursor__cursor {

  transform: scale(1) translate3d(-50%, -50%, 0) rotate(0deg);

}



.cursor.is-active[data-cursor=cursor__right-chevron] .cursor__right-chevron {

  opacity: 1;

  transform: scale(1) translate3d(0, 0, 0) rotate(0deg);

}



.cursor.is-active[data-cursor=cursor__left-chevron] .cursor__left-chevron {

  opacity: 1;

  transform: scale(1) translate3d(0, 0, 0) rotate(0deg);

}



.cursor.is-active[data-cursor=cursor__close] .cursor__close {

  opacity: 1;

  transform: scale(1) translate3d(0, 0, 0) rotate(0deg);

}



.cursor.is-active[data-cursor=cursor__grab] .cursor__grab {

  opacity: 1;

  transform: scale(1) translate3d(0, 0, 0) rotate(0deg);

}



.cursor.is-active[data-cursor=cursor__hamburger] .cursor__hamburger {

  opacity: 1;

  transform: scale(1) translate3d(0, 0, 0) rotate(0deg);

}



.cursor svg {

  position: absolute;

  top: 50%;

  left: 50%;

  stroke: #fff;

  fill: none;

  transform: translate(-50%, -50%);

  width: 40px;

  height: 50px;

}



.cursor svg line {

  stroke: #fff;

}



.cursor[data-cursor=cursor__right-chevron] .cursor__right-chevron {

  transform: scale(0.1) translate3d(-20px, 0, 0) rotate(0deg);

}



.cursor[data-cursor=cursor__left-chevron] .cursor__left-chevron {

  transform: scale(0.1) translate3d(20px, 0, 0) rotate(0deg);

}



.cursor[data-cursor=cursor__grab] .cursor__grab {

  transform: scale(0.1) translate3d(0, 10px, 0) rotate(0deg);

}



.cursor[data-cursor=cursor__close] .cursor__close {

  transform: scale(0.1) translate3d(0, 0, 0) rotate(-180deg);

}



.cursor[data-cursor=cursor__hamburger] .cursor__hamburger {

  stroke: 2px solid #fff;

  transform: scale(0.1) translate3d(0, 0, 0) rotate(0deg);

}



.cursor__cursor {

  border-radius: 50%;

  background-color: blue;

  position: absolute;

  top: 50%;

  left: 50%;

  transform-origin: 0% 0%;

  transform: scale(0) translate3d(-50%, -50%, 0) rotate(0deg);

  filter: drop-shadow(5px 10px 20px rgba(0, 0, 0, 0.3));

  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);

  width: 40px;

  height: 40px;

}



.cursor__shape {

  opacity: 0;

  transform-origin: 50% 50%;

  transition: none;

  transform: scale(0.1) translate3d(0, 0, 0) rotate(0deg);

}







.left,

.right {

  display: flex;

  justify-content: center;

  align-items: center;

  text-transform: uppercase;

  font-family: "inconsolata", "courier new", monospace;

  font-weight: bold;

  color: #fff;

  letter-spacing: 0.25em;

  font-size: 0.8em;

  height: 25vh;

}



.left {

  left: 0;

}



.right {

  left: 50%;

}



.top {

  top: 0;

}



.bottom {

  bottom: 0;

}



.top.left {

  background-color: MidnightBlue;

}



.top.right {

  background-color: Orange;

  height: 100vh;

  width: 100%;

  background: transparent;

}



.bottom.left {

  background-color: MediumAquamarine;

}



.bottom.right {

  background-color: tomato;

}





.cloder {

  position: absolute;

  width: 100%;

}



.sheap-1 {

  position: absolute;

  top: 55px;

  left: 10px;

}



.team-1 {

  position: relative;

  overflow: hidden;

  z-index: 9;

  transition: .3s;

}



.team-1:before {

  position: absolute;

  content: "";

  background: #000204;

  height: 100%;

  width: 100%;

  left: 0;

  top: 100%;

  z-index: -1;

  transition: .3s;

}



.team-1:hover::before {



  top: 0;

}



.team-1:hover {

  color: #fff;

}





.contact-form label {

  color: #4f5256;

  font-size: 16px;

  font-weight: 400;

  margin: 0;

  display: block;

}





textarea {

  width: 95%;

  height: 80px;

  border: 0b-b;

  border: 0;

  border-bottom: 2px solid #c6c4c4;

  font-size: 16px;

  color: #4f5256;

  margin-top: 0;

}





.team-box {

  border: 5px solid #fff;

}



.list-l {

  width: 165px;

}



.doctor-list {

  display: flex;

  align-items: center;

  justify-content: normal;

}



.features-all-content {

  margin-bottom: 35px;

  border-bottom: 1px dotted;

  padding-bottom: 35px;

}



.port-plus {

  opacity: 0;

  visibility: hidden;

}



.port-wrapper:hover .port-plus {

  opacity: 1;

  visibility: visible;

}



.port-wrapper {

  transition: .3s;

}



.port-plus {

  opacity: 0;

  visibility: hidden;

  transition: .3s;

}



.s-icon a img {

  margin-right: 15px;

  transition: 0.3s;

}



.s-icon a img:hover {

  scale: 1.15;

}



.d-social h4 {

  font-size: 18px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 20px;

}



.dental-care img {

  transition: 0.3s;

  margin-bottom: 25px;

}



.dental-care img:hover {

  scale: 1.1;

}



.ssom img {

  transition: 0.3s;

}



.ssom img:hover {

  scale: 1.1;

}



.re-text {

  font-weight: 400;

}



.re-text span {

  color: #1576bb;

}





.team-box {

  overflow: hidden;

  margin-top: 30px;

}



.team-box:hover img {

  transform: scale(1.1);

}



.team-img {

  overflow: hidden;

}



.team-img img {

  transition: .3s;

}





.section-title h3 {

  font-size: 36px;

  color: #072365;

  font-weight: 700;

  margin: 0;

}



.section-title {

  text-align: center;

  margin-bottom: 50px;

}



.featured-area {

  padding: 100px 0;

}



.nav-link {

  font-size: 16px;

  color: #072365;

  font-weight: 600;

}





.single-featured {

  position: relative;

}



.feet-img {

  text-align: center;

  background: #F4F8FD;

  height: 285px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 5px;

}



.fetured-btn {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0;

  right: 0;

  margin: auto;

  text-align: center;

  margin-top: 20px;

  opacity: 0;

  visibility: hidden;

  transition: .3s;

}



.fetured-btn a {

  background: #02B9B1;

  font-size: 12px;

}





.single-featured span {

  position: absolute;

  top: 10px;

  background: #fd121f;

  left: 10px;

  width: 65px;

  height: 30px;

  text-align: center;

  line-height: 30px;

  border-radius: 5px;

  font-size: 12px;

  color: #FFFFFF;

  font-weight: 600;

}



.love {

  position: absolute;

  top: 10px;

  right: 10px;

  color: #BCC3CE;

}



.fecure-containt h3 {

  font-size: 18px;

  color: #072365;

  font-weight: 600;

  margin-bottom: 15px;

}



.fecure-containt {

  padding: 35px 20px;

}



.fecure-containt h4 {

  font-size: 24px;

  color: #02B9B1;

  font-weight: 600;

  margin-bottom: 20px;

}



.fecure-containt a {

  font-size: 14px;

  padding: 9px 26px;

}



.fetured-btn a {

  padding: 9px 25px;

  font-size: 14px;

}



.single-featured {

  border: 1px solid #D9DFE7;

  border-radius: 5px;

  transition: .3s;

  margin-bottom: 30px;

}



.singl-top::before {

  position: absolute;

  content: "";

  background: #fff;

  height: 100%;

  width: 100%;

  opacity: 0;

  visibility: hidden;

  top: 0;

  left: 0;

  transition: .3s;

}



.single-featured:hover .singl-top::before {

  opacity: .6;

  visibility: visible;

}



.single-featured:hover .fetured-btn {

  opacity: 1;

  visibility: visible;

}



.love:hover {

  color: #fd121f;

}



.love {

  transition: .3s;

}



.pluse-2 {

  position: absolute;

  right: 0;

  bottom: 90px;

}



.theme-btn {

  font-size: 14px;

  color: #fff !important;

  background: #FFAF2A;

  padding: 12px 45px;

  display: inline-block;

  border-radius: 50px;

  font-weight: 500;

  transition: .3s;

  overflow: hidden;

}



.shop-area .row {

  border-bottom: 1px solid #F0F0F0;

  padding-bottom: 50px;

}



.shop-area {

  padding-bottom: 50px;

}



.nav-link {

  font-size: 18px;

  color: #fff;

  font-weight: 600;

}



.doctors-info-area.bb {

  margin-bottom: -78px;

}



.footer-area.cc {

  padding-top: 144px !important;

}



.doctors-info-area {

  margin-bottom: -78px;

  margin-top: -86px;

}



.port-img {

  position: relative;

  z-index: 1000;

}



.port-img::before {

  position: absolute;

  content: "";

  background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 28%, rgba(30, 87, 153, 0.04) 31%, rgba(30, 87, 153, 0.1) 35%, rgba(4, 79, 193, 1) 100%);

  background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 28%, rgba(30, 87, 153, 0.04) 31%, rgba(30, 87, 153, 0.1) 35%, rgba(4, 79, 193, 1) 100%);

  background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 28%, rgba(30, 87, 153, 0.04) 31%, rgba(30, 87, 153, 0.1) 35%, rgba(4, 79, 193, 1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#044fc1', GradientType=0);

  height: 100%;

  width: 100%;

  z-index: 9;

  opacity: 0;

  visibility: hidden;

  transition: .3s;

}



.port-img:hover::before {

  opacity: 1;

  visibility: visible;

}



.port-plus {

  z-index: 999;

}



.single-blog-gied:hover img {

  transform: scale(1.1);

}



.se-img {

  overflow: hidden;

}



.se-img img {

  transition: .3s;

  height: 302px;

  width: 100%;

}



.nice-select .list {

  z-index: 10;

  left: unset;

  right: 0
}



.single-table {

  text-align: center;

}



.single-table h3 {

  font-size: 30px;

  color: ;

  font-size: ;

  font-weight: 700;

  margin-bottom: 40px;

}



.tabbil-area {

  padding: 100px 0;

}



.doctors-info-area {

  margin-bottom: -78px;

  margin-top: -92px;

  position: relative;

  z-index: 9;

}



.Appoint-contact-area.pbbs {

  padding-bottom: 187px;

}





.blog-img {

  position: relative
}



.blog-img::before {

  position: absolute;

  content: "";

  background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 28%, rgba(30, 87, 153, 0.04) 31%, rgba(30, 87, 153, 0.1) 35%, rgba(4, 79, 193, 1) 100%);

  background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 28%, rgba(30, 87, 153, 0.04) 31%, rgba(30, 87, 153, 0.1) 35%, rgba(4, 79, 193, 1) 100%);

  background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 28%, rgba(30, 87, 153, 0.04) 31%, rgba(30, 87, 153, 0.1) 35%, rgb(0, 0, 0) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#044fc1', GradientType=0);

  height: 100%;

  width: 100%;

  transition: .3s;

}



.faq-area {

  padding-top: 120px;

  padding-bottom: 120px;

}



.faq-content h4:before {

  position: absolute;

  content: "";

  width: 70px;

  height: 2px;

  background: #1576bb;

  top: 50%;

  transform: translateY(-50%);

  left: 50px;

}



.faq-content h2 {

  font-weight: 700;

  margin-bottom: 40px;

}



.faq-content h1 {

  font-weight: 700;

  margin-bottom: 30px;

}



.faq-content p {

  margin-bottom: 30px;

}



.faq-content a {

  background: #1576bb;

  color: #fff;

  padding: 10px 34px;

}



.faq-content a:hover {

  padding: 10px 34px;

}



.faq-content h4 {

  color: #141516;

  font-size: 16px;

  position: relative;

}





.card-header .btn.btn-link.btn-block.text-left {

  text-decoration: none;

}



.card {

  margin-bottom: 13px;

  border: none;

}



.card-header button i {

  position: absolute;

  right: 0px;

  top: 50%;

  transform: translateY(-50%);

  height: 20px;

  width: 20px;

  text-align: center;

  background: #F7F7F7;

  line-height: 20px;

  display: none;

}



.card-header button {

  position: relative;

}



.card-header button[aria-expanded="true"] i.fa-chevron-down {

  display: block;

}



.card-header button[aria-expanded="false"] i.fa-chevron-up {

  display: block;

}



.appoin-box a::before {

  background: #0064F7 !important;

}



.appoin-box a:hover::before {

  background: #0064F7 !important;

  height: 641% !important;

}



.faq-area .collapse:not(.show) {

  display: none;

}



.btn.btn-link.btn-block.text-left.collapsed:hover {

  color: #1576bb;

}



.btn.btn-link.btn-block.text-left.collapsed {

  color: #141516;

  transition: 0.3s;

}



.btn-link:hover {

  color: #1576bb;

  text-decoration: underline;

}



.btn-link {

  font-weight: 500;

  color: #1576bb;

  text-decoration: none;

}



.card-header {

  border-bottom: none;

}



.single-info {

  height: 100%;

}



.news-blog-title {

  margin-bottom: 10px;

}



.news-blog-title h2 {

  font-size: 40px;

  color: #141516;

  font-weight: 700;

  margin-bottom: 20px;

}





input:focus {

  outline: none;

  box-shadow: none;

}



textarea:focus {

  outline: none;

  box-shadow: none;

}



.happy-single-slider {

  background: #fff;

  padding: 40px 25px;

  width: auto;

}



.slider-area .single-slider-active.owl-carousel.owl-loaded.owl-drag .owl-stage-outer {

  margin-right: 0;

  padding-left: 0;

  margin: 0 -4px;

}





.header-off-btn.menu-trigger {

  display: block;

  background: rgb(88, 165, 254);

  background: -webkit-linear-gradient(0deg, rgb(1, 86, 169) 0%, rgb(0, 146, 109) 100%);

  background: -webkit-linear-gradient(0deg, rgb(1, 86, 169) 0%, rgb(0, 146, 109) 100%);

  background: #1576bb;

  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#58a5fe', endColorstr='#20d1fd', GradientType=1);

  text-align: center;

  height: 40px;

  line-height: 40px;

  width: 40px;

  z-index: 9;

  position: absolute;

  right: 23px;

  top: 50%;

  border-radius: 5px;

  transform: translateY(-50%);

}





.header-off-btn.menu-trigger.right {

  display: block !important;

}



.off-canvas-menu {

  width: 300px;

  background: #fff;

  position: fixed;

  height: 100%;

  z-index: 99999;

  top: 0;

  left: -100%;

  transition: .3s;

}



.off-canvas-menu .header-btn {

  margin-top: 30px;

  text-align: center;

}



.header-btn.off a {

  margin: 0;

}



.close-menu a {

  position: absolute;

  right: 20px;

  height: 32px;

  color: #000;

  text-align: center;

  line-height: 32px;

  border-radius: 50%;

  top: 15px;

  background: #ffff;

  width: 32px;

}



.off-canvas-menu.active {

  left: 0;

}



.off-canvas-menu ul li a {

  color: #999;

  padding: 0;

  display: block;

  padding: 20px 0;

  font-size: 16px;

  border-bottom: 1px solid #dddddd87;

}



.off-canvas-overlay {

  position: fixed;

  height: 100%;

  width: 100%;

  background: #000;

  z-index: -1;

  opacity: 0;

  -webkit-transition: .3s;

  transition: .3s;



}



.off-canvas-overlay.active {

  opacity: .6;

  z-index: 999;

  cursor: pointer;

}



.off-canvas-menu ul {

  margin-top: 65px;

  padding: 0;

  list-style: none;

}



.header-off-btn span {

  background: #283B91;

  height: 4px;

  width: 30px;

  display: block;

  border-radius: 14px;

  margin-bottom: 4px;

}



.header-off-btn {

  position: absolute;

  left: auto;

  z-index: 2;

  width: 30px;

  height: 22px;

  cursor: pointer;

  right: 70px;

}



.off-canvas-menu ul li {

  margin: 0 20px;

}



.off-canvas-menu {

  display: block;

}



.header-off-btn.menu-trigger a {

  color: #fff;

  font-size: 18px;

}



.ofcanvas a {

  display: block;

  padding: 7px 20px;

  color: #fff;

  text-align: ;

}



.off-canvas-overlay.active {

  opacity: .5;

  visibility: visible;

}



.header-btn.of-log {

  display: flex;

  height: auto;

  justify-content: center;

  margin-top: 50px;

}



.header-mainmenu-2 .header-off-btn.menu-trigger a {

  color: #2F6F76;

}



.header-off-btn.menu-trigger.right {

  display: none !important;

}



.theme-btn.cc {

  transition: 0.2s !important;

}



.scroll-header {

  position: fixed !important;

      top: 120px;

  left: 0;

  right: 0;

  background: linear-gradient(to right, #06f, #044ebd);

  z-index: 999;

  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

}



.dropdown-item {

  padding: 8px !important;

  color: #000 !important;

  font-size: 16px;

}



.dropdown-menu {

  top: -38px !important;

}



.header-pos {

  z-index: 9999;

}



#collapseExample {

  margin: 0;

}



#collapseExample li a {

  font-size: 16px;

  padding: 9px;

}



#collapseExample li {

  margin: 0px 10px;

}



.off-canvas-menu ul li a i {

  position: absolute;

  right: 10px;

  top: 50%;

  transform: translateY(-50%);

  opacity: 0;

  visibility: hidden;

}



.off-canvas-menu ul li a {

  position: relative;

}



.off-canvas-menu ul li a[aria-expanded="true"] i.fas.fa-sort-up {

  opacity: 1;

  visibility: visible;

}



.off-canvas-menu ul li a[aria-expanded="false"] i.fas.fa-sort-down {

  opacity: 1;

  visibility: visible;

  top: 46%;

}



button:focus-within {

  outline: 0;

  border: 0;

  border: 0 !important;

}



/*

*39 hover-effect

*/



.theme-btn::before {

  position: absolute;

  content: "";

  width: 0%;

  height: 100%;

  top: 0;

  left: 0;

  background: #072365;

  z-index: -1;

  border-radius: 50px;

  transition: .3s;

}



.theme-btn {

  position: relative;

  z-index: 99;

  overflow: hidden;

}



.theme-btn:hover::before {

  width: 100%;

}



.searchh.activee {

  opacity: 1;

  visibility: visible;

  top: 154%;

  z-index: 99;

}



.foot-scoail a {

  transition: .3s;

}



.foot-scoail a:hover {

  color: #00ACA2;

}



#collapseExample2 {

  margin: 0;

}



#collapseExample {

  margin: 0;

}



#collapseExample3 {

  margin: 0;

}



#collapseExample4 {

  margin: 0;

}



#collapseExample5 {

  margin: 0;

}



#collapseExample li a {

  font-size: 16px;

  padding: 9px;

}



#collapseExample3 li a {

  font-size: 16px;

  padding: 9px;

}



#collapseExample4 li a {

  font-size: 16px;

  padding: 9px;

}



#collapseExample5 li a {

  font-size: 16px;

  padding: 9px;

}



#collapseExample li {

  margin: 0px 10px;

}



#collapseExample3 li {

  margin: 0px 10px;

}



#collapseExample4 li {

  margin: 0px 10px;

}



#collapseExample5 li {

  margin: 0px 10px;

}



.height100 {

  height: 1000px;

}



.go-top {
  display: none !important;

  position: fixed;

  bottom: 1.5em;

  right: 2.5em;

  text-decoration: none;

  color: white;

  background-color: #1576bb;

  font-size: 21px;

  z-index: 999;

  width: 45px;

  height: 45px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 4px;

  transition: 0.2s;

}



.go-top:hover {

  background: #fd121f;

}



.go-top:hover i {

  color: #fff !important;

  background: ;

}



.nav-item {

  margin-bottom: 5px;

}



.comingsoon-page {

  width: 100%;

  background-size: cover;

  text-align: center;

  background: url(../img/background/comingbg.jpg) no-repeat #f4f4f4;

}



.com-soon-page-container {

  padding: 10% 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



.comingsoon-page h2 {

  font-size: 60px;

  color: #000;

  font-weight: 700;

  margin: 60px 0;

}



ul.coming-list {

  width: 100%;

  margin: 0px 0px 50px;

  padding: 0px;

  float: left;

}



ul.coming-list li {

  list-style: none;

  display: inline-block;

  width: 136px;

  border-radius: 4px;

  border: 3px solid #0350c2;

  text-align: center;

  text-transform: uppercase;

  color: #000;

  padding: 37px 0px;

  margin: 10px 20px;

  background: #1576bb;

  padding: 40px 10px;

}



ul.coming-list li .number {

  font-size: 72px;

  font-weight: 700;

  line-height: 40px;

  color: #fff;

}



ul.coming-list li .day {

  font-size: 22px;

  font-weight: 700;

  width: 100%;

  float: left;

  color: #fff;

  padding-top: 10px;

}



.maintenance {

  width: 100%;

  float: left;

  text-align: center;

  padding: 80px 0px;

  background: #f7f7f7;

  margin-top: -35px;

  height: 100vh;

  margin: auto;

  display: flex;

  align-items: center;

  justify-content: center;

}



.main-containt {

  width: 100%;

}



.main-containt h4 {

  font-size: 30px;

  font-weight: 700;

  padding: 0px;

  margin: 0px;

}



.maintenance h4 {

  margin-bottom: 30px;

}



.bs-slider {

  overflow: hidden;

  max-height: 700px;

  position: relative;

  background: #141516;

  width: 100%;

}



.bs-slider:hover {

  cursor: -moz-grab;

  cursor: -webkit-grab;

}



.bs-slider:active {

  cursor: -moz-grabbing;

  cursor: -webkit-grabbing;

}



.bs-slider .bs-slider-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.40);

}



.bs-slider>.carousel-inner>.item>img,

.bs-slider>.carousel-inner>.item>a>img {

  margin: auto;

  width: 100% !important;

}



/*

*40 Slide effect

*/



.fade {

  opacity: 1;

}



.fade:not(.show) {

  opacity: 1;

}



.fade .item {

  top: 0;

  z-index: 1;

  opacity: 0;

  width: 100%;

  position: absolute;

  left: 0 !important;

  display: block !important;

  -webkit-transition: opacity ease-in-out 1s;

  -moz-transition: opacity ease-in-out 1s;

  -ms-transition: opacity ease-in-out 1s;

  -o-transition: opacity ease-in-out 1s;

  transition: opacity ease-in-out 1s;

}



.fade .item:first-child {

  top: auto;

  position: relative;

}



.fade .item.active {

  opacity: 1;

  z-index: 2;

  -webkit-transition: opacity ease-in-out 1s;

  -moz-transition: opacity ease-in-out 1s;

  -ms-transition: opacity ease-in-out 1s;

  -o-transition: opacity ease-in-out 1s;

  transition: opacity ease-in-out 1s;

}





/*

*41 homepage slider

*/



.slider-section {

  width: 100%;

  float: left;

  position: relative;

  z-index: -1;

  margin-top: -35px;

}



.indicators-line>.carousel-indicators {

  right: 2%;

  top: 40% !important;

  width: auto;

  white-space: nowrap;

  left: auto;

  display: block;

  margin-right: 0;

  margin-left: 0;

}



.indicators-line>.carousel-indicators li {

  display: block;

  padding: 0;

  width: 16px;

  height: 16px;

  border: 2px solid #141516;

  overflow: hidden;

  position: relative;

  border-radius: 50%;

  -webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);

  transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);

  z-index: 10;

  cursor: pointer;

  background: transparent;

  margin: 8px 0;

  box-sizing: border-box;

}



.indicators-line>.carousel-indicators .active {

  background: #0064FA;

  border-color: #0064FA;

}





/*

*43 SLIDE CAPTION

*/



.slide_style_left {

  text-align: left !important;

}



.slide_style_right {

  text-align: right !important;

}



.slide_style_center {

  text-align: center !important;

}



.slide-text {

  left: 0;

  top: 28%;

  right: 0;

  position: absolute;

  width: 100%;

}



.slide-text .text-area {

  float: left;

  width: 690px;

  display: block;

}



.slide-text h1 {

  padding: 0;

  color: #141516;

  font-size: 60px;

  font-style: normal;

  line-height: 75px;

  margin-bottom: 10px;

  display: inline-block;

  -webkit-animation-delay: 0.7s;

  animation-delay: 0.7s;

  font-weight: 700;

}



.slide-text p {

  font-size: 18px;

  margin: 0;

  font-weight: 600;

  color: #141516;

  display: block;

  padding: 0 0 43px;

  font-style: italic;

  font-family: 'Open Sans', sans-serif;

}



.slide-text a.btn-default {

  color: #fff;

  font-weight: 400;

  background-image: none;

  background: none;

  font-size: 17px;

  margin-right: 10px;

  text-align: center;

  padding: 13px 37px;

  border: none;

  text-transform: capitalize;

  background: #1576bb;

  font-family: 'Open Sans', sans-serif;

}



.slide-text a:hover,

.slide-text a:active {

  color: #ffffff;

  background: #fd121f;

}



/*

*42 Intro-Area

*/





.no-padding {

  padding: 0 !important;

}



.intro-area .row,

.range-area .row {

  margin: 0;

}



.intro-area {

  background: #1576bb;

  width: 100%;

  float: left;

  display: block;

  /* padding: 30px 0; */

  border-bottom: 8px solid #1576bb;

}



.intro-box {

  display: inline-flex;

  width: 100%;

  padding: 5px 40px;

  color: #000000;

  justify-content: space-around;

  border-right: 1px dashed #141516;

}



.intro-box i {

  font-size: 48px;

  padding-top: 7px;

  padding-right: 12px;

  color: #1576bb;

}



.intro-box .inr {

  width: auto;

  display: block;

}



.intro-box .inr h2 {

  color: #141516;

  font-size: 24px;

  font-weight: 600;

  padding-bottom: 10px;

  margin: 0;

}





.intro-box .inr p {

  font-size: 16px;

  color: #666;

  font-weight: 400;

  font-family: 'Open Sans', sans-serif;

  margin: 0;

}



/*

*43 Advanced-Area

*/

.advanced-area {

  width: 100%;

  float: left;

  display: block;

  padding: 50px 0 50px 0;

}



.advanced-area h1 {

  text-align: center;

  font-weight: 800;

  padding-bottom: 40px;

  color: #141516;

  font-size: 30px;

  margin: 0;

}





.advanced-area .adv-img {

  width: 100%;

  float: left;

  display: block;

  position: relative;

}



.advanced-area .adv-img .main {

  width: 100%;

  float: left;

  padding-left: 30px;

}



.advanced-area .adv-img .first {

  width: auto;

  position: absolute;

  top: -25px;

  right: -30px;

  z-index: -1;

}



.advanced-area .adv-img .second {

  width: auto;

  position: absolute;

  left: 0px;

  bottom: -30px;

  z-index: -1;

}



.advanced-area .adv-detail {

  width: 100%;

  float: left;

  display: block;

  padding-left: 70px;

  position: relative;

}



.advanced-area .adv-detail p {

  font-size: 16px;

  color: #4f5256;

  font-weight: 400;

  line-height: 24px;

  font-family: 'Open Sans', sans-serif;

  margin: 0;

  padding-bottom: 10px;

}



.advanced-area .adv-link-1 {

  float: left;

  width: 100%;

  display: block;

  padding: 30px 0;

}



.advanced-area .adv-link-1 a {

  font-size: 16px;

  color: #111;

  font-weight: 500;

  font-family: 'Open Sans', sans-serif;

  padding: 8px 0;

  float: left;

  width: 100%;

}



.advanced-area .adv-link-1 a:hover {

  color: #fd121f;

  text-decoration: none;

}



.advanced-area .adv-link-1 a i {

  color: #fd121f;

  padding-right: 12px;

  font-size: 23px;

}



.advanced-area .adv-indi {

  width: 100%;

  float: left;

  display: block;

}



.advanced-area .adv-indi h2 {

  font-size: 24px;

  color: #111;

  font-weight: 600;

  padding-bottom: 10px;

  margin: 0;

}



.advanced-area .adv-indi h4 {

  font-size: 16px;

  color: #1576bb;

  font-weight: 500;

}



.advanced-area .adv-bottom {

  width: 700px;

  display: inline-flex;

  position: absolute;

  right: 0 !important;

  padding: 25px 50px;

  bottom: 0;

  background: #fd121f;

  bottom: -235px;

  height: 185px;

}



.adv-bottom h3 {

  text-align: left;

  font-weight: 600;

  color: #fff;

  font-size: 30px;

  width: 420px;

  padding-right: 50px;

  border-right: 5px solid #fff;

  line-height: 40px;

  padding-left: 0;

  margin: 0;

  display: flex;

  align-items: center;

}



.adv-bottom ul {

  width: 100%;

  float: left;

  display: block;

  padding-left: 50px;

}



.adv-bottom ul li {

  font-size: 18px;

  color: #fff;

  padding: 8px 0;

  border-bottom: 2px dashed #fff;

  display: inline-flex;

  width: 100%;

}



.adv-bottom ul li:last-child {

  border-bottom: 0;

}



.adv-bottom ul li b {

  font-weight: 500;

  width: 135px;

}



.modal-title {

  color: #fff;

  font-size: 16px;

  padding-left: 7px
}



/*

*44 Services-Area

*/

.services-area {

  width: 100%;

  float: left;

  display: block;

  padding: 110px 0 120px 0;

  background-image: url(../img/banner/banner-1.png);

  background-position: center;



}



.services-area h1 {

  text-align: center;

  font-weight: 800;

  padding-bottom: 10px;

  color: #141516;

  font-size: 40px;

}



.services-area p {

  text-align: center;

  font-weight: 400;

  color: #4f5256;

  font-size: 16px;

  font-family: 'Open Sans', sans-serif;

  padding-bottom: 40px;

}



.services-box {

  width: 100%;

  float: left;

  display: block;

  padding: 40px 20px;

  background: #fff;

  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);

  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);

  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);

}



.services-box .per-box {

  /* width: 25%; */

  width: 16.66%;

  float: left;

  display: flex;

  border: 1px solid #e6e6e6;

  padding: 20px;

  transition: all 0.7s;

  flex-wrap: wrap;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



.services-box .per-box:nth-child(1n+0) {

  border-left: 1px solid transparent;

}



.services-box .per-box:nth-child(4n+0) {

  border-right: 1px solid transparent;

}



.services-box .per-box:nth-child(1),

.services-box .per-box:nth-child(2),

.services-box .per-box:nth-child(3),

.services-box .per-box:nth-child(4) {

  border-top: 1px solid transparent;

}



.services-box .per-box:nth-child(5),

.services-box .per-box:nth-child(6),

.services-box .per-box:nth-child(7),

.services-box .per-box:nth-child(8) {

  border-top: 1px solid transparent;

  border-bottom: 1px solid transparent;

}



.services-box .per-box:nth-child(9),

.services-box .per-box:nth-child(10),

.services-box .per-box:nth-child(11),

.services-box .per-box:nth-child(12) {

  border-bottom: 1px solid transparent;

}



.services-box .per-box img {

  /* width: auto; */

  width: 50px;

  float: none;

  margin: auto;

  display: block;

}



.services-box .per-box h3 {

  font-size: 18px;

  font-weight: 600;

  color: #141516;

  text-align: center;

  padding-top: 20px;

  margin: auto;

}



.services-box .per-box:hover {

  text-decoration: none;

  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);

  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);

}



.services-box .per-box:hover h3 {

  color: #fd121f;

}



/*

*45 Range-Area

*/

.range-area {

  width: 100%;

  float: left;

  display: block;

  background: #fff;

  position: relative;

}



.range-area .rng {

  position: absolute;

  width: auto;

  left: 0;

  bottom: 60px;

}





.range-area .play {

  position: absolute;

  background: rgba(0, 97, 242, 0.6);

  width: 134px;

  height: 134px;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  padding: 17px;

  border-radius: 120px;

  z-index: 99;

}



.range-area .play:hover {

  background: rgba(0, 97, 242, 1);

}



.range-area .play i {

  font-size: 80px;

  color: #1576bb;

  background: #fff;

  width: 100px;

  height: 100px;

  border-radius: 120px;

  text-align: center;

  line-height: 103px;

  float: left;

}



.range-area .upper-range {

  width: 100%;

  left: 0;

  right: 0;

  position: absolute;

  top: 100px;

}



.range-area .modal-dialog {

  width: 962px;

  margin: 100px auto;

}



.range-area .modal-body {

  padding: 2px;

}



.skill-area {

  width: 100%;

  float: left;

  display: block;

  padding-right: 70px;

}



.skill-area h1 {

  text-align: left;

  font-weight: 800;

  padding-bottom: 25px;

  color: #141516;

  font-size: 40px;

  margin: 0;

  padding-top: 10px;

}



.skill-area .txt {

  text-align: left;

  font-weight: 400;

  color: #4f5256;

  font-size: 16px;

  font-family: 'Open Sans', sans-serif;

  padding-bottom: 50px;

  margin: 0;

}



.skills {

  width: 100%;

  float: left;

  display: block;

}



.skillbar {

  width: 100%;

  float: left;

  margin-bottom: 20px;

}



.skills-main {

  position: relative;

  display: block;

  margin-bottom: 15px;

  width: 100%;

  background: #e7e8e9;

  height: 8px;

  -webkit-transition: 0.4s linear;

  -moz-transition: 0.4s linear;

  -ms-transition: 0.4s linear;

  -o-transition: 0.4s linear;

  transition: 0.4s linear;

  -webkit-transition-property: width, background-color;

  -moz-transition-property: width, background-color;

  -ms-transition-property: width, background-color;

  -o-transition-property: width, background-color;

  transition-property: width, background-color;

}



.skillbar h3 {

  font-size: 16px;

  color: #141516;

  font-weight: 600;

  padding-bottom: 15px;

  margin: 0;

}



.skillbar-bar {

  height: 8px;

  width: 0px;

  background: #1576bb;

  float: left;

  position: relative;

}



.circle {

  height: 20px;

  width: 20px;

  float: left;

  background: #e7e8e9;

  border: 3px solid #1576bb;

  position: relative;

  right: 2px;

  top: -6px;

  border-radius: 30px;

  z-index: 9;

}



.skill-bar-percent {

  position: absolute;

  right: 0;

  top: -41px;

  font-size: 16px;

  height: 35px;

  line-height: 35px;

  color: #141516;

  font-weight: 600;

}



/*

*46 Doctors-Area 2

*/

section.docor-area-team-wrap {

  background-image: url(../img/background/team-shape.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-color: #f0f0f2;

  background-position: bottom center;

}



.doctors-area {

  width: 100%;

  float: left;

  display: block;

  padding: 110px 0 100px 0;

  background: #fff;

}



.doctors-area h1 {

  text-align: center;

  font-weight: 800;

  padding-bottom: 0;

  color: #141516;

  font-size: 36px;

  margin-bottom: 0;

}



.doc-box {

  width: 100%;

  float: left;

  display: block;

  padding-bottom: 15px;

  background: #f5f6f8;

  margin-top: 50px;

}



.product-box {

  width: 100%;

  float: left;

  display: block;

  margin-bottom: 30px;

  position: relative;

  overflow: hidden;

  transition: all 0.3s;

}



.product-box img {

  width: 100%;

}



.product-box .pro-text {

  width: 100%;

  height: 50%;

  position: absolute;

  text-align: center;

  left: 0;

  right: 0;

  background: linear-gradient(transparent, #000);

  top: 100%;

  transition: all 0.5s;

}



.product-box:hover .pro-text {

  top: 50%;

  padding-top: 200px;

}



.product-box .pro-text ul {

  margin: 0;

  padding: 0;

  width: 100%;

}



.product-box .pro-text ul li {

  display: inline-block;

  list-style: none;

}



.product-box .pro-text ul li a i {

  font-size: 24px;

  padding: 10px 15px;

  color: #fff;

}



.product-box .pro-text ul li a:hover {

  text-decoration: none;

}



.product-box .pro-text ul li a:hover i {

  color: #1576bb;

}



.doc-box h2 {

  font-size: 24px;

  color: #141516;

  font-weight: 600;

  padding-bottom: 15px;

  text-align: center;

  margin: 0;

}



.doc-box h4 {

  font-size: 18px;

  color: #1576bb;

  font-weight: 600;

  text-align: center;

}



.con-link {

  width: 100%;

  float: left;

  display: block;

  padding-top: 100px;

}



.con-link img {

  width: auto;

  float: none;

  display: block;

  margin: 15px auto;

}



/*

* 47 Appoinment-Area

*/

.appoinment-area {

  width: 100%;

  float: left;

  display: block;

  padding: 120px 0;

  background-image: url(../img/banner/banner-3.png);

  background-position: left;

  background-repeat: no-repeat;

  height: 780px;

  margin-bottom: 120px;

}



.appoinment-area h1 {

  text-align: left;

  font-weight: 700;

  padding-bottom: 20px;

  color: #fff;

  font-size: 40px;

  line-height: 50px;

  margin: 0;

}



.appoinment-area h2 {

  font-size: 48px;

  font-weight: 700;

  font-style: italic;

  color: #1576bb;

  padding-bottom: 20px;

  margin: 0;

}



.appoinment-area p {

  color: #fff;

  font-size: 16px;

  font-weight: 400;

  font-family: 'Open Sans', sans-serif;

  line-height: 28px;

  margin: 0;

}



.appoinment-area .btn-app {

  background: #fd121f;

  padding: 14px 20px;

  color: #fff;

  font-weight: 600;

  border-radius: 3px;

  margin-top: 30px;

  margin-bottom: 30px;

  font-family: 'Open Sans', sans-serif;

}



.appoinment-area .form-area {

  width: 100%;

  float: left;

  display: block;

  padding: 40px 60px;

  background: #fff;

  position: relative;

  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);

  margin-top: 40px;

}



.appoinment-area .form-area h1 {

  text-align: left;

  font-weight: 700;

  padding-bottom: 30px;

  color: #141516;

  font-size: 32px;

  line-height: 50px;

  margin: 0;

}



.appoinment-area .form-area input {

  height: 60px;

  margin-bottom: 10px;

  font-size: 17px;

  color: #000;

  border: 0;

  border-bottom: 1px solid #c9c9c9;

  border-radius: 0;

  padding: 0;

  box-shadow: none;

  font-family: 'Open Sans', sans-serif;

}



.appoinment-area .form-area input,

.appoinment-area .form-area textarea {

  height: 60px;

  margin-bottom: 10px;

  font-size: 17px;

  color: #000;

  border: 0;

  border-bottom: 1px solid #c9c9c9;

  border-radius: 0;

  padding: 0;

  box-shadow: none;

  font-family: 'Open Sans', sans-serif;

  width: 100%;

}



.appoinment-area .form-area i {

  font-size: 24px;

  color: #555;

  position: absolute;

  top: 20px;

  right: 18px;

}



.appoinment-area .form-area textarea {

  height: 90px;

  margin-top: 35px;

}



.appoinment-area .form-area input::placeholder,

.appoinment-area .form-area textarea::placeholder {

  color: #666;

}



.appoinment-area .form-area .btn-submit {

  margin-top: 30px;

}



.calendar {

  margin-bottom: 200px;

}



.class-link {

  color: #333333;

  text-decoration: none;

}



.class-link:hover {

  color: #ffbb00;

}



.calendar {

  padding: 8px;

  background: #ffffff;

  border-radius: 4px;

  font-size: 18px;

  border: 1px solid #333333;

}



.ui-datepicker {

  background: #ffffff;

  border-radius: 15px;

  z-index: 999 !important;

  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);

}



.ui-datepicker-header {

  height: 50px;

  line-height: 50px;

  color: #ffffff;

  background: #1576bb;

  margin-bottom: 10px;

}



.ui-datepicker-prev,

.ui-datepicker-next {

  width: 20px;

  height: 20px;

  text-indent: 9999px;

  border-radius: 100%;

  cursor: pointer;

  overflow: hidden;

  margin-top: 12px;

}



.ui-datepicker-prev {

  float: left;

  margin-left: 12px;

}



.ui-datepicker-prev:after {

  transform: rotate(45deg);

  margin: -43px 0px 0px 8px;

}



.ui-datepicker-next {

  float: right;

  margin-right: 12px;

}



.ui-datepicker-next:after {

  transform: rotate(-135deg);

  margin: -43px 0px 0px 6px;

}



.ui-datepicker-prev:after,

.ui-datepicker-next:after {

  content: '';

  position: absolute;

  display: block;

  width: 8px;

  height: 8px;

  border-left: 2px solid #ffffff;

  border-bottom: 2px solid #ffffff;

}



.ui-datepicker-prev:hover,

.ui-datepicker-next:hover,

.ui-datepicker-prev:hover:after,

.ui-datepicker-next:hover:after {

  border-color: #333333;

}



.ui-datepicker-title {

  text-align: center;

  font-size: 25px;

}



.ui-datepicker-calendar {

  width: 100%;

  text-align: center;

}



.ui-datepicker-calendar thead tr th span {

  display: block;

  width: 40px;

  color: #1576bb;

  margin-bottom: 5px;

  font-size: 18px;

}



.ui-state-default {

  display: block;

  text-decoration: none;

  color: #333333;

  line-height: 40px;

  font-size: 16px;

}



.ui-state-default:hover {

  color: #ffffff;

  background: #1576bb;

  border-radius: 50px;

  transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);

}



.ui-state-highlight {

  color: #ffffff;

  background-color: #1576bb;

  border-radius: 50px;

}





.ui-state-active {

  color: #ffffff;

  background-color: #1576bb;

  border-radius: 50px;

}



.ui-datepicker-unselectable .ui-state-default {

  color: #eee;

  border: 2px solid transparent;

}



.icon {

  margin-left: -30px;

  margin-top: -26px;

  position: relative;

  color: #1576bb;

  font-size: 20px;

}



/*

* 48 News-Area

*/



.news-area {

  width: 100%;

  float: left;

  display: block;

  padding: 90px 0 0px 0;

  background: #fff;

  margin-bottom: 90px;

}



.news-area h1 {

  text-align: center;

  font-weight: 800;

  padding-bottom: 25px;

  color: #141516;

  font-size: 40px;

  margin: 0;

}



.news-area p {

  text-align: center;

  font-weight: 400;

  color: #4f5256;

  font-size: 16px;

  font-family: 'Open Sans', sans-serif;

  padding-bottom: 40px;

  margin: 0;

}



.news-box {

  width: 100%;

  float: left;

  display: block;

  position: relative;

  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);

  padding-bottom: 30px;

  margin-bottom: 30px;

}



.news-box .news-inn {

  width: 100%;

  float: left;

  display: block;

  position: relative;

  overflow: hidden;

}



.news-inn img {

  max-width: 100%;

  transition: all 0.3s;

  display: block;

  width: 100%;

  height: auto;

  transform: scale(1);

}



.news-inn:hover img {

  transform: scale(1.3);

}



.news-box .news-text {

  display: block;

  width: 100%;

  float: left;

  padding: 30px;

}



.news-box .liner {

  display: flex;

  width: 100%;

  float: left;

  padding-bottom: 10px;

  flex-wrap: wrap;

  justify-content: space-between;

}



.news-box .liner h4 {

  color: #1576bb;

  font-family: 'Open Sans', sans-serif;

  font-size: 16px;

  font-weight: 600;

}



.news-box .news-text a h2 {

  color: #141516;

  font-size: 22px;

  font-weight: 700;

  text-align: left;

  padding: 20px 0;

  margin: 0;

}



.news-box .news-text a:hover {

  text-decoration: none;

}



.news-box .news-text a:hover h2 {

  color: #1576bb;

}



.news-box .news-text p {

  color: #4f5256;

  font-family: 'Open Sans', sans-serif;

  font-size: 16px;

  font-weight: 400;

  text-align: left;

  padding-bottom: 0;

  margin: 0;

}



.news-box .i-btn {

  float: right;

  width: auto;

  display: block;

  position: absolute;

  right: 30px;

  bottom: 20px;

}



.news-box i {

  color: #1576bb;

  font-size: 24px;

}



.google-map__contact {

  border: none;

  outline: none;

  display: block;

  width: 100%;

  height: 560px;

}





/*

*49 . Media Query Responsive

*/



@media screen and (max-width: 1919px) {

  .intro-box .inr h2 {

    font-size: 20px;

  }

}



@media screen and (max-width: 1919px) {

  .range-area .rng {

    width: 70px;

  }

}



@media (min-width: 481px) {



  .col-md-1,

  .col-md-2,

  .col-md-3,

  .col-md-4,

  .col-md-5,

  .col-md-6,

  .col-md-7,

  .col-md-8,

  .col-md-9,

  .col-md-10,

  .col-md-11,

  .col-md-12 {

    float: left;

  }

}



@media(max-width: 622px) and (min-width: 481px) {



  .headerTop .col-sm-3,

  .headerTop .col-sm-9 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }



  .contact-location {

    float: left;

    width: 100%;

    margin-top: 16px;

    margin-left: -35px;

  }



}



@media(max-width: 1199px) and (min-width: 992px) {

  .hero-about-area {

    margin-top: 0;

  }



  .slder.slider-1 {

    display: none;

  }



}



@media (max-width: 1199px) {



  .boxsed-shawo {

    padding: 20px;

  }

  #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.second_submenu {

    opacity: 1;

    visibility: visible;

    left: 0;

  }



  .opps-area,

  .banner-2 {

    margin-top: 0;

  }



  #main-navigation-wrapper.navbar-default {

    background: linear-gradient(to right, #06f, #044ebd);

    height: 68px;

    float: unset;

  }



  .navbar-header {

    width: 100%;

    float: none;

    margin: 0px !important;

  }



  .navbar-toggle {

    position: relative;

    float: right;

    padding: 9px 10px;

    margin-top: 8px;

    margin-right: 15px;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

  }



  .navbar-default .navbar-toggle {

    border: medium none;

    display: block;

    margin: 8px 0px 9px;

    padding: 15px 10px;

  }



  .navbar-default .navbar-toggle {

    border: medium none;

    display: block;

    margin: 5px 0px 9px;

    padding: 15px 10px;

    float: left;

  }



  .sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

  }



  .navbar-default .navbar-toggle .icon-bar {

    background: #fff;

    width: 25px;

    height: 3px;

    display: block;

    width: 32px;

    height: 2px;

    border-radius: 1px;

    padding: 2px 0 1px;

    margin-top: 5px;

  }



  .navbar-collapse.collapse {

    display: none !important;

    height: 0 !important;

    padding-bottom: 0;

    overflow: auto !important;

    width: 100%;

  }



  .navbar-default .navbar-collapse {

    background: #12121b;

    padding: 0px 0px !important;

    padding-bottom: 0px !important;

    margin: 0;

  }



  .navbar-collapse.collapse.show {

    display: block !important;

    height: auto !important;

    max-height: 80vh;

  }



  #main-navigation-wrapper .navbar-collapse {

    border-color: #232333;

    border-radius: 0px;

    background: linear-gradient(to right, #06f, #044ebd);

    -webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.25);

    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.25);

    text-align: center;

  }



  #main-navigation-wrapper .nav {

    width: 100%;

  }



  .header-nav-right {

    width: 100%;

    display: block;

  }



  .acctivee::before {

    display: none;

  }



  .headerButton {

    width: 100%;

    margin: 0;

    padding: 10px 15px;

  }



  .search-column {

    display: none;

  }



  .header1 #main-navigation-wrapper .nav>li {

    padding: 0;

  }



  .header-socials {

    display: none;

  }



  .headerButton a {

    background: #fd121f;

  }



  .acctivee {

    padding: 15px 10px !important;

  }



  .navbar-default .navbar-toggle:hover {

    border-color: #fff;

    background: none !important;

    background-color: transparent;

  }



  #main-navigation-wrapper .nav>li {

    display: block;

    padding: 0;

    text-align: left;

    width: 100%;

  }



  i.fa.fa-chevron-down {

    float: right;

    color: #fff;

    z-index: 9999;

    position: absolute;

    top: 0;

    right: 9px;

    padding: 20px 16px;

  }



  #main-navigation-wrapper .navbar-nav>li>.dropdown-submenu {

    position: relative;

    width: 100%;

    opacity: 1;

    visibility: visible;

    left: auto;

    right: auto;

    transform: translate3d(0px, 0px, 0px);

    transition: none !important;

    display: none;

    top: auto;

    float: none;

    background: #003f9d;

    box-shadow: 0 0 0 #fff;

  }



  #main-navigation-wrapper .dropdown-submenu>li>a {

    border-bottom: 1px solid #002f75 !important;

  }



  #main-navigation-wrapper .nav>li>a {

    display: block;

    width: 100%;

    padding: 16px 25px;

    border-bottom: 1px solid #002f75 !important;

    border-right: 0px;

    position: relative;

    font-size: 15px;

    color: #fff;

  }



  .header1 #main-navigation-wrapper .nav>li>a {

    padding: 16px 20px;

  }



  #main-navigation-wrapper .dropdown-submenu li:hover>ul.dropdown-submenu.second_submenu {

    left: 0;

  }



  #main-navigation-wrapper .dropdown-submenu li>ul.dropdown-submenu {

    position: relative;

    width: 100%;

    opacity: 1;

    visibility: visible;

    left: auto;

    right: auto;

    transform: translate3d(0px, 0px, 0px);

    transition: none !important;

    display: none;

    top: auto;

    float: none;

    background: #fd121f none repeat scroll 0 0;

    box-shadow: 0 0 0 #fff;

  }



  #main-navigation-wrapper .dropdown-submenu li:hover>ul.dropdown-submenu.third_submenu {

    left: 0;

  }



  #main-navigation-wrapper .dropdown-submenu li:hover a {

    padding-left: 35px;

  }



  .contact-location .left-location h6 {

    font-size: 16px;

  }



  .headerTop {

    padding: 30px 15px;

  }

}



@media (min-width:991px) and (max-width:1160px) {



  .appoinment-area {

    height: 830px;

  }

}



@media (min-width:767px) and (max-width:991px) {

  .appoinment-area {

    height: 750px;

  }



  .services-area {

    margin-top: 150px;

  }



  .advanced-area .adv-detail {

    margin-bottom: 60px;

  }

}



@media (min-width:481px) and (max-width:575px) {

  .home .appoinment-area {

    margin-bottom: 90px !important;

  }

}



@media(min-width:576px) and (max-width:707px) {

  .home .appoinment-area {

    margin-bottom: 160px !important;

  }



  .home .news-area {

    padding-top: 95px;

  }

}



@media(min-width:708px) and (max-width:725px) {

  .home .appoinment-area {

    margin-bottom: 120px !important;

  }



  .home .news-area {

    padding-top: 105px;

  }

}



@media(min-width:726px) and (max-width:767px) {

  .home .appoinment-area {

    margin-bottom: 90px !important;

  }

}



@media(max-width: 480px) {

  a.logo {
    margin-top: 10px;

    width: 100%;

    text-align: center;

    float: left;

    /* margin-bottom: 30px; */

  }



  .contact-location {

    display: block;

  }



  .contact-location .left-location {

    border: none;

  }



  .contact-location .left-location.textright {

    margin-top: 5px;

  }



  .sheap-1 {

    display: none;

  }



  .appoinment-area {

    margin-bottom: 60px !important;

  }

}



/* XL Device :1200px. */

@media (min-width: 1449px) and (max-width: 1740px) {



  .slide-text {

    top: 24%;

  }



  .owl-stage-outer {

    margin-right: 0;

    padding-left: 0;

  }



}



/* XL Device :1200px. */

@media (min-width: 1200px) and (max-width: 1449px) {

  .specia-logo {

    bottom: 45px;

  }



  .owl-stage-outer {

    margin-right: 0;

    padding-left: 0;

  }

}



/* XL Device :1200px. */

@media (min-width: 992px) and (max-width: 1024px) {

  .header-logo img {

    max-width: 131px;

  }



  .nav-link {

    padding: 10px 30px;

  }



  .single-pruse {

    padding: 30px 38px;

  }



  .about-right-sight {

    display: none;

  }



  .about-bootom-area {

    display: none;

  }



  .sheap-1 {

    display: none;

  }



  .toggle-bar {

    display: block;

    position: absolute;

    top: -2px;

    width: 40px;

    height: 40px;

    background: #044fbf;

    line-height: 45px;

    text-align: center;

    border-radius: 4px;

    right: -571px;

  }



  .owl-stage-outer {

    margin-right: 0;

    padding-left: 0;

  }



  .header-off-btn.menu-trigger.right {

    display: block !important;

  }



  .slder.slider-1 {

    display: none;

  }



}



/* LG Device :992px. */

@media (min-width: 992px) and (max-width: 1200px) {

  .about-text h4 {

    font-size: 16px;

  }



  .about-site-menu ul li {

    margin: 0 12px;

  }



  .about-site-menu li a {

    font-size: 16px;

  }



  .nav-link {

    padding: 10px 14px;

  }



  .sheap-1 {

    display: none;

  }



  .exper-title h2 {

    font-size: 30px;

  }



  .exper-content p {

    font-size: 19px;

  }



  .shape.shape-1 {

    max-width: 498px;

  }



  .service-title h2 {

    font-size: 30px;

  }



  .care-text p {

    font-size: 12px;

  }



  .call-time-text h3 {

    font-size: 30px;

  }



  .time-button {

    right: 15px;

  }



  .features-text h3 {

    font-size: 20px;

  }



  .hero-about-area {

    padding-top: 130px;

    padding-bottom: 120px;

  }



  .medi-content p {

    font-size: 16px;

  }



  .team-text p {

    font-size: 15px;

  }



  .team-area.height {

    min-height: 388px;

  }



  .advance-text p {

    font-size: 16px;

    line-height: 22px;

  }



  .specia-logo {

    position: absolute;

    bottom: 73px;

    max-width: 116px;

  }



  .wlak.walk-1 {

    bottom: 13px;

  }



  .special-inner li {

    margin-bottom: 12px;

  }



  .doctor-wrap {

    padding-bottom: 350px;

  }



  .doctor-team-area {

    padding-top: 0px;

    padding-bottom: 50px;

  }



  .about-site-menu li a {

    font-size: 13px;

    padding: 18px 13px;

  }



  .about-site-menu ul li {

    margin: 0 0;

  }



  .sli.sli-2 {

    display: none;

  }



  .slider-content {

    margin: auto;

  }



  .slider-info {

    width: 370px;

    margin: auto;

  }



  .owl-stage-outer {

    margin-right: 0;

    padding-left: 0;

  }

}







/* MD Device :768px. */



@media (min-width: 768px) and (max-width: 991px) {

  .navbar-nav {

    padding: 20px;

    border-radius: 5px;

  }



  .header-off-btn.menu-trigger.right {

    display: block !important;

  }



  .sheap-1 {

    display: none;

  }



  .dropdown:hover .dropdown-menu {

    display: none;

  }



  .about-site-menu ul li {

    margin: 0 6px;

  }



  .about-right {

    right: -108px;

  }



  .about-text h5 {

    font-size: 16px;

  }



  .about-text h4 {

    font-size: 12px;

  }



  .about-right {

    right: -98px;

  }



  .header-logo img {

    max-width: 131px;

  }



  .about-site-menu li a {

    font-size: 12px;



  }



  .special-inner li {



    text-align: left;

  }



  .exper-content p {

    font-size: 16px;

    margin-bottom: 10px;

  }



  .shape.shape-1 {

    max-width: 498px;

  }



  .care-text p {

    font-size: 16px;

    line-height: 24px;

  }



  .exper-info h4 {

    font-size: 16px;

  }



  .exper-text p {

    font-size: 16px;

    margin-bottom: 8px;

    line-height: 22px;

  }



  .exper-inner {

    bottom: 21px;

  }



  .shape.shape-1 {

    max-width: 375px;

  }



  .exper-info h3 {

    font-size: 18px;

  }



  .service-title p {

    font-size: 16px;

  }



  .exper-inner img {

    max-width: 150px;

  }



  .call-time-text h3 {

    font-size: 30px;

  }



  .shape.shape-2 {

    max-width: 490px;

  }



  .time-button {

    right: 15px;

  }



  .features-text h3 {

    font-size: 22px;

    margin-bottom: 10px;

  }



  .hero-about-area {

    padding-top: 90px;

    padding-bottom: 80px;

  }



  .team-text p {

    font-size: 16px;

    line-height: 22px;

  }



  .team-area.height {

    min-height: 360px;

  }



  .dental-care img {

    max-width: 50px;

  }



  .care-text h4 {

    font-size: 16px;

    margin-bottom: 2px;

  }



  .medi-service-box {

    margin-bottom: 35px;

  }



  .service-title {

    margin-bottom: 30px;

  }



  .doctor-team-content h3 {

    font-size: 16px;

    margin-bottom: 6px;

  }



  .doctor-team-content h4 {

    font-size: 16px;

    margin-bottom: 6px;

  }



  .doctor-team-content p {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 4px;

  }



  .View-Profile {

    font-size: 16px;

    border-bottom: 2px solid #0061f2a8;

  }



  .call-box {

    font-size: 16px;

  }



  .shape.shape-6 {

    max-width: 150px;

  }



  .call-time-area {

    height: 180px;

  }



  .features-text p {

    font-size: 16px;

    line-height: 22px;

  }



  .fea-title {

    margin-bottom: 30px;

  }



  .features-all-content {

    margin-bottom: 40px;

  }



  .about-call img {

    max-width: 24px;

  }



  .about-right {

    right: -9px;

  }



  .advance-title {

    margin-bottom: 40px;

  }



  .advance-text p {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 10px;

  }



  .special-wrapper h3 {

    margin-bottom: 20px;

  }



  .special-inner li a {

    font-size: 16px;

  }



  .special-inner li {

    margin-bottom: 10px;

  }



  .doctor-wrap {

    padding-bottom: 350px;

  }



  .blog-left-area {

    padding: 0;

    padding-bottom: 80px;

  }



  .advanced-area .adv-indi h2 {

    font-size: 20px;

  }





  .opps-containt h3 {

    font-size: 110px;

    line-height: 110px;

  }



  .opps-containt h4 {

    font-size: 30px;

  }



  .opps-containt p {

    font-size: 16px;

  }



  .about-bootom-area {

    display: none;

  }



  .about-right-sight {

    display: none;

  }



  .toggle-bar {

    display: block;

  }



  .toggle-bar {

    display: block;

    position: absolute;

    right: 0;

    top: -2px;

    width: 40px;

    height: 40px;

    background: #044fbf;

    line-height: 45px;

    text-align: center;

    border-radius: 4px;

  }



  .toggle-bar i {

    font-size: 25px;

    color: #fff;

    cursor: pointer;

  }



  .hero-about-area {

    padding-top: 90px;

    padding-bottom: 80px;

    margin-top: 0;

  }



  .advace-thumb {

    text-align: center;

    margin-bottom: 40px;

  }



  .advace-thumb img {

    max-width: 400px;

  }



  .special-all-content {

    margin-bottom: 50px;

  }



  .doctor-content span {

    font-size: 38px;

    color: #0063f6;

    font-weight: 700;

    font-style: italic;

  }



  .blog-right {

    margin-bottom: 0px;

  }



  .blog-left-area.listt {

    padding-right: 0;

    padding-left: 0;

  }



  .contact-fl {

    padding-top: 90px;

    width: 100%;

  }



  .contact-fl address {

    display: flex;

    justify-content: space-around;

    margin-bottom: 0;

  }



  .contact-fl address .single-contact {

    margin-bottom: 0;

  }



  .contact-fl address .single-contact:last-child {

    margin-bottom: 0;

  }



  .contact-time {

    margin-bottom: 40px;

  }



  .pps-lidtt {

    margin-top: 62px;

  }



  .doctor-containt h3 {

    font-size: 30px;

  }



  .doctor-into {

    margin-bottom: 50px !important;

  }



  .llff {

    display: block;

  }



  .sli.sli-2 {

    display: none;

  }



  .slider-content {

    margin: auto;

  }



  .slider-info {

    width: 370px;

    margin: auto;

  }



  .owl-stage-outer {

    margin-right: 0;

    padding-left: 0;

  }



}



/* SM Small Device :320px. */

@media only screen and (min-width: 320px) and (max-width: 767px) {

  .header-off-btn.menu-trigger.right {

    display: block !important;

  }



  .care-text {

    width: 100%;

    margin-left: 0;

  }



  .single-pruse {

    transition: 0.3s;

    text-align: left;

  }



  .sheap-1 {

    display: none;

  }



  .shape .shape-2 {

    display: none;

  }



  .shape .shape-1 {

    display: none;

  }



  .exper-content p {

    font-size: 16px;

    margin-bottom: 8px;

  }



  .exper-text p {

    font-size: 16px;

    margin-bottom: 10px;

    line-height: 22px;

  }



  .exper-all-content {

    text-align: center;

  }



  .exper-inner img {

    max-width: 100px;

  }



  .exper-info h3 {

    font-size: 16px;

    margin-bottom: 5px;

  }



  .exper-info h4 {

    font-size: 12px;

  }



  .exper-inner {

    right: 20px;

    bottom: 44px;

  }



  .exper-flexe {

    margin-top: -10px;

  }



  .service-title p {

    font-size: 16px;

  }



  .service-title {

    margin-bottom: 20px;

  }



  .special-inner li {

    padding-left: 20px;

    text-align: left;

  }



  .care-text h4 {

    font-size: 16px;

    margin-bottom: 0px;

  }



  .care-text p {

    font-size: 16px;

    line-height: 20px;

  }



  .medi-service-box {

    margin-bottom: 30px;

  }



  .exper-button a {

    font-size: 16px;

    padding: 14px 25px;

  }



  .exper-button {

    padding-bottom: 30px;

  }



  .doctor-team-content h3 {

    font-size: 18px;

    margin-bottom: 6px;

  }



  .doctor-team-content h4 {

    font-size: 16px;

    margin-bottom: 6px;

  }



  .doctor-team-content {

    padding: 10px 20px;

  }



  .team-text p {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 20px;

  }



  .call-time-info {

    display: block;

  }



  .call-box {

    font-size: 15px;

    padding: 14px 26px;

  }



  .call-time-content {

    text-align: center;

  }



  .call-time-text h3 {

    font-size: 20px;

  }



  .time-button {

    position: unset;

  }



  .call-time-text {

    margin-bottom: 20px;

  }



  .fea-title p {

    font-size: 16px;

    line-height: 22px;

  }



  .fea-title {

    margin-bottom: 15px;

  }



  .features-info img {

    max-width: 25px;

  }



  .features-text {

    padding-left: 10px;

  }



  .features-text h3 br {

    display: none;

  }



  .features-text h3 {

    font-size: 18px;

    margin-bottom: 8px;

  }



  .features-text p {

    font-size: 16px;

  }



  .features-all-content {

    margin-bottom: 25px;

  }



  .footer-fast a img {

    max-width: 130px;

    margin-bottom: ;

  }





  .team-img img {

    width: 100%;

  }



  .toggle-bar {

    display: block;

    position: absolute;

    right: 0;

    top: -8px;

  }



  .about-right-sight {

    display: none;

  }



  .menu-area {

    display: none;

  }



  .header-logo {

    position: relative;

  }



  .header-logo img {

    max-width: 140px;

  }



  .hero-about-area {

    margin-top: 0;

  }



  .toggle-bar {

    display: block;

    position: absolute;

    right: 0;

    top: -2px;

    width: 40px;

    height: 40px;

    background: #044fbf;

    line-height: 45px;

    text-align: center;

    border-radius: 4px;

  }



  .explore {

    display: block;

    text-align: center;

  }



  .dental-care img {

    margin-bottom: 10px;

  }



  .hero-about-area {

    padding-top: 30px;

    padding-bottom: 50px;

  }



  .hero-about-text h2 {



    margin-bottom: 10px;

  }



  .hero-about-text h4 {

    font-size: 16px;

  }



  .textarea.text-center p {

    font-size: 16px;

  }



  .foot-fl .single-widget {

    margin-bottom: 30px;

  }



  .footer-fast {

    margin-bottom: 30px;

  }



  .advance-title {

    margin-bottom: 30px;

  }



  .advace-thumb {

    margin-bottom: 30px;

    text-align: center;

  }



  .advance-text {

    text-align: center;

  }



  .advance-text p {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 10px;

  }



  .single-circle-progressber {

    margin-bottom: 30px;

  }



  .circle-progressbar-wrap {

    margin-bottom: 10px;

  }



  .special-all-content {

    text-align: center;

  }



  .special-inner li {

    margin-bottom: 14px;

  }



  .special-wrapper h3 {

    font-size: 20px;

    margin-bottom: 20px;

  }



  .specia-logo {

    max-width: 90px;

  }



  .special-button a {

    padding: 18px 18px;

  }



  .special-wrapper {

    background-color: #fd121f;

    padding: 30px 40px;

  }



  .wlak.walk-1 {

    display: none;

  }



  .doctor-wrap {

    text-align: center;

  }



  .doctor-content span {

    font-size: 30px;

  }



  .form-title h3 {

    font-size: 17px;

  }



  .special-content h3 {

    font-size: 22px;

    margin-bottom: 10px;

  }



  .consul-text {

    text-align: center;

  }



  .consul-text p {

    font-size: 27px;

  }



  .brand-active.owl-carousel .owl-item img {

    max-width: 130px;

  }



  .apoin.apoin-2 {

    max-width: 285px;

  }



  .brand-active {

    padding-top: 55px;

  }



  .blog-left-area {

    padding: 0;

    padding-bottom: 80px;

  }



  .single-comment a {

    background: #D6D7D9;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    margin-right: 15px;

    flex: 0 0 50px;

  }



  .single-comment.mad {

    padding-left: 0;

  }



  .commnet-text-area a {

    background: transparent;

  }



  .blog-containt p {

    font-size: 16px;

    line-height: 23px;

  }



  .comment-area {

    padding-bottom: 60px;

  }



  .opps-containt h3 {

    font-size: 85px;

    line-height: 80px;

  }



  .opps-containt h4 {

    font-size: 20px;

    margin-bottom: 5px;

  }



  .opps-containt p {

    font-size: 16px;

  }



  .advance-title.text-center.mb-70 h2 br {

    display: none;

  }



  .special-inner li a {

    font-size: 16px;

    margin: 0;

    text-align: left !important;

  }



  .foot-fl {

    display: flex;

    justify-content: start;

  }



  .consul-text p img {

    position: absolute;

    left: -66px;

    max-width: 47px;

  }



  .se-img img {

    width: 100%;

  }



  .blog-right {

    margin-bottom: 40px;

  }



  .blog-left-area.listt {

    padding-right: 0;

    padding-left: 0;

  }



  .blog-left-area.listt {

    padding-right: 0;

    padding-left: 0;

  }



  .blog-left-area.listt {

    margin-bottom: 0;

  }



  .contact-map {

    height: 400px;

  }



  .blog-form-area h3 {

    font-size: 22px;

  }



  .blog-form-area input {

    width: 100%;

    height: 40px;

    border: 1px solid #BDBDBD;

    padding: 0 20px;

    font-size: 16px;

    font-weight: 400;

    color: #4F5256;

    margin-bottom: 15px;

  }



  .blog-form-area textarea {

    height: 86px;

  }



  .doctors-img img {

    margin-bottom: 40px;

  }



  .nav-link {

    font-size: 16px;

    padding: 10px 14px;

  }



  .doctor-containt h3 {

    font-size: 30px;

    color: #141516;

    font-weight: 700;

  }



  .hapy-section p {

    font-size: 16px;

    color: #4F5256;

    font-weight: 400;

    width: auto;

    margin: 0;

  }



  .port-img img {

    width: 100%;

  }



  .pricing-title p {

    font-size: 16px;

    color: #4f5256;

    font-weight: 400;

    margin: 0;

  }



  .contact-time {

    margin-bottom: 40px;

  }



  .eye-list {

    display: block;

  }



  .eye-list-lf {

    margin-bottom: 30px;

  }



  .doctor-containt h3 {

    font-size: 30px;

  }



  .doctor-into {

    margin-bottom: 50px !important;

  }



  .llff {

    display: block;

    justify-content: space-between;

    margin-bottom: 25px;

  }



  .imgg {

    display: block;

    text-align: center;

  }



  .imgg img:last-child {

    margin: 0;

  }



  .sli.sli-2 {

    display: none;

  }



  .single-slider-active .owl-item.active.center .slider-content {

    background: #1576bb;

    color: #fff;

    margin: auto;

  }



  .faq-content {

    width: auto;

    margin-bottom: 50px;

  }



  .faq-content h1 {

    font-size: 30px;

  }



  .slider-content {

    margin: auto;

  }



  .slider-info {

    width: 370px;

    margin: auto;

  }



  .owl-stage-outer {

    margin-right: 0;

    padding-left: 0;

  }



}



/* SM Small Device :550px. */



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .header-off-btn.menu-trigger.right {

    display: block !important;

  }



  .single-pruse {

    transition: 0.3s;

    text-align: left;

  }



  .sheap-1 {

    display: none;

  }



  .team-area.height {

    min-height: 184px;

  }



  .doctor-team-content h3 {

    font-size: 15px;

    margin-bottom: 6px;

  }



  .doctor-team-content h4 {

    font-size: 16px;

    margin-bottom: 6px;

  }



  .doctor-team-content p {

    font-size: 16px;

    color: #4f5256;

    line-height: 22px;

    margin-bottom: 10px;

  }



  .View-Profile {

    font-size: 16px;

  }



  .slider-area {

    padding-bottom: 30px;

  }



  .advanced-area .adv-img {

    margin-bottom: 30px;

  }

}



/* XL Device :1200px. */



@media (min-width: 1449px) and (max-width: 1740px) {

  .owl-stage-outer {

    margin-right: 0;

    padding-left: 0;

  }



}



/* XL Device :1200px. */



@media (min-width: 1200px) and (max-width: 1449px) {

  .specia-logo {

    bottom: 45px;

  }



  .owl-stage-outer {

    margin-right: 0;

    padding-left: 0;

  }



  .slide-text {

    left: 0;

    top: 17%
  }

}



/* XL Device :1200px. */



@media (min-width: 992px) and (max-width: 1024px) {}



/* LG Device :992px. */



@media (max-width: 1199px) {

  .range-area .rng {

    width: 34px;

  }



  .skillbar {

    margin-bottom: 10px;

  }



  .news-box .liner h4 {

    font-size: 13px;

    min-width: 120px;

  }



  .slide-text h1 {

    font-size: 48px;

    line-height: 48px;

  }



  .slide-text {

    top: 17%;

    padding: 0 15px;

  }



  .indicators-line>.carousel-indicators {

    display: none;

  }

  .home .doctors-area {

    padding: 100px 0 100px 0 !important;

  }

}



@media (max-width: 991px) {

  .intro-box {

    margin-top: 15px;

  }



  .advanced-area .adv-bottom {

    height: 185px;

    width: 735px;

  }



  .slide-text {

    left: 0;

    top: 23%
  }



  .services-box .per-box {

    min-height: 260px;

  }



  .skill-area .txt {

    padding-bottom: 20px;

  }



  .skill-area {

    padding-right: 50px;

  }



  .slide-text h1 {

    font-size: 22px;

    margin: 0px;

  }



  .slide-text p {

    font-size: 15px;

    width: 65%;

  }



  .blog-left-area.listt {

    margin-bottom: 0;

  }



  .blog-list-i {

    text-align: left;

    margin-left: 0;

    margin-bottom: 30px;

  }



  .pruse-area.ptt {

    padding-top: 80px;

  }

}



@media only screen and (max-width: 767px) {



  .services-box .per-box {

    width: 50%;

    border: 1px solid #e6e6e6 !important;

  }



  .banner-2 {

    padding-top: 13%;

    padding-bottom: 13%;

  }



  .advanced-area .adv-img .first {

    right: 0;

  }



  .for-mobile {

    display: none !important;

  }



  .upper-range {

    position: static !important;

  }



  .range-area {

    margin-bottom: 0 !important;

  }



  .Medical-Services-area {

    padding-top: 40px;

  }



  .medi-thumb {

    text-align: center;

    padding: 30px 0 0 0;

  }

}





@media (max-width: 480px) {



  .contact-location .left-location {

    padding: 0 !important;

  }



  .contact-location .left-location h4 {

    font-size: 14px !important;

  }



  .range-area {

    margin-bottom: 0 !important;

  }



  .advanced-area {

    padding-bottom: 50px !important;

  }



  button.btn.btn-link.btn-block.text-left {

    font-size: 14px !important;

  }



  .hero-about-text h2 {

    font-size: 12vw !important;

  }



  .advanced-area .adv-img .main {

    padding-left: 0;

  }



  .no-padding {

    padding: 0 15px !important;

  }



  .advanced-area .adv-img .second {

    width: 160px;

    left: -30px;

  }



  .advanced-area .adv-img .first {

    right: -13px;

  }



  .advanced-area .adv-detail {

    padding: 20px 20px 70px !important;

  }



  .advanced-area .adv-bottom {

    bottom: 0;

    height: auto;

    left: 0;

    position: relative;

    width: 100%;

    margin-top: 30px;

  }



  .advanced-area .adv-bottom {

    display: flow-root;

    width: 100%;

    position: relative;

  }



  .adv-bottom h3 {

    font-size: 16px;

    width: 100%;

    padding-right: 0;

    padding-left: 0;

    border-right: 0;

  }



  .adv-bottom ul li {

    font-size: 16px;

    font-family: 'Poppins', sans-serif;

  }



  .adv-bottom ul {

    padding-left: 0;

  }



  .adv-bottom ul li b {

    width: 100px;

  }



  .services-box .per-box {

    width: 100%;

    border: 1px solid #e6e6e6 !important;

  }



  .for-mobile {

    width: 100%;

    float: left;

    display: block;

    height: 500px;

  }



  .for-mobile {

    height: 510px;

  }



  .range-img {

    height: auto;

  }



  .range-area img {

    width: 100%;

  }



  .range-area img {

    width: 100%;

  }



  .range-area .upper-range {

    top: 50px;

  }



  .skill-area {

    padding-right: 0;

  }



  .range-area .rng {

    width: 38px;

    top: 432px;

  }



  .doc-box {

    margin-bottom: 20px;

  }



  .con-link img {

    margin-bottom: 20px;

  }



  .appoinment-area {

    height: 820px;

  }



  .appoinment-area h2 {

    font-size: 40px;

    padding-bottom: 10px;

  }



  .appoinment-area .form-area {

    padding: 25px;

  }



  .appoinment-area .form-area input,

  .appoinment-area .form-area textarea {

    height: 48px;

  }



  .bs-slider>.carousel-inner>.item>img,

  .bs-slider>.carousel-inner>.item>a>img {

    height: 260px;

  }



  .slide-text {

    display: none;

  }



  .banner-2 {

    padding-top: 13%;

    padding-bottom: 13%;

  }



  .zoom-containt-top h3 {

    padding-top: 20px;

  }



  .shop-area {

    padding-top: 100px;

  }

}



@media (min-width: 992px) and (max-width: 1200px) {



  .advanced-area .adv-bottom {

    bottom: -70%;

  }



  .exper-title h2 {

    font-size: 30px;

  }



  .exper-content p {

    font-size: 19px;

  }



  .shape.shape-1 {

    max-width: 498px;

  }



  .service-title h2 {

    font-size: 30px;

  }



  .care-text p {

    font-size: 16px;

  }



  .call-time-text h3 {

    font-size: 30px;

  }



  .time-button {

    right: 15px;

  }



  .features-text h3 {

    font-size: 20px;

  }



  .hero-about-area {

    padding-top: 130px;

    padding-bottom: 120px;

  }



  .team-text p {

    font-size: 16px;

  }



  .team-area.height {

    min-height: 388px;

  }



  .advance-text p {

    font-size: 16px;

    line-height: 22px;

  }



  .specia-logo {

    position: absolute;

    bottom: 73px;

    max-width: 116px;

  }



  .wlak.walk-1 {

    bottom: 13px;

  }



  .special-inner li {

    margin-bottom: 12px;

  }



  .doctor-wrap {

    padding-bottom: 350px;

  }



  .about-site-menu li a {

    font-size: 13px;

    padding: 18px 13px;

  }



  .about-site-menu ul li {

    margin: 0 0;

  }



  .sli.sli-2 {

    display: none;

  }



  .slider-content {

    margin: auto;

  }



  .slider-info {

    width: 370px;

    margin: auto;

  }



  .owl-stage-outer {

    margin-right: 0;

    padding-left: 0;

  }

}



/* SM Small Device  */



@media (max-width: 767px) {



  .bolg-gied-area .container,

  .pruse-area .container {

    overflow: visible;

  }



  header.header1 {

    /* position: static; */

  }
.scroll-header{
      top: 236px !important;
}
.top-button button{
  padding: 0 10px !important;
}
.top-button {
    display: flex !important;
    justify-content: space-around !important;
}
       .headerTop {
        padding: 0 0 15px;
    }

  /* .hero-area {

    text-align: left;

    padding-top: 19px;

    height: 300px;

  } */



  /* .hero-containt {

    width: 300px;

    box-sizing: border-box;

  } */



  .hero-text h1 {

    font-size: 30px;

  }



  .hero-text p {

    font-size: 18px;

    margin-bottom: 10px !important;

  }



  .hero-active.owl-carousel .owl-dots {

    width: 100%;

    position: static;

    flex-direction: row;

  }



  .hero-active.owl-carousel .owl-dot span {

    border: 2px solid #0064FA;

  }



  .contact-area .container {

    overflow: visible;

  }

  .container {

    overflow: hidden;

  }

  .hero-containt .exper-button a {

    font-size: 16px;

    padding: 10px 30px;

  }



  .range-area .modal-dialog {

    left: 5%;

    right: 5%;

    top: 0;

  }



  section.appoinment-area .container {

    overflow: visible;

  }



  .advanced-area .adv-detail {

    padding: 20px 20px 260px;

  }



  .advanced-area .adv-bottom {

    bottom: -10px;

  }



  .advanced-area .adv-img .main {

    padding-right: 30px;

    padding-left: 30px;

  }



  .single-blog-gied {

    height: auto !important;

    min-height: 520px;

    padding-bottom: 10px;

  }



  .single-blog-gied .se-img img {

    height: 100%;

  }



  .blog-gied-text .angle-left {

    bottom: -25px;

  }



  .contact-fl address {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    width: 100%;

    margin-bottom: 0;

  }



  .contact-fl address .single-contact {

    min-width: calc(100%/2 - 40px);

    margin-left: 20px;

    margin-right: 20px;

  }



  .card-header button i {

    right: 0 !important;

  }



  .shape.shape-2 {

    display: none;

  }



  .shape.shape-1 {

    display: none;

  }



  .slide-text {

    top: 13%;

  }



  .slide-text p {

    padding-bottom: 25px;

  }



  .exper-content p {

    font-size: 16px;

    margin-bottom: 8px;

  }



  .exper-text p {

    font-size: 16px;

    margin-bottom: 10px;

    line-height: 22px;

  }



  .exper-all-content {



    text-align: center;

  }



  .exper-inner img {

    max-width: 100px;

  }



  .exper-info h3 {

    font-size: 16px;

    margin-bottom: 5px;

  }



  .exper-info h4 {

    font-size: 12px;

  }



  .exper-inner {

    right: 20px;

    bottom: 44px;

  }



  .exper-flexe {

    margin-top: -10px;

  }



  .advanced-area .adv-indi h2 {

    font-size: 20px;

  }



  .service-title p {

    font-size: 16px;

  }



  .service-title {

    margin-bottom: 20px;

  }



  .dental-care img {

    max-width: 40px;

  }



  .care-text h4 {

    font-size: 18px;

    margin-bottom: 8px;

  }



  .care-text p {

    font-size: 16px;

    line-height: 20px;

  }



  .medi-service-box {

    margin-bottom: 30px;

  }



  .exper-button a {

    font-size: 16px;

    padding: 14px 25px;

  }



  .exper-button {

    padding-bottom: 30px;

  }



  .doctor-team-content h3 {

    font-size: 18px;

    margin-bottom: 6px;

  }



  .doctor-team-content h4 {

    font-size: 16px;

    margin-bottom: 6px;

  }



  .doctor-team-content {

    padding: 10px 20px;

  }



  .team-text p {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 20px;

  }



  .call-time-info {

    display: block;

  }



  .call-box {

    font-size: 15px;

    padding: 14px 26px;

  }



  .call-time-content {

    text-align: center;

  }



  .call-time-text h3 {

    font-size: 30px;

  }



  .time-button {

    position: unset;

  }



  .call-time-text {

    margin-bottom: 20px;

  }



  .fea-title p {

    font-size: 16px;

    line-height: 22px;

    padding-bottom: 50px;

  }



  .fea-title {

    margin-bottom: 15px;

  }



  .features-info img {

    max-width: 25px;

  }



  .features-text {

    padding-left: 10px;

  }



  .features-text h3 br {

    display: none;

  }



  .features-text h3 {

    font-size: 18px;

    margin-bottom: 8px;

  }



  .features-text p {

    font-size: 16px;

  }



  .features-all-content {

    margin-bottom: 25px;

  }



  .footer-fast a img {

    max-width: 130px;

    margin-bottom: ;

  }



  .team-img img {

    width: 100%;

  }



  .hero-about-area {

    margin-top: 0;

  }



  .explore {

    display: block;

    text-align: center;

  }



  .dental-care img {

    margin-bottom: 10px;

  }



  .hero-about-area {

    padding-top: 70px;

    padding-bottom: 70px;

  }



  .hero-about-text h2 {



    margin-bottom: 10px;

  }



  .hero-about-text h4 {

    font-size: 16px;

  }



  .textarea.text-center p {

    font-size: 16px;

  }



  .foot-fl .single-widget {

    margin-bottom: 30px;

  }



  .footer-fast {

    margin-bottom: 30px;

  }



  .advance-title {

    margin-bottom: 30px;

  }



  .advace-thumb {

    margin-bottom: 30px;

  }



  .advance-text {

    text-align: center;

  }



  .advance-text p {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 10px;

  }



  .single-circle-progressber {

    margin-bottom: 30px;

  }



  .circle-progressbar-wrap {

    margin-bottom: 10px;

  }



  .special-all-content {

    text-align: center;

  }



  .special-content p {

    padding-right: 0;

    font-size: 16px;

    margin-bottom: 10px;

  }



  .special-inner li {

    margin-bottom: 14px;

  }



  .special-wrapper h3 {

    font-size: 20px;

    margin-bottom: 20px;

  }



  .specia-logo {

    max-width: 90px;

  }



  .special-button a {

    padding: 18px 14px;

  }



  .special-wrapper {

    background-color: #fd121f;

    padding: 30px 40px;

  }



  .wlak.walk-1 {

    display: none;

  }



  .doctor-wrap {

    text-align: left;

  }



  .doctor-content span {

    font-size: 30px;

  }





  .form-title h3 {

    font-size: 30px;

  }



  .special-content h3 {

    font-size: 36px;

    margin-bottom: 10px;

  }



  .consul-text {

    text-align: center;

  }



  .consul-text p {

    font-size: 27px;

  }



  .brand-active.owl-carousel .owl-item img {

    max-width: 130px;

  }



  .apoin.apoin-2 {

    max-width: 285px;

  }



  .brand-active {

    padding-top: 55px;

  }



  .blog-left-area {

    padding: 0;

    padding-bottom: 80px;

  }



  .single-comment a {

    background: #D6D7D9;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    margin-right: 15px;

    flex: 0 0 50px;

  }



  .single-comment.mad {

    padding-left: 0;

  }



  .commnet-text-area a {

    background: transparent;

  }



  .blog-containt p {

    font-size: 16px;

    line-height: 23px;

  }



  .comment-area {

    padding-bottom: 60px;

  }



  .opps-containt h3 {

    font-size: 85px;

    line-height: 80px;

  }



  .opps-containt h4 {

    font-size: 20px;

    margin-bottom: 5px;

  }



  .opps-containt p {

    font-size: 16px;

  }



  .advance-title.text-center.mb-70 h2 br {

    display: none;

  }



  .special-inner li a {

    font-size: 16px;

    margin: 0;

    text-align: left !important;

  }



  .foot-fl {

    display: flex;

    justify-content: start;

  }



  .consul-text p img {

    position: absolute;

    left: -66px;

    max-width: 47px;

  }



  .consul-text p {

    font-size: 27px;

    display: inline-block;

    position: relative;

  }



  .se-img img {

    width: 100%;

  }



  .blog-right {

    margin-bottom: 40px;

  }



  .blog-left-area.listt {

    padding-right: 0;

    padding-left: 0;

  }



  .blog-left-area.listt {

    padding-right: 0;

    padding-left: 0;

  }



  .blog-left-area.listt {

    margin-bottom: 0;

  }



  .contact-fl {

    padding-top: 90px;

  }



  .contact-map {

    height: 400px;

  }



  .blog-form-area h3 {

    font-size: 22px;

  }



  .blog-form-area input {

    width: 100%;

    height: 40px;

    border: 1px solid #BDBDBD;

    padding: 0 20px;

    font-size: 16px;

    font-weight: 400;

    color: #4F5256;

    margin-bottom: 15px;

  }



  .blog-form-area textarea {

    height: 86px;

  }



  .doctors-img img {

    margin-bottom: 40px;

  }



  .nav-link {

    font-size: 16px;

    padding: 10px 14px;

  }



  .hapy-section p {

    font-size: 16px;

    color: #4F5256;

    font-weight: 400;

    width: auto;

    margin: 0;

  }



  .port-img img {

    width: 100%;

  }



  .pricing-title p {

    font-size: 16px;

    color: #4f5256;

    font-weight: 400;

    margin: 0;

  }



  .contact-time {

    margin-bottom: 40px;

  }



  .pps-lidtt {

    text-align: center;

    margin-top: 80px;

  }



  .eye-list {

    display: block;

  }



  .eye-list-lf {

    margin-bottom: 30px;

  }



  .dde p {

    font-size: 16px;

  }



  .doctor-containt h3 {

    font-size: 30px;

  }



  .doctor-into {

    margin-bottom: 50px !important;

  }



  .llff {

    display: block;

    justify-content: space-between;

    margin-bottom: 25px;

  }



  .imgg {

    display: block;

    text-align: center;

  }



  .imgg img:last-child {

    margin: 0;

  }



  .sli.sli-2 {

    display: none;

  }



  .single-slider-active .owl-item.active.center .slider-content {

    background: #1576bb;

    color: #fff;

    margin: auto;

  }



  .faq-content {

    width: auto;

    margin-bottom: 50px;

  }



  .faq-content h1 {

    font-size: 30px;

  }



  .slider-content {

    margin: auto;

  }



  .slider-info {

    width: 370px;

    margin: auto;

  }



  .owl-stage-outer {

    margin-right: 0;

    padding-left: 0;

  }



  .range-area .play {

    width: 120px;

    height: 120px;

    padding: 10px;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .team-area.height {

    min-height: 184px;

  }



  .doctor-team-content h3 {

    font-size: 15px;

    margin-bottom: 6px;

  }



  .doctor-team-content h4 {

    font-size: 16px;

    margin-bottom: 6px;

  }



  .doctor-team-content p {

    font-size: 16px;

    color: #4f5256;

    line-height: 22px;

    margin-bottom: 10px;

  }



  .View-Profile {

    font-size: 16px;

  }



}



@media(max-width:1199px) {

  .hero-active.owl-carousel.owl-loaded.owl-drag {

    padding-top: 0;

  }

}





@media(max-width:767px) and (min-width:480px) {

  .contact-location .left-location {

    width: 50% !important;

  }



  .contact-location {

    height: auto !important;

    margin-left: 0px !important;

  }



  .contact-location .left-location {

    padding: 0 10px !important;

  }



  .headerTop .contact-location .left-location h4 {

    font-size: 14px;

  }



  .services-area {

    margin-top: -30px !important;

  }



}



@media (min-width:767px) and (max-width:767px) {

  body .services-area {

    margin-top: -90px !important;

  }

}



@media(min-width:575px) and (max-width:730px) {

  .advanced-area .adv-bottom {

    width: 100%;

    height: auto !important;

    margin: 0 0;

    padding: 15px 15px !important;

  }



  .advanced-area .adv-img .main {

    padding-right: 30px;

  }



  .doctors-info-area .single-info p {

    font-size: 15px;

  }

}



@media(max-width:620px) {

  .headerTop .col-sm-3 {

    text-align: center;

  }



  .special-inner.special-left {

    margin-bottom: 0px;

  }

  .special-list {

    flex-wrap: wrap;

  }



  .special-inner {

    width: 100%;

    text-align: left;

  }



  .special-right {

    margin-left: 0px !important;

  }



  ul#pills-tab .nav-item {

    width: 100%;

  }



  .doctor-into button {

    font-size: 15px !important;

  }

}



@media(max-width:450px) {}



@media(max-width:575px) {

  .hero-area {

    background-position: 130px 0;

    display: flex;

    align-items: center;

    justify-content: center;

    /* padding-top: 30px; */

  }



  .hero-containt {

    width: 100%;

    box-sizing: border-box;

    text-align: center;

  }





  .appoinment-area {

    background-position: left top !important;

    min-height: 720px;

    height: 100% !important;

    padding-bottom: 20px !important;

  }



  .news-area {

    padding-top: 0 !important;

  }



  .advanced-area .adv-bottom {

    max-width: 100%;

    height: auto !important;

    margin: 0 0;

    padding: 10px 15px 20px !important;

  }



  .advanced-area .adv-img .main {

    padding: 0 25px !important;

  }



  .advanced-area .adv-img {

    margin-bottom: 30px;

  }



  .hove-top {

    margin-bottom: 5px;

  }



  .hove-top a {

    font-size: 13px;

    margin-right: 10px;

  }



  .blog-img .blog-img-hov {

    bottom: 0;

    left: 10px;

    padding: 5px 0;

  }



  .hover-bb h3 {

    font-size: 19px;

    margin: 0 0 5px 0;

  }



  .imgg img {

    width: calc(100% - 10px);

    margin-bottom: 30px;

  }

}



@media(max-width:575px) and (min-width:480px) {



  .advanced-area .adv-img .first {

    right: 13px;

  }



  .advanced-area .adv-img {

    overflow: hidden;

    padding: 30px 0px 30px;

  }



  .advanced-area .adv-img {

    margin-bottom: 0;

  }

}



@media(min-width:991px) and (max-width:1100px) {

  .footer-box .social li a i:first-child {

    padding-left: 0;

  }

}



@media(max-width:991px) {

  div.doctors-info-area {

    margin-bottom: 10px;

    margin-top: 10px;

    position: static;

    z-index: 9;

  }



  div.doctors-info-area .single-info {

    padding: 20px;

  }



  .zoom-containt {

    margin-top: 15px;

  }



}



@media (min-width: 1200px) {

  .navbar-collapse.collapse {

    display: flex !important;

    height: auto !important;

    padding-bottom: 0;

    overflow: visible !important;

  }



  .navbar-nav {

    float: left;

    margin: 0;

    width: 80%;

  }



  .navbar-header {

    display: none;

  }



  .nav li i.fa {

    display: none;

  }



  .nav li.submenu_child i {

    display: inline-block;

  }



  .nav li.submenu_child i {

    position: absolute;

    top: 40%;

    right: 12px;

    color: #fff;

    -moz-transform: rotate(270deg);

    -webkit-transform: rotate(270deg);

    transform: rotate(270deg);

    font-size: 12px;

  }

}



@media(max-width:520px) {

  .list-l ul li strong {

    width: 100%;

    display: block;

  }

}



@media(min-width:768px) {

  a.play.mob-vdo-btn {

    left: -56px;

    right: auto !important;

  }

}



@media(min-width:768px) and (max-width:800px) {}



@media(min-width:768px) {



  .range-area {

    min-height: 500px !important;

  }



  .range-area .upper-range {

    top: 42px;

  }



  img.shape.shape-3 {

    display: none;

  }



  .skill-area {

    padding-bottom: 0;

  }

}



@media(min-width:962px) and (max-width:991px) {

  .range-area {

    min-height: 430px !important;

  }

}



@media(min-width:768px) and (max-width:1030px) {

  .list-l ul li strong {

    width: 100%;

    display: block;

  }

}



@media(min-width:768px) and (max-width:1024px) {

  .hero-area {

    height: 450px;

  }



  .hero-text h1 {

    font-size: 40px;

  }



}



@media(min-width:1025px) and (max-width:1200px) {

  .hero-area {

    height: 580px;

  }



}



@media(min-width:1062px) and (max-width:1200px) {

  .range-area {

    min-height: 460px !important;

  }

}



.home .range-area {

  padding-top: 0 !important;

}



.home .doctors-area {

  padding: 80px 0 80px 0;

}



.home .onl-desktop {

  position: absolute;

  right: 0px;

  top: 0;

  padding: 0;

  margin: 0;

}





.home .only-mob {

  display: none;

}



.home .news-area {

  padding-top: 110px !important;

}



.appoint-wrap .brand-active {

  padding: 120px 0 50px 0;

}



@media(max-width:767px) {



  .home .onl-desktop {

    display: none;

  }



  .home .only-mob {

    display: block;

  }



  .appoint-wrap .consul-text h2 {

    font-size: 38px;

  }

}



@media(max-width:991px) {

  .home .doctors-area {

    padding-bottom: 115px;

  }

}





@media(min-width:1133px) and (max-width:1160px) {



  .home .appoinment-area {

    height: 800px;

  }

}



@media(max-width:1199px) {

  .home .onl-desktop {

    display: none;

  }

}



@media(min-width:768px) and (max-width:1199px) {

  .home .range-area .only-mob {

    display: block !important;

    max-width: 100%;

    flex: 0 0 100%;

    margin-top: 30px;

  }



  .home .range-area .is-mob .skill-area {

    padding: 110px 0 0 0;

  }



  .home .range-area .only-mob img {

    width: 100%;

  }



  .home .range-area .only-mob a.play.mob-vdo-btn {

    left: 0;

    right: 0 !important;

  }



  .home .is-mob {

    max-width: 100% !important;

    width: 100%;

    flex: 0 0 100%;

  }

}



@media(min-width:1200px) {

  .home .range-area {

    padding: 0 !important;

    margin-bottom: 30px;

  }



  .home .onl-desktop img.range-img {

    height: 615px;

    width: 100%;

  }

}





.clearfix::after {

  content: "";

  clear: both;

  display: table;

}



.serve-detail-two .about-doctors-area,

.dr-detail-wrap .about-doctors-area {

  padding-top: 20px;

}



button.btn.btn-link.btn-block:focus {

  outline: 0;

  border: 0 !important;

  box-shadow: none;

}



.faq-wrap .bolg-gied-area {

  padding: 110px 0 120px 0;

}



.single-pruse {

  min-height: 500px;

}

.single-pruse.sinprbox {

  min-height: 370px;

}

.countdown {

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 1em;

  text-align: center;



}

.countdown div {

  /* margin: 0 10px; */

  text-align: center;

}

.count-no {

  font-weight: 800;

  padding: 10px;

  color: #000000;

  font-size: 50px;

  /* margin-bottom: 20px; */

  width: 100%;

}

.conetent-top p {
  margin: 0;
  padding: 5px 0;
  color: white;
  text-align: center;
  font-weight: 800;
}

#whatsapp-icon {
  z-index: 999;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#whatsapp-icon img {
  width: 80px;
  /* Adjust the size as per your preference */
}

.our_partner.associate_logo .partner_logo {
  width: 100%;
  /* height: 120px; */
  border: 1px solid #d8d8d8;
  margin-top: 25px;
  text-align: center;
  line-height: 100px;
}

.our_partner.associate_logo {
  padding: 20px 35px;
  margin-bottom: 50px;
  /* height: 100% */

}

.our_partner.associate_logo .partner_logo img {
  display: inline-block;
  line-height: 120px;
  margin: 0 auto
}

.border_blue {
  border: 1px solid #00abc4;
}

.our_partner h4 {
  text-align: center;
  margin-top: -33px
}

.overlaped_text {
  padding: 0 20px;
  background: #fff;
  display: inline-block;
}

.slick-arrow,
.slick-arrow:focus {
  border: none;
  outline: none;
  box-shadow: none;
  cursor: pointer
}

.our_partner_logo .slick-slide {
  margin: 0 10px
}

.client_testimonial_slider .slick-arrow {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  font-size: 0;
  margin-top: -15px
}

.hotel-box {
  margin-top: 16px;
  border: 1px solid grey;
  border-radius: 10px;
}

.hotel-box img {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 10px;
  height: 250px;
  width: 100%;
  object-fit: cover;
}

.content-hotel h2 {
  min-height: 60px;
  font-weight: 700;
  font-size: 21px;
}

.vip_associate_colm {
  margin: 15px 0 25px;
  align-items: center !important;
}

.vip_img {
  /* width: 350px; */
  /* height: auto; */
  margin-right: 15px;
  padding: 5px;
  /* border: 1px solid #1576bb; */
  border-radius: 50px;
}

.vip_img img {
  height: 180px !important;
  width: 150px !important;
  object-fit: cover;
  object-position: top;
  border-radius: 50px;
  padding: 5px;
  border: 1px solid #1576bb;
  margin: auto;
  display: block;

}

.vip_info h4 {
  font-size: 13px;
  font-weight: 700;
  color: #003c70;
  line-height: 20px;
  padding-bottom: 7px;
  margin-bottom: 10px;

  border-bottom: 1px solid #003c70;
  margin-top: 0;
}

.vip_info p {
  font-size: 12px;
  line-height: 18px;
}

.vip_info {
  margin-top: 10px;
}

ul.text-foot h6 {
  font-size: 20px;
  color: white;
  font-weight: 600;
}

.captcha-box {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.captcha-text {
  background: #169179;
  color: #fff;
  padding: 10px 15px;
  font-weight: bold;
  letter-spacing: 2px;
  border-radius: 4px;
  margin-right: 10px;
}

.refresh {
  cursor: pointer;
  font-size: 14px;
  color: #169179;
}

.error {
  color: red;
  font-size: 14px;
  margin-bottom: 10px;
}

#captchaInput {
  margin-bottom: 9px;
}

.phx-exhibitor-wrap {
  background-image: url(../img/banner/banner-1.png);
  background-position: center;
  /* max-width: 1200px; */
  margin: auto;
  padding: 60px 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
}

.phx-exhibitor-wrap-2 {
  /* padding: 100px 0 !important; */
  background-image: url(../img/banner/banner-1.png);
  background-position: center;

}

.phx-exhibitor-wrap-2 h1 {

  padding-top: 30px;
  text-align: center;
  font-weight: 800;
  padding-bottom: 10px;
  color: #141516;
  font-size: 40px;


}

/* Card */
.phx-profile-box {
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  transition: transform 0.35s ease;
}

.phx-profile-box:hover {
  transform: translateY(-8px);
}

/* Image */
.phx-profile-img {
  height: 200px;
  overflow: hidden;
}

.phx-profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.phx-profile-box:hover .phx-profile-img img {
  transform: scale(1.08);
}

/* Content */
.phx-profile-content {
  padding: 26px;
}

.phx-profile-content h3 {
  font-size: 20px;
  color: #004f7a;
  margin-bottom: 16px;
  position: relative;
}

.phx-profile-content h3::after {
  content: '';
  width: 45px;
  height: 3px;
  background: #1576bb;
  display: block;
  margin-top: 6px;
  border-radius: 3px;
}

.phx-profile-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.phx-profile-content ul li {
  padding-left: 22px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #444;
  position: relative;
}

.phx-profile-content ul li::before {
  content: "➤";
  position: absolute;
  left: 0;
  color: #1576bb;
  font-size: 13px;
}