/*
Template Name: Medicoz
Author: Listdo
Version: 1.0.0

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global Settings
4. Content Elements 
5. Main Header
6. Search Popup
7. Sticky Header
8. Mobile Header
9. Header Style Two / Three / Four
10. Page Title
11. Section Title
12. Main Slider
13. Banner Section Two / Three / Four
14. Top Features
15. Features Section 
16. Welcome Section
17. About Section / Two / Three / Four
18. Skills Section
19. Services Section / Two / Three / Four / Five
20. Service Detail
21. Why Choose Us 
22. Portfolio Section
23. Team Section / Two
24. Doctor Detail Section
25. Pricing Section
26. Appointment Section / Two / Three 
27. Appointment Form Section
28. Time Table Section
29. Fun Fact Section / Two / Three / Four
30. Testimonial Section / Two / Three
31. Call To Action / Two
32. News Section / Two / Three
33. Blog Section
34. Blog Single
35. Comment Area
36. Comment Form
37. Contact Section
38. Map Section
39. Clients Section
40. Main Footer / Two / Three / Four
41. Sidebar Page Container
42. Our Shop
43. Product Details
44. Product Tabs
45. Cart Section
46. CheckOut Section
47. Login Section
48. Coming Soon
49. Error Section
50. Terms And Conditions
**********************************************/

/*** 

====================================================================
		Fonts
====================================================================

***/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

/*

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

*/

@import url("icons/flaticon.css");
@import url("icons/fontawesome-all.css");
@import url("plugins/animate.css");
@import url("plugins/owl.css");
@import url("plugins/jquery-ui.min.css");
@import url("plugins/jquery.fancybox.min.css");
@import url("plugins/jquery.modal.min.css");
@import url("plugins/jquery.bootstrap-touchspin.css");
@import url("mmenu.css");


/*** 

====================================================================
	Reset
====================================================================

***/

* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

/*** 

====================================================================
Global Settings
====================================================================

***/

body {
  font-size: 16px;
  color: #363636;
  line-height: 28px;
  font-weight: 400;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: 'Open Sans', sans-serif;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none;
}

h1,
h2,
h3,
h4,
h5 {
  position: relative;
  margin: 0px;
  background: none;
  font-weight: 600;
  line-height: 1.2em;
  font-family: 'Titillium Web', sans-serif;
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}


section {
  position: relative;
}

textarea {
  overflow: hidden;
  resize: none;
}

button {
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
  min-width: auto;
}

p,
.text {
  font-size: 15px;
  line-height: 26px;
  color: #666666;
  font-weight: 400;
  margin: 0;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
  width: 100%;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  z-index: 1;
  background-color: #ffffff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.section {
  padding: 60px 0 30px;
}


ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

/*** 
==========================
	Social Icons
==========================
***/

.social-icon-one {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.social-icon-one li {
  position: relative;
  margin-right: 10px;
}

.social-icon-one li:last-child {
  margin-right: 0;
}

.social-icon-one li a {
  position: relative;
  display: block;
  font-size: 14px;
  color: #777777;
  height: 30px;
  width: 30px;
  border: 1px solid transparent;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.social-icon-one li a:hover {
  background-color: #1370b5;
  border-color: #1370b5;
  color: #ffffff;
}


/*==========================
  Message Box
===========================*/

/* Message Info */

/* Message success */

/* Message warning */

/* Message Error */

/*======================
Theme Btn
=======================*/

.theme-btn {
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.theme-btn .btn-title {
  position: relative;
  z-index: 9;
  color: inherit;
}

.theme-btn span:not(.btn-title) {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 20%;
  height: 100%;
  border-radius: 50%;
  transform: translateY(150%);
  transition: all 500ms ease;
  background-color: #ffffff;
  z-index: 0;
}

.theme-btn span:nth-child(2) {
  left: 20%;
  transition-delay: 100ms;
}

.theme-btn span:nth-child(3) {
  left: 40%;
  transition-delay: 200ms;
}

.theme-btn span:nth-child(4) {
  left: 60%;
  transition-delay: 300ms;
}

.theme-btn span:nth-child(5) {
  left: 80%;
  transition-delay: 400ms;
}

.theme-btn:hover span {
  transform: translateY(0) scale(2);
}

/*Btn Style One*/

.btn-style-one {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  padding: 10px 30px;
  font-weight: 600;
  background: #1370b5;
  overflow: hidden;
  min-width: 150px;
}

.btn-style-one:hover {
  color: #1370b5;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}

/*Btn Style Three*/

.btn-style-three {
  position: relative;
  font-size: 15px;
  line-height: 30px;
  color: #ffffff;
  padding: 10px 40px;
  font-weight: 600;
  background: #222222;
  overflow: hidden;
  min-width: 170px;
}

.btn-style-three:hover {
  color: #222222;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.09);
}

/*==========================
Owl Carousel Arrows
===========================*/

.owl-carousel.no-arrows .owl-nav {
  display: none;
}

.default-arrows .owl-nav {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  opacity: 0;
  margin-top: -22px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.default-arrows:hover .owl-nav {
  opacity: 1;
}

.default-arrows .owl-next,
.default-arrows .owl-prev {
  position: absolute;
  left: -50px;
  top: 0;
  height: 45px;
  width: 45px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  background: rgba(255, 255, 255, 0.4);
  line-height: 45px;
  border-radius: 7px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.default-arrows .owl-next {
  left: auto;
  right: -50px;
}

.default-arrows:hover .owl-next {
  right: 30px;
}

.default-arrows:hover .owl-prev {
  left: 30px;
}

.default-arrows .owl-next:hover,
.default-arrows .owl-prev:hover {
  background: #ffffff;
  color: #1370b5;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.10);
}

.default-arrows.dark .owl-next,
.default-arrows.dark .owl-prev {
  background-color: rgba(0, 0, 0, 0.20);
}

.default-arrows.dark .owl-next:hover,
.default-arrows.dark .owl-prev:hover {
  background-color: #ffffff;
}

.owl-carousel.disable-arrow .owl-nav {
  display: none;
}

.owl-carousel.disable-dots .owl-dots {
  display: none;
}

.default-dots .owl-dots {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.default-dots .owl-dot {
  position: relative;
  height: 8px;
  width: 8px;
  background-color: #000000;
  margin: 0 4px;
  border-radius: 10px;
  transition: all 300ms ease;
}

.default-dots .owl-dot.active {
  width: 32px;
  background-color: #1370b5;
}

.default-dots.light .owl-dot {
  background-color: #ffffff !important;
}

.theme_color {
  color: #1370b5;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

/*==========================
	Preloader
  ===========================*/

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fafafa;
  z-index: 9999;
  background-image: url(../images/icons/page-loader-3.gif);
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: center;
}

.preloader:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-top: 30px;
  color: #1370b5;
  font-size: 1.2em;
  opacity: .30;
  font-weight: 700;
  letter-spacing: 1px;
  content: "Loading";
  text-transform: uppercase;
  transition: none;
}


img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/*=== Default Form ===*/

.default-form {
  position: relative;
}

.default-form .form-group {
  position: relative;
  margin-bottom: 20px;
}

.default-form .form-group:last-child {
  margin-bottom: 0;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="email"],
.default-form .form-group input[type="url"],
.default-form .form-group textarea {
  position: relative;
  width: 100%;
  display: block;
  color: #5c6770;
  font-size: 14px;
  line-height: 30px;
  padding: 10px 20px;
  height: 52px;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group input[type="url"]:focus,
.default-form .form-group textarea:focus {
  border-color: #1370b5;
}

.default-form .form-group textarea {
  height: 184px;
  resize: none;
  padding-top: 15px;
}


.default-form .form-group button {
  position: relative;
  display: inline-block;
  min-width: 160px;
  box-shadow: none;
}

.default-form .form-group .icon {
  position: absolute;
  right: 20px;
  bottom: 0;
  color: #9fa9b8;
  font-size: 14px;
  line-height: 54px;
}

/*** 

====================================================================
  Scroll To Top
====================================================================

***/

.scroll-to-top {
  position: fixed;
  right: 30px;
  bottom: 0px;
  z-index: 999;
  width: 40px;
  height: 40px;
  font-size: 18px;
  color: #1b2032;
  background-color: #ffffff;
  line-height: 40px;
  border-radius: 50px 50px 0 0;
  text-align: center;
  display: none;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.10);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.play-now {
  position: relative;
  display: inline-block;
  z-index: 9;
  padding-left: 5px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.play-now .icon {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  background-color: #ffffff;
  color: #222222;
  z-index: 1;
  font-size: 42px;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
  -moz-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
  -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
  -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
  box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 52%;
  height: 60px;
  width: 60px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  -webkit-animation: ripple 3s infinite;
  -moz-animation: ripple 3s infinite;
  -ms-animation: ripple 3s infinite;
  -o-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}

.play-now .ripple:before {
  -webkit-animation-delay: .9s;
  -moz-animation-delay: .9s;
  -ms-animation-delay: .9s;
  -o-animation-delay: .9s;
  animation-delay: .9s;
  content: "";
  position: absolute;
}

.play-now .ripple:after {
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
  -ms-animation-delay: .6s;
  -o-animation-delay: .6s;
  animation-delay: .6s;
  content: "";
  position: absolute;
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}


/*** 

====================================================================
  Main Header
====================================================================

***/

.main-header {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 99;
  border-top: 10px solid #1370b5;
}

/* Header Top */

/* Header Lower */
.main-header .header-lower {
  position: relative;
}

.main-header .main-box {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 30px;
  padding-left: 30px;
}

.main-header .main-box:before {
  position: absolute;
  left: 0;
  right: 60px;
  height: 100%;
  background: #f5f5f5;
  content: "";
  border-radius: 50px;
  border: 1px solid #dddde1;
}

.main-header .nav-outer {
  position: static;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}

.main-header .logo-box {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.main-header .logo {
  position: relative;
  z-index: 9;
  padding: 15px 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu {
  position: static;
}

.main-menu .navigation {
  position: static;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.main-menu .navigation>li {
  position: relative;
  margin-right: 30px;
  padding: 20px 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation>li>span,
.main-menu .navigation>li>a {
  position: relative;
  display: block;
  text-align: center;
  opacity: 1;
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  color: #222222;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Titillium Web", sans-serif;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation>li>a>span {
  position: relative;
}

.main-menu .navigation>li>ul {
  position: absolute;
  top: 100%;
  left: -15px;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 0;
  opacity: 0;
  z-index: 1;
  min-width: 200px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -ms-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
}

.main-menu .navigation>li>ul:before {
  position: absolute;
  left: 20px;
  top: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  content: "";
}

.main-menu .navigation>li>ul>li {
  position: relative;
  display: block;
  z-index: 1;
}

.main-menu .navigation>li>ul>li:last-child {
  border-bottom: none;
}

.main-menu .navigation>li>ul>li>span,
.main-menu .navigation>li>ul>li>a {
  position: relative;
  display: block;
  padding: 10px 30px;
  z-index: 1;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #363636;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


.main-menu .navigation>li li>a:hover {
  color: #1370b5;
}

.main-menu .navigation>li>ul>li>ul {
  position: absolute;
  top: 100%;
  left: 100%;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 0;
  min-width: 200px;
  margin-top: -40px;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -ms-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
}

.main-menu .navigation>li>ul>li>ul>li {
  position: relative;
  width: 100%;
}

.main-menu .navigation>li>ul>li>ul>li>a {
  position: relative;
  display: block;
  padding: 10px 30px;
  z-index: 1;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #363636;
  white-space: nowrap;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.main-menu .navigation>li>ul>li>ul>li>span:hover {
  color: #5c6770;
}

.main-header .outer-box {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

/* Search btn */

.main-header .theme-btn {
  margin-left: 30px;
}

/* Cart btn */

/*** 

====================================================================
  Search Popup
====================================================================

***/


/*=== Shopping Cart ===*/

/*** 

====================================================================
	Sticky Header
====================================================================

***/

.sticky-header {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0px 0px;
  z-index: 99;
  background: rgba(255, 255, 255, 0.952941);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.10);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.fixed-header .sticky-header {
  opacity: 1;
  z-index: 99;
  visibility: visible;
}

.sticky-header .main-box {
  padding: 0;
  margin: 0;
}

.sticky-header .outer-box,
.sticky-header .main-box:before {
  display: none;
}

.main-header .sticky-header .main-menu .navigation>li.current>a {
  color: #1370b5;
}

.header-style-two .sticky-header .logo-box:before {
  display: none;
}

/*** 

====================================================================
Mobile Header
====================================================================

***/


.mobile-header {
  position: relative;
  padding: 13px 15px;
  display: none;
  z-index: 99;
}

@media (max-width: 1023px) {
  .mobile-header {
    display: flex !important;
    flex-direction: row;
  }
}

.mobile-header .nav-outer {
  position: absolute;
  float: right;
  margin-top: 5px;
}

@media (max-width: 425px) {
  .mobile-header {
    flex-direction: column;
  }
  .nav-outer .mobile-nav-toggler {
    margin: 0;
  }
  .mobile-header .nav-outer {
    position: relative;
  }
}

.mobile-header:after {
  display: table;
  clear: both;
  content: "";
}

.mobile-header .logo {
  position: relative;
  float: right;
  margin: 0 auto;
  padding: 0 !important;
  left: 0;
  width: 250px;
}

.mobile-header .logo img {
  min-height: 100px;
}

.mobile-header .outer-box {
  position: relative;
  float: right;
}

.nav-outer .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 32px;
  line-height: 30px;
  cursor: pointer;
  color: #1370b5;
  -webkit-box-ordinal-group: 4;
  order: 3;
  display: none;
}

a.mobile-nav-toggler.navbar-trigger {
  margin: 0;
}

/*** 

====================================================================
	Header Style Two
====================================================================

***/

.header-style-two {
  position: relative;
}

.header-top-two {
  position: relative;
  background-color: #ffffff;
}

.header-top-two .inner-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 200px;
  min-height: 100px;
}

.header-top-two .top-left {
  position: relative;
}

.header-top-two .top-left .contact-list {
  position: relative;
  display: flex;
  align-items: center;
}

.header-top-two .top-left .contact-list li {
  position: relative;
  padding-left: 60px;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
  font-weight: 400;
  margin-left: 40px;
  display: flex;
  align-items: center;
  min-height: 50px;
}

.header-top-two .top-left .contact-list li i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 48px;
  line-height: 50px;
  margin-right: 8px;
  color: #1370b5;
}

.header-top-two .top-left .contact-list li a {
  color: #1370b5;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.header-top-two .top-right {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Header Lower */

.header-style-two .main-box {
  margin: 0;
  padding: 0;
  padding-left: 200px;
}

.header-style-two .logo-box {
  position: absolute;
  left: -40px;
  top: -120px;
  min-height: 188px;
  width: 250px;
  padding: 0 10px;
  margin: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-style-two .logo-box:before {
  position: absolute;
  right: 0px;
  height: 93%;
  width: 1000%;
  background: #f5f5f5;
  content: "";
}

.header-style-two .main-box:before {
  background-color: #1370b5;
  width: 1000%;
  right: auto;
}

.header-style-two .main-menu .navigation>li {
  padding: 15.5px 0;
}


.header-style-two .header-lower .main-menu .navigation>li>span,
.header-style-two .header-lower .main-menu .navigation>li>a {
  color: #ffffff !important;
}

.header-style-two .nav-outer {
  padding-left: 40px;
  display: flex;
  width: 100%;
  align-items: center;
}

.header-style-two .sticky-header .logo-box {
  position: relative;
  left: 0;
  top: 0;
  min-height: auto;
}

.header-style-two .sticky-header .main-box {
  padding-left: 0;
}


.header-style-two .sticky-header .main-menu .navigation>li>span,
.header-style-two .sticky-header .main-menu .navigation>li>a {
  color: #222222;
}

/*** 

====================================================================
  Header Style Three
====================================================================

***/

/*== Header Top Three ==*/

/*** 

====================================================================
  Header Style Four
====================================================================

***/

/*** 

====================================================================
  Page Title
====================================================================

***/

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title {
  position: relative;
  margin-bottom: 70px;

}

.sec-title .sub-title {
  display: block;
  font-size: 18px;
  color: #666666;
  margin-bottom: 15px;
}

.sec-title .title {
  font-size: 16px;
  color: #666666;
}

.sec-title h2 {
  display: block;
  font-size: 36px;
  line-height: 1.2em;
  font-weight: 700;
}

.sec-title .text,
.sec-title p {
  position: relative;
  margin-top: 30px;
}

.sec-title .divider {
  position: relative;
  display: block;
  width: 60px;
  height: 20px;
  margin: auto;
  margin-top: 30px;
}

/*** 

====================================================================
  Main Slider
====================================================================

***/

/*** 

====================================================================
  Banner Section
====================================================================

***/

/*** 

====================================================================
  Banner Section Two
====================================================================

***/

/*** 

====================================================================
  Banner Section Three
====================================================================

***/

/*** 

====================================================================
  Banner Section Four
====================================================================

***/

/*** 

====================================================================
  Top Features
====================================================================

***/

/*=== Feature Block Four ===*/

/*** 

====================================================================
  Features Section
====================================================================

***/

/*** 

====================================================================
    Welcome Section
====================================================================

***/

/*=== Feature Block Four ===*/

/*** 

====================================================================
About Section
====================================================================

***/

/*** 

====================================================================
About Section Two
====================================================================

***/

.about-section-two {
  position: relative;
  padding: 50px 0;
}

.about-section-two:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/background/2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  z-index: -1;
}

.about-section-two:before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 40%;
  background-color: #1370b5;
  content: "";
  transform: translateX(300px);
}

.about-section-two .sec-title {
  margin-bottom: 50px;
}

.about-section-two .image-column {
  position: relative;
}

.about-section-two .image-box {
  position: relative;
  padding-left: 30px;
  padding-top: 10px;
}

.about-section-two .image-box .image {
  margin-bottom: 0;
}

.about-section-two .image-box .image img {
  display: block;
  width: 100%;
}

.about-section-two .image-box .icon-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50px;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.10);
}

/*** 

====================================================================
About Section Three
====================================================================

***/

/*** 

====================================================================
About Section Four
====================================================================

***/

/*** 

====================================================================
  Skills Section
====================================================================

***/

.skill-section {
  position: relative;
  padding: 100px 100px;
  background-image: url(../images/icons/pattern-1.png);
  background-repeat: repeat;
  background-position: center right;
}

.skill-section:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 25%;
  background-color: #1370b5;
  content: "";
}

.skill-section .sec-title {
  margin-bottom: 40px;
}

.skill-section .outer-container {
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
  background-color: #ffffff;
}

.skill-section .image-column {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.skill-section .image-column .image-box {
  position: relative;
  display: none;
}

.skill-section .image-column .image-box .image {
  position: relative;
  margin-bottom: 0;
}

.skill-section .image-column .image-box .image img {
  display: block;
  width: 100%;
  height: auto;
}

.skill-section .skill-column {
  position: relative;
  float: right;
  width: 50%;
}

.skill-section .skill-column .inner-column {
  position: relative;
  padding: 50px 50px;
}

.skill-section .skill-column .skills {
  position: relative;
  margin-bottom: 50px;
}

.skills {
  position: relative;
  margin-bottom: 30px;
}

.skills .skill-item {
  position: relative;
  margin-bottom: 20px;
}

.skills .skill-item:last-child {
  margin-bottom: 0px;
}

.skills .skill-item .skill-header {
  position: relative;
  margin-bottom: 10px;
}

.skills .skill-item .skill-header .skill-title {
  position: relative;
  float: left;
  font-size: 16px;
  line-height: 30px;
  color: #000000;
  font-weight: 600;
}

/*** 

====================================================================
  Services Section
====================================================================

***/

.services-section {
  position: relative;
  padding: 120px 0 90px;
  background-color: #f5f5f5;
}

.services-section:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/pattern-3.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  opacity: .23;
  content: '';
}

.service-block {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.service-block .inner-box {
  position: relative;
  padding: 30px 30px;
  text-align: center;
  border-radius: 15px 15px 0 0;
  border-bottom: 3px solid transparent;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 500ms ease;
}

.service-block .inner-box:hover {
  background-color: #ffffff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.10);
  transform: translateY(-20px);
  border-bottom: 4px solid #1370b5;
}

.service-block .icon {
  position: relative;
  display: inline-flex;
  height: 100px;
  width: 100px;
  background-color: #ffffff;
  font-size: 42px;
  color: #1370b5;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  border-radius: 50%;
  border: 1px solid #dddddd;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block .icon:before {
  z-index: 1;
}

.service-block .icon.flaticon-heartbeat:before {
  position: relative;
  top: 5px;
}

.service-block .inner-box:hover .icon {
  border: 0;
  font-size: 62px;
}

.service-block .icon:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 0%;
  width: 100%;
  background-color: #1370b5;
  content: "";
  opacity: 0;
  z-index: 0;
}

.service-block .inner-box:hover .icon:after {
  height: 100%;
  opacity: .05;
  transition-delay: 200ms;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 500ms ease;
}

.service-block h5 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  margin-bottom: 10px;
}

.service-block h5 a {
  display: inline-block;
  color: inherit;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block h5 a:hover {
  color: inherit;
}

.service-block .text {
  position: relative;
  cursor: default;
}

/*** 

====================================================================
    Service Section Two
====================================================================

***/

.services-section-two {
  position: relative;
  background-repeat: no-repeat;
  background-position: left top;
  padding: 120px 0;
  background-image: url(../images/icons/pattern-5.png);
  background-color: #fafafa;
}

.services-section-two .carousel-outer {
  margin: -20px -20px 0;
}

.services-section-two .services-carousel {
  padding-bottom: 20px;
}

.services-section-two .services-carousel .service-block-two {
  padding: 20px;
}

.service-block-two {
  position: relative;
  margin-bottom: 30px;
}

.service-block-two .inner-box {
  position: relative;
  overflow: hidden;
  height: 550px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .10);
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  background-color: white;

}
.service-block-two .image-box {
  position: relative;
  border: 10px solid #ffffff;
  width: 100%;
  height: 350px;
}

.service-block-two .image-box .image {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.service-block-two .image-box .image img {
  position: relative;
  display: block;
  width: 60%;
  margin: auto;
  object-fit: contain;
  height: 100%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .inner-box:hover .image img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.service-block-two .inner-box:hover{
box-shadow: 0 0 20px rgba(201, 15, 65, 0.363);
}
.service-block-two .inner-box:hover .image-box .icon {
  opacity: 0;
}

.service-block-two .lower-content {
  padding: 30px 20px 40px;
  background-color: #ffffff;
  text-align: center;
}

.service-block-two .lower-content .title-box {
  position: relative;
  display: flex;
  margin-left: 23%;
  align-items: center;
  text-align: center;
  margin-bottom: 15px;
}

.service-block-two .lower-content .icon {
  position: relative;
  display: block;
  font-size: 25px;
  line-height: 1em;
  margin-right: 10px;
  color: #1370b5;
}

.service-block-two .lower-content h4 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #353535;
  font-weight: 600;
}

.service-block-two .lower-content h4 a {
  color: #353535;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .lower-content h4 a:hover {
  color: #1370b5;
}

.service-block-two .lower-content .text {
  position: relative;
}

.service-block-two .btn-box {
  position: relative;
  margin-top: 15px;
}

.service-block-two .btn-box a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #333333;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .btn-box a span {
  opacity: 0;
  visibility: hidden;
  font-size: 12px;
  transform: translateX(-20px);
}

.service-block-two .btn-box a:hover {
  color: #1370b5;
}

.service-block-two .lower-content .icon-right {
  position: absolute;
  right: -20px;
  bottom: -20px;
  font-size: 120px;
  line-height: 1em;
  color: #000000;
  opacity: .05;
}

/*** 

====================================================================
  Services Section Three
====================================================================

***/

/*** 

====================================================================
    Service Section Four
====================================================================

***/

/*** 

====================================================================
    Service Section Five
====================================================================

***/

/*** 

====================================================================
  Service Detail
====================================================================

***/

/*Services Category*/

/*=== Brochures Box ===*/

/*Help Box*/

/*** 

====================================================================
    Why Choose Us
====================================================================

***/

/*** 

====================================================================
Portfolio Section
====================================================================

***/

/*** 

====================================================================
  Team Section
====================================================================

***/

/*** 

====================================================================
  Team Section Two
====================================================================

***/

/*** 

====================================================================
  Doctor Detail Section
====================================================================

***/

/*** 

====================================================================
    Pricing Section
====================================================================

***/

/*** 

====================================================================
  Appointment Section
====================================================================

***/

/*** 

====================================================================
  Appointment Section Two
====================================================================

***/

/*** 

====================================================================
  Appointment Section Three
====================================================================

***/

/*** 

====================================================================
  Appointment Form Section
====================================================================

***/

.appointment-form-section {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 120px 0 70px;
  z-index: 1;
}

.appointment-form-section:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #1370b5;
  content: "";
  opacity: .80;
}

.appointment-form-section .content-column {
  position: relative;
  margin-bottom: 50px;
}


.appointment-form-section .content-column .play-now {
  margin-bottom: 50px;
}

.appointment-form-section .content-column .content {
  position: relative;
  margin-top: 40px;
}

.appointment-form-section .content-column .title {
  display: block;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 20px;
}

.appointment-form-section .content-column h3 {
  font-size: 35px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 20px;
}

.appointment-form-section .content-column .content .text {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 30px;
}

.appointment-form-section .content-column .content .text strong {
  font-size: 30px;
  font-weight: 600;
  display: block;
  margin-top: 10px;
}

.appointment-form-section .appointment-form {
  margin-bottom: -170px;
}

.appointment-form {
  position: relative;
  background-color: #ffffff;
  padding: 50px 50px 50px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
}

.appointment-form .sec-title {
  margin-bottom: 40px;
}

/***

====================================================================
  Time Table Section
====================================================================

***/

/***

====================================================================
  Fun Fact Section
====================================================================

***/

/***

====================================================================
  Fun Fact Section
====================================================================

***/

/* Our Mission */
.our-mission {
  height: 70vh;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 50px 100px;
  line-height: 2;
  background-size: cover;
  background-color: rgba(126, 123, 123, 35%);
  background-image: url(../images/doctor.jpg);
  background-blend-mode: multiply;
  background-position-y: center;
}

.our-mission .content-box {
  margin: auto 0;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
  border-radius: 5px;
  padding: 35px;
  border-right: 10px solid #c90f40;
  opacity: 0;
  animation-name: translate-our-mission;
  animation-delay: .7s;
  animation-duration: .3s;
  animation-fill-mode: forwards;
}

@keyframes translate-our-mission {
  0% {
    transform: translateX(-20%);
    opacity: 0;
  }
  50% {
    transform: translateX(-10%);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.our-mission .content-box .text {
  margin: 10px 0 20px 0;
}

@media (min-width: 1024px) {
  .our-mission .content-box {
    width: 50%;
  }
}

@media (min-width: 991px) {
  .our-mission .content-box {
    width: 50%;
  }
}

@media (max-width: 600px) {
  .our-mission {
    padding: 0;
  }
  
  .our-mission .content-box {
    padding: 25px;
  }
}

/***

====================================================================
  Fun Fact Section Three
====================================================================

***/

/***

====================================================================
  Fun Fact Section Four
====================================================================

***/

/*** 

====================================================================
  Testimonial Section
====================================================================

***/

/*** 

====================================================================
  Testimonial Section Two
====================================================================

***/

/*** 

====================================================================
  Testimonial Section Three
====================================================================

***/

/***

====================================================================
    Call To Action
====================================================================

***/

/***

====================================================================
    Call To Action Two
====================================================================

***/

/***

====================================================================
    Info Section
====================================================================

***/

/***

====================================================================
    News Section
====================================================================

***/

/* News BLock */

/***

====================================================================
    News Section Two
====================================================================

***/

/***

====================================================================
    News Section Three
====================================================================

***/

/***

====================================================================
  Blog Section
====================================================================

***/

/* News BLock Three */

/*** 

====================================================================
      Blog Single
====================================================================

***/

/*post share options*/

/*Author Box*/

/*** 

====================================================================
  Comment Area
====================================================================

***/

/*** 

====================================================================
  Comment Form
====================================================================

***/

/*** 

====================================================================
  Contact Section
====================================================================

***/


form .response {
  position: relative;
  text-align: center;
}

/*=== Contact Form Two ===*/

/*** 

====================================================================
  Map Section
====================================================================

***/

.map-section {
  position: relative;
}

/*** 

====================================================================
  Clients Section
====================================================================

***/

.clients-section {
  position: relative;
  padding: 55px 0;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  z-index: 1;
}

.clients-section .sponsors-outer {
  position: relative;
}

.clients-section .slide-item {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.clients-section .slide-item a {
  position: relative;
}

.clients-section .slide-item img {
  display: inline-block;
  max-width: 100%;
  width: auto;
  height: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/***

==================================================================
  Main Footer
==================================================================

***/

.main-footer {
  position: relative;
}

.main-footer .logo {
  position: relative;
  margin-bottom: 40px;
}

/*Recent Posts*/

/*=== User LInks ===*/

.main-footer .contact-list {
  position: relative;
}

.main-footer .contact-list li {
  position: relative;
  padding-left: 70px;
  margin-bottom: 22px;
}

.main-footer .contact-list li:last-child {
  margin-bottom: 0;
}

.main-footer .contact-list li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 40px;
  line-height: 1em;
  color: #ffffff;
}

.main-footer .contact-list li strong {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 600;
}

.main-footer .contact-list li .text {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 400;
}

.main-footer .contact-list li .text a {
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .contact-list li .text a:hover {
  color: #1370b5;
}

/*=== Newsletter form ===*/

/*=== Footer Bottom ===*/

.main-footer .footer-bottom {
  position: relative;
  width: 100%;
  background-color: #1370b5;
}

.main-footer .footer-bottom:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: .20;
  content: "";
  background-color: #000000;
}


.main-footer .footer-bottom .inner-container {
  position: relative;
}

.main-footer .footer-bottom .copyright-text {
  position: relative;
  float: left;
  padding: 20px 0;
}

.main-footer .footer-bottom .copyright-text p {
  position: relative;
  line-height: 20px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
}

.main-footer .footer-bottom .copyright-text a {
  color: #ffffff;
  font-weight: 700;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .footer-bottom .copyright-text a:hover {
  color: #ffffff;
}

/*=== Main Footer Style Two ===*/


/*=== Main Footer Style Five ===*/

/*** 

====================================================================
Sidebar Page Container
====================================================================

***/

/* Sidebar Title */

/*Search Box Widget*/

/* Category List */

/*Post Widget*/

/*=== Latest News ===*/


/* Instagram Widget */

/* Newslatters */

/*Popular Tags*/

/*** 

====================================================================
  Our Shop
====================================================================

***/

/*** 

====================================================================
  Product Details
====================================================================

***/

/*** 

====================================================================
  Product Tabs
====================================================================

***/

/*Comment Form*/

/*** 

====================================================================
      Cart Section
====================================================================

***/

/*====================================================================
    CheckOut Section
====================================================================*/

/*Coupon Box*/

/*** 

====================================================================
    Login Section
====================================================================

***/

/*** 

====================================================================
      Coming Soon
====================================================================

***/

/*** 

====================================================================
  Error Section
====================================================================

***/

/*** 

====================================================================
  Terms And Conditions
====================================================================

***/

/***

==================================================================
    Right To Left Style
==================================================================

***/



/*** 

====================================================================
  Box Layout
====================================================================

***/

.mapouter {
  position: relative;
  text-align: center;
}

.gmap_canvas {
  overflow: hidden;
  background: none !important;
  height: 500px;
  border-radius: 10px;
  width: 100%;
}

.indent {
  margin-left: 80px;
  margin-top: -145px;
}

.navigation {
  color: white;
}

.fa-phone:before {
  font-size: 35px;
}

html {
  scroll-behavior: smooth;
}

html::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  background-color: #f1f1f1;
}

html::-webkit-scrollbar {
  width: 8px;
  background-color: #f1f1f1;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

html::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #C90F40;
}






.wrap {
  width: 100%;
  position: fixed;
  z-index: 1000;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}

.modal {
  background-color: #fff;
  padding: 2em 3em;
  width: 35%;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0 0 30px rgb(0 0 0 / 20%);
  position: sticky;
  border-radius: .5em;
  display: none;

}

.modal-image {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #c90f40;
  padding: 7px 10px 2px;
  margin-bottom: 2em;
  color: #c90f40;
}

h1 {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: .5em;
}

p {
  margin-bottom: 2em;
  color: #666;
}

button {
  font-size: 1.25em;
  font-weight: bold;
  background-color: #000;
  border: none;
  padding: .5em 1em;
  color: #fff;
  box-shadow: 0 0 0 2px #000 inset;
  border-radius: .25em;
  cursor: pointer;
  -webkit-transition: background .4s ease, color .4s ease;
  transition: background .4s ease, color .4s ease;
}

button:hover {
  box-shadow: 0 0 0 2px #000 inset;
  color: #000;
  background-color: transparent;
}

.js-go {
  margin-bottom: 10px;
  background-color: #c90f40;
  border: #c90f40;
  box-shadow: none;
}
.center{
  text-align: center;
}
#appointment-btn{
  margin-top: 3px;
}
.modal.is-active {
  display: block;
}
.default-dots .owl-dots {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}.default-dots .owl-dot {
  position: relative;
  height: 8px;
  width: 8px;
  background-color: #000000;
  margin: 0 4px;
  border-radius: 10px;
  transition: all 300ms ease;
}
.fa-angle-left{
  display: none;
}
.fa-angle-right{
  display: none;
}
.sticky{
  position:sticky !important;
  top:0;
}