/* =====================================
Template Name:  Mediplus.
Author Name: Naimur Rahman
Website: http://wpthemesgrid.com/
Description: Mediplus - Doctor HTML Template.
Version:    1.1
========================================*/
/*======================================
[ CSS Table of contents ]
* Global CSS
* Header CSS
    + Topbar
    + Logo
    + Widget
    + Main Menu
    + Search
* Hero Slider CSS
* Schedule CSS
* Feautes CSS
* Fun Facts CSS
* Why Choose CSS
* Call to Action CSS
* Portfolio CSS
    + Portfolio Single CSS
* Services CSS
* Testimonials CSS
* Departments CSS
* Pricing Table CSS
* Clients CSS
* Team CSS
    + Single Team
* Blog CSS
    + Latest Blog CSS
    + Blog Single CSS
    + Blog Sidebar CSS
* Appointment CSS
* Login CSS
* Register CSS
* Faq CSS
* Contact Us CSS
* Error 404 CSS
* Mail Success CSS
* Newsletter CSS
* Doctor Calendar CSS
* About Us CSS
* Footer CSS
========================================*/
/*=============================
    Global CSS 
===============================*/
:root {
    --primary-color: #e65c4f;
    --secondary-color: #2a9d8f;
    --text-color: #2c3e50;
    --background-color: #f8f9fa;
    --white: #ffffff;
} 

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #888;
}
.container {
  max-width: 1170px;
}
#scrollUp {
  bottom: 15px;
  right: 15px;
  padding: 10px 20px;
  background: #EB5B00;
  color: #fff;
  font-size: 25px;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  padding: 0;
  border-radius: 3px;
  box-shadow: 0px 0px 10px #00000026;
}
#scrollUp:hover {
  background: #2c2d3f;
}
/* Color Plate */
.color-plate {
  position: fixed;
  display: block;
  z-index: 99998;
  padding: 20px;
  width: 264px;
  background: #fff;
  right: -264px;
  text-align: left;
  top: 30%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
  box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
}
.color-plate.active {
  right: 0;
}
.color-plate .color-plate-icon {
  position: absolute;
  left: -48px;
  width: 48px;
  height: 45px;
  line-height: 45px;
  font-size: 21px;
  border-radius: 5px 0 0 5px;
  background: #EB5B00;
  text-align: center;
  color: #fff !important;
  top: 0;
  cursor: pointer;
  box-shadow: -4px 0px 5px #00000036;
}
.color-plate h4 {
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: 500;
}
.color-plate p {
  font-size: 13px;
  margin-bottom: 15px;
  line-height: 20px;
}
.color-plate span {
  width: 42px;
  height: 35px;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  margin-right: 3px;
}
.color-plate span:hover {
  cursor: pointer;
}
.color-plate span.color1 {
  background: #EB5B00;
}
.color-plate span.color2 {
  background: #2196f3;
}
.color-plate span.color3 {
  background: #32b87d;
}
.color-plate span.color4 {
  background: #fe754a;
}
.color-plate span.color5 {
  background: #f82f56;
}
.color-plate span.color6 {
  background: #01b2b7;
}
.color-plate span.color7 {
  background: #6c5ce7;
}
.color-plate span.color8 {
  background: #85ba46;
}
.color-plate span.color9 {
  background: #273c75;
}
.color-plate span.color10 {
  background: #fd7272;
}
.color-plate span.color11 {
  background: #badc58;
}
.color-plate span.color12 {
  background: #44ce6f;
}

/* RTL Version Option CSS */
.rtl-version {
  margin-top: 12px;
}
.rtl-version h4 {
  margin-bottom: 12px;
}
.rtl-version .option-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rtl-version .option-box li {
  border: 1px solid #EB5B00;
  padding: 4px 8px;
  color: #EB5B00;
  cursor: pointer;
  transition: all 0.4s ease;
  font-weight: 500;
  font-size: 14px;
  border-radius: 2px;
}
.rtl-version .option-box li.active,
.rtl-version .option-box li:hover {
  border: 1px solid transparent;
  background: #EB5B00;
  color: #fff;
}

/*=============================
    End Global CSS 
===============================*/

/*===================
    Start Header CSS 
=====================*/
.header {
  background-color: #fff;
  position: relative;
}
.header .navbar-collapse {
  padding: 0;
}
/* Topbar */
.header .topbar {
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.header .topbar {
  padding: 15px 0;
}
.header .top-link {
  float: left;
}
.header .top-link li {
  display: inline-block;
  margin-right: 15px;
}
.header .top-link li:last-child {
  margin-right: 0px;
}
.header .top-link li a {
  color: #2c2d3f;
  font-size: 14px;
  font-weight: 400;
}
.header .top-link li:hover a {
  color: #EB5B00;
}
.header .top-contact {
  float: right;
}
.header .top-contact li {
  display: inline-block;
  margin-right: 0px;
  color: #2c2d3f;
}
.header .top-contact li:last-child {
  margin-right: 0;
}
.header .top-contact li a {
  font-size: 14px;
}
.header .top-contact li a:hover {
  color: #EB5B00;
}
.header .top-contact li i {
  color: #EB5B00;
  margin-right: 8px;
}
.header .top-contact  img{
  width: 30px;
}
.header .header-inner {
  background: #fff;
  z-index: 999;
  width: 100%;
}
.get-quote {
  float: right;
}
.get-quote .btn {
  background: #EB5B00;
  color: #fff;
}
.header .logo {
  float: left;
}
.header .navbar {
  background: none;
  box-shadow: none;
  border: none;
  margin: 0;
  height: 0px;
  min-height: 0px;
}
.header .nav{
  padding-left: 17%;
}
.header .nav li {
  margin-right: 15px;
  float: left;
  position: relative;
}
.header .nav li:last-child {
  margin: 0;
}
.header .nav li a {
  color: #2c2d3f;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 25px 12px;
  position: relative;
  display: inline-block;
  position: relative;
}
.header .nav li a::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0%;
  background: #EB5B00;
  border-radius: 5px 5px 0 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.header .nav li.active a:before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.header .nav li.active a {
  color: #EB5B00;
}
.header .nav li:hover a:before {
  opacity: 1;
  width: 100%;
  visibility: visible;
}
.header .nav li:hover a {
  color: #EB5B00;
}
.header .nav li a i {
  display: inline-block;
  margin-left: 1px;
  font-size: 13px;
}
/* Middle Header */
.header.style2 .header-inner {
  border-top: 1px solid #eee;
}


.header .middle-header {
  background: #fff;
  padding: 0px 0px;
}
.header .widget-main {
  float: right;
}
.header.style2 .get-quote {
  margin-top: 0;
}
.header .single-widget {
  position: relative;
  float: left;
  margin-right: 30px;
  padding-left: 55px;
}
.header .single-widget:last-child {
  margin: 0;
}
.header .single-widget .logo {
  margin: 0;
  padding: 0;
  margin-top: 7px;
}
.header .single-widget i {
  position: absolute;
  left: 0;
  top: 6px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  color: #fff;
  background: #EB5B00;
  border-radius: 4px;
  text-align: center;
  font-size: 15px;
}
.header .single-widget h4 {
  font-size: 15px;
  font-weight: 500;
}
.header .single-widget p {
  margin-bottom: 5px;
  text-transform: capitalize;
}
.header .single-widget.btn {
  margin-left: 0;
}
/* Dropdown Menu */
.header .nav li .dropdown {
  background: #fff;
  width: 220px;
  position: absolute;
  left: -20px;
  top: 100%;
  z-index: 999;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px #3333334d;
  transform-origin: 0 0 0;
  transform: scaleY(0.2);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  top: 74px;
  border-left: 3px solid #EB5B00;
}
.header .nav li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.header .nav li .dropdown li {
  float: none;
  margin: 0;
  border-bottom: 1px dashed #eee;
}
.header .nav li .dropdown li.active a {
  color: #EB5B00;
}
.header .nav li .dropdown li:last-child {
  border: none;
}
.header .nav li .dropdown li a {
  padding: 12px 15px;
  color: #666;
  display: block;
  font-weight: 400;
  text-transform: capitalize;
  background: transparent;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.header .nav li .dropdown li a:before {
  display: none;
}
.header .nav li .dropdown li:last-child a {
  border-bottom: 0px;
}
.header .nav li .dropdown li:hover a {
  color: #EB5B00;
}
.header .nav li .dropdown li a:hover {
  border-color: transparent;
}
/* Right Bar 
.header.style2 .main-menu {
  display: inline-block;
  float: left;
}
.header .right-bar {
  display: inline-block;
  position: relative;
  padding-top: 20px;
  float: right;
}
.header .right-bar a {
  color: #fff;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  background: #EB5B00;
  border-radius: 4px;
  display: block;
  font-size: 12px;
}
.header .right-bar li a:hover {
  color: #fff;
  background: #27ae60;
}
.header .search-top.active .search i:before {
  content: "\eee1";
  font-size: 15px;
}
/* Search 
.header .search-form {
  position: absolute;
  right: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  top: 74px;
  box-shadow: 0px 0px 10px #0000001c;
  border-radius: 4px;
  overflow: hidden;
  transform: scale(0);
}
.header .search-top.active .search-form {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.header .search-form input {
  width: 282px;
  height: 50px;
  line-height: 50px;
  padding: 0 70px 0 20px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 3px;
  border: none;
  background: #fff;
  color: #2c2d3f;
}
.header .search-form button {
  position: absolute;
  right: 0;
  height: 50px;
  top: 0;
  width: 50px;
  background: #EB5B00;
  border: none;
  color: #fff;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid transparent;
}
.header .search-form button:hover {
  background: #fff;
  color: #EB5B00;
  border-color: #e6e6e6;
}*/
/* Header Sticky */
.header.sticky .header-inner {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: initial;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  animation: fadeInDown 0.5s both 0.1s;
  box-shadow: 0px 0px 13px #00000054;
}
/*=========================
    End Header CSS
===========================*/

/*=========================
    start Hero Header CSS
===========================*/

/* Hero Header with Background */
.hero-header {
  background-image: url('../img/header-bg-sahara2.png'); /* Replace with your image */
  background-size: cover;
  background-position: center;
  height: 310px; /* Adjust height as needed */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  width: 100%;
}

/* Centering the Logo */
.hero-header .logo-center img {
  max-width: 360px; /* Adjust logo size */
  height: auto;
}

/* Make it Responsive */
@media (max-width: 768px) {
  .header .middle-header {
  background: #fff;
  padding: 10px 0px;
}
  .hero-header {
    height: 75px; /* Reduce height on small screens */
  }
  .hero-header .logo-center img {
    max-width: 140px; /* Adjust logo size for mobile */
  }
}


/*=========================
    End Hero Header CSS
===========================*/
.top-contact .dropdown {
  position: relative;
  display: inline-block;
}

.top-contact .dropdown-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 120px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  border-radius: 5px;
  padding: 5px 0;
}

.top-contact .dropdown:hover .dropdown-menu {
  display: block;
}

.top-contact .dropdown-menu li {
  list-style: none;
  padding: 8px 12px;
}

.top-contact .dropdown-menu li a {
  text-decoration: none;
  color: #333;
  display: block;
}

.top-contact .dropdown-menu li a:hover {
  background-color: #f1f1f1;
}

/*===========================
    Start Hero Area CSS
=============================*/
.slider .single-slider {
  height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.slider .single-slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Dark overlay */
}
.slider .single-slider .text {
  margin-top: 120px;
}
.slider.index2 .single-slider .text {
  margin-top: 150px;
}
.slider .single-slider h1 {
  color: #fff;
  font-size: 44px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 130%;
}
.slider .single-slider h1 span {
  color: #EB5B00;
}
.slider .single-slider p {
  color: #fff;
  margin-top: 27px;
  font-weight: 400;
}
.slider .single-slider .button {
  margin-top: 30px;
}
.slider .single-slider .btn {
  color: #fff;
  background: #EB5B00;
  font-weight: 500;
  display: inline-block;
  margin: 0;
  margin-right: 10px;
}
.slider .single-slider .btn:last-child {
  margin: 0;
}
.slider .single-slider .btn.primary {
  background: #2c2d3f;
  color: #fff;
}
.slider .single-slider .btn.primary:before {
  background: #EB5B00;
}
.slider .owl-carousel .owl-nav {
  margin: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -25px;
}
.slider .owl-carousel .owl-nav div {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  background: #EB5B00;
  color: #fff;
  font-size: 26px;
  position: absolute;
  margin: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 0;
  border-radius: 50%;
}
.slider .owl-carousel .owl-nav div:hover {
  background: #2c2d3f;
  color: #fff;
}
.slider .owl-carousel .owl-controls .owl-nav .owl-prev {
  left: 20px;
}
.slider .owl-carousel .owl-controls .owl-nav .owl-next {
  right: 20px;
}

/* Slider Animation */
.owl-item.active .single-slider h1 {
  animation: fadeInUp 1s both 0.6s;
}
.owl-item.active .single-slider p {
  animation: fadeInUp 1s both 1s;
}
.owl-item.active .single-slider .button {
  animation: fadeInDown 1s both 1.5s;
}
/*===========================
    End Hero Area CSS
=============================*/

/*=============================
    Start Schedule CSS
===============================*/
.schedule {
  background: #fff;
  margin: 0;
  padding: 0;
  height: 230px;
}
.schedule .schedule-inner {
  position: relative;
  transform: translateY(-50%);
  z-index: 9;
}
.schedule .single-schedule {
  position: relative;
  text-align: left;
  z-index: 3;
  border-radius: 5px;
  background: #EB5B00;
  -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;
}
.schedule .single-schedule .inner {
  overflow: hidden;
  position: relative;
  padding: 30px;
  z-index: 2;
}
.schedule .single-schedule:before {
  position: absolute;
  z-index: -1;
  content: "";
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80%;
  height: 90%;
  background: #EB5B00;
  opacity: 0;
  filter: blur(10px);
  -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;
}
.schedule .single-schedule:hover:before {
  opacity: 0.8;
}
.schedule .single-schedule:hover {
  transform: translateY(-5px);
}
.schedule .single-schedule .icon i {
  position: absolute;
  font-size: 110px;
  color: #fff;
  -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;
  z-index: -1;
  visibility: visible;
  opacity: 0.2;
  right: -25px;
  bottom: -30px;
}
.schedule .single-schedule span {
  display: block;
  color: #fff;
}
.schedule .single-schedule h4 {
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  text-transform: capitalize;
  color: #fff;
  margin-top: 13px;
}
.schedule .single-schedule p {
  color: #fff;
  margin-top: 22px;
}
.schedule .single-schedule a {
  color: #fff;
  margin-top: 25px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}
.schedule .single-schedule a:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0%;
  background: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.schedule .single-schedule a:hover:before {
  width: 100%;
  width: 100%;
}
.schedule .single-schedule a i {
  margin-left: 10px;
}
.schedule .single-schedule .time-sidual {
}
.schedule .single-schedule .time-sidual {
  overflow: hidden;
  margin-top: 17px;
}
.schedule .single-schedule .time-sidual li {
  display: block;
  color: #fff;
  width: 100%;
  margin-bottom: 3px;
}
.schedule .single-schedule .time-sidual li:last-child {
  margin: 0;
}
.schedule .single-schedule .time-sidual li span {
  display: inline-block;
  float: right;
}
.schedule .single-schedule .day-head .time {
  font-weight: 400;
  float: right;
}
/*=============================
    End Schedule CSS
===============================*/

/*=============================
    Start Feautes CSS
===============================*/
.Feautes {
  padding-top: 0;
}
.Feautes.index2 {
  padding-top: 100px;
}
.Feautes.testimonial-page {
  padding-top: 100px;
}
.Feautes .single-features {
  text-align: center;
  position: relative;
  padding: 10px 20px;
}
.Feautes .single-features::before {
  position: absolute;
  content: "";
  right: -72px;
  top: 60px;
  width: 118px;
  border-bottom: 3px dotted #EB5B00;
}
.Feautes .single-features.last::before {
  display: none;
}
.Feautes .single-features .signle-icon {
  position: relative;
}
.Feautes .single-features .signle-icon i {
  font-size: 50px;
  color: #EB5B00;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: 0;
  height: 100px;
  width: 100px;
  line-height: 100px;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 100%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.Feautes .single-features:hover .signle-icon i {
  background: #EB5B00;
  color: #fff;
  border-color: transparent;
}
.Feautes .single-features h3 {
  padding-top: 128px;
  color: #2c2d3f;
  font-weight: 600;
  font-size: 21px;
}
.Feautes .single-features p {
  margin-top: 20px;
}
/*=============================
    End Feautes CSS
===============================*/

/*=======================
    Start Fun Facts CSS
=========================*/
.fun-facts {
  position: relative;
}
.fun-facts.section {
  padding: 120px 0;
}
.fun-facts {
  background: url("img/fun-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.fun-facts .single-fun {
  position: relative;
}
.fun-facts .single-fun i {
  position: absolute;
  left: 0;
  font-size: 62px;
  color: #fff;
  height: 70px;
  width: 70px;
  line-height: 67px;
  font-size: 28px;
  text-align: center;
  padding: 0;
  margin: 0;
  border: 2px solid #fff;
  border-radius: 0px;
  top: 50%;
  margin-top: -35px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 50%;
}
.fun-facts .single-fun:hover i {
  color: #EB5B00;
  background: #fff;
  border-color: transparent;
}
.fun-facts .single-fun .content {
  padding-left: 92px;
}
.fun-facts .single-fun span {
  color: #fff;
  font-weight: 600;
  font-size: 30px;
  position: relative;
  display: block;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s eas;
  display: block;
  margin-bottom: 7px;
}
.fun-facts .single-fun p {
  color: #fff;
  font-size: 15px;
}
/*===================
    End Fun Facts
=====================*/

/*===================
    Why choose CSS
=====================*/
.why-choose {
  position: relative;
  background-image: url('../img/merzouga.jpg'); /* Replace with your actual image */
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Parallax effect */
  background-repeat: no-repeat;
  padding: 100px 0; /* Adjust padding to ensure readability */
  z-index: 1;
}

/* Overlay Effect */
.why-choose::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* Adjust opacity (0.6 for a dark overlay) */
  z-index: -1;
}


.why-choose .choose-left h3 {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 24px;
}
.why-choose .choose-left h3:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  background: #EB5B00;
}
.why-choose .choose-left p {
  margin-bottom: 35px;
  color: #fff;
}
.why-choose .choose-left .list {
}
.why-choose .choose-left .list li {
  color: #868686;
  margin-bottom: 12px;
}
.why-choose .choose-left .list li:last-child {
  margin-bottom: 0px;
}
.why-choose .choose-left .list li i {
  height: 15px;
  width: 15px;
  line-height: 15px;
  text-align: center;
  background: #EB5B00;
  color: #fff;
  font-size: 14px;
  border-radius: 100%;
  padding-left: 2px;
  margin-right: 16px;
}
/* Start Faq CSS */
.why-choose .section-title h2, .why-choose .section-title p{
  color: #fff;
}
.why-choose .choose-right {
  height: 100%;
  width: 100%;
  background-image: url("img/video-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.why-choose .choose-right .video {
  color: #fff;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -35px;
  margin-top: -35px;
  font-size: 21px;
  background: #EB5B00;
  padding-left: 4px;
}
.why-choose .choose-right .video:hover {
  transform: scale(1.1);
}
.why-choose .video-image .waves-block .waves {
  position: absolute;
  width: 200px;
  height: 200px;
  background: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
  left: 50%;
  margin-left: -100px;
  top: 50%;
  margin-top: -100px;
}
.why-choose .video-image .waves-block .wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.why-choose .video-image .waves-block .wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.why-choose .video-image .waves-block .wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
/*=======================
    End Why choose CSS
=========================*/

/*===============================
    Start Call to action CSS
=================================*/
.call-action {
  background-image: url("img/call-bg.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  background-repeat: no-repeat;
}
.call-action .content {
  text-align: center;
  padding: 100px 265px;
}
.call-action .content h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 46px;
}
.call-action .content p {
  color: #fff;
  margin: 30px 0px;
  font-size: 15px;
}
.call-action .content .btn {
  background: #fff;
  margin-right: 20px;
  font-weight: 500;
  border: 1px solid #fff;
  color: #EB5B00;
}
.call-action .content .btn:before {
  background: #EB5B00;
}
.call-action .content .btn:hover {
  background: #EB5B00;
  color: #fff;
}
.call-action .content .btn:last-child {
  margin-right: 0px;
}
.call-action .content .second {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
  color: #fff !important;
}
.call-action .content .second:before {
  background: #fff;
}
.call-action .content .second:hover {
  color: #EB5B00;
  border-color: transparent;
  background: #fff;
}
.call-action .content .second i {
  margin-left: 10px;
}
/*===============================
    Start Call to action CSS
=================================*/

/*==========================
    Start Portfolio CSS
============================*/
.portfolio {
  background: #fdfdfd;
}
.portfolio .single-pf {
  position: relative;
}
.portfolio .single-pf img {
  height: 100%;
  width: 100%;
}
.portfolio .single-pf:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #EB5B00;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1;
}
.portfolio .single-pf:hover:before {
  opacity: 0.7;
  visibility: visible;
}
.portfolio .single-pf .btn {
  color: #EB5B00;
  z-index: 3;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 48px;
  width: 150px;
  text-align: center;
  line-height: 48px;
  padding: 0;
  font-weight: 500;
  font-size: 14px;
  margin-left: -75px;
  margin-top: -24px;
  border-radius: 4px;
}
.portfolio .single-pf:hover .btn {
  opacity: 1;
  visibility: visible;
}
.portfolio .single-pf .btn:hover {
  color: #fff;
}
.portfolio .owl-nav {
  display: none;
}
/* Slider Nav */
.pf-details .image-slider .owl-nav {
  margin: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -25px;
}
.pf-details .image-slider .owl-carousel .owl-nav div {
  height: 50px;
  width: 50px;
  line-height: 45px;
  background: #fff;
  color: #EB5B00;
  position: absolute;
  margin: 0;
  border-radius: 100%;
  font-size: 20px;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  box-shadow: 0px 0px 10px #0000001a;
}
.pf-details .image-slider .owl-carousel .owl-nav div:hover {
  color: #fff;
  background: #EB5B00;
}
.pf-details .image-slider .owl-carousel .owl-controls .owl-nav .owl-prev {
  left: 20px;
}
.pf-details .image-slider .owl-carousel .owl-controls .owl-nav .owl-next {
  right: 20px;
}
.pf-details .image-slider {
  border-radius: 8px 8px 0 0;
}
.pf-details .image-slider img {
  height: 100%;
  width: 100%;
}
.pf-details .date {
  background: #EB5B00;
  display: block;
  padding: 20px;
  text-align: center;
  border-radius: 0;
  border: none;
  margin: 0;
  margin-top: -1px;
}
.pf-details .date ul li {
  font-size: 16px;
  color: #fff;
  display: inline-block;
  margin-right: 60px;
}
.pf-details .date ul li:last-child {
  margin: 0;
}
.pf-details .date ul li span {
  font-weight: 500;
  display: inline-block;
  margin-right: 5px;
}
.pf-details .body-text {
}
.pf-details .body-text h3 {
  font-size: 30px;
  font-weight: 600;
  color: #333;
  margin-top: 40px;
}
.pf-details .body-text p {
  margin-top: 20px;
}
.pf-details .body-text .share {
  margin-top: 40px;
}
.pf-details .body-text .share h4 {
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
}
.pf-details .body-text .share ul {
  display: inline-block;
  margin-left: 12px;
}
.pf-details .body-text .share ul li {
  display: inline-block;
  margin-right: 10px;
}
.pf-details .body-text .share ul li:last-child {
  margin-right: 0;
}
.pf-details .body-text .share ul li a {
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #c8c8c8;
  color: #757575;
  display: block;
  border-radius: 50%;
}
.pf-details .body-text .share ul li a:hover {
  color: #fff;
  border-color: transparent;
  background: #EB5B00;
}
/*==========================
    End Portfolio CSS
============================*/

/*=========================
    Srart service CSS
===========================*/
.services .single-service {
  margin: 30px 0;
  position: relative;
  padding-left: 70px;
}
.services .single-service i {
  font-size: 45px;
  color: #EB5B00;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.services .single-service h4 {
  text-transform: capitalize;
  margin-bottom: 25px;
  color: #2c2d3f;
}
.services .single-service h4 a {
  color: #2c2d3f;
  font-size: 20px;
  font-weight: 600;
}
.services .single-service h4 a:hover {
  color: #EB5B00;
}
.services .single-service p {
  color: #868686;
}
/*-- Service Details --*/
.services-details-img {
  margin-bottom: 50px;
}

.services-details-img img {
  width: 100%;
  margin-bottom: 30px;
}
.services-details-img h2 {
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 16px;
}
.services-details-img P {
  margin-bottom: 20px;
}
.services-details-img blockquote {
  font-size: 15px;
  color: #4a6f8a;
  background-color: #EB5B00;
  padding: 30px 75px;
  line-height: 26px;
  position: relative;
  margin-bottom: 20px;
  color: #fff;
}
.services-details-img blockquote i {
  position: absolute;
  display: inline-block;
  top: 20px;
  left: 38px;
  font-size: 32px;
}
.service-details-inner-left {
  background-image: url("img/signup-bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.service-details-inner-left img {
  display: none;
}
.service-details-inner {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}
.service-details-inner h2 {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 15px;
  border-left: 3px solid #EB5B00;
  padding-left: 15px;
}
.service-details-inner p {
  margin-bottom: 15px;
}
.service-details-inner p:last-child {
  margin-bottom: 0;
}
/*=========================
    End service CSS
===========================*/

/*=============================
    Start Testimonials CSS
===============================*/
/* Background Image & Overlay */
.testimonials {
  position: relative;
  background: url('../img/merzouga.jpg') no-repeat center center/cover;
  padding: 80px 0;
  color: white;
  text-align: center;
  z-index: 1;
}

/* Overlay Effect */
.testimonials::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* Dark overlay */
  z-index: -1;
}

/* Styling for Content */
.section-title h2 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #fff;
  position: relative;
  z-index: 2;
}

/* TripAdvisor Widget Styling */
.TA_cdswritereviewnew {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  padding: 20px;
  display: inline-block;
  backdrop-filter: blur(10px); /* Glassmorphism effect */
}

.TA_cdswritereviewnew img {
  max-width: 200px;
  transition: transform 0.3s ease-in-out;
}

.TA_cdswritereviewnew img:hover {
  transform: scale(1.1);
}

/* Responsive Design */
@media (max-width: 768px) {
  .testimonials {
    padding: 60px 0;
  }
  .section-title h2 {
    font-size: 24px;
  }
  .TA_cdswritereviewnew img {
    max-width: 150px;
  }
}
.testimonials {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.testimonials .section-title h2 {
  color: #fff;
}
.testimonials .single-testimonial {
  text-align: left;
  position: relative;
  background: #fff;
  padding: 40px 30px;
  margin: 5px;
  margin-bottom: 27px;
  margin-right: 30px;
  border-radius: 5px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 0;
  margin: 30px 20px;
}
.testimonials .single-testimonial:hover {
  box-shadow: 0px 10px 10px #0000001c;
  transform: translateY(-4px);
}
.testimonials .single-testimonial img {
  position: absolute;
  left: 30px;
  bottom: -26px;
  height: 53px;
  width: 53px;
  border-radius: 100%;
}
.testimonials .single-testimonial p {
  color: #868686;
  font-size: 14px;
}
.testimonials .single-testimonial .name {
  margin-top: 22px;
  color: #2c2d3f;
  font-weight: 500;
  font-size: 15px;
}
.testimonials .owl-dots {
  position: absolute;
  left: 50%;
  bottom: -55px;
  margin-top: -47px;
  padding: 10px 25px;
  border-radius: 3px;
  margin: 0 0 0 -52px;
  margin-top: 49px;
  box-sizing: ;
}
.testimonials .owl-dots .owl-dot {
  display: inline-block;
  margin-right: 10px;
}
.testimonials .owl-dots .owl-dot:last-child {
  margin: 0px;
}
.testimonials .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0;
  background: #fff;
  position: relative;
}
.testimonials .owl-dots .owl-dot span:hover {
  background: #fff;
}
.testimonials .owl-dots .owl-dot.active span {
  background: #fff;
  width: 20px;
}
/*=============================
    End Testimonials CSS
===============================*/

/*==========================
    Start Departments CSS
============================*/
.departments {
  position: relative;
  background: url('../img/merzouga.jpg') no-repeat center center fixed;
  background-size: cover;
}

.departments::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); 
}


.departments .department-tab .nav {
  margin-bottom: 30px;
  background: transform;
  position: relative;
  flex-direction: row;
  border-radius: 0px;
}
.departments .department-tab .nav .list-group-item {
  text-align: center;
  margin-right: 54px;
  background: transparent;
  color: #fff;
  margin-top: 20px;
  border: none;
  padding: 0;
  padding-bottom: 20px;
  border-bottom: 2px solid transparent;
  padding: 0 10px 20px 10px;
  border-radius: 0px;
}
.departments .department-tab .nav .list-group-item:last-child {
  margin-right: 0;
}
.departments .department-tab .nav .list-group-item i {
  font-size: 40px;
  color: #fff;
}
.departments .department-tab .nav .list-group-item:hover {
  background: transparent;
}
.departments .department-tab .nav .list-group-item.active i {
  color: #fff;
}

.departments .department-tab .nav .list-group-item.active {
  border-color: #fff;
}
.departments .department-tab .nav .list-group-item span {
  display: block;
}
.departments .department-tab .nav .list-group-item .first {
  padding-top: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

.departments .section-title h2{color: #fff}

.departments .department-tab .nav .list-group-item span{
  font-size: 15px !important;
}
.departments .department-tab .nav .list-group-item.active .first {
  color: #fff;
}
.departments .department-tab .nav .list-group-item .second {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin-top: 3px;
}
.departments .department-tab .tab-pane .department-left {
}
.departments .department-tab .tab-pane .department-left h3 {
  color: #fff;
  font-weight: 600;
  font-size: 26px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.departments .department-tab .tab-pane .department-left h3:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 3px;
  width: 50px;
  background: #ff9207;
}
.departments .department-tab .tab-pane .department-left .p1 {
  color: #EB5B00;
  font-weight: 500;
  margin-bottom: 18px;
}
.departments .department-tab .tab-pane .department-left p {
  margin-bottom: 20px;
  color: #fff;
}
.departments .department-tab .tab-pane .department-left .list {
}
.departments .department-tab .tab-pane .department-left .list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 6px;
}
.departments .department-tab .tab-pane .department-left .list li:last-child {
  margin-bottom: 0px;
}
.departments .department-tab .tab-pane .department-left .list li i {
  position: absolute;
  left: 0;
  height: 15px;
  width: 15px;
  line-height: 15px;
  color: #fff;
  background: #EB5B00;
  text-align: center;
  border-radius: 100%;
  font-size: 8px;
  margin-right: 20px;
  top: 4px;
}
.departments .department-tab .tab-content .tab-text h2 {
  font-size: 18px;
}
.departments .department-tab .tab-content .tab-text p {
  color: #555;
  margin-top: 10px;
}
/*==========================
    End Departments CSS
============================*/

/*=============================
    Start Pricing Table CSS
===============================*/
.pricing-table {
  background: #f9f9f9;
  position: relative;
}
.pricing-table .single-table {
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin: 15px 0;
  padding: 45px 35px 30px 35px;
}
/* Table Head */
.pricing-table .single-table .table-head {
  text-align: center;
}
.pricing-table .single-table .icon i {
  font-size: 65px;
  color: #EB5B00;
}
.pricing-table .single-table .title {
  font-size: 21px;
  color: #2c2d3f;
  margin-top: 30px;
  margin-bottom: 15px;
}
.pricing-table .single-table .amount {
  font-size: 36px;
  font-weight: 600;
  color: #EB5B00;
}
.pricing-table .single-table .amount span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #868686;
  margin-left: 8px;
}
/* Table List */
.pricing-table .single-table .table-list {
  padding: 10px 0;
  text-align: left;
  margin-top: 30px;
}
.pricing-table .table-list li {
  position: relative;
  color: #666;
  text-transform: capitalize;
  margin-bottom: 18px;
  padding-right: 32px;
}
.pricing-table .table-list li:last-child {
  margin-bottom: 0px;
}
.pricing-table .table-list li.cross i {
  background: #aaaaaa;
}
.pricing-table .table-list i {
  font-size: 7px;
  text-align: center;
  margin-right: 10px;
  position: absolute;
  right: 0;
  height: 16px;
  width: 16px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  background: #EB5B00;
  border-radius: 100%;
  padding-left: 1px;
}

/* Table Bottom */
.pricing-table .table-bottom {
  margin-top: 25px;
}
.pricing-table .btn {
  padding: 12px 25px;
  width: 100%;
  color: #fff;
  background: #EB5B00;
}
.pricing-table .btn:before {
  background: #2c2d3f;
}
.pricing-table .btn:hover {
  color: #fff;
}
.pricing-table .btn i {
  font-size: 16px;
  margin-right: 10px;
}
/*=============================
    End Pricing Table CSS
===============================*/

/*========================
    Start Clients CSS
==========================*/
.clients {
  background-image: url("img/client-bg.jpg");
  background-size: cover;
  background-position: center;
  padding: 100px 0px;
  position: relative;
}
.clients .single-clients {
}
.clients .single-clients img {
  width: 100%;
  cursor: pointer;
  text-align: center;
  float: none;
  padding: 0 35px;
}
/*========================
    End Clients CSS
==========================*/

/*====================
    Start Team CSS
======================*/
.team {
  background-image: url("img/testi-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.team.single-page {
  background: #fff;
}
.team .section-title h2 {
  color: #000;
}
.team .section-title p {
  color: #000;
}
.team .single-team {
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 30px;
  text-align: center;
  box-shadow: 0px 0px 10px #00000021;
  border-radius: 5px;
  overflow: hidden;
}
.team .t-head {
  position: relative;
  overflow: hidden;
}
.team .t-head::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  content: "";
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.team .single-team:hover .t-head::before {
  visibility: visible;
  opacity: 0.5;
}
.team .t-head img {
  width: 100%;
  position: relative;
}
.team .t-icon a {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 46px;
  line-height: 40px;
  opacity: 0;
  visibility: hidden;
  font-weight: 400;
  text-align: center;
  color: #fff;
  border-radius: 0;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
  margin: -23px 0 0 -75px;
  font-size: 15px;
  background: #2889e4;
  font-size: 13px;
  line-height: 46px;
  padding: 0;
  border-radius: 4px;
}
.team .single-team:hover .t-icon a {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.team .t-bottom {
  text-align: center;
  position: relative;
  padding: 0 20px;
  padding: 25px 20px;
}
.team .t-bottom p {
  color: #666;
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
}
.team .t-bottom h2 {
  font-size: 22px;
  text-transform: capitalize;
  font-weight: bold;
  color: #2c2d3f;
  font-family: 'Poppins';
}
.team .t-bottom h2 a:hover {
  color: #EB5B00;
}
/*-- Doctor Details --*/
.doctor-details-left {
  -webkit-box-shadow: 0px 0px 10px 0px #ddd;
  box-shadow: 0px 0px 10px 0px #ddd;
  border-radius: 10px;
  overflow: hidden;
}
.doctor-details-item img {
  width: 100%;
  border-radius: 0;
}
.doctor-details-item .doctor-details-contact {
  padding: 50px;
}
.doctor-details-item .doctor-details-contact h3 {
  font-weight: 600;
  font-size: 20px;
  color: #2c2d3f;
  margin-bottom: 30px;
}
.doctor-details-item .doctor-details-contact .basic-info {
  margin: 0;
  padding: 0;
}
.doctor-details-item .doctor-details-contact .basic-info li {
  list-style-type: none;
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #2c2d3f;
  margin-bottom: 10px;
}
.doctor-details-item .doctor-details-contact .basic-info li:last-child {
  margin-bottom: 0;
}
.doctor-details-item .doctor-details-contact .basic-info li i {
  display: inline-block;
  color: #EB5B00;
  margin-right: 8px;
  font-size: 16px;
  position: relative;
  top: 1px;
}
.doctor-details-area .doctor-details-left .social {
  margin-top: 25px;
}
.doctor-details-area .doctor-details-left .social li {
  display: inline-block;
  margin-right: 10px;
}
.doctor-details-area .doctor-details-left .social li:last-child {
  margin-right: 0px;
}
.doctor-details-area .doctor-details-left .social li a {
  height: 34px;
  width: 34px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #c8c8c8;
  text-align: center;
  padding: 0;
  border-radius: 4px;
  display: block;
  color: #757575;
  font-size: 16px;
}
.doctor-details-area .doctor-details-left .social li a:hover {
  color: #fff;
  background: #EB5B00;
  border-color: transparent;
}
.doctor-details-item .doctor-details-work h3 {
  font-weight: 600;
  font-size: 20px;
  color: #2c2d3f;
  margin-top: 30px;
}
.doctor-details-item .doctor-details-work .time-sidual {
}
.doctor-details-item .doctor-details-work .time-sidual {
  overflow: hidden;
}
.doctor-details-item .doctor-details-work .time-sidual li {
  display: block;
  color: #2c2d3f;
  width: 100%;
  margin-bottom: 10px;
}
.doctor-details-item .doctor-details-work .time-sidual li span {
  display: inline-block;
  float: right;
}
.doctor-details-item .doctor-details-work .day-head .time {
  font-weight: 400;
  float: right;
}

.doctor-details-area .doctor-details-right {
  padding-left: 60px;
  padding-top: 70px;
}
.doctor-details-item .doctor-details-biography {
}
.doctor-details-item .doctor-details-biography h3 {
  font-weight: 600;
  font-size: 24px;
  color: #2f60bd;
  margin-bottom: 25px;
  margin-top: 25px;
}
.doctor-details-item .doctor-details-biography p {
  margin-bottom: 0;
}
.doctor-details-item .doctor-details-biography ul {
  margin: 0;
  padding: 0;
}
.doctor-details-item .doctor-details-biography ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
}
.doctor-details-item .doctor-details-biography ul li:last-child {
  margin-bottom: 0;
}
.doctor-details-item .doctor-name .name {
  font-size: 30px;
  font-weight: 600;
}
.doctor-details-item .doctor-name .deg {
  font-size: 22px;
  margin: 10px 0 5px 0;
}
.doctor-details-item .doctor-name .degree {
  font-size: 16px;
}
/*====================
    End Team CSS
======================*/

/*=======================
    Start Blog CSS
=========================*/
.blog {
  background: #fff;
}
.blog .blog-title {
  text-align: center;
}
.blog .single-news {
  background: #fff;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  box-shadow: 0px 0px 10px #00000014;
}
.blog .single-news img {
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.blog .single-news .news-head {
  position: relative;
  overflow: hidden;
}
.blog .single-news .news-content {
  text-align: left;
  background: #fff;
  z-index: 99;
  position: relative;
  padding: 30px;
  left: 0;
  z-index: 0;
}
.blog .single-news .news-content:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0%;
  background: #EB5B00;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.blog .single-news:hover .news-content:before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.blog .single-news .news-body h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 24px;
}
.blog .single-news .news-body h2 a {
  color: #2c2d3f;
  font-weight: 500;
}
.blog .single-news .news-body h2 a:hover {
  color: #EB5B00;
}
.blog .single-news .news-content p {
  font-weight: 400;
  text-transform: capitalize;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 23px;
  margin-bottom: 15px;
}

.btn-rutas a{
  background: #EB5B00;
    padding: 10px 20px;
    font-size: 14px;
    font-family: 'Poppins';
    margin: 10px 0px;
    color: #fff !important;
    font-weight: 400;
    border-radius: 50px;
        float: right;
    z-index: 1;
    position: relative;
}
.blog .single-news .news-body .date {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 5px;
  background: #EB5B00;
  color: #fff;
  padding: 4px 15px;
  border-radius: 3px;
  font-size: 14px;
  margin-bottom: 10px;
}
.blog.grid .single-news {
  margin-top: 30px;
}
/* Blog Sidebar */
.main-sidebar {
  background: #fff;
  margin-top: 30px;
  background: transparent;
}
.main-sidebar .single-widget {
  margin-bottom: 30px;
  padding: 40px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.main-sidebar .single-widget .title {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 30px;
  display: block;
  background: #fff;
  padding-left: 12px;
}
.main-sidebar .single-widget .title::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  height: 100%;
  width: 3px;
  background: #EB5B00;
}
.main-sidebar .single-widget:last-child {
  margin: 0;
}
.main-sidebar .search {
  position: relative;
}
.main-sidebar .search input {
  width: 100%;
  height: 45px;
  box-shadow: none;
  text-shadow: none;
  font-size: 14px;
  border: none;
  color: #222;
  background: transparent;
  padding: 0 70px 0 20px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 0;
  border: 1px solid #eee;
  border-radius: 5px;
}

.main-sidebar .search .button {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 44px;
  width: 50px;
  line-height: 45px;
  box-shadow: none;
  text-shadow: none;
  text-align: center;
  border: none;
  font-size: 14px;
  color: #fff;
  background: #333;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 0 5px 5px 0;
}
.main-sidebar .search .button:hover {
  background: #EB5B00;
  color: #fff;
}
/* Category List */
.main-sidebar .categor-list {
  margin-top: 15px;
}
.main-sidebar .categor-list li {
  margin-bottom: 10px;
}
.main-sidebar .categor-list li:last-child {
  margin-bottom: 0px;
}
.main-sidebar .categor-list li a {
  display: inline-block;
  color: #333;
  font-size: 14px;
}
.main-sidebar .categor-list li a:hover {
  color: #EB5B00;
  padding-left: 7px;
}
.main-sidebar .categor-list li a i {
  display: inline-block;
  margin-right: 0px;
  font-size: 9px;
  transform: translateY(-1px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.main-sidebar .categor-list li a:hover i {
  margin-right: 6px;
  opacity: 1;
  visibility: visible;
}
/* Recent Posts */
.main-sidebar .single-post {
  position: relative;
  border-bottom: 1px solid #ddd;
  display: inline-block;
  padding: 17px 0;
}
.main-sidebar .single-post:last-child {
  padding-bottom: 0px;
  border: none;
}
.main-sidebar .single-post .image img {
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.main-sidebar .single-post .content {
  padding-left: 100px;
}
.main-sidebar .single-post .content h5 {
  line-height: 18px;
}
.main-sidebar .single-post .content h5 a {
  color: #2c2d3f;
  font-weight: 500;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  display: block;
  margin-bottom: 10px;
  margin-top: 0;
}
.main-sidebar .single-post .content h5 a:hover {
  color: #EB5B00;
}
.main-sidebar .single-post .content .comment li {
  color: #888;
  display: inline-block;
  margin-right: 15px;
  font-weight: 400;
  font-size: 14px;
}
.main-sidebar .single-post .content .comment li:last-child {
  margin-right: 0;
}
.main-sidebar .single-post .content .comment li i {
  display: inline-block;
  margin-right: 5px;
}
/* Blog Tags */
.main-sidebar .side-tags .tag {
  margin-top: 40px;
}
.main-sidebar .side-tags .tag li {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 20px;
}
.main-sidebar .side-tags .tag li a {
  background: #fff;
  color: #333;
  padding: 8px 14px;
  text-transform: capitalize;
  border-radius: 0;
  font-size: 13px;
  background: #f6f7fb;
  border-radius: 4px;
}
.main-sidebar .side-tags .tag a:hover {
  color: #fff;
  background: #EB5B00;
  border-color: transparent;
}
/* News Single */
.news-single {
  padding: 60px 0 90px;
  background: #f8f8f8;
}
.news-single .single-main {
  margin-top: 30px;
  background: #fff;
  padding: 30px;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.news-single .news-head {
}
.news-single .news-head img {
  width: 100%;
  height: 100%;
}
.news-single .news-title {
  font-size: 25px;
  margin: 20px 0;
}
.news-single .news-title a {
  color: #252525;
  font-weight: 600;
}
.news-single .news-title a:hover {
  color: #EB5B00;
}
/* Blog Meta */
.news-single {
  background: #fff;
}
.news-single .meta {
  overflow: hidden;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 15px;
}
.news-single .meta span {
  margin-right: 10px;
  display: inline-block;
}
.news-single .meta span:last-child {
  margin: 0;
}
.news-single .meta span,
.news-single .meta span a {
  color: #2c2d3f;
  font-weight: 400;
}
.news-single .meta span i {
  margin-right: 5px;
  color: #EB5B00;
}
.news-single .meta-left {
  float: left;
}
.news-single .meta-left .author img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  margin-right: 12px;
}
.news-single .meta-left .author {
  float: left;
}
.news-single .meta-left span.date {
  margin-top: 10px;
}
.news-single .meta-right {
  float: right;
  margin-top: 10px;
}
.news-single .news-content {
  margin: 20px 0;
}
.news-single .news-content p {
  margin-bottom: 10px;
}
.news-single .news-content p:last-child {
  margin: 0;
}
.news-single .news-text p {
  font-size: 14px;
  margin-bottom: 20px;
}
/* Image Gallery */
.news-single .image-gallery {
  margin-bottom: 20px;
}
.news-single .image-gallery .single-image {
  overflow: hidden;
}
.news-single .image-gallery .single-image:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
}
/* Blockqoute */
.news-single blockquote {
  background-image: url("img/blockqoute-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 30px;
  overflow: hidden;
}
.news-single blockquote::before {
  opacity: 0.9;
}
.news-single .news-text blockquote p {
  color: #fff;
  margin: 0;
  line-height: 26px;
  font-size: 15px;
  position: relative;
}
.news-single .blog-bottom {
  overflow: hidden;
}
/* Social Share */
.news-single .social-share {
  float: left;
}
.news-single .social-share li {
  float: left;
}
.news-single .social-share li span {
  padding-left: 5px;
}
.news-single .social-share li.facebook a {
  background: #5d82d1;
}
.news-single .social-share li.twitter a {
  background: #40bff5;
}
.news-single .social-share li.google-plus a {
  background: #eb5e4c;
}
.news-single .social-share li.linkedin a {
  background: #238cc8;
}
.news-single .social-share li.pinterest a {
  background: #e13138;
}
.news-single .social-share li a {
  padding: 10px 20px;
  display: block;
  color: #fff;
}
.news-single .social-share li a:hover {
  background: #2b343e;
}
/* Prev Next Button */
.news-single .prev-next {
  float: right;
}
.news-single .prev-next li {
  display: inline-block;
  padding: 0;
  margin-right: 5px;
}
.news-single .prev-next li:last-child {
  border: none;
}
.news-single .prev-next li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #c4c4c4;
  color: #555;
  border-radius: 4px;
}
.news-single .prev-next li a:hover {
  color: #fff;
  background: #EB5B00;
  border-color: transparent;
}
/* Blog Comments */
.news-single .blog-comments {
  margin-top: 30px;
  background: transparent;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 30px;
}
.news-single .blog-comments h2 {
  text-align: left;
  text-transform: capitalize;
  font-size: 18px;
  color: #252525;
  margin-bottom: 20px;
}
.news-single .blog-comments h4 span {
  float: right;
}
.news-single .single-comments {
  overflow: hidden;
  margin-bottom: 30px;
  background: #fff;
  border-bottom: 1px solid #eee;
  padding-bottom: 30px;
}
.news-single .single-comments.left .main {
  padding-left: 100px;
  position: relative;
  margin-left: 100px;
}
.news-single .single-comments.left img {
  position: absolute;
  left: 0;
  top: 0;
}
.news-single .single-comments:last-child {
  margin: 0;
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.news-single .single-comments .main {
  overflow: hidden;
}
.news-single .single-comments .head {
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 12%;
}
.news-single .head img {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 100%;
  border: 5px solid #f8f8f8;
}
.news-single .single-comments .body {
  float: left;
  width: 85%;
}
.news-single .single-comments.left .body {
  float: noene;
  width: 100%;
}
.news-single .single-comments .comment-list {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e2e2e2;
  overflow: hidden;
}
.news-single .single-comments .comment-list .body {
  width: 78%;
}
.news-single .single-comments h4 {
  margin: 0 0 5px;
  font-size: 16px;
  text-align: left;
  font-weight: 500;
  color: #252525;
}
.news-single .single-comments .comment-meta {
  margin-bottom: 5px;
}
.news-single .single-comments .meta {
  font-size: 13px;
  color: #555;
  font-weight: 400;
  border: none;
  margin-right: 10px;
  padding: 0;
  margin: 0 10px 0 0;
}
.news-single .single-comments .meta:last-child {
  margin: 0;
}
.news-single .comment-meta span i {
  margin-right: 5px;
}
.news-single .comment-meta span:last-child {
  margin: 0;
}
.news-single .single-comments p {
  font-size: 13px;
}
.news-single .single-comments a {
  text-transform: capitalize;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  padding: 3px 15px;
  display: inline-block;
  margin-top: 10px;
  border-radius: 4px;
  background: #EB5B00;
  color: #fff;
}
.news-single .single-comments a:hover {
  background: #2c2d3f;
  color: #fff;
}
.news-single .single-comments a i {
  margin-right: 5px;
}
.news-single .comment-list {
  padding-left: 50px;
}
.news-single .single-comments.login {
  text-align: center;
}
.news-single .single-comments.login i {
  font-size: 20px;
}
.news-single .single-comments.login a {
  text-align: center;
}
.news-single .single-comments.login a:hover {
  color: #353535;
}
.news-single .comments-form {
  margin-top: 30px;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 30px;
}
.news-single .comments-form h2 {
  text-align: left;
  font-size: 18px;
  color: #353535;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.news-single .form {
  position: relative;
}
.news-single .form-group {
  position: relative;
  display: block;
  margin: 0 0 20px;
}
.news-single .form-group i {
  position: absolute;
  left: 12px;
  top: 17px;
  z-index: 1;
  color: #EB5B00;
}
.news-single .form-group input {
  width: 100%;
  height: 50px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 400;
  border-radius: 0px;
  padding-left: 34px;
  padding-right: 20px;
  border: none;
  line-height: 50px;
  font-weight: 400;
  font-size: 14px;
  color: #2c2d3f;
}

.news-single .form-group textarea {
  border: 1px solid #ddd;
  width: 100%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  box-shadow: none;
  border-radius: 0px;
  border: none;
  height: 190px;
  padding: 15px 15px 15px 35px;
  resize: none;
  font-weight: 400;
  font-size: 14px;
  color: #2c2d3f;
}
.news-single .form-group input,
.news-single .form-group textarea {
  border: 1px solid transparent;
  border: 1px solid #eee;
  border-radius: 5px;
}
.news-single .form-group.message i {
  top: 22px;
}
.news-single .form-group .button {
  padding: 10px 30px;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  border: 0px solid;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 15px 30px;
}
.news-single .form-group .button:hover {
  background: #353535;
}
.news-single .form-group .button i {
  position: relative;
  display: inline-block;
  color: #fff;
  margin-right: 10px;
  padding: 0px;
}
.news-single .form-group.button {
  margin: 0;
  text-align: left;
}
.news-single .form-group.button .btn {
  background: #fff;
  background: #EB5B00;
  color: #fff;
}
.news-single .form-group.button .btn:hover {
  color: #fff;
}
.news-single .form-group.button .btn i {
  color: #fff;
  position: relative;
  top: 0;
  left: 0;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
/*===================
    End Blog CSS
=====================*/

/*==========================
    Start Appointment CSS
============================*/
.appointment {
  background: #fff;
  padding-top: 100px;
}
.appointment.single-page {
  background: #fff;
  padding-top: 100px 0;
  padding: 0;
  padding: 100px 0;
}
.appointment.single-page .appointment-inner {
  padding: 40px;
  box-shadow: 0px 0px 10px #00000024;
  border-radius: 5px;
}
.appointment.single-page .title {
}
.appointment.single-page .title h3 {
  font-size: 25px;
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
}
.appointment.single-page .title p {
}
.appointment .form {
  margin-top: 30px;
}
.appointment .form .form-group {
  margin-bottom: 16px;
}
.appointment .form input {
  width: 100%;
  height: 50px;
  border: 1px solid #eee;
  text-transform: capitalize;
  padding: 0px 18px;
  color: #555;
  font-size: 14px;
  font-weight: 400;
  border-radius: 0;
  border-radius: 4px;
}
.appointment .form textarea {
  width: 100%;
  height: 200px;
  padding: 18px;
  border: 1px solid #eee;
  text-transform: capitalize;
  resize: none;
  border-radius: 4px;
}

.appointment .form-group .nice-select {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #eee;
  text-transform: capitalize;
  padding: 0px 18px;
  color: #999;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  font-weight: 400;
}
.appointment .form-group .nice-select::after {
  right: 20px;
  color: #757575;
}
.appointment .form-group .list {
  border-radius: 4px;
}
.appointment .form-group .list li {
  color: #757575;
  border-radius: 0;
}
.appointment .form-group .list li.selected {
  color: #757575;
  font-weight: 400;
}
.appointment .form-group .list li:hover {
  color: #fff;
  background: #EB5B00;
}
.appointment .appointment-image {
}
.appointment.single-page .button .btn {
  width: 100%;
}
.appointment .button .btn {
  font-weight: 500;
  background: #EB5B00;
}
.appointment .button .btn:hover {
  color: #fff;
}
.appointment .form p {
  margin-top: 10px;
  color: #868686;
}
.appointment.single-page .work-hour {
  background: #EB5B00;
  padding: 40px;
  box-shadow: 0px 0px 10px #00000024;
  border-radius: 5px;
}
.appointment.single-page .work-hour h3 {
  font-size: 25px;
  display: block;
  font-weight: 600;
  margin-bottom: 20px;
  color: #fff;
}
.appointment.single-page .time-sidual {
  margin-top: 15px;
}
.appointment.single-page .time-sidual {
  overflow: hidden;
}
.appointment.single-page .time-sidual li {
  display: block;
  color: #fff;
  width: 100%;
  margin-bottom: 10px;
}
.appointment.single-page .time-sidual li span {
  display: inline-block;
  float: right;
}
.appointment.single-page .day-head .time {
  font-weight: 400;
  float: right;
}
/*==========================
    End Appointment CSS
============================*/

/*====================
   Start Login CSS
======================*/
.login .inner {
  box-shadow: 0px 0px 10px #00000024;
  border-radius: 5px;
  overflow: hidden;
}
.login .login-left {
  background-image: url(img/signup-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.login .login-form {
  padding: 50px 40px;
}
.login .login-form h2 {
  position: relative;
  font-size: 32px;
  color: #333;
  font-weight: 600;
  line-height: 27px;
  text-transform: capitalize;
  margin-bottom: 12px;
  padding-bottom: 20px;
  text-align: left;
}
.login .login-form h2:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  background: #EB5B00;
}
.login .login-form p {
  font-size: 14px;
  color: #333;
  font-weight: 400;
  text-align: left;
  margin-bottom: 50px;
}
.login .login-form p a {
  display: inline-block;
  margin-left: 5px;
  color: #EB5B00;
}
.login .login-form p a:hover {
  color: #2c2d3f;
}
.login .form {
  margin-top: 30px;
}
.login .form .form-group {
  margin-bottom: 22px;
}
.login .form .form-group input {
  width: 100%;
  height: 50px;
  border: 1px solid #eee;
  text-transform: capitalize;
  padding: 0px 18px;
  color: #555;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
}
.login .form .form-group.login-btn {
  margin: 0;
}
.login .form button {
  border: none;
}
.login .form .btn {
  display: inline-block;
  margin-right: 10px;
  color: #fff;
  line-height: 20px;
  width: 100%;
}
.login .form .btn:hover {
  background: #EB5B00;
  color: #fff;
}
.login .login-form .checkbox {
  text-align: left;
  margin: 0;
  margin-top: 20px;
  display: inline-block;
}
.login .login-form .checkbox label {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  position: relative;
  padding-left: 20px;
}
.login .login-form .checkbox label:hover {
  cursor: pointer;
}
.login .login-form .checkbox label input {
  display: none;
}
.login .login-form .checkbox label::before {
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border: 1px solid #EB5B00;
  border-radius: 100%;
}
.login .login-form .checkbox label::after {
  position: relative;
  content: "";
  width: 7px;
  height: 7px;
  left: -16px;
  top: -15px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: block;
  font-size: 9px;
  background: #EB5B00;
  border-radius: 100%;
}
.login .login-form .checkbox label.checked::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.login .login-form .lost-pass {
  display: inline-block;
  margin-left: 25px;
  color: #333;
  font-size: 14px;
  font-weight: 400;
}
.login .login-form .lost-pass:hover {
  color: #EB5B00;
}
/*====================
   End Login CSS
======================*/

/*=========================
   Start Register CSS
===========================*/
.register .inner {
  box-shadow: 0px 0px 10px #00000024;
  border-radius: 5px;
  overflow: hidden;
}
.register .register-left {
  background-image: url(img/signup-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.register .register-form {
  padding: 50px 40px;
}
.register .register-form h2 {
  position: relative;
  font-size: 32px;
  color: #333;
  font-weight: 600;
  line-height: 27px;
  text-transform: capitalize;
  margin-bottom: 12px;
  padding-bottom: 20px;
  text-align: left;
}
.register .register-form h2:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  background: #EB5B00;
}
.register .register-form p {
  font-size: 14px;
  color: #333;
  font-weight: 400;
  text-align: left;
  margin-bottom: 50px;
}
.register .register-form p a {
  display: inline-block;
  margin-left: 5px;
  color: #EB5B00;
}
.register .register-form p a:hover {
  color: #2c2d3f;
}
.register .form {
  margin-top: 30px;
}
.register .form .form-group {
  margin-bottom: 22px;
}
.register .form .form-group input {
  width: 100%;
  height: 50px;
  border: 1px solid #eee;
  text-transform: capitalize;
  padding: 0px 18px;
  color: #555;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
}

.register .form .form-group.login-btn {
  margin: 0;
}
.register .form button {
  border: none;
}
.register .form .btn {
  display: inline-block;
  margin-right: 10px;
  color: #fff;
  line-height: 20px;
  width: 100%;
}
.register .form .btn:hover {
  background: #EB5B00;
  color: #fff;
}
.register .register-form .checkbox {
  text-align: left;
  margin: 0;
  margin-top: 20px;
  display: inline-block;
}
.register .register-form .checkbox label {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  position: relative;
  padding-left: 20px;
}
.register .register-form .checkbox label:hover {
  cursor: pointer;
}
.register .register-form .checkbox label input {
  display: none;
}
.register .register-form .checkbox label::before {
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border: 1px solid #EB5B00;
  border-radius: 100%;
}
.register .register-form .checkbox label::after {
  position: relative;
  content: "";
  width: 7px;
  height: 7px;
  left: -16px;
  top: -15px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: block;
  font-size: 9px;
  background: #EB5B00;
  border-radius: 100%;
}
.register .register-form .checkbox label.checked::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.register .register-form .terms {
  display: inline-block;
  margin-left: 5px;
  color: #EB5B00;
}
.register .register-form .terms:hover {
  color: #2c2d3f;
}
/*=========================
   End Register CSS
===========================*/

/*=====================
   Start Faq CSS
=======================*/
.faq-head h2 {
  margin-bottom: 35px;
  font-weight: 600;
  font-size: 25px;
}
.faq-wrap {
  margin-bottom: 50px;
}
.faq-wrap:last-child {
  margin-bottom: 30px;
}
.accordion {
  padding-left: 0;
  margin: 0;
  padding: 0;
}
.accordion p {
  font-size: 15px;
  display: none;
  padding: 20px 45px 15px 20px;
  margin-bottom: 0;
}
.accordion a {
  font-size: 16px;
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 400;
  padding: 15px 0 15px 18px;
  border-radius: 0;
  background: #fff;
  color: #333;
  border: 1px solid #eee;
}
.accordion a:hover {
  color: #fff !important;
  background: #EB5B00 !important;
}
.accordion a:after {
  position: absolute;
  right: 20px;
  content: "+";
  top: 16px;
  color: #232323;
  font-size: 25px;
  font-weight: 700;
}
.accordion a:hover:after {
  color: #fff !important;
}
.accordion li {
  position: relative;
  list-style-type: none;
  margin-bottom: 30px;
}
.accordion li:first-child {
  border-top: 0;
}
.accordion li:last-child {
  margin-bottom: 0;
}
.accordion li a.active {
  color: #ffffff;
  background-color: #EB5B00;
  border: 1px solid #EB5B00;
}
.accordion li a.active:after {
  content: "-";
  font-size: 25px;
  color: #ffffff;
}
/*=====================
   End Faq CSS
=======================*/

/*=========================
   Start Contact Us CSS
===========================*/
.contact-us .inner {
  box-shadow: 0px 0px 10px #00000024;
  border-radius: 5px;
  overflow: hidden;
}
.contact-us #myMap,
.contact-us #myMap iframe {
  height: 100%;
  width: 100%;
}

.contact-us .contact-us-left {
  width: 100%;
  height: 100%;
}
.contact-us .contact-us-form {
  padding: 50px 40px;
}
.contact-us .contact-us-form h2 {
  position: relative;
  font-size: 32px;
  color: #333;
  font-weight: 600;
  line-height: 27px;
  text-transform: capitalize;
  margin-bottom: 12px;
  padding-bottom: 20px;
  text-align: left;
}
.contact-us .contact-us-form h2:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  background: #EB5B00;
}
.contact-us .contact-us-form p {
  font-size: 14px;
  color: #333;
  font-weight: 400;
  text-align: left;
  margin-bottom: 50px;
}
.contact-us .form {
  margin-top: 30px;
}
.contact-us .form .form-group {
  margin-bottom: 22px;
}
.contact-us .form .form-group input {
  width: 100%;
  height: 50px;
  border: 1px solid #eee;
  text-transform: capitalize;
  padding: 0px 18px;
  color: #555;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
}

.contact-us .form .form-group textarea {
  width: 100%;
  height: 100px;
  border: 1px solid #eee;
  text-transform: capitalize;
  padding: 18px;
  color: #555;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
}
.contact-us .form .form-group.login-btn {
  margin: 0;
}
.contact-us .form button {
  border: none;
}
.contact-us .form .btn {
  display: inline-block;
  margin-right: 10px;
  color: #fff;
  line-height: 20px;
  width: 100%;
}
.contact-us .form .btn:hover {
  background: #EB5B00;
  color: #fff;
}
.contact-us .contact-us-form .checkbox {
  text-align: left;
  margin: 0;
  margin-top: 20px;
  display: inline-block;
}
.contact-us .contact-us-form .checkbox label {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  position: relative;
  padding-left: 20px;
}
.contact-us .contact-us-form .checkbox label:hover {
  cursor: pointer;
}
.contact-us .contact-us-form .checkbox label input {
  display: none;
}
.contact-us .contact-us-form .checkbox label::before {
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border: 1px solid #EB5B00;
  border-radius: 100%;
}
.contact-us .contact-us-form .checkbox label::after {
  position: relative;
  content: "";
  width: 7px;
  height: 7px;
  left: -16px;
  top: -15px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: block;
  font-size: 9px;
  background: #EB5B00;
  border-radius: 100%;
}
.contact-us .contact-us-form .checkbox label.checked::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.contact-us .contact-info {
  margin-top: 50px;
}
.contact-us .single-info {
  background: #EB5B00;
  padding: 40px 60px;
  height: 150px;
  border-radius: 10px;
  position: relative;
  -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;
}
.contact-us .single-info:before {
  position: absolute;
  z-index: -1;
  content: "";
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80%;
  height: 90%;
  background: #EB5B00;
  opacity: 0;
  filter: blur(10px);
  -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;
}
.contact-us .single-info:hover:before {
  opacity: 0.8;
}
.contact-us .single-info:hover {
  transform: translateY(-5px);
}
.contact-us .single-info i {
  font-size: 42px;
  color: #fff;
  position: absolute;
  left: 40px;
}
.contact-us .single-info .content {
  margin-left: 45px;
}
.contact-us .single-info .content h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.contact-us .single-info .content p {
  color: #fff;
  margin-top: 5px;
}
/* Google Map */
.contact-us #myMap {
  height: 100%;
  width: 100%;
}
/*=========================
   End Contact Us CSS
===========================*/

/*========================
    Start Error 404 CSS
==========================*/
.error-page {
  text-align: center;
  background: #fff;
  border-top: 1px solid #eee;
}
.error-page .error-inner {
  display: inline-block;
}
.error-page .error-inner h1 {
  font-size: 140px;
  text-shadow: 3px 5px 2px #3333;
  color: #EB5B00;
  font-weight: 700;
}
.error-page .error-inner h1 span {
  display: block;
  font-size: 25px;
  color: #333;
  font-weight: 600;
  text-shadow: none;
}
.error-page .error-inner p {
  padding: 20px 15px;
}
.error-page .search-form {
  width: 100%;
  position: relative;
}
.error-page .search-form input {
  width: 400px;
  height: 50px;
  padding: 0px 78px 0 30px;
  border: none;
  background: #f6f6f6;
  border-radius: 5px;
  display: inline-block;
  margin-right: 10px;
  font-weight: 400;
  font-size: 14px;
}

.error-page .search-form input:hover {
  padding-left: 35px;
}
.error-page .search-form .btn {
  width: 80px;
  height: 50px;
  border-radius: 5px;
  cursor: pointer;
  background: #EB5B00;
  display: inline-block;
  position: relative;
  top: -2px;
}
.error-page .search-form .btn i {
  font-size: 16px;
}
/*========================
    End Error 404 CSS
==========================*/

/*===========================
    Start Mail Success CSS
=============================*/
.mail-seccess {
  text-align: center;
  background: #fff;
  border-top: 1px solid #eee;
}
.mail-seccess .success-inner {
  display: inline-block;
}
.mail-seccess .success-inner h1 {
  font-size: 100px;
  text-shadow: 3px 5px 2px #3333;
  color: #EB5B00;
  font-weight: 700;
}
.mail-seccess .success-inner h1 span {
  display: block;
  font-size: 25px;
  color: #333;
  font-weight: 600;
  text-shadow: none;
  margin-top: 20px;
}
.mail-seccess .success-inner p {
  padding: 20px 15px;
}
.mail-seccess .success-inner .btn {
  color: #fff;
  background: #EB5B00;
}
/*===========================
    End Mail Success CSS
=============================*/

/*=========================
    Start Newsletter CSS
===========================*/
.newsletter {
  background: #edf2ff;
}
.newsletter .subscribe-text {
}
.newsletter .subscribe-text h6 {
  font-size: 22px;
  margin-bottom: 10px;
  color: #2c2d3f;
}
.newsletter .subscribe-text p {
}
.newsletter .subscribe-form {
  position: relative;
}
.newsletter .common-input {
  height: 60px;
  width: 300px;
  border: none;
  color: #333;
  box-shadow: none;
  text-shadow: none;
  border-radius: 5px;
  padding: 0px 25px;
  font-weight: 500;
  font-size: 14px;
  background: #fff;
  font-weight: 400;
  border: 1px solid transparent;
}

.newsletter .btn {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  padding: 0;
  width: 180px;
  position: relative;
  top: -2px;
  border-radius: 5px;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 500;
  box-shadow: 0px 5px 15px rgba(188, 199, 255, 0.75);
  background: #EB5B00;
}
.newsletter .btn:before {
  border-radius: 5px;
}
.newsletter .button:hover {
  box-shadow: none;
}
/*=========================
    End Newsletter CSS
===========================*/

/*===============================
    Start Doctor Calendar CSS
=================================*/
.doctor-calendar-area {
  position: relative;
  z-index: 1;
}
.doctor-calendar-table {
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
  box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
}
.doctor-calendar-table table {
  margin-bottom: 0;
}
.doctor-calendar-table table thead tr th {
  vertical-align: middle;
  text-align: center;
  background-color: #EB5B00;
  border: none;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
  padding-top: 17px;
  padding-bottom: 15px;
}
.doctor-calendar-table table tbody tr td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #eeeeee;
  border-top: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  white-space: nowrap;
  padding-top: 25px;
  padding-right: 25px;
  padding-left: 25px;
  padding-bottom: 25px;
}
.doctor-calendar-table table tbody tr td:first-child {
  border-left: none;
}
.doctor-calendar-table table tbody tr td:last-child {
  border-right: none;
}
.doctor-calendar-table table tbody tr td h3 {
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 16px;
  font-weight: 600;
}
.doctor-calendar-table table tbody tr td span {
  display: block;
  color: #7d7d7d;
  font-size: 14.5px;
  margin-top: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.doctor-calendar-table table tbody tr td span.time {
  display: inline-block;
  background-color: #dff5e8;
  color: #EB5B00;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  line-height: 65px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 500;
  font-size: 16px;
}
.doctor-calendar-table table tbody tr td:hover {
  background-color: #EB5B00;
  border-color: #EB5B00;
}
.doctor-calendar-table table tbody tr td:hover h3 {
  color: #ffffff;
}
.doctor-calendar-table table tbody tr td:hover span {
  color: #ffffff;
}
.doctor-calendar-table table tbody tr td:hover span.time {
  background-color: #ffffff;
  color: #EB5B00;
}
.doctor-calendar-table table tbody tr:last-child td {
  border-bottom: none;
}
/*===============================
    End Doctor Calendar CSS
=================================*/

/*=========================
    Start About Us CSS
===========================*/
.about-area {
  position: relative;
  z-index: 1;
}
.about-image {
  width: 100%;
  height: 100%;
  background-image: url(img/about-img.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.about-image img {
  display: none;
}
.about-content {
  max-width: 555px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 50px;
}
.about-content span {
  display: block;
  margin-bottom: 5px;
  color: #EB5B00;
  font-size: 17px;
}
.about-content h2 {
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 600;
}
.about-content p {
  margin-top: 10px;
  margin-bottom: 0;
}
.about-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 25px;
  margin-bottom: 0;
}
.about-content ul li {
  margin-bottom: 16px;
  position: relative;
  padding-left: 34px;
}
.about-content ul li i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 100%;
  background-color: #EB5B002b;
  color: #EB5B00;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  font-size: 11px;
  position: absolute;
  left: 0;
  top: -2px;
}
.about-content ul li:hover i {
  background-color: #EB5B00;
  color: #ffffff;
}
.about-content ul li:last-child {
  margin-bottom: 0;
}
.about-content .btn {
  margin-top: 30px;
}
/* Start Our Vision Area CSS */
.our-vision-area {
  position: relative;
  z-index: 1;
  padding-bottom: 70px;
}
.single-vision-box {
  margin-bottom: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
  box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
  padding: 25px 20px;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
}
.single-vision-box .icon {
  margin-bottom: 20px;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100%;
  background-color: #EB5B00;
  color: #ffffff;
  font-size: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single-vision-box h3 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 0;
  position: relative;
  font-size: 20px;
  font-weight: 700;
}
.single-vision-box p {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-top: 12px;
  margin-bottom: 0;
}
.single-vision-box::before {
  width: 0;
  height: 100%;
  z-index: -1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #EB5B00;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single-vision-box::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  border: 10px solid #ffffff;
  left: -80px;
  bottom: -80px;
  border-radius: 50%;
  z-index: -1;
  opacity: 0.15;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single-vision-box:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.single-vision-box:hover::before {
  width: 100%;
}
.single-vision-box:hover .icon {
  background-color: #fff;
  color: #EB5B00;
}
.single-vision-box:hover h3 {
  color: #ffffff;
}
.single-vision-box:hover p {
  color: #ffffff;
}
.single-vision-box:hover::after {
  left: -50px;
  bottom: -50px;
}
/* End Our Vision CSS */

/* Our Mission Area CSS */
.our-mission-area {
  position: relative;
  z-index: 1;
}
.our-mission-image {
  width: 100%;
  height: 100%;
  background-image: url(img/mission-img.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.our-mission-image img {
  display: none;
}
.our-mission-content {
  max-width: 555px;
  margin-left: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 50px;
}
.our-mission-content .sub-title {
  display: block;
  margin-bottom: 5px;
  color: #EB5B00;
  font-size: 17px;
}
.our-mission-content h2 {
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 600;
}
.our-mission-content p {
  margin-top: 10px;
  margin-bottom: 0;
}
.our-mission-content ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 0;
  margin-top: 0;
}
.our-mission-content ul li {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
  color: #7d7d7d;
  font-size: 14.5px;
  line-height: 1.7;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 25px;
}
.our-mission-content ul li .icon {
  margin-bottom: 13px;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.3);
  box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.3);
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  color: #EB5B00;
  font-size: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.our-mission-content ul li span {
  display: block;
  color: #121521;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 17px;
}
.our-mission-content ul li:hover .icon {
  background-color: #EB5B00;
  color: #ffffff;
  border-radius: 100%;
}
/* End Our Mission CSS */

/*=========================
    End About Us CSS
===========================*/

/*=========================
    Start Footer CSS
===========================*/
.footer {
  position: relative;
}
.footer .footer-top {
  padding: 100px 0px;
  position: relative;
  background: #EB5B00;
  z-index: 2;
}
.footer .footer-top:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.1;
  z-index: -1;
}
.footer .single-footer {
}
.footer .single-footer .social {
  margin-top: 25px;
}
.footer .single-footer .social li {
  display: inline-block;
  margin-right: 10px;
}
.footer .single-footer .social li:last-child {
  margin-right: 0px;
}
.footer .single-footer .social li a {
  height: 34px;
  width: 34px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #fff;
  text-align: center;
  padding: 0;
  border-radius: 100%;
  display: block;
  color: #fff;
  font-size: 16px;
}
.footer .single-footer .social li a:hover {
  color: #EB5B00;
  background: #fff;
  border-color: transparent;
}
.footer .single-footer .social li a i {
}
.footer .single-footer.f-link li a i {
  margin-right: 10px;
}
.footer .single-footer.f-link li {
  display: block;
  margin-bottom: 12px;
}
.footer .single-footer.f-link li:last-child {
  margin: 0;
}
.footer .single-footer.f-link li a {
  display: block;
  color: #fff;
  text-transform: capitalize;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 400;
}
.footer .single-footer.f-link li a:hover {
  padding-left: 8px;
}
.footer .single-footer h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 40px;
  padding-bottom: 20px;
  text-transform: capitalize;
  position: relative;
}
.footer .single-footer h2::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0px;
  height: 3px;
  width: 50px;
  background: #fff;
}
.footer .single-footer .time-sidual {
  margin-top: 15px;
}
.footer .single-footer .time-sidual {
  overflow: hidden;
}
.footer .single-footer .time-sidual li {
  display: block;
  color: #fff;
  width: 100%;
  margin-bottom: 5px;
}
.footer .single-footer .time-sidual li span {
  display: inline-block;
  float: right;
}
.footer .single-footer .day-head .time {
  font-weight: 400;
  float: right;
}
.footer .single-footer p {
  color: #fff;
}
.footer .single-footer .newsletter-inner {
  margin-top: 20px;
  position: relative;
}
.footer .single-footer .newsletter-inner input {
  background: transparent;
  border: 1px solid #fff !important;
  height: 50px;
  line-height: 42px;
  width: 100%;
  margin-right: 15px;
  color: #fff;
  padding-left: 18px;
  padding-right: 70px;
  display: inline-block;
  float: left;
  border-radius: 0px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 400;
  border-radius: 5px;
  box-shadow: none;
  outline: none;
}
.footer .single-footer .newsletter-inner input:hover {
  padding-left: 22px;
}
.footer input::-webkit-input-placeholder {
  opacity: 1;
  color: #fff !important;
}

.footer input::-moz-placeholder {
  opacity: 1;
  color: #fff !important;
}

.footer input::-ms-input-placeholder {
  opacity: 1;
  color: #fff !important;
}
.footer input::input-placeholder {
  opacity: 1;
  color: #fff !important;
}
.footer .single-footer .newsletter-inner .button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  line-height: 50px;
  width: 50px;
  background: #fff;
  border-left: 1px solid #fff;
  text-shadow: none;
  box-shadow: none;
  display: inline-block;
  border-radius: 0px;
  border: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 0 5px 5px 0;
  color: #EB5B00;
  font-size: 25px;
}
.footer .single-footer .newsletter-inner .button i {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.footer .single-footer .newsletter-inner .button:hover i {
  color: #2c2d3f;
}
.footer .copyright {
  background: #EB5B00;
  padding: 25px 0px 25px 0px;
  text-align: center;
}
.footer .copyright .copyright-content p {
  color: #fff;
}
.footer .copyright .copyright-content p a {
  color: #fff;
  font-weight: 400;
  display: inline-block;
  margin-left: 4px;
}
/*=========================
    End Footer CSS
===========================*/

/*=========================
    Start RTL Version CSS
===========================*/
.rtl {
  direction: rtl;
}
.rtl .owl-carousel,
.rtl .color-plate {
  direction: ltr;
}

.rtl .header .top-link,
.rtl .header .logo {
  float: right;
}
.rtl .header .top-contact li:first-child {
  margin-right: 0;
}
.rtl .header .nav li:first-child {
  margin: 0;
}
.rtl .header .top-link li:first-child {
  margin: 0;
}
.rtl .header .top-link li:last-child {
  margin-right: 15px;
}
.rtl .header .top-contact,
.rtl .get-quote {
  float: left;
}
.rtl .header .top-contact li:last-child {
  margin-right: 25px;
}
.rtl .header .top-contact li i {
  margin: 0;
  margin-left: 8px;
}

.rtl .header .nav li .dropdown {
  left: auto;
  right: 0;
}

.rtl .header .widget-main {
  float: left;
}
.rtl .header .single-widget {
  float: right;
  margin-right: 0;
  padding-left: 0px;
  margin-left: 30px;
  padding-right: 55px;
}
.rtl .single-widget.button {
  margin-left: 0;
}
.rtl .single-widget.second {
  margin-left: 0px;
}
.rtl .header .single-widget i {
  left: auto;
  right: 0;
}
.rtl .header.style2 .main-menu {
  float: right;
}
.rtl .header .right-bar {
  float: left;
}
.rtl .header .search-form {
  right: auto;
  left: 0;
}
.rtl .slider .single-slider .text {
  text-align: right;
}
.rtl .schedule .single-schedule a i {
  margin: 0;
  margin-right: 10px;
}
.rtl .Feautes .single-features.last::before {
  display: block;
}
.rtl .Feautes .single-features.first::before {
  display: none;
}

.rtl .fun-facts .single-fun i {
  right: 0;
  left: auto;
}

.rtl .fun-facts .single-fun .content {
  padding-left: 0px;
  padding-right: 92px;
}

.rtl .why-choose .choose-left h3::before {
  right: 0;
}
.rtl .why-choose .choose-left .list li i {
  margin: 0;
  margin-left: 16px;
}
.rtl .call-action .content .btn {
  margin: 0;
  margin-left: 16px;
}
.rtl .call-action .content .second {
  margin: 0;
}
.rtl .call-action .content .second i {
  margin: 0;
  margin-right: 10px;
}

.rtl .services .single-service i {
  right: 0;
  left: auto;
}
.rtl .services .single-service {
  padding-left: 0;
  padding-right: 70px;
}
.rtl .testimonials .single-testimonial {
  text-align: right;
}
.rtl .testimonials .single-testimonial img {
  left: auto;
  right: 30px;
}
.rtl .departments .department-tab .tab-pane .department-left h3::before {
  left: auto;
  right: 0;
}
.rtl .departments .department-tab .tab-pane .department-left .list li {
  padding-left: 0;
  padding-right: 30px;
}
.rtl .departments .department-tab .tab-pane .department-left .list li i {
  left: auto;
  margin-right: 0;
  right: 0;
}
.rtl .departments .department-tab .nav .list-group-item:last-child {
  margin-right: 54px;
}
.rtl .departments .department-tab .nav .list-group-item:first-child {
  margin-right: 0px;
}

.rtl .blog .single-news .news-content {
  text-align: right;
}
.rtl .newsletter .btn {
  margin-left: 0;
  margin-right: 10px;
}

.rtl .appointment .form-group .nice-select::after {
  right: auto;
  left: 20px;
}
.rtl .nice-select {
  text-align: right !important;
}

.rtl .nice-select .option {
  text-align: right;
}

.rtl .footer .single-footer h2::before {
  left: auto;
  right: 0;
}
.rtl .footer .single-footer.f-link li a i {
  margin-right: 0;
  margin-left: 10px;
}
.rtl .footer .single-footer .social li:last-child {
  margin-right: 10px;
}
.rtl .footer .single-footer .social li:first-child {
  margin-right: 0px;
}
.rtl .footer .single-footer.f-link li a:hover {
  padding-left: 0;
  padding-right: 8px;
}
.rtl .doctor-details-item .doctor-details-contact .basic-info li i {
  margin-right: 0;
  margin-left: 8px;
}

.rtl .doctor-details-area .doctor-details-left .social li {
  margin-right: 0;
  margin-left: 10px;
}
.rtl .doctor-details-item .doctor-details-work .time-sidual li span {
  float: left;
}
.rtl .doctor-details-area .doctor-details-left .social li:last-child {
  margin: 0;
}
.rtl .doctor-details-area .doctor-details-right {
  padding-left: 0px;
  padding-right: 60px;
}
.rtl .service-details-inner h2 {
  border-left: transparent;
  padding-left: 0px;
  border-right: 3px solid #EB5B00;
  padding-right: 15px;
}
.rtl .services-details-img blockquote i {
  left: auto;
  right: 38px;
  transform: rotate(-180deg);
}
.rtl .about-content {
  padding-left: 0px;
  padding-right: 50px;
}
.rtl .about-content ul li {
  padding-left: 0;
  padding-right: 34px;
}
.rtl .about-content ul li i {
  left: auto;
  right: 0;
}
.rtl .our-mission-content {
  margin-left: initial;
  padding-right: 0px;
  padding-left: 50px;
  margin-right: auto;
}
.rtl .appointment.single-page .time-sidual li span {
  float: left;
}
.rtl .register .register-form .checkbox label::before {
  left: auto;
  right: 0;
}
.rtl .register .register-form .checkbox label {
  padding-left: 0;
  padding-right: 20px;
}

.rtl .register .register-form .checkbox label::after {
  left: auto;
  right: -16px;
}
.rtl .register .form .btn {
  margin: 0;
}
.rtl .login .form .btn {
  margin: 0;
}
.rtl .login .login-form .checkbox label {
  padding-left: 0;
  padding-right: 20px;
}
.rtl .login .login-form .checkbox label::before {
  left: auto;
  right: 0;
}
.rtl .login .login-form .checkbox label::after {
  left: auto;
  right: -16px;
}
.rtl .login .login-form .lost-pass {
  margin-left: 0;
  margin-right: 25px;
}
.rtl .login .login-form h2,
.rtl .login .login-form p,
.rtl .register .register-form h2,
.rtl .register .register-form p {
  text-align: right;
}
.rtl .login .login-form h2::before,
.rtl .register .register-form h2::before {
  left: auto;
  right: 0;
}
.rtl .accordion a {
  padding: 15px 18px 15px 0px;
}
.rtl .accordion a::after {
  right: auto;
  left: 20px;
}
.rtl .error-page .search-form input {
  margin-right: 0px;
  margin-left: 10px;
}
.rtl .error-page .search-form input {
  padding: 0px 30px 0 78px;
}
.rtl .main-sidebar .single-widget .title::before {
  left: auto;
  right: 0;
}
.rtl .main-sidebar .single-widget .title {
  padding-left: 0px;
  padding-right: 12px;
}
.rtl .main-sidebar .single-post .content .comment li {
  margin-right: 0;
  margin-left: 15px;
}
.rtl .main-sidebar .single-post .content .comment li:last-child {
  margin-left: 0px;
}
.rtl .main-sidebar .single-post .content .comment li i {
  margin-right: 0px;
  margin-left: 5px;
}
.rtl .main-sidebar .side-tags .tag li {
  margin-right: 0px;
  margin-left: 7px;
}
.rtl .pagination {
  text-align: right;
}
.rtl .news-single .meta span i {
  margin-right: 0px;
  margin-left: 5px;
}
.rtl .news-single .meta span {
  margin-right: 0px;
  margin-left: 10px;
}
.rtl .news-single .meta-left .author img {
  margin-right: 0px;
  margin-left: 12px;
}
.rtl .news-single .meta-left .author {
  float: right;
}
.rtl .news-single .single-comments .head {
  float: right;
  margin-right: 0px;
  margin-left: 20px;
}
.rtl .news-single .single-comments h4 {
  text-align: right;
}
.rtl .news-single .comment-meta span i {
  margin-right: 5px;
  margin-left: 5px;
}
.rtl .news-single .single-comments .meta:first-child {
  margin: 0;
}
.rtl .news-single .single-comments a i {
  margin-right: 0px;
  margin-left: 5px;
}
.rtl .news-single .blog-comments h2 {
  text-align: right;
}
.rtl .news-single .single-comments.left img {
  left: auto;
  right: 0;
}
.rtl .news-single .comments-form h2 {
  text-align: right;
}
.rtl .news-single .single-comments.left .main {
  padding-left: 0px;
  margin-left: 0px;
  margin-right: 100px;
  padding-right: 100px;
}
.rtl .news-single .form-group.button {
  text-align: right;
}
.rtl .news-single .form-group.button .btn i {
  margin-right: 0px;
  margin-left: 10px;
}
.rtl .news-single .social-share li span {
  padding-left: 0;
  padding-right: 5px;
}
.rtl .contact-us .contact-us-form h2 {
  text-align: right;
}
.rtl .contact-us .contact-us-form p {
  text-align: right;
}
.rtl .contact-us .contact-us-form h2::before {
  left: auto;
  right: 0;
}
.rtl .contact-us .form .btn {
  margin: 0;
}
.rtl .contact-us .contact-us-form .checkbox label::after {
  left: 0;
  right: -16px;
}
.rtl .contact-us .contact-us-form .checkbox label::before {
  left: auto;
  right: 0;
}
.rtl .contact-us .contact-us-form .checkbox label {
  text-align: right;
  padding-left: 0px;
  padding-right: 20px;
}
.rtl .contact-us .single-info .content {
  margin-left: 0px;
  margin-right: 45px;
}
.rtl .contact-us .single-info i {
  left: auto;
  right: 40px;
}
.rtl .pf-details .date ul li:first-child {
  margin: 0;
}
.rtl .pf-details .date ul li:last-child {
  margin-right: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rtl .Feautes .single-features.first::before,
  .rtl .Feautes .single-features.last::before {
    display: none;
  }
  .rtl .header.style2 .single-widget {
    margin-right: 0;
    padding-left: 0px;
    margin-left: 18px;
    padding-right: 36px;
  }

}
@media only screen and (max-width: 767px) {
  .rtl .header .top-link,
  .rtl .header .top-contact {
    float: none;
  }
  .rtl .Feautes .single-features.first::before,
  .rtl .Feautes .single-features.last::before {
    display: none;
  }
  .rtl .fun-facts .single-fun .content {
    padding-right: 0;
  }
  .rtl .fun-facts .single-fun i {
    right: 50%;
    margin-right: -35px;
  }
  .rtl .departments .department-tab .nav .list-group-item:last-child {
    margin: 0px 10px;
  }
  .rtl .newsletter .btn {
    margin-right: 0;
  }
  .rtl .doctor-details-area .doctor-details-right {
    padding-left: 0px;
    padding-right: 0;
  }
  .rtl .about-content {
    padding-right: 0;
  }
  .rtl .our-mission-content {
    padding-right: 16px;
  }
  .rtl .accordion a {
    padding: 15px 18px 15px 40px;
  }
  .rtl .news-single .single-comments img {
    left: auto;
    right: 0;
  }
  .rtl .news-single .single-comments .main {
    padding-left: 0px;
    padding-right: 100px;
  }
  .rtl .news-single .single-comments.left .main {
    margin-right: 0;
  }

  .rtl .contact-us .contact-us-form .checkbox label::after,
  .contact-us .contact-us-form .checkbox label::after {
    top: -15px;
  }
}
@media only screen and (max-width: 400px) {
  .rtl .contact-us .contact-us-form .checkbox label::after,
  .contact-us .contact-us-form .checkbox label::after {
    top: -39px;
  }
}

/*=========================
    End RTL Version CSS
===========================*/

/*=============================
    Tripadvisor widget
==============================*/
.testimonials .widWRMWrapper {
    margin: 0;
    padding: 0;
    width: 100% !important;
    border: none;
    background-color: #00aa6c;
    background-image: none;
    overflow: hidden;
    height: auto;
    position: relative;
    text-align: center !important;
    padding: 10px !important;
    font-size: 23px !important;
}

#footer-logo{
  border-top:  1px solid orangered;
}


.cta .footer-logo{
  text-align: center !important;
}

.cta .footer-logo img{
  width: 280px !important;
}

.tripadvisor-reviews {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
    margin-top: 20px;
}
.tripadvisor-reviews h2 {
    color: #007bff;
    text-align: center;
    font-size: 1.5rem;
}
.tripadvisor-reviews ul {
    list-style: none;
    padding: 0;
}
.tripadvisor-reviews li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    font-size: 1.1rem;
    border-bottom: 1px solid #ddd;
}
.tripadvisor-reviews li:last-child {
    border-bottom: none;
}
.review-img {
    width: 200px;
}
.stars {
    color: #FFD700;
    font-size: 1.2rem;
}


.section-title {
    text-align: center !important;
    margin-bottom: 15px !important;
    padding: 0px !important;
}

.whatsapp-btn {
  position: fixed;
  bottom: 80px; /* Adjust as needed */
  right: 20px; /* Adjust as needed */
  z-index: 1000;
  background-color: #25D366;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease-in-out;
}

.whatsapp-btn:hover {
  transform: scale(1.1);
}

.whatsapp-btn img {
  width: 40px; /* Adjust the icon size */
  height: 40px;
  display: block;
}


/* Header styling (optional hero) */
    
    /* Main container spacing */
    .content-section { padding: 40px 0; }
    
    /* Sidebar styling */
    .tour-detail-sidebar {
      position: sticky;
      top: 20px;
      /* Glass effect */
      background: rgba(255, 255, 255, 0.25);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 12px;
      padding: 20px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      transition: transform 0.3s ease;
    }
    .tour-detail-sidebar .card {
      background: rgba(255, 255, 255, 0.8);
      border: none;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      transition: transform 0.2s;
    }
    .tour-detail-sidebar .card:hover {
      transform: translateY(-3px);
    }
    .tour-detail-sidebar .card-title {
      font-size: 1.2rem;
      color: #d35400;
      margin-bottom: 15px;
      border-bottom: 2px solid #e67e22;
      padding-bottom: 5px;
    }
    /*.tour-detail-nav {
  display: flex;
  flex-direction: column; 
  gap: 10px; 
  width: 200px; 
}

.tour-detail-nav-link {
  display: block; 
  padding: 10px;
  background-color: #f8f9fa; 
  border: 1px solid #ddd; 
  border-radius: 5px;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  transition: background 0.3s;
}

.tour-detail-nav-link:hover {
  background-color: #007bff;
  color: white;
}

    .tour-detail-nav a.tour-detail-nav-link {
      display: block;
      padding: 8px 10px;
      margin-bottom: 6px;
      color: #333;
      border-left: 4px solid transparent;
      transition: all 0.3s ease;
    }
    .tour-detail-nav a.tour-detail-nav-link:hover,
    .tour-detail-nav a.tour-detail-nav-link.active {
      border-left-color: #d35400;
      background: rgba(211, 84, 0, 0.1);
      color: #d35400;
    }*/

    .timeline-content h4{
      color: orangered;
      margin-bottom: 15px;
    }

    .tour-detail-section p{
      font-size: 16px;
      text-align: justify;
      line-height: 30px;
      color: #000;
    }
    .list-group-item {
      background: transparent;
      border: none;
      padding: 10px 0;
    }
    .list-group-item i {
      min-width: 20px;
    }
    .btn-outline-primary {
      border-color: #d35400;
      color: #d35400;
      transition: background 0.3s ease, color 0.3s ease;
    }
    .btn-outline-primary:hover {
      background: #d35400;
      color: #fff;
    }
    /* Quick Booking Form Overrides */
    .tour-detail-sidebar .form-label {
      font-weight: 500;
    }
    .tour-detail-sidebar .form-control, 
    .tour-detail-sidebar .form-select {
      border-radius: 4px;
      border: 1px solid #ccc;
    }
    .tour-detail-sidebar .btn-primary {
      background-color: #d35400;
      border: none;
      transition: background 0.3s ease;
    }
    .tour-detail-sidebar .btn-primary:hover {
      background-color: #e67e22;
    }
    /* Tour details content styling */
    .tour-detail-section {
      margin-bottom: 40px;
    }
    .tour-detail-section h3 {
      margin-top: 50px;
      margin-bottom: 20px;
      border-bottom: 2px solid #e67e22;
      padding-bottom: 5px;
      color: #d35400;
    }
    .tour-highlights-list li {
      margin-bottom: 10px;
      list-style: none;
    }
    .tour-highlights-list li i {
      margin-right: 8px;
    }
    .tour-itinerary-day {
      font-weight: bold;
      margin-bottom: 10px;
      color: #d35400;
    }
    /* Gallery styling */
    .tour-gallery .tour-gallery-item {
      margin-bottom: 15px;
    }
    
    .nota{
          background: #ffe1c7;
    padding: 20px;
    border-radius: 8px;
    }

      .timeline {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
  }

  .timeline-item {
    position: relative;
    padding: 20px;
    border-left: 3px solid orangered;
    margin-bottom: 20px;
  }

  .tour-detail-section .text-primary {
    color: orangered !important;
}

.fa-check-circle{
  color: orangered !important;
}

.bread-inner h1{
  color: #fff;
}

.overlay:before{
  background: #000000de !important;
}

  .timeline-day {
    position: absolute;
    left: -60px;
    top: 20px;
    background: orangered;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
  }

  .timeline-content {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  .timeline-content h4 {
    margin-top: 0;
  }

  .map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

    /* Responsive adjustments */
    @media (max-width: 768px) {
      .sidebar { margin-top: 20px; }
    }


  /*================================
  about us
  ==================================*/
 /* Base Styles */
.section-about {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4rem 2rem;
    gap: 3rem;
    max-width: 1200px;
    margin: 0 auto;
}

.story-card {
    flex: 0 0 60%;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.story-card p{
  font-size: 16px;
    text-align: justify;
    line-height: 35px;
    padding: 20px 0px;
    color: #000;
}

.icon-circle {
    flex: 0 0 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.icon-circle img{
  border-radius: 10px;
}
.icon {
    font-size: 3.5rem;
    color: #fff;
}

/* CTA Section */
.cta-section-about {
    text-align: center;
    padding: 2rem 2rem;
    background: antiquewhite;
}
.cta-section-about h3{
  padding: 20px 0px;
}

.cta-section-about p{
  color: #000;
    font-size: 16px;
    padding: 30px;
}
.cta-section-about button {
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
    background: #d4af37;
    color: white;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* Responsive Design */
@media (max-width: 768px) {
    .section-about {
        flex-direction: column;
        padding: 2rem 1rem;
        gap: 2rem;
    }

    .story-card,
    .icon-circle {
        flex: 0 0 100%;
        width: 100%;
        max-width: 500px;
    }

    .icon-circle {
        width: 120px;
        height: 120px;
        order: -1;
    }

    .icon {
        font-size: 2.5rem;
    }

    .cta-section-about {
        padding: 3rem 1rem;
    }

    button {
        width: 100%;
        max-width: 300px;
        padding: 0.8rem 1.5rem;
    }
}

@media (max-width: 480px) {
    .story-card {
        padding: 1.5rem;
    }

    .icon-circle {
        width: 100px;
        height: 100px;
    }

    .icon {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    h3 {
        font-size: 1.3rem;
    }

    p {
        font-size: 0.9rem;
    }
}

/* Alternate layout for even sections */
.section-about:nth-child(even) {
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    .section-about:nth-child(even) {
        flex-direction: column;
    }
}




/*========== Gallery =============*/
.galeria-contenedor {
            max-width: 1200px;
            margin: 2rem auto;
            padding: 0 1rem;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
        }

        .item-galeria {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s;
            cursor: pointer;
            aspect-ratio: 1/1;
        }

        .item-galeria:hover {
            transform: translateY(-5px);
        }

        .imagen-galeria {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Lightbox */
        .lightbox {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.95);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }

        .lightbox.activo {
            display: flex;
        }

        .contenido-lightbox {
            position: relative;
            max-width: 90%;
            max-height: 90vh;
        }

        .imagen-lightbox {
            max-height: 80vh;
            border-radius: 8px;
            box-shadow: 0 0 20px rgba(0,0,0,0.3);
        }

        .flechas {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            font-size: 2.5rem;
            cursor: pointer;
            padding: 1rem;
            user-select: none;
        }

        .flecha-izquierda {
            right: 2rem;
        }

        .flecha-derecha {
            left: 2rem;
        }

        @media (max-width: 768px) {
            .galeria-contenedor {
                grid-template-columns: 1fr;
            }
            
            .flechas {
                font-size: 2rem;
            }
        }



/*============= Contact us ==========*/

/* Contact Info Cards */
.contact-info {
    padding: 60px 0;
    background: var(--background-color);
}

.contact-info .info-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.contact-info .card {
    background: var(--white);
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}


.contact-info .card:hover {
    transform: translateY(-5px);
}

.contact-info .card i {
    font-size: 2rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}
.contact-info .card  h3{
      font-size: 22px;
    margin-bottom: 10px;
}
.faq-section .section-title{
   text-align: center;
   font-size: 30px;
   margin-bottom: 30px;
}
.contact-form-section .section-title{
   text-align: center;
   font-size: 30px;
   margin-bottom: 30px !important;
}

.category-title{
  font-size: 20px;
  margin: 20px;
}

/* Contact Form */
.contact-form-section {
    padding: 60px 0;
}

.contact-form-section .form-wrapper {
    background: var(--white);
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    max-width: 800px;
    margin: 0 auto;
}

.contact-form-section .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.contact-form-section .form-group {
    margin-bottom: 20px;
    position: relative;
}
.contact-form-section .form-group .nice-select,
.contact-form-section .form-group input,
.contact-form-section .form-group select,
.contact-form-section .form-group textarea {
    width: 100%;
    padding: 12px;
    border: 2px solid #eee;
    border-radius: 8px;
    font-size: 16px;
    transition: all 0.3s ease;
}

.contact-form-section .form-group label {
    position: absolute;
    left: 12px;
    top: 12px;
    color: #666;
    transition: all 0.3s ease;
    pointer-events: none;
    background: var(--white);
    padding: 0 5px;
}

.contact-form-section .form-group input:focus,
.contact-form-section .form-group textarea:focus {
    border-color: var(--primary-color);
    outline: none;
}

.contact-form-section .form-group input:focus ~ label,
.contact-form-section .form-group textarea:focus ~ label,
.contact-form-section .form-group input:valid ~ label,
.contact-form-section .form-group textarea:valid ~ label {
    top: -10px;
    font-size: 12px;
    color: var(--primary-color);
}

.contact-form-section .btn-submit {
    background: var(--primary-color);
    color: var(--white);
    padding: 12px 30px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    transition: background 0.3s ease;
}

.contact-form-section .btn-submit:hover {
  border: 1px solid darkorange;
    background: darken(var(--primary-color), 10%);
    color: darkorange;
}

/* FAQ Section */
.faq-section {
    padding: 60px 0;
    background: var(--background-color);
}

.faq-container {
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    margin-bottom: 15px;
    border-radius: 8px;
    overflow: hidden;
}

.faq-question {
    width: 100%;
    padding: 20px;
    background: var(--white);
    border: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    transition: background 0.3s ease;
}

.faq-section h2{
  text-align: center;
  margin-bottom: 35px;
}
.faq-question i {
    transition: transform 0.3s ease;
}

.faq-question.active i {
    transform: rotate(180deg);
}

.faq-answer {
    background: var(--white);
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-answer.active {
    padding: 20px;
    max-height: 300px;
}

@media (max-width: 768px) {
    .form-row {
        grid-template-columns: 1fr;
    }
}



/*============ Tour pages =================*/
.article-image{
  text-align: center !important;
}
.article-image .img-fluid{

  border-radius: 10px !important;
}


/*========== Included tour===============*/
/* Styles for the tour inclusions section */
.tour-inclusions {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 20px;
    /* Optional: add a light background or border to visually separate */
    /* background-color: #f9f9f9; */
    /* border: 1px solid #eee; */
    /* padding: 20px; */
    /* border-radius: 8px; */
}

.tour-inclusions h3 {
    text-align: center; /* Center the main title for the section */
    margin-bottom: 30px;
    color: #333; /* Or your primary heading color */
    font-size: 1.8em;
}

.tour-inclusions h4 {
    margin-bottom: 15px;
    font-size: 1.3em; /* Slightly smaller than h3 */
    color: #555; /* A clear subtitle color */
    border-bottom: 1px solid #eee; /* Subtle line below the title */
    padding-bottom: 5px;
    display: flex; /* Use flexbox to align icon and text in h4 */
    align-items: center;
}

/* Style icons next to h4 titles */
.tour-inclusions h4 i {
    margin-right: 10px; /* Space between icon and text */
    font-size: 1.1em;
    color: #ff6600; /* Theme color */
}


/* Basic list styling - remove default bullets and padding */
.tour-inclusions ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Style each list item */
.tour-inclusions li {
    margin-bottom: 12px; /* Space between items */
    padding-left: 30px; /* Space for the icon */
    position: relative; /* To position the icon absolutely */
    line-height: 1.6; /* Improve readability */
    font-size: 1em;
    color: #555; /* Text color */
}

/* Style the icon within each list item */
.tour-inclusions li i {
    position: absolute; /* Position icon relative to the li */
    left: 0; /* Align to the start of the padding */
    top: 3px; /* Adjust vertically to align with text */
    font-size: 1.2em; /* Make icon slightly larger */
    /* You might need to tweak 'top' value based on your font and line height */
}

/* Specific colors for included items (checkmarks) */
.included-list li i {
    color: #28a745; /* Green color */
}

/* Specific colors for excluded items (crosses) */
.excluded-list li i {
    color: #dc3545; /* Red color */
    /* Or a more neutral grey if you prefer: */
    /* color: #888; */
}

/* Responsive adjustments */
@media (max-width: 767.98px) { /* Adjust for screens smaller than Bootstrap's md breakpoint */
    .tour-inclusions .row > div {
        margin-bottom: 25px; /* Add space between the Included/Excluded columns when they stack */
    }
     .tour-inclusions .row > div:last-child {
        margin-bottom: 0; /* Remove bottom margin from the last stacked column */
     }
}


/*============ Body Tour =========*/
/* General Article Styling */
.tour-article {
    background-color: #fff; /* White background for the article block */
    padding: 30px; /* Internal padding */
    border-radius: 8px; /* Slightly rounded corners */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); /* Subtle shadow for depth */
    margin-bottom: 30px; /* Space below the article */
}

/* --- Article Header Styling --- */
.article-header {
    border-bottom: 1px solid #eee; /* Separator line below header */
    padding-bottom: 20px; /* Space below the separator */
    margin-bottom: 25px; /* Space below the header block */
}

.article-header .article-title {
    font-size: 2.2em; /* Larger title */
    color: #333; /* Darker color for main title */
    margin-top: 0; /* Remove default top margin */
    margin-bottom: 10px; /* Space below title */
    line-height: 1.2;
}

.article-meta {
    font-size: 0.95em;
    color: #777; /* Grey color for meta info */
    display: flex; /* Use flexbox for layout */
    flex-wrap: wrap; /* Allow items to wrap on smaller screens */
    gap: 20px; /* Space between meta items */
    align-items: center;
}

.article-meta span {
    display: flex; /* Align icon and text within each span */
    align-items: center;
}

.article-meta i {
    margin-right: 5px; /* Space between icon and text */
    color: #ff6600; /* Theme color for icons */
    font-size: 1.1em; /* Slightly larger icons */
}

/* --- Article Body Styling --- */
.article-body h3 {
    font-size: 1.6em; /* Size for main section headings */
    color: #ff6600; /* Theme color for section headings */
    margin-top: 30px; /* Space above the heading */
    margin-bottom: 15px; /* Space below the heading */
    border-bottom: 2px solid #ff6600; /* Accent border below heading */
    padding-bottom: 8px; /* Space between text and border */
    display: inline-block; /* Shrink border to fit text width */
}

/* Style paragraphs within the article body */
.article-body p {
    font-size: 1.1em; /* Slightly larger text for readability */
    line-height: 1.7; /* Increased line height */
    color: #555; /* Standard text color */
    margin-bottom: 20px; /* Space between paragraphs */
}

/* Style lists within the article body (if any, besides includes/excludes) */
.article-body ul:not(.included-list):not(.excluded-list) {
    list-style: disc; /* Default bullets */
    padding-left: 20px; /* Indent list */
    margin-bottom: 20px; /* Space after list */
}

.article-body ul:not(.included-list):not(.excluded-list) li {
    margin-bottom: 8px; /* Space between list items */
    line-height: 1.6;
    color: #555;
}


/* --- Itinerary Tour Styling --- */
.itinerary-tour {
    margin-top: 30px;
    margin-bottom: 30px;
    /* Optional: Add a background or border for this section */
    /* background-color: #f8f8f8; */
    /* padding: 20px; */
    /* border-radius: 8px; */
}

.itinerary-tour h3 {
    /* Inherits styling from .article-body h3 */
}

.tour-day {
    background-color: #f9f9f9; /* Light background for each day block */
    border: 1px solid #eee; /* Subtle border */
    border-radius: 6px; /* Rounded corners */
    padding: 20px; /* Internal padding */
    margin-bottom: 20px; /* Space between day blocks */
}

.tour-day:last-child {
    margin-bottom: 0; /* Remove margin from the last day block */
}

.tour-day .day-title {
    font-size: 1.25em; /* Size for day title */
    color: #333; /* Dark color */
    margin-top: 0;
    margin-bottom: 15px; /* Space below title */
    display: flex; /* Use flexbox to align the day number span */
    align-items: center;
    line-height: 1.4;
    font-weight: 700; /* Make title bold */
}

.tour-day .day-title span {
    /* Style the day number */
    display: inline-block;
    background-color: #ff6600; /* Theme color background */
    color: #fff; /* White text color */
    font-size: 0.9em; /* Smaller font size */
    font-weight: 700;
    border-radius: 4px; /* Slightly rounded corners */
    padding: 4px 10px; /* Padding inside the span */
    margin-right: 10px; /* Space between day number and text */
    min-width: 60px; /* Ensure consistent width if needed */
    text-align: center;
}

.tour-day .day-content p {
    font-size: 1.2em; /* Standard paragraph size within day content */
    line-height: 1.8;
    color: #555;
    margin-bottom: 15px; /* Space between paragraphs */
    text-align: justify;
}

/* Style bullet points within day content if needed */
.tour-day .day-content ul {
    list-style: disc;
    padding-left: 20px;
    margin-top: 15px;
    margin-bottom: 0;
}

.tour-day .day-content ul li {
     margin-bottom: 5px;
     line-height: 1.5;
     color: #555;
}

/* --- Blockquote Styling --- */
.tour-quote {
    background-color: #fff8e1; /* Light yellow/orange background */
    border-left: 5px solid #ff6600; /* Theme color border on the left */
    padding: 20px;
    margin: 30px 0; /* Space above and below */
    font-style: italic;
    color: #555;
    font-size: 1.1em;
    line-height: 1.6;
    border-radius: 4px;
}

.tour-quote p {
    margin-bottom: 15px; /* Space below quote text */
    font-size: 1em; /* Keep paragraph size normal within quote */
    line-height: 1.6;
}

.tour-quote footer {
    font-size: 0.9em;
    color: #777;
    text-align: right; /* Align source to the right */
    display: block; /* Ensure footer is on its own line */
}

/* --- Map Container Styling --- */
.tour-map {
    margin-top: 30px;
    margin-bottom: 30px;
}

.tour-map h3 {
     /* Inherits styling from .article-body h3 */
}

.map-container {
    position: relative; /* Needed for responsive iframe padding hack */
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio (h / w * 100) */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #e0e0e0; /* Placeholder background while loading */
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; /* Remove iframe default border */
}


/* --- Call to Action Styling --- */
.call-to-action {
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f0f0f0; /* Light background */
    border: 1px dashed #ccc; /* Dashed border */
    border-radius: 6px;
    text-align: center;
}

.call-to-action h4 {
    font-size: 1.5em;
    color: #333;
    margin-bottom: 10px;
    margin-top: 0;
}

.call-to-action p {
    font-size: 1em;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.5;
}

/* Style for the primary button (assuming you have a .btn-primary class) */
.call-to-action .btn-primary {
    background-color: #ff6600;
    border-color: #ff6600;
    color: #fff;
    padding: 12px 25px;
    font-size: 1.1em;
    border-radius: 5px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.call-to-action .btn-primary:hover {
    background-color: #e65c00; /* Slightly darker on hover */
    border-color: #e65c00;
}

.call-to-action .btn-primary i {
    margin-right: 8px;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 767.98px) {
    .tour-article {
        padding: 20px; /* Reduce padding on smaller screens */
    }

    .article-header .article-title {
        font-size: 1.8em; /* Reduce title size */
    }

    .article-meta {
        gap: 10px; /* Reduce gap between meta items */
    }

    .article-body h3 {
         font-size: 1.4em; /* Reduce section heading size */
         margin-top: 25px;
    }

    .tour-day {
        padding: 15px; /* Reduce padding in day blocks */
    }

    .tour-day .day-title {
        font-size: 1.15em; /* Reduce day title size */
    }

    .tour-day .day-title span {
        min-width: 50px; /* Adjust day number width */
    }

    .tour-quote {
        margin: 20px 0; /* Reduce margin */
        padding: 15px;
    }

     .call-to-action {
        margin-top: 30px;
        padding: 15px;
     }

     .call-to-action h4 {
        font-size: 1.3em;
     }
}


/*========== Sidebar =========*/
/* --- General Article Styling (from previous step) --- */
.tour-article {
    background-color: #fff; /* White background for the article block */
    padding: 30px; /* Internal padding */
    border-radius: 8px; /* Slightly rounded corners */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); /* Subtle shadow for depth */
    margin-bottom: 30px; /* Space below the article */
}

/* --- Article Header Styling (from previous step) --- */
.article-header {
    border-bottom: 1px solid #eee; /* Separator line below header */
    padding-bottom: 20px; /* Space below the separator */
    margin-bottom: 25px; /* Space below the header block */
}

/* --- Style the Article Title (from previous step, confirming/refining) --- */
/* Note: The main H1 is in the breadcrumbs, this is the H2 title within the article */
.article-header .article-title {
    font-size: 2.2em; /* Larger title */
    color: #333; /* Darker color for main title */
    margin-top: 0; /* Remove default top margin */
    margin-bottom: 10px; /* Space below title */
    line-height: 1.2;
    font-weight: 700; /* Ensure it's clearly bold */
}


.article-meta { /* (from previous step) */
    font-size: 0.95em;
    color: #777;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.article-meta span { /* (from previous step) */
    display: flex;
    align-items: center;
}

.article-meta i { /* (from previous step) */
    margin-right: 5px;
    color: #ff6600;
    font-size: 1.1em;
}

/* --- Article Body Styling (from previous step) --- */
.article-body h3 { /* (from previous step) */
    font-size: 1.6em;
    color: #ff6600;
    margin-top: 30px;
    margin-bottom: 15px;
    border-bottom: 2px solid #ff6600;
    padding-bottom: 8px;
    display: inline-block;
}

.article-body p { /* (from previous step) */
    font-size: 1.2em;
    line-height: 1.7;
    color: #555;
    margin-bottom: 20px;
    text-align: justify;
}

/* ... (rest of article-body styling for ul, blockquote, map, call-to-action from previous step) ... */

/* --- Main Sidebar Styling --- */
.main-sidebar {
    /* On larger screens (lg and up), the sidebar is next to the main content.
       On medium and smaller screens (md and down), it stacks below.
       Add space above only when it stacks. */
    margin-top: 0; /* Default */
}

/* Style for individual widgets within the sidebar */
.main-sidebar .single-widget {
    background-color: #fff; /* White background for each widget */
    padding: 20px; /* Inner padding for each widget content */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Subtle shadow */
    margin-bottom: 30px; /* Space between widgets */
}

.main-sidebar .single-widget:last-child {
    margin-bottom: 0; /* Remove margin from the last widget */
}

/* Style for widget titles */
.main-sidebar .widget-title {
    font-size: 1.3em;
    color: #333; /* Darker color for titles */
    margin-top: 0; /* Remove default top margin */
    margin-bottom: 20px; /* Space below the title */
    padding-bottom: 10px; /* Space below text before border */
    border-bottom: 1px solid #eee; /* Separator line */
    display: flex; /* Use flexbox to align icon and text */
    align-items: center;
    line-height: 1.2;
}

/* Style icons in widget titles */
.main-sidebar .widget-title i {
    margin-right: 8px; /* Space between icon and text */
    color: #ff6600; /* Theme color for icons */
    font-size: 1.1em;
}


/* --- Specific Styling for the Booking Form Widget --- */
.booking-form-widget form {
    /* No specific overall form styles needed unless you want a border etc. */
}

/* Style the form groups (each field + label) */
.booking-form-widget .form-group {
    margin-bottom: 18px; /* Space between form groups */
}

/* Style labels */
.booking-form-widget label {
    display: block; /* Make labels block elements so input goes below */
    font-size: 0.95em; /* Slightly smaller font size */
    color: #555; /* Standard text color */
    margin-bottom: 5px; /* Space below label */
    font-weight: 600; /* Make labels slightly bold */
}

/* Style the required asterisk */
.booking-form-widget label .required {
    color: #dc3545; /* Red color */
    margin-left: 3px; /* Space between text and asterisk */
}

/* Style the optional text */
.booking-form-widget label .optional {
    font-weight: normal;
    color: #777; /* Lighter grey */
    font-size: 0.9em;
    margin-left: 5px;
}


/* Style input fields, select boxes, and textarea */
/* Assuming Bootstrap's .form-control or similar class handles base styling */
.booking-form-widget .form-control {
    display: block; /* Make inputs block elements */
    width: 100%; /* Full width */
    padding: 10px 15px; /* Inner padding */
    font-size: 1em;
    line-height: 1.5;
    color: #495057; /* Text color in input */
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da; /* Subtle border */
    border-radius: 5px; /* Rounded corners */
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; /* Smooth transition on focus */
}

/* Style input fields on focus */
.booking-form-widget .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ffb380; /* Lighter theme color border on focus */
    outline: 0; /* Remove default outline */
    box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.25); /* Theme color glow on focus */
}

/* Style placeholder text */
.booking-form-widget .form-control::placeholder {
    color: #aaa; /* Light grey placeholder text */
    opacity: 1; /* Ensure placeholder is visible */
}

/* Special styling for number inputs if they look different */
.booking-form-widget input[type="number"] {
     /* May need specific height or appearance adjustments */
     -moz-appearance: textfield; /* Remove default spinner on Firefox */
}
/* Remove default spinner on Chrome/Safari/Edge */
.booking-form-form-widget input[type="number"]::-webkit-outer-spin-button,
.booking-form-form-widget input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Style the submit button */
.booking-form-widget button[type="submit"] {
    display: block; /* Make button block level */
    width: 100%; /* Full width button */
    background-color: #ff6600; /* Theme color */
    border-color: #ff6600;
    color: #fff; /* White text */
    padding: 12px 20px; /* Padding */
    font-size: 1.1em;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer; /* Indicate it's clickable */
    transition: background-color 0.3s ease, border-color 0.3s ease;
    text-align: center; /* Center text and icon */
    border: none; /* Remove default button border */
}

.booking-form-widget button[type="submit"]:hover {
    background-color: #e65c00; /* Darker on hover */
    border-color: #e65c00; /* Keep border same color */
}

/* Style icon within the button */
 .booking-form-widget button[type="submit"] i {
     margin-right: 8px; /* Space between icon and text */
     font-size: 1em; /* Icon size relative to button text */
     vertical-align: middle; /* Vertically align icon */
 }


/* Responsive adjustments for sidebar when it stacks */
@media (max-width: 991.98px) { /* Applies below Bootstrap's lg breakpoint */
    .main-sidebar {
        margin-top: 30px; /* Add space above the sidebar when it stacks below the main content */
    }
     .main-sidebar .single-widget {
         margin-bottom: 20px; /* Slightly less space between widgets when stacked */
     }
}