/*
@File: Genh Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the template.

This files table contents are outlined below>>>>>

******************************************* 
** - Default-style
** - Default-btn-style
** - Section-title-style
** - Top Header-style
** - Navbar-style
** - Banner-style
** - Feature-style
** - About-style
** - Solution-style
** - Services-style
** - Choose-style
** - Review-style
** - Blog-style
** - Advice-style
** - Doctor-style
** - Contact-style
** - Work-style
** - Provide-style
** - Testimonial-style
** - Appoinment-style
** - Faq-style
** - Portfolio-style
** - Pricing-style
** - Page Header-style
** - Contact-style
** - Error-style
** - Login-style
** - Register-style
** - Password-style
** - Privacy Policy-style
** - Terms & Condition-style
** - Coming Soon-style
*******************************************
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=B612:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/*Default-style
======================================================*/
body {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

img {
  max-width: 100%;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.ptb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ptb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.mr-20 {
  margin-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pl-20 {
  padding-left: 20px;
}
.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-250 {
  padding-left: 250px;
}


.mlr-5 {
  margin-right: 5px;
  margin-left: 5px;
}

.mlrt-5 {
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 5px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #111111;
  font-family: "B612", sans-serif;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-bottom: 15px;
  font-size: 15px;
  color: #000;
  line-height: 1.8;
}

p:last-child {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

.owl-nav {
  margin-top: 0 !important;
}

.owl-dots {
  margin-top: 0 !important;
}

.bg-25ab44 {
  background-color: #038137;
}

.bg-color1 {
  background: rgba(12, 184, 182, 0.05);
}

.form-control {
  height: 50px;
  border: 1px solid rgba(12, 184, 182, 0.25);
  padding-left: 15px;
}

.form-control:focus {
  border: 1px solid #038137;
  -webkit-box-shadow: none;
  box-shadow: none;
}

textarea {
  height: auto !important;
}

/*Default-btn
======================================================*/
.default-btn {
  background-color: transparent;
  color: #111111;
  font-size: 16px;
  padding: 13px 30px;
  border-radius: 30px;
  position: relative;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border: 1px solid #038137;
  z-index: 1;
}

.default-btn::before {
  position: absolute;
  content: "";
  background-color: #038137;
  height: 100%;
  width: 100%;
  border-radius: 30px;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: -1;
}

.default-btn.rounded::before {
  border-radius: 0;
}

.default-btn.active {
  background-color: #038137;
  color: #ffffff;
}

.default-btn.active:hover {
  background-color: #111111;
  color: #ffffff;
}

.default-btn:hover {
  color: #ffffff;
}

.default-btn:hover::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.default-btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.read-more-btn {
  color: #111111;
  font-weight: 500;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: inline-block;
}

.read-more-btn i {
  position: relative;
  top: 3px;
  padding-left: 5px;
}

.read-more-btn:hover {
  letter-spacing: 1px;
  color: #038137;
}

/*Section-title
======================================================*/
.section-title {
  max-width: 730px;
  text-align: center;
  margin: -5px auto 40px;
  position: relative;
}

.section-title.style2 {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}

.section-title .top-title {
  color: #038137;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 15px;
  position: relative;
}

.section-title .top-title.white {
  color: #ffffff;
}

.section-title h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 15px;
}

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

.section-title p {
  margin-bottom: 20px;
}

.section-title p:last-child {
  margin-bottom: 0;
}

.section-title.white-title .top-title {
  color: #ffffff;
}

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

.section-title.white-title p {
  color: #ffffff;
}

/*
Top Header Area Style
======================================================*/
.tob-header-area {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #f9f9f9;
  position: relative;
}

.tob-header-area::before {
  position: absolute;
  content: "";
  background-color: #038137;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  -webkit-clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 100%);
}

.tob-header-area .container-fluid {
  max-width: 1520px;
  margin: auto;
}

.heder-left-content ul {
  padding-left: 0;
  margin-bottom: 0;
}

.heder-left-content ul li {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-right: 30px;
}

.heder-left-content ul li::before {
  position: absolute;
  content: "|";
  right: -20px;
  color: #ffffff;
}

.heder-left-content ul li:last-child::before {
  display: none;
}

.heder-left-content ul li p {
  font-size: 15px;
  color: #ffffff;
}

.heder-left-content ul li i {
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff;
}

.heder-left-content ul li:last-child {
  margin-right: 0;
}

.heder-right-content {
  text-align: right;
}

.heder-right-content ul {
  padding-left: 0;
  margin-bottom: 0;
}

.heder-right-content ul li {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-right: 30px;
}

.heder-right-content ul li i {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 24px;
}

.heder-right-content ul li i.ri-whatsapp-line {
  color: #00e676;
}

.heder-right-content ul li i.ri-phone-line {
  color: #004a9c;
}

.heder-right-content ul li p {
  font-size: 24px;
  font-weight: bold;
  color: #9d0b7c;
}

.heder-right-content ul li .language {
  position: relative;
  padding-left: 17px;
  margin-right: 20px;
  cursor: pointer;
  top: -2px;
}

.heder-right-content ul li .language select {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.heder-right-content ul li .language select:focus {
  outline: none;
}

.heder-right-content ul li .language i {
  position: absolute;
  left: 0;
  top: 0;
  color: #038137;
}

.heder-right-content ul li .language::before {
  position: absolute;
  content: "|";
  right: -20px;
}

.heder-right-content ul li .social-content ul {
  padding-left: 0;
  margin-bottom: 0;
}

.heder-right-content ul li .social-content ul li {
  margin-left: 10px;
}

.heder-right-content ul li .social-content ul li a {
  color: #666666;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.heder-right-content ul li .social-content ul li a:hover {
  color: #038137;
}

/*
Navbar Area Style
======================================================*/
.navbar-area {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
}

.navbar-area.is-sticky {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: -webkit-sticky;
  position: sticky;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.navbar-area .container-fluid {
  max-width: 1520px;
  margin: auto;
}

.navbar-area .navbar-brand {
  width: 550px;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.navbar-area .navbar-brand .white-logo {
  display: none;
}

.navbar-area .mobile-responsive-menu .logo .white-logo {
  display: none;
}

.nav-bg-1 {
  background-color: #ffffff;
}

.desktop-nav {
  padding-top: 0;
  padding-bottom: 0;
}

.desktop-nav .navbar {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: 2;
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.desktop-nav .navbar ul {
  margin-bottom: 0;
  list-style-type: none;
}

.desktop-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-right: 0;
  padding-left: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item a {
  font-size: 16px;
  color: #1b2336;
  line-height: 1;
  position: relative;
  font-weight: 600;
  padding-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-left: 15px;
  margin-right: 15px;
}

.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {
  padding-right: 20px;
}

.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::after {
  display: none;
}

.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
  content: "\EA4E";
  position: absolute;
  top: 0;
  right: 0;
  font-family: remixicon !important;
  line-height: 1;
  font-size: 17px;
}

.desktop-nav .navbar .navbar-nav .nav-item a:hover,
.desktop-nav .navbar .navbar-nav .nav-item a:focus,
.desktop-nav .navbar .navbar-nav .nav-item a.active {
  color: #038137;
}

.desktop-nav .navbar .navbar-nav .nav-item a i {
  font-size: 18px;
  line-height: 0;
  position: relative;
  top: 4px;
}

.desktop-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item:hover a,
.desktop-nav .navbar .navbar-nav .nav-item:focus a,
.desktop-nav .navbar .navbar-nav .nav-item.active a {
  color: #038137;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #ffffff;
  position: absolute;
  visibility: hidden;
  border-radius: 0;
  display: block;
  width: 250px;
  border: none;
  z-index: 99;
  opacity: 0;
  top: 80px;
  left: 0;
  padding: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: #1b2336;
  padding: 15px;
  border-bottom: 1px dashed #ededed;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  display: block;
  position: relative;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::after {
  display: none;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::before {
  content: "\EA4E";
  position: absolute;
  top: 14px;
  right: 13px;
  font-family: remixicon !important;
  line-height: 1;
  font-size: 17px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #038137;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 250px;
  right: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #1b2336;
  border-bottom: 1px dashed #ededed;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  position: relative;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::after {
  display: none;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::before {
  content: "\EA4E";
  position: absolute;
  top: 14px;
  right: 13px;
  font-family: remixicon !important;
  line-height: 1;
  font-size: 17px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #038137;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: auto;
  left: 250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #038137;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  right: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: #038137;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  right: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: #038137;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  right: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: #038137;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  right: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: #000000;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: #1b2336;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: #1b2336;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: #038137;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -1px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: #038137;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  top: -1px;
  visibility: visible;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #038137;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  top: -15px;
  visibility: visible;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: #038137;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: #038137;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
  border-bottom: none;
}

.desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  top: 100%;
  opacity: 1;
  -webkit-transform: translateY(1);
  transform: translateY(1);
  visibility: visible;
}

.desktop-nav .navbar .others-options {
  padding-left: 40px;
}

.desktop-nav .navbar .others-options ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.desktop-nav .navbar .others-options ul li {
  display: inline-block;
}

.desktop-nav .navbar .others-options ul li .call-now {
  position: relative;
  padding-left: 60px;
  top: 8px;
}

.desktop-nav .navbar .others-options ul li .call-now i {
  position: absolute;
  font-size: 40px;
  color: #038137;
  left: 0;
  top: 2px;
}

.desktop-nav .navbar .others-options ul li .call-now p {
  margin-bottom: 0px;
}

.desktop-nav .navbar .others-options ul li .call-now a {
  color: #111111;
  font-weight: 500;
}

.desktop-nav .navbar .others-options ul li .default-btn {
  margin-left: 40px;
  margin-right: 20px;
}

@media only screen and (max-width: 1500px) {
  .navbar-area .navbar-brand {
    width: 520px;
  }
  .desktop-nav .navbar .others-options ul li .default-btn {
    padding: 10px 22px;
  }
  .desktop-nav .navbar .others-options ul li .call-now {
    padding-left: 50px;
  }
  .desktop-nav .navbar .others-options ul li .call-now i {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1300px) {
  .navbar-area .navbar-brand {
    width: 520px;
  }
  .desktop-nav .navbar .others-options ul li .default-btn {
    padding: 8px 14px;
    font-size: 13px;
    margin-left: 20px;
  }
  .desktop-nav .navbar .others-options ul li .call-now {
    padding-left: 40px;
  }
  .desktop-nav .navbar .others-options ul li .call-now i {
    font-size: 24px;
  }
}

/*
Others Option For Responsive Area Style
======================================================*/
.others-option-for-responsive {
  display: none !important;
}

.others-option-for-responsive .dot-menu {
  padding: 0 10px;
  height: 30px;
  cursor: pointer;
  z-index: 999;
  position: absolute;
  right: 60px;
  top: -40px;
}

.others-option-for-responsive .dot-menu .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
}

.others-option-for-responsive .dot-menu .inner .circle {
  height: 5px;
  width: 5px;
  border-radius: 100%;
  margin: 0 2px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-color: #0cb8b6;
}

.others-option-for-responsive .dot-menu:hover .inner .circle {
  background-color: #25ab44;
}

.others-option-for-responsive .container {
  position: relative;
}

.others-option-for-responsive .container .container {
  position: absolute;
  right: -2px;
  top: 15px;
  max-width: 320px;
  margin-left: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: 2;
  padding-left: 15px;
  padding-right: 15px;
}

.others-option-for-responsive .container .container.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.others-option-for-responsive .others-options {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 10px;
  background-color: #ffffff;
  text-align: center;
}

.others-option-for-responsive .others-options ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.others-option-for-responsive .others-options ul li {
  display: inline-block;
}

.others-option-for-responsive .others-options ul li .call-now {
  position: relative;
  padding-left: 60px;
  top: 8px;
  margin-bottom: 40px !important;
}

.others-option-for-responsive .others-options ul li .call-now i {
  position: absolute;
  font-size: 40px;
  color: #038137;
  left: 0;
  top: 3px;
}

.others-option-for-responsive .others-options ul li .call-now p {
  margin-bottom: 8px;
}

.others-option-for-responsive .others-options ul li .call-now a {
  color: #111111;
  font-weight: 500;
}

.others-option-for-responsive .others-options ul li .default-btn {
  bottom: 9px;
}

.mobile-responsive-nav {
  display: none;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/*
Preloader Style
======================================================*/
.preloader-area {
  position: fixed;
  z-index: 999999;
  background-color: #038137;
  width: 100%;
  height: 100%;
  text-align: center;
  left: 0;
  right: 0;
  top: 0;
}

.preloader-area .spinner {
  width: 4em;
  height: 4em;
  -webkit-transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg);
  transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  margin-left: auto;
  margin-right: auto;
}

.preloader-area .spinner .disc {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 0.3em dotted #ffffff;
}

.preloader-area .spinner .disc:nth-child(1) {
  -webkit-animation: rotate 12s linear infinite;
  animation: rotate 12s linear infinite;
}

.preloader-area .spinner .disc:nth-child(2) {
  -webkit-animation: rotateDisc2 12s linear infinite;
  animation: rotateDisc2 12s linear infinite;
}

.preloader-area .spinner .disc:nth-child(3) {
  -webkit-animation: rotateDisc3 12s linear infinite;
  animation: rotateDisc3 12s linear infinite;
}

.preloader-area .spinner .inner {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation: sphereSpin 6s linear infinite;
  animation: sphereSpin 6s linear infinite;
}

.preloader-area .spinner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  right: 0;
  bottom: 0;
  border: 2px dotted #ffffff;
  margin: -15px;
}

@-webkit-keyframes sphereSpin {
  0% {
    -webkit-transform: rotateX(360deg) rotateY(0deg);
    transform: rotateX(360deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateX(0deg) rotateY(360deg);
    transform: rotateX(0deg) rotateY(360deg);
  }
}

@keyframes sphereSpin {
  0% {
    -webkit-transform: rotateX(360deg) rotateY(0deg);
    transform: rotateX(360deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateX(0deg) rotateY(360deg);
    transform: rotateX(0deg) rotateY(360deg);
  }
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateDisc2 {
  from {
    -webkit-transform: rotateX(90deg) rotateZ(0deg);
    transform: rotateX(90deg) rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateX(90deg) rotateZ(360deg);
    transform: rotateX(90deg) rotateZ(360deg);
  }
}

@keyframes rotateDisc2 {
  from {
    -webkit-transform: rotateX(90deg) rotateZ(0deg);
    transform: rotateX(90deg) rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateX(90deg) rotateZ(360deg);
    transform: rotateX(90deg) rotateZ(360deg);
  }
}

@-webkit-keyframes rotateDisc3 {
  from {
    -webkit-transform: rotateY(90deg) rotateZ(0deg);
    transform: rotateY(90deg) rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateY(90deg) rotateZ(360deg);
    transform: rotateY(90deg) rotateZ(360deg);
  }
}

@keyframes rotateDisc3 {
  from {
    -webkit-transform: rotateY(90deg) rotateZ(0deg);
    transform: rotateY(90deg) rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateY(90deg) rotateZ(360deg);
    transform: rotateY(90deg) rotateZ(360deg);
  }
}

/*
Banner Area Style
======================================================*/
.banner-area {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.banner-area.bg-1 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-area.bg-4 {
  background-image: url(../images/banner/bg-4.jpg);
}

.banner-area .container-fluid {
  max-width: 1520px;
}

.banner-area .shape-1 {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.banner-area .shape-2 {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: none;
}

.slider-item {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  padding-top: 200px;
  padding-bottom: 300px;
}

.slider-item.bg-2 {
  background-image: url(../images/banner/bg-2.jpg);
}

.slider-item.bg-3 {
  background-image: url(../images/banner/bg-3.jpg);
}

.banner-content {
  position: relative;
}

.banner-content span {
  font-size: 16px;
  color: #038137;
  display: inline-block;
  margin-bottom: 15px;
}

.banner-content h1 {
  font-size: 57px;
  margin-bottom: 20px;
}

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

.banner-content .select-content {
  border: 1px solid #038137;
  padding: 4px;
  border-radius: 30px;
  margin-bottom: 40px;
}

.banner-content .select-content ul {
  padding-left: 0;
  margin-bottom: 0;
}

.banner-content .select-content ul li {
  list-style-type: none;
  padding: 8px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border-radius: 30px;
  border: 1px solid transparent;
}

.banner-content .select-content ul li select {
  background-color: transparent;
  border: none;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 15px;
  cursor: pointer;
}

.banner-content .select-content ul li select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.banner-content .select-content ul li:hover {
  background-color: #ffffff;
  border-radius: 30px;
  border: 1px solid #038137;
}

.banner-content .select-content ul li:hover:last-child {
  background-color: transparent;
  border-radius: 0;
  border: none;
}

.banner-content .select-content ul li:last-child {
  padding: 0;
  border-radius: 0;
  border: none;
}

.banner-content .select-content ul li .src-btn {
  background-color: #038137;
  border: none;
  padding: 13px 20px;
  color: #ffffff;
  border-radius: 30px;
  border: 1px solid #038137;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.banner-content .select-content ul li .src-btn i {
  position: relative;
  top: 2px;
  margin-left: 5px;
}

.banner-content .select-content ul li .src-btn:hover {
  background-color: #ffffff;
  color: #111111;
}

.banner-content .btn-area {
  margin-bottom: 35px;
}

.banner-content .btn-area ul {
  padding-left: 0;
  margin-bottom: 0;
}

.banner-content .btn-area ul li {
  display: inline-block;
}

.banner-content .feature ul {
  padding-left: 0;
  margin-bottom: 0;
}

.banner-content .feature ul li {
  padding-left: 25px;
  list-style-type: none;
  position: relative;
  margin-bottom: 15px;
}

.banner-content .feature ul li i {
  position: absolute;
  left: 0;
  color: #038137;
  font-size: 16px;
}

.banner-img {
  position: relative;
}

.banner-slider .mobile-banner {
  display: none !important;
}

.banner-slider.owl-theme .owl-nav [class*="owl-"] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
  background-color: #ffffff;
  border: 1px solid #038137;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 24px;
}

.banner-slider.owl-theme .owl-nav [class*="owl-"] i {
  position: relative;
  top: -2px;
  left: -1px;
}

.banner-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
  right: 20px;
  left: auto;
}

.banner-slider.owl-theme .owl-nav [class*="owl-"].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -2px;
}

.banner-slider.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: #038137;
  color: #ffffff;
  border: 1px solid #038137;
}

@media only screen and (max-width: 600px) {
  .banner-slider .mobile-banner {
    display: block !important;
  }
  .banner-slider .desktop-banner {
    display: none !important;
  }
}

.footer-banner .mobile-banner {
  display: none !important;
}

@media only screen and (max-width: 600px) {
  .footer-banner .mobile-banner {
    display: block !important;
  }
  .footer-banner .desktop-banner {
    display: none !important;
  }
}

.banner-slider2 {
  position: relative;
}

.banner-slider2.owl-theme .owl-dots {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 100px;
}

.banner-slider2.owl-theme .owl-dots .owl-dot {
  display: block;
}

.banner-slider2.owl-theme .owl-dots .owl-dot span {
  width: 45px;
  height: 45px;
  margin: 5px 0;
  background: transparent;
  border: 1px solid #eeeeee;
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
  position: relative;
  color: #111111;
}

.banner-slider2.owl-theme .owl-dots .owl-dot span::before {
  position: absolute;
  content: "1";
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: 600;
}

.banner-slider2.owl-theme .owl-dots .owl-dot:hover span,
.banner-slider2.owl-theme .owl-dots .owl-dot.active span {
  background-color: #038137;
  border-color: #038137;
  color: #ffffff;
}

.banner-slider2.owl-theme .owl-dots .owl-dot:nth-child(2) span::before {
  content: "2";
}

.banner-slider2.owl-theme .owl-dots .owl-dot:nth-child(3) span::before {
  content: "3";
}

.banner-slider2.owl-theme .owl-dots .owl-dot:nth-child(4) span::before {
  content: "4";
}

.banner-slider2.owl-theme .owl-dots .owl-dot:nth-child(5) span::before {
  content: "5";
}

.banner-slider2.owl-theme .owl-dots .owl-dot:nth-child(6) span::before {
  content: "6";
}

.banner-slider2.owl-theme .owl-dots .owl-dot:nth-child(7) span::before {
  content: "7";
}

.banner-slider2.owl-theme .owl-dots .owl-dot:nth-child(8) span::before {
  content: "8";
}

/*
Feature Area Style
======================================================*/
.featured-area .container-fluid {
  max-width: 1620px;
  margin-right: 0;
  margin-left: auto;
}

.featured-area.style .container-fluid {
  background-color: #ffffff;
  padding: 80px 0 60px 80px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  position: relative;
  margin-top: -100px;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
}

.feature-left-content {
  margin-bottom: 30px;
}

.feature-left-content .feature-title span {
  color: #038137;
  font-weight: 500;
  display: inline-block;
  font-size: 15px;
  margin-bottom: 15px;
}

.feature-left-content .feature-title h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.feature-left-content .feature-title p {
  margin-bottom: 35px;
}

.single-features-card {
  padding: 23px;
  border: 1px solid rgba(12, 184, 182, 0.2);
  -webkit-transition: all ease 0.5s !important;
  transition: all ease 0.5s !important;
  margin-bottom: 30px;
  border-radius: 10px 40px 10px 10px;
}

.single-features-card .icon {
  margin-bottom: 5px;
}

.single-features-card .icon i {
  font-size: 50px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-features-card h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.single-features-card p {
  margin-bottom: 0;
}

.single-features-card:hover {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 10px 40px 10px 10px;
}

.single-features-card:hover .icon i {
  color: #038137;
}

.single-features-card .read-more-btn {
  margin-top: 20px;
}

.style-feature-box .col-lg-6:nth-child(2) .single-features-card {
  border-radius: 40px 10px 10px 10px;
}

.style-feature-box .col-lg-6:nth-child(3) .single-features-card {
  border-radius: 10px 10px 40px 10px;
}

.style-feature-box .col-lg-6:nth-child(4) .single-features-card {
  border-radius: 10px 10px 10px 40px;
}

.feature-slider.owl-theme .owl-nav [class*="owl-"] {
  position: absolute;
  bottom: 30px;
  left: -130px;
  background-color: #ffffff;
  border: 1px solid #038137;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 24px;
}

.feature-slider.owl-theme .owl-nav [class*="owl-"] i {
  position: relative;
  top: -2px;
  left: -1px;
}

.feature-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
  left: -70px;
}

.feature-slider.owl-theme .owl-nav [class*="owl-"].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -2px;
}

.feature-slider.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: #038137;
  color: #ffffff;
  border: 1px solid #038137;
}

/*
Leadership Team Style
=====================================*/
.leadership-team h3 {
  color: #038137;
}

/*
About Area Style
======================================================*/
.about-area {
  overflow: hidden;
}

.about-area .border-top {
  border-top: 1px solid rgba(12, 184, 182, 0.2) !important;
}

.about-img {
  position: relative;
}

.about-img img {
  border-radius: 40px 10px 10px 10px;
  width: 100%;
}

.about-img .experience {
  max-width: 250px;
  padding: 30px;
  background-color: #038137;
  position: absolute;
  bottom: 40px;
  right: 0;
  border-radius: 10px;
}

.about-img .experience p {
  margin-bottom: 0;
  color: #ffffff;
}

.about-img .experience .icon i {
  position: absolute;
  font-size: 40px;
  right: 20px;
  bottom: -16px;
  color: #ffffff;
  opacity: 0.3;
}

.about-img .experience.style {
  top: 40px;
  bottom: auto;
}

.about-content .about-title span {
  color: #038137;
  font-weight: 500;
  display: inline-block;
  font-size: 15px;
  margin-bottom: 15px;
}

.about-content .about-title h2 {
  font-size: 36px;
  margin-bottom: 25px;
}

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

.about-content .list ul {
  padding-left: 0;
  margin-bottom: 30px;
}

.about-content .list ul li {
  list-style-type: none;
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
}

.about-content .list ul li i {
  position: absolute;
  left: 0;
  top: 0;
  color: #038137;
}

.about-content .list ul li p {
  margin-bottom: 0;
}

.about-content .list ul li:last-child {
  margin-bottom: 0;
}

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

.about-content.style .list2 .about-card {
  margin-bottom: 20px;
  padding: 30px;
  border: 1px solid rgba(12, 184, 182, 0.25);
  border-radius: 10px 10px 40px 10px;
  position: relative;
  padding-left: 140px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.about-content.style .list2 .about-card .icon {
  font-size: 35px;
  border: 1px solid #038137;
  color: #111111;
  height: 90px;
  width: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 100%;
  position: absolute;
  left: 30px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.about-content.style .list2 .about-card h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.about-content.style .list2 .about-card p {
  margin-bottom: 0;
}

.about-content.style .list2 .about-card:hover {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid transparent;
}

.about-content.style .list2 .about-card:hover .icon {
  -webkit-transform: scale(1) rotate(10deg);
  transform: scale(1) rotate(10deg);
  background-color: #038137;
  color: #ffffff;
  border: 1px solid #038137;
}

.about-content.style-3 .about-title p {
  margin-bottom: 25px;
}

.about-content.style-3 .about-title p:last-child {
  margin-bottom: 30px;
}

.about-content.style-3 .list ul li {
  background-color: #f5f5f5;
  padding: 15px;
  padding-left: 35px;
  border-radius: 7px;
}

.about-content.style-3 .list ul li i {
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*
Counter Area Style
======================================================*/
.counter-bg {
  background-image: url(../images/pallavi_school/Testimonials.jpg);
  box-shadow: inset 0 0 0 2000px rgb(0, 0, 0, 0.3);
  background-size: 100% 100%;
  background-position: center center;
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 40px 40px 10px 10px;
  /* display: flex;
  align-items: center; */
  /* height: 400px; */
}

.counter-card {
  position: relative;
  padding-left: 175px;
  margin-bottom: 30px;
}

.counter-card h1 {
  font-size: 50px;
  color: #ffffff;
  position: absolute;
  left: 0;
  top: -5px;
}

.counter-card h1 .target {
  margin-left: -10px;
}

.counter-card p {
  color: #ffffff;
}

.counter-card::before {
  position: absolute;
  content: "";
  background: rgba(255, 255, 255, 0.4);
  width: 1px;
  height: 42px;
  right: 0;
}

.col-lg-3:last-child .counter-card::before {
  display: none;
}

/*
Solution Area Style
======================================================*/
.solution-area {
  overflow: hidden;
}

.solution-area .container-fluid {
  max-width: 1520px;
  margin: auto;
}

.solution-bg {
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 40px 40px 10px 10px;
}

.solution-bg .col-lg-6:nth-child(2) .single-solution-card .solution-img {
  border-radius: 10px 40px 0 0;
}

.solution-bg .col-lg-6:nth-child(2) .single-solution-card .solution-card-content {
  border-radius: 0 0 40px 10px;
}

.single-solution-card {
  margin-bottom: 30px;
}

.single-solution-card .solution-img {
  position: relative;
  overflow: hidden;
  border-radius: 40px 10px 0 0;
}

.single-solution-card .solution-img img {
  overflow: hidden;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-solution-card .solution-img .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}

.single-solution-card .solution-img .icon a {
  font-size: 24px;
  background-color: #ffffff;
  color: #038137;
  text-align: center;
  height: 60px;
  width: 60px;
  line-height: 65px;
  border-radius: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-solution-card .solution-img .icon a i {
  position: relative;
  left: 3px;
  top: 1px;
}

.single-solution-card .solution-img .icon a:hover {
  background-color: #038137;
  color: #ffffff;
}

.single-solution-card .solution-img .icon::before {
  position: absolute;
  content: "";
  height: 70px;
  width: 70px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 4s linear infinite;
  animation: ripple 4s linear infinite;
  z-index: -1;
}

.single-solution-card .solution-img .icon::after {
  position: absolute;
  content: "";
  height: 80px;
  width: 80px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation: ripple 3s linear infinite;
  animation: ripple 3s linear infinite;
  z-index: -1;
}

.single-solution-card .solution-img:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.single-solution-card .solution-card-content {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 0 0 10px 40px;
}

.single-solution-card .solution-card-content h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.single-solution-card .solution-card-content p {
  margin-bottom: 0;
}

/*
Services Area Style
======================================================*/
.services-content span {
  color: #038137;
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 15px;
}

.services-content h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

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

.services-area .container-fluid {
  max-width: 1620px;
  margin-right: 0;
  margin-left: auto;
}

.services-area.style .container-fluid {
  max-width: 1520px;
  margin: auto;
}

.services-area.style .services-bg {
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 10px 10px 40px 40px;
}

.services-area.style .services-bg.style {
  border-radius: 40px 40px 0 0;
}

.single-services-card {
  border: 1px solid rgba(12, 184, 182, 0.25);
  padding: 30px;
  -webkit-transition: all ease 0.5s !important;
  transition: all ease 0.5s !important;
  margin: 5px;
  border-radius: 10px 40px;
  background-color: #ffffff;
}

.single-services-card i {
  font-size: 40px;
  margin-bottom: 5px;
  display: inline-block;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-services-card h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.single-services-card p {
  margin-bottom: 30px;
}

.single-services-card:hover {
  border: 1px solid #038137;
}

.single-services-card:hover i {
  color: #038137;
}

.single-services-card:hover .default-btn {
  background-color: #038137;
  color: #ffffff;
}

.single-services-card.style {
  margin-bottom: 30px;
}

.single-services-card.style p {
  margin-bottom: 0;
}

.single-services-card.style:hover {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.single-services-card.style3 {
  margin: 0;
  margin-bottom: 30px;
}

.single-services-card.style3:hover {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-color: transparent;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.services-slider {
  margin-bottom: 30px;
}

.services-slider.owl-theme .owl-nav [class*="owl-"] {
  position: absolute;
  bottom: 30px;
  left: -130px;
  background-color: #ffffff;
  border: 1px solid #038137;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 24px;
}

.services-slider.owl-theme .owl-nav [class*="owl-"] i {
  position: relative;
  top: -2px;
  left: -1px;
}

.services-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
  left: -70px;
}

.services-slider.owl-theme .owl-nav [class*="owl-"].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -2px;
}

.services-slider.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: #038137;
  color: #ffffff;
  border: 1px solid #038137;
}

.services-details .top-image {
  margin-bottom: 30px;
}

.services-details .top-image img {
  border-radius: 10px;
}

.services-details .real-health h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.services-details .real-health p {
  margin-bottom: 20px;
}

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

.services-details .this-services h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.services-details .this-services p {
  margin-bottom: 20px;
}

.services-details .this-services .list {
  margin-bottom: 0;
  padding-left: 0;
}

.services-details .this-services .list li {
  list-style-type: none;
  position: relative;
  padding-left: 25px;
}

.services-details .this-services .list li p {
  margin-bottom: 15px;
}

.services-details .this-services .list li i {
  position: absolute;
  left: 0;
  color: #038137;
}

.services-details .this-services .list li:last-child p {
  margin-bottom: 0;
}

.opening-hours {
  padding: 30px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.opening-hours h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.opening-hours ul {
  padding-left: 0;
  margin-bottom: 0;
}

.opening-hours ul li {
  list-style-type: none;
  margin-bottom: 10px;
}

.opening-hours ul li span {
  color: #111111;
  font-weight: 600;
  padding-right: 5px;
}

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

/*
Choose Area Style
======================================================*/
.choose-area {
  overflow: hidden;
}

.choose-area .container-fluid {
  max-width: 1520px;
}

.doctor-profile-shadow {
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 16px;
}

.choose-us-bg {
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 10px 10px 40px 40px;
}

.choose-us-bg.style {
  position: relative;
  z-index: 1;
  background-color: transparent;
}

.choose-us-bg.style::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  border-radius: 10px 10px 40px 40px;
}

.choose-us-bg.style .choose-img {
  padding-left: 0;
  position: relative;
}

.choose-us-bg.style .choose-img img {
  border-radius: 40px 10px 10px 10px;
}

.choose-us-bg.style .choose-content .choose-title span {
  color: #111111;
}

.choose-us-bg.style .choose-content .choose-title h2,
.choose-us-bg.style .choose-content .choose-title h3 {
  color: #038137;
}

.choose-us-bg.style .choose-content .choose-title p {
  color: #111111;
}

.choose-us-bg.style .choose-content .list1 ul li {
  background-color: #ffffff;
  padding: 10px;
  padding-left: 30px;
  height: 75px;
}

.choose-us-bg.style .choose-content .list1 ul li i {
  left: 10px;
}

.choose-us-bg.style .choose-content .list2 ul li {
  background-color: #ffffff;
  padding: 10px;
  padding-left: 30px;
  height: 75px;
}

.choose-us-bg.style .choose-content .list2 ul li i {
  left: 10px;
}

.choose-us-bg2 {
  background-color: #038137;
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 40px 40px 0 0;
}

.choose-us-bg2 .choose-img .address {
  background-color: #ffffff;
}

.choose-us-bg2 .choose-img .address ul li i {
  color: #038137;
  background: rgba(37, 171, 68, 0.1);
}

.choose-us-bg2 .choose-img .address ul li p {
  color: #111111;
}

.choose-us-bg2 .choose-img .address ul li a {
  color: #666666;
}

.choose-us-bg2 .choose-img .address ul li span {
  color: #666666;
}

.choose-us-bg2 .choose-content .choose-title span {
  color: #ffffff;
}

.choose-us-bg2 .choose-content .choose-title h2 {
  color: #ffffff;
}

.choose-us-bg2 .choose-content .choose-title h3 {
  color: #ffffff;
}

.choose-us-bg2 .choose-content .choose-title p {
  color: #ffffff;
}

.choose-us-bg2 .choose-content .list1 ul li p {
  color: #ffffff;
}

.choose-us-bg2 .choose-content .list1 ul li i {
  color: #ffffff;
}

.choose-us-bg2 .choose-content .list2 ul li p {
  color: #ffffff;
}

.choose-us-bg2 .choose-content .list2 ul li i {
  color: #ffffff;
}

.choose-us-bg2 .choose-content .default-btn {
  background-color: #ffffff;
}

.choose-us-bg2 .choose-content .default-btn:hover {
  background-color: #111111;
}

.choose-img {
  padding-left: 150px;
  position: relative;
}

.choose-img img {
  border-radius: 10px 40px;
}

.choose-img .address {
  max-width: 270px;
  background-color: #038137;
  padding: 30px;
  border-radius: 40px 10px;
  position: absolute;
  bottom: 40px;
  left: 0;
}

.choose-img .address ul {
  padding-left: 0;
  margin-bottom: 0;
}

.choose-img .address ul li {
  position: relative;
  padding-left: 55px;
  list-style-type: none;
  margin-bottom: 20px;
}

.choose-img .address ul li:last-child {
  margin-bottom: 0;
}

.choose-img .address ul li i {
  font-size: 18px;
  height: 45px;
  width: 45px;
  line-height: 45px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  background-color: #ffffff;
  color: #038137;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.choose-img .address ul li p {
  color: #ffffff;
  margin-bottom: 5px;
  font-weight: 5000;
  font-size: 16px;
}

.choose-img .address ul li a {
  color: #ffffff;
}

.choose-img .address ul li span {
  color: #ffffff;
  font-size: 14px;
}

.choose-content .choose-title span {
  color: #038137;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 15px;
  display: inline-block;
}

.choose-content .choose-title h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.choose-content .choose-title p {
  margin-bottom: 30px;
}

.choose-content .list1 {
  margin-bottom: 14px;
}

.choose-content .list1 ul {
  padding-left: 0;
  margin-bottom: 0;
}

.choose-content .list1 ul li {
  list-style-type: none;
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
  border-radius: 7px;
}

.choose-content .list1 ul li i {
  position: absolute;
  left: 0;
  color: #038137;
}

.choose-content .list1 ul li:last-child {
  margin-bottom: 0;
}

.choose-content .list2 ul {
  padding-left: 0;
  margin-bottom: 0;
}

.choose-content .list2 ul li {
  list-style-type: none;
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
  border-radius: 7px;
}

.choose-content .list2 ul li i {
  position: absolute;
  left: 0;
  color: #038137;
}

.choose-content .list2 ul li:last-child {
  margin-bottom: 0;
}

/*
Review Area Style
======================================================*/
.single-riview-card {
  padding: 30px;
  border-radius: 40px 10px;
  border: 1px solid rgba(12, 184, 182, 0.2);
  margin-bottom: 30px;
  -webkit-transition: all ease 0.5s !important;
  transition: all ease 0.5s !important;
}

.single-riview-card span {
  color: #111111;
  font-weight: 600;
  margin-bottom: 15px;
  display: inline-block;
}

.single-riview-card p {
  margin-bottom: 20px;
}

.single-riview-card .profile {
  position: relative;
  padding-left: 75px;
}

.single-riview-card .profile img {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.single-riview-card .profile h4 {
  font-size: 18px;
  margin-bottom: 10px;
}

.single-riview-card .profile p {
  margin-bottom: 0;
}

.single-riview-card .profile i {
  font-size: 50px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-riview-card:hover {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  -webkit-transform: translateX(-10px) !important;
  transform: translateX(-10px) !important;
  border: 1px solid transparent;
}

.single-riview-card:hover .profile i {
  color: #038137;
}

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

.testimonial-content h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

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

.testimonial-content .star-list {
  margin-bottom: 30px;
}

.testimonial-content .star-list ul {
  padding-left: 0;
  margin-bottom: 0;
}

.testimonial-content .star-list ul li {
  display: inline-block;
  color: #f8db6a;
  padding-right: 5px;
}

.testimonial-content .star-list ul li:last-child {
  padding-right: 0;
}

.testimonial-content .clients-profile {
  position: relative;
  padding-left: 75px;
  margin-bottom: 40px;
}

.testimonial-content .clients-profile img {
  width: auto;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.testimonial-content .clients-profile h4 {
  font-size: 18px;
  margin-bottom: 10px;
}

.testimonial-slider2.owl-theme .owl-dots {
  position: absolute;
  left: 0;
}

.testimonial-slider2.owl-theme .owl-dots .owl-dot span {
  background-color: #038137;
  margin-left: 15px;
}

.testimonial-slider2.owl-theme .owl-dots .owl-dot.active span {
  position: relative;
}

.testimonial-slider2.owl-theme .owl-dots .owl-dot.active span::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  border: 1px solid #038137;
  border-radius: 100%;
  top: -4px;
  left: -4px;
}

.testimonial-img-content {
  position: relative;
  overflow: hidden;
  border-radius: 10px 40px 10px 10px;
}

.testimonial-img-content img {
  overflow: hidden;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.testimonial-img-content .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}

.testimonial-img-content .icon a {
  font-size: 24px;
  background-color: #ffffff;
  color: #038137;
  text-align: center;
  height: 60px;
  width: 60px;
  line-height: 65px;
  border-radius: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.testimonial-img-content .icon a i {
  position: relative;
  left: 2px;
}

.testimonial-img-content .icon a:hover {
  background-color: #038137;
  color: #ffffff;
}

.testimonial-img-content .icon::before {
  position: absolute;
  content: "";
  height: 70px;
  width: 70px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 4s linear infinite;
  animation: ripple 4s linear infinite;
  z-index: -1;
}

.testimonial-img-content .icon::after {
  position: absolute;
  content: "";
  height: 80px;
  width: 80px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-animation: ripple 3s linear infinite;
  animation: ripple 3s linear infinite;
  z-index: -1;
}

.testimonial-img-content:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/*
Blog Area Style
======================================================*/
.blog-area .container-fluid {
  max-width: 1520px;
}

.blog-bg {
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
}

.blog-bg::before {
  position: absolute;
  content: "";
  background: rgba(12, 184, 182, 0.05);
  border-radius: 40px 40px 10px 10px;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.blog-bg .col-lg-4:nth-child(2) .single-blog-card .blog-img img {
  border-radius: 40px 40px 0 0;
}

.blog-bg .col-lg-4:nth-child(2) .single-blog-card .blog-content {
  border-radius: 0 0 40px 40px;
}

.blog-bg .col-lg-4:nth-child(3) .single-blog-card .blog-img img {
  border-radius: 40px 10 0 0;
}

.blog-bg .col-lg-4:nth-child(3) .single-blog-card .blog-content {
  border-radius: 0 0 10px 40px;
}

.blog-bg2 {
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
}

.single-blog-card {
  margin-bottom: 30px;
}

.single-blog-card .blog-img {
  overflow: hidden;
  border-radius: 10px 40px 0 0;
}

.single-blog-card .blog-img img {
  border-radius: 10px 40px 0 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  overflow: hidden;
}

.single-blog-card .blog-content {
  padding: 30px;
  border: 1px solid rgba(12, 184, 182, 0.2);
  border-radius: 0px 0px 40px 10px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-color: #ffffff;
}

.single-blog-card .blog-content .date-admin ul {
  padding-left: 0;
  margin-bottom: 20px;
}

.single-blog-card .blog-content .date-admin ul li {
  list-style-type: none;
  position: relative;
  padding-left: 20px;
}

.single-blog-card .blog-content .date-admin ul li i {
  position: absolute;
  left: 0;
  color: #038137;
}

.single-blog-card .blog-content .date-admin ul li a {
  color: #666666;
}

.single-blog-card .blog-content h3 {
  font-size: 20px;
  margin-bottom: 20px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-blog-card .blog-content h3:hover {
  color: #038137;
}

.single-blog-card .blog-content p {
  font-size: 14px;
}

.single-blog-card .blog-content .default-btn {
  margin-top: 5px;
}

.single-blog-card:hover .blog-img {
  border-radius: 10px 40px 0 0;
}

.single-blog-card:hover .blog-img img {
  -webkit-transform: scale(1.2) rotate(5deg);
  transform: scale(1.2) rotate(5deg);
  border-radius: 10px 40px 0 0;
}

.single-blog-card:hover .blog-content {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid transparent;
}

.single-blog-card.style .blog-content h3 {
  margin-bottom: 0;
}

.blog-Details-area .section-title {
  max-width: unset;
}

.details .details-top-img img {
  border-radius: 40px 40px 0 0;
}

.details .details-content {
  padding: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 0 0 10px 10px;
  margin-bottom: 30px;
}

.details .details-content .admin-and-date {
  padding-left: 0;
  margin-bottom: 20px;
}

.details .details-content .admin-and-date li {
  list-style-type: none;
  position: relative;
  padding-left: 20px;
  display: inline-block;
  margin-right: 30px;
}

.details .details-content .admin-and-date li i {
  position: absolute;
  left: 0;
  color: #038137;
}

.details .details-content .admin-and-date li a {
  color: #666666;
}

.details .details-content .admin-and-date li:last-child {
  margin-right: 0;
}

.details .details-content .telehealth-services h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

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

.details .details-content .blog-quote {
  background-color: #f7f7f7;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 30px;
  border-left: 2px solid #038137;
}

.details .details-content .blog-quote span {
  position: relative;
  padding-left: 45px;
}

.details .details-content .blog-quote span::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 30px;
  background-color: #038137;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.details .details-content .image-and-content {
  margin-bottom: 30px;
}

.details .details-content .image-and-content p {
  margin-bottom: 20px;
}

.details .details-content .image-and-content .details-img {
  margin-bottom: 30px;
}

.details .details-content .image-and-content .details-img img {
  border-radius: 40px 10px 40px 10px;
}

.details .details-content .tags ul {
  padding-left: 0;
  margin-bottom: 0;
}

.details .details-content .tags ul li {
  display: inline-block;
  margin-right: 10px;
}

.details .details-content .tags ul li span {
  font-size: 18px;
  font-weight: 600;
  color: #111111;
  margin-right: 10px;
}

.details .details-content .tags ul li a {
  padding: 10px 20px;
  background: rgba(12, 184, 182, 0.2);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #111111;
  font-weight: 500;
  border-radius: 30px;
}

.details .details-content .tags ul li a:hover {
  background-color: #038137;
  color: #ffffff;
}

.details .details-content .tags ul li:last-child {
  margin-right: 10px;
}

.details .next-and-prev {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
}

.details .next-and-prev ul {
  padding-left: 0;
  margin-bottom: 0;
}

.details .next-and-prev ul li {
  list-style-type: none;
}

.details .next-and-prev ul li a {
  font-size: 16px;
  font-weight: 600;
  color: #111111;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.details .next-and-prev ul li a i {
  position: relative;
  top: 3px;
  padding-right: 5px;
}

.details .next-and-prev ul li a:hover {
  color: #038137;
  letter-spacing: 1px;
}

.details .next-and-prev ul li:last-child a i {
  padding-left: 5px;
  padding-right: 0;
}

.reply-content {
  padding: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  margin-bottom: 30px;
}

.reply-content h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.reply-content p {
  margin-bottom: 20px;
}

.reply-content .form-group {
  margin-bottom: 20px;
}

.reply-content .form-check {
  margin-bottom: 20px;
}

.reply-content .form-check .form-check-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.search-content {
  padding: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  border-radius: 10px;
}

.search-content .form-group {
  position: relative;
}

.search-content .form-group .form-control {
  border-radius: 10px;
}

.search-content .form-group .src-btn {
  position: absolute;
  right: 10px;
  top: 5px;
  border: none;
  background-color: transparent;
}

.search-content .form-group .src-btn i {
  font-size: 24px;
  color: #038137;
}

.nav-search .form-group {
  position: relative;
}

.nav-search .form-group .form-control {
  border-radius: 10px;
}

.nav-search .form-group .src-btn {
  position: absolute;
  right: 10px;
  top: 5px;
  border: none;
  background-color: transparent;
}

.nav-search .form-group .src-btn i {
  font-size: 24px;
  color: #038137;
}

@media only screen and (max-width: 1366px) {
  .nav-search .form-group {
    position: relative;
  }
  .nav-search .form-group .form-control {
    border-radius: 10px;
    height: 40px;
    font-size: 14px;
    width: 160px;
  }
  .nav-search .form-group .src-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background-color: transparent;
  }
  .nav-search .form-group .src-btn i {
    font-size: 20px;
    color: #038137;
  }
}

.popular-post {
  padding: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  border-radius: 10px;
}

.popular-post h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.popular-post .popular-card {
  position: relative;
  padding-left: 110px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.popular-post .popular-card .img {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.popular-post .popular-card .img img {
  border-radius: 10px;
}

.popular-post .popular-card h4 {
  font-size: 16px;
  margin-bottom: 10px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.popular-post .popular-card h4:hover {
  color: #038137;
}

.popular-post .popular-card .date {
  position: relative;
  padding-left: 20px;
}

.popular-post .popular-card .date i {
  position: absolute;
  left: 0;
  color: #038137;
}

.popular-post .popular-card:last-child {
  margin-bottom: 0;
}

.categories {
  padding: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  border-radius: 10px;
}

.categories h3 {
  font-size: 20px;
  margin-bottom: 25px;
}

.categories ul {
  padding-left: 0;
  margin-bottom: 0;
}

.categories ul li {
  list-style-type: none;
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
}

.categories ul li a p {
  color: #111111;
  font-weight: 600;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.categories ul li a i {
  position: absolute;
  left: 0;
  color: #038137;
}

.categories ul li a:hover p {
  color: #038137;
}

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

.tag-content {
  padding: 30px 30px 10px 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.tag-content h3 {
  font-size: 20px;
  margin-bottom: 30px;
}

.tag-content ul {
  padding-left: 0;
  margin-bottom: 0;
}

.tag-content ul li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 30px;
}

.tag-content ul li span {
  font-size: 18px;
  font-weight: 600;
  color: #111111;
  margin-right: 10px;
}

.tag-content ul li a {
  padding: 10px 20px;
  background: rgba(12, 184, 182, 0.2);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #111111;
  font-weight: 500;
  border-radius: 30px;
}

.tag-content ul li a:hover {
  background-color: #038137;
  color: #ffffff;
}

.tag-content ul li:last-child {
  margin-right: 10px;
}

/*
Advice Area Style
======================================================*/
.advice-area {
  overflow: hidden;
}

.advice-area .container-fluid {
  max-width: 1520px;
}

.advice-content .advice-title span {
  color: #038137;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 15px;
  display: inline-block;
}

.advice-content .advice-title h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.advice-content .advice-title p {
  margin-bottom: 30px;
}

.advice-content .list {
  margin-bottom: 10px;
}

.advice-content .list ul {
  padding-left: 0;
  margin-bottom: 0;
}

.advice-content .list ul li {
  position: relative;
  list-style-type: none;
  padding-left: 65px;
  margin-bottom: 25px;
}

.advice-content .list ul li i {
  font-size: 22px;
  background-color: #f1f1f1;
  color: #038137;
  height: 50px;
  width: 50px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.advice-content .list ul li p {
  color: #111111;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 16px;
}

.advice-content .list ul li a {
  color: #666666;
}

.advice-content .list ul li:hover i {
  background-color: #038137;
  color: #ffffff;
}

.advice-img img {
  border-radius: 40px 10px 40px 10px;
}

.advice-bg {
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 10px 10px 40px 40px;
}

/*
Doctor Area Style
======================================================*/
.doctors-area {
  overflow: hidden;
}

.doctors-area .container-fluid {
  max-width: 1520px;
}

.doctors-area.style .container-fluid {
  max-width: 1610px;
  margin-right: 0;
  margin-left: auto;
}

.doctors-area .single-doctor-card.style {
  margin-bottom: 0;
}

.doctor-content {
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 10px 10px 40px 40px;
}

.doctor-content .col-lg-3:nth-child(2) .single-doctor-card .doctor-img {
  border-radius: 10px 10px 40px 10px;
}

.doctor-content .col-lg-3:nth-child(2) .single-doctor-card .doctor-img img {
  border-radius: 10px 10px 40px 10px;
}

.doctor-content .col-lg-3:nth-child(3) .single-doctor-card .doctor-img {
  border-radius: 40px 10px 10px 10px;
}

.doctor-content .col-lg-3:nth-child(3) .single-doctor-card .doctor-img img {
  border-radius: 40px 10px 10px 10px;
}

.doctor-content .col-lg-3:nth-child(4) .single-doctor-card .doctor-img {
  border-radius: 10px 40px 10px 10px;
}

.doctor-content .col-lg-3:nth-child(4) .single-doctor-card .doctor-img img {
  border-radius: 10px 40px 10px 10px;
}

.single-doctor-card {
  margin-bottom: 30px;
}

.single-doctor-card .doctor-img {
  overflow: hidden;
  border-radius: 10px 10px 10px 40px;
}

.single-doctor-card .doctor-img img {
  border-radius: 10px 10px 10px 40px;
  overflow: hidden;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-doctor-card .doctor-card-content {
  text-align: center;
  padding-top: 25px;
}

.single-doctor-card .doctor-card-content h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.single-doctor-card .doctor-card-content p {
  margin-bottom: 20px;
}

.single-doctor-card .social-content ul {
  padding-left: 0;
  margin-bottom: 0;
}

.single-doctor-card .social-content ul li {
  display: inline-block;
  margin-right: 10px;
}

.single-doctor-card .social-content ul li a {
  color: #666666;
  font-size: 20px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-doctor-card .social-content ul li a:hover {
  color: #038137;
}

.single-doctor-card .social-content ul li:last-child {
  margin-right: 0;
}

.single-doctor-card.style {
  margin-bottom: 30px;
}

.single-doctor-card.style .doctor-img {
  border-radius: 10px 40px 0 0;
  position: relative;
}

.single-doctor-card.style .doctor-img img {
  border-radius: 10px 40px 0 0;
}

.single-doctor-card.style .doctor-img .social-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-doctor-card.style .doctor-img .social-content ul {
  margin-bottom: 20px;
  padding-left: 0;
}

.single-doctor-card.style .doctor-img .social-content ul li a {
  height: 35px;
  width: 35px;
  line-height: 35px;
  background-color: #ffffff;
  display: inline-block;
  border-radius: 100%;
  font-size: 18px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-doctor-card.style .doctor-img .social-content ul li a:hover {
  background-color: #038137;
  color: #ffffff;
}

.single-doctor-card.style .doctor-card-content {
  border: 1px solid rgba(12, 184, 182, 0.25);
  border-radius: 0px 0px 10px 40px;
}

.single-doctor-card.style:hover .doctor-img .social-content {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.single-doctor-card.style3 .doctor-card-content {
  text-align: left;
}

.single-doctor-card.style3 .doctor-img {
  position: relative;
}

.single-doctor-card.style3 .doctor-img .social-content {
  position: absolute;
  bottom: -100%;
  text-align: center;
  left: 0;
  right: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.single-doctor-card.style3 .doctor-img .social-content ul {
  margin-bottom: 0;
  padding: 20px;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 10px 10px 0 0;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.single-doctor-card.style3 .doctor-img .social-content ul li {
  margin-right: 7px;
}

.single-doctor-card.style3 .doctor-img .social-content ul li a {
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-color: #dfdfdf;
  display: inline-block;
  border-radius: 100%;
  font-size: 16px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-doctor-card.style3 .doctor-img .social-content ul li a:hover {
  background-color: #038137;
  color: #ffffff;
}

.single-doctor-card.style3 .doctor-img .social-content ul li:last-child {
  margin-right: 0;
}

.single-doctor-card.style3:hover .social-content {
  bottom: 0;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.single-doctor-card.style4 .social-content ul li a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 100%;
  background-color: #dfdfdf;
  display: inline-block;
}

.single-doctor-card.style4 .social-content ul li a:hover {
  background-color: #038137;
  color: #ffffff;
}

.doctor-slider {
  margin-bottom: 30px;
}

.doctor-slider.owl-theme .owl-nav [class*="owl-"] {
  position: absolute;
  bottom: 30px;
  left: -130px;
  background-color: #ffffff;
  border: 1px solid #038137;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 24px;
}

.doctor-slider.owl-theme .owl-nav [class*="owl-"] i {
  position: relative;
  top: -2px;
  left: -1px;
}

.doctor-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
  left: -70px;
}

.doctor-slider.owl-theme .owl-nav [class*="owl-"].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -2px;
}

.doctor-slider.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: #038137;
  color: #ffffff;
  border: 1px solid #038137;
}

.doctor-slider2 {
  position: relative;
}

.doctor-slider2.owl-theme .owl-nav [class*="owl-"] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -100px;
  background-color: #ffffff;
  border: 1px solid #038137;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 24px;
}

.doctor-slider2.owl-theme .owl-nav [class*="owl-"] i {
  position: relative;
  top: -1px;
  left: -1px;
}

.doctor-slider2.owl-theme .owl-nav [class*="owl-"].owl-next {
  right: -100px;
  left: auto;
}

.doctor-slider2.owl-theme .owl-nav [class*="owl-"].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -1px;
}

.doctor-slider2.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: #038137;
  color: #ffffff;
  border: 1px solid #038137;
}

/*
Contact Doctor Area Style
======================================================*/
.contact-doctor-area {
  overflow: hidden;
}

.contact-doctor-contain .contact-title span {
  color: #038137;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 15px;
  display: inline-block;
}

.contact-doctor-contain .contact-title h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.contact-doctor-contain .contact-title p {
  margin-bottom: 30px;
}

.contact-doctor-form .form-group {
  margin-bottom: 25px;
}

.contact-doctor-form .default-btn {
  width: 100%;
}

/*
Footer Doctor Area Style
======================================================*/
.footer-area {
  background-color: #111111;
}

.logo-area {
  margin-bottom: 30px;
  padding-right: 30px;
}

.logo-area h3 {
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 30px;
}

.logo-area img {
  margin-bottom: 30px;
}

.logo-area p {
  color: #ffffff;
  margin-bottom: 30px;
}

.logo-area .newsletter-form {
  position: relative;
}

.logo-area .newsletter-form .form-control {
  height: 53px;
  border-radius: 30px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: #ffffff;
}

.logo-area .newsletter-form .default-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.logo-area .newsletter-form .validation-danger {
  color: #e96060;
  margin-top: 10px;
}

.logo-area .social-content {
  text-align: left;
}

.logo-area .social-content ul {
  padding-left: 0;
  margin-bottom: 0;
}

.logo-area .social-content ul li {
  display: inline-block;
  margin-right: 10px;
}

.logo-area .social-content ul li:last-child {
  margin-right: 0;
}

.logo-area .social-content ul li span {
  color: #ffffff;
}

.logo-area .social-content ul li a {
  color: #cacaca;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.logo-area .social-content ul li a:hover {
  color: #038137;
}

.quick-link {
  margin-bottom: 30px;
}

.quick-link h3 {
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 30px;
}

.quick-link ul {
  padding-left: 0;
  margin-bottom: 0;
}

.quick-link ul li {
  list-style-type: none;
  position: relative;
  padding-left: 20px;
  margin-bottom: 13px;
}

.quick-link ul li i {
  position: absolute;
  left: 0;
  color: #cacaca;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.quick-link ul li p {
  color: #cacaca;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

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

.quick-link ul li:hover i {
  color: #038137;
}

.quick-link ul li:hover p {
  color: #038137;
}

.helpful-link {
  margin-bottom: 30px;
}

.helpful-link h3 {
  font-size: 20px;
  margin-bottom: 30px;
  color: #ffffff;
}

.helpful-link ul {
  padding-left: 0;
  margin-bottom: 0;
}

.helpful-link ul li {
  list-style-type: none;
  color: #cacaca;
  margin-bottom: 20px;
}

.helpful-link ul li span {
  color: #038137;
  font-weight: 500;
  padding-left: 5px;
  display: inline-block;
}

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

.helpful-link ul li a {
  color: #cacaca;
}

.instragram {
  margin-bottom: 30px;
}

.instragram h3 {
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 30px;
}

.instragram .instragram-img {
  overflow: hidden;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-bottom: 25px;
  border-radius: 10px;
  position: relative;
}

.instragram .instragram-img img {
  overflow: hidden;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border-radius: 10px;
}

.instragram .instragram-img:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.instragram .instragram-img:hover .icon {
  opacity: 1;
}

.instragram .instragram-img .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
}

.instragram .instragram-img .icon i {
  color: #038137;
  font-size: 20px;
  font-weight: 700;
}

.copyright {
  border-top: 1px solid rgba(12, 184, 182, 0.25);
  padding: 30px 0;
}

.copyright .copy p {
  color: #cacaca;
}

.copyright .copy p a {
  color: #038137;
}

.copyright .social-content {
  text-align: right;
}

.copyright .social-content ul {
  padding-left: 0;
  margin-bottom: 0;
}

.copyright .social-content ul li {
  display: inline-block;
  margin-right: 10px;
}

.copyright .social-content ul li:last-child {
  margin-right: 0;
}

.copyright .social-content ul li span {
  color: #ffffff;
}

.copyright .social-content ul li a {
  color: #cacaca;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.copyright .social-content ul li a:hover {
  color: #038137;
}

/*
Work Area Style
======================================================*/
.work-area {
  overflow: hidden;
}

.work-area .container-fluid {
  max-width: 1520px;
  margin: auto;
}

.work-bg {
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 10px 10px 40px 40px;
}

.work-left-content .work-title span {
  color: #038137;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 15px;
  display: inline-block;
}

.work-left-content .work-title h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.work-left-content .work-title p {
  margin-bottom: 30px;
}

.work-left-content .default-btn {
  margin-bottom: 40px;
}

.special-follow {
  margin-right: -120px;
  position: relative;
}

.follow-card {
  position: relative;
  text-align: center;
  overflow: hidden;
  border-radius: 10px;
  z-index: 1;
}

.follow-card img {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border-radius: 10px;
}

.follow-card::before {
  position: absolute;
  content: "";
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(17, 17, 17, 0)),
    color-stop(95.13%, rgba(17, 17, 17, 0.7))
  );
  background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.7) 95.13%);
  height: 100%;
  width: 100%;
  left: -100%;
  top: -100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.follow-card::after {
  position: absolute;
  content: "";
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(17, 17, 17, 0)),
    color-stop(95.13%, rgba(17, 17, 17, 0.7))
  );
  background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.7) 95.13%);
  height: 100%;
  width: 100%;
  right: -100%;
  top: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.follow-card .follow-content {
  padding: 20px;
  position: absolute;
  bottom: -100%;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.follow-card .follow-content h3 {
  font-size: 20px;
  color: #ffffff;
  margin: auto;
}

.follow-card:hover::before {
  -webkit-transform: scale(1);
  transform: scale(1);
  left: 0;
  top: 0;
}

.follow-card:hover::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  right: 0;
}

.follow-card:hover .follow-content {
  bottom: 0;
}

.follow-image-content {
  position: relative;
}

.follow-image-content img {
  border-radius: 10px 40px 10px 40px;
}

.follow-image-content .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}

.follow-image-content .icon a {
  font-size: 24px;
  background-color: #ffffff;
  color: #038137;
  text-align: center;
  height: 60px;
  width: 60px;
  line-height: 65px;
  border-radius: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.follow-image-content .icon a i {
  position: relative;
  left: 2px;
}

.follow-image-content .icon a:hover {
  background-color: #038137;
  color: #ffffff;
}

.follow-image-content .icon::before {
  position: absolute;
  content: "";
  height: 70px;
  width: 70px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 4s linear infinite;
  animation: ripple 4s linear infinite;
  z-index: -1;
}

.follow-image-content .icon::after {
  position: absolute;
  content: "";
  height: 80px;
  width: 80px;
  border-radius: 100%;
  background-color: rgba(12, 184, 182, 0.3);
  -webkit-animation: ripple 3s linear infinite;
  animation: ripple 3s linear infinite;
  z-index: -1;
}

/*
Provide Area Style
======================================================*/
.provid-area .container-fluid {
  max-width: 1520px;
}

.provid-area .row .col-lg-6:nth-child(2) .single-provide-card {
  border-radius: 10px 40px 10px 10px;
}

.provid-area .row .col-lg-6:nth-child(3) .single-provide-card {
  border-radius: 10px 10px 10px 40px;
}

.provid-area .row .col-lg-6:nth-child(4) .single-provide-card {
  border-radius: 10px 10px 40px 10px;
}

.provide-bg {
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 10px 10px 40px 40px;
}

.single-provide-card {
  padding: 30px;
  border: 1px solid rgba(12, 184, 182, 0.25);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border-radius: 40px 10px 10px 10px;
  margin-bottom: 30px;
}

.single-provide-card .provide-content {
  position: relative;
  padding-left: 110px;
}

.single-provide-card .provide-content .icon {
  font-size: 35px;
  border: 1px solid #038137;
  color: #111111;
  height: 90px;
  width: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-provide-card .provide-content h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.single-provide-card .provide-content p {
  margin-bottom: 0;
}

.single-provide-card:hover {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid transparent;
}

.single-provide-card:hover .provide-content .icon {
  -webkit-transform: scale(1) rotate(10deg);
  transform: scale(1) rotate(10deg);
  background-color: #038137;
  color: #ffffff;
  border: 1px solid #038137;
}

/*
Testimonial Area Style
======================================================*/
.testimonial-area .container-fluid {
  max-width: 1520px;
  margin: auto;
}

.testimonial-bg {
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 10px 10px 40px 40px;
}

.single-testimonial-card {
  margin-bottom: 30px;
}

.single-testimonial-card .top-content {
  background-color: #ffffff;
  border-radius: 40px 10px 40px 10px;
  border: 1px solid rgba(12, 184, 182, 0.2);
  padding: 30px;
  position: relative;
  margin: 5px;
  margin-bottom: 45px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-testimonial-card .top-content i {
  font-size: 35px;
  color: #038137;
}

.single-testimonial-card .top-content::before {
  position: absolute;
  content: "";
  background-color: #f8f2f2;
  height: 30px;
  width: 30px;
  bottom: -31px;
  left: 50px;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.single-testimonial-card .clients-profile {
  position: relative;
  padding-left: 110px;
}

.single-testimonial-card .clients-profile img {
  position: absolute;
  left: 30px;
  top: -8px;
  width: auto;
  padding: 5px;
  border: 1px solid transparent;
  border-radius: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-testimonial-card .clients-profile h4 {
  font-size: 18px;
  margin-bottom: 8px;
}

.single-testimonial-card .clients-profile p {
  margin-bottom: 0;
}

.single-testimonial-card:hover .top-content {
  border: 1px solid rgba(12, 184, 182, 0.35);
}

.single-testimonial-card:hover .clients-profile img {
  border: 1px solid #038137;
}

.single-testimonial-card.style3 {
  padding: 30px;
  border-radius: 40px 10px 40px 10px;
  border: 1px solid rgba(12, 184, 182, 0.25);
  margin: 5px;
  margin-bottom: 30px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-testimonial-card.style3 .top-content {
  margin-bottom: 30px;
  padding: 0;
  border-radius: 0;
  border: none;
}

.single-testimonial-card.style3 .top-content::before {
  display: none;
}

.single-testimonial-card.style3 .clients-profile {
  padding-left: 80px;
}

.single-testimonial-card.style3 .clients-profile img {
  left: 0;
  top: -8px;
}

.single-testimonial-card.style3:hover {
  border: 1px solid #038137;
}

.testimonial-slider.owl-theme .owl-dots .owl-dot span {
  background-color: #038137;
  margin-left: 15px;
}

.testimonial-slider.owl-theme .owl-dots .owl-dot.active span {
  position: relative;
}

.testimonial-slider.owl-theme .owl-dots .owl-dot.active span::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  border: 1px solid #038137;
  border-radius: 100%;
  top: -4px;
  left: -4px;
}

/*
Appoinment Area Style
======================================================*/
.appoinment-area {
  overflow: hidden;
}

.appoinment-area .container-fluid {
  max-width: 1520px;
  margin: auto;
}

.appoinment-bg {
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 10px 10px 40px 40px;
}

.appoinment-content span {
  color: #038137;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 15px;
  display: inline-block;
}

.appoinment-content h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

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

.appoinment-form .form-group {
  margin-bottom: 25px;
}

.appoinment-form .default-btn {
  width: 100%;
}

.information {
  max-width: 920px;
  margin: auto;
  padding: 40px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.information h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.information .form-group {
  margin-bottom: 25px;
}

.information .gender {
  margin-bottom: 20px;
}

.information .gender ul {
  padding-left: 0;
  margin-bottom: 0;
}

.information .gender ul li {
  display: inline-block;
  margin-right: 20px;
}

.information .gender ul li span {
  font-size: 18px;
  font-weight: 600;
  color: #111111;
}

.information .gender ul li .form-check-input:focus {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.information .gender ul li .form-check-input:checked {
  background-color: #038137;
}

.information .default-btn {
  width: 100%;
}

/*
Faq Area Style
======================================================*/
.faq-area {
  overflow: hidden;
}

.faq-area .container-fluid {
  max-width: 1520px;
}

.faq-bg {
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 40px 40px 10px 10px;
}

.faq-title span {
  color: #038137;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 15px;
  display: inline-block;
}

.faq-title h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.faq-title p {
  margin-bottom: 30px;
}

.accordion .accordion-item {
  margin-bottom: 20px;
  border: 1px solid rgba(12, 184, 182, 0.4);
  border-radius: 10px;
}

.accordion .accordion-item .accordion-button {
  border: none;
  background-color: transparent;
  color: #111111;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  margin-bottom: 0;
}

.accordion .accordion-item .accordion-button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.accordion .accordion-item .accordion-button:not(.collapsed) {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.accordion .accordion-item .accordion-button::after {
  background-image: unset;
  content: "";
  font-size: 20px;
  color: #111111;
  text-align: center;
  content: "\ea13";
  font-family: "remixicon" !important;
  position: relative;
  top: -4px;
}

.accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: unset;
  text-align: center;
  content: "\f1af";
  position: relative;
  top: -2px;
}

.accordion .accordion-item .accordion-body {
  padding-top: 0;
  font-size: 15px;
}

.faq-image img {
  border-radius: 40px 10px 40px 10px;
}

/*
Portfolio Area Style
======================================================*/
.portfolio-area .container-fluid {
  background-color: rgba(12, 184, 182, 0.05);
  /* max-width: 1520px;
  margin: auto; */
}

.porfolio-bg {
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
}

.porfolio-bg::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  /* background-color: #038137; */
  border-radius: 10px 10px 40px 40px;
}

.porfolio-bg2 {
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 40px 40px 0 0;
}

.single-portfolio-card {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  border-radius: 10px 40px 10px 40px;
}

.single-portfolio-card .portfolio-img {
  position: relative;
}

.single-portfolio-card .portfolio-img::before {
  position: absolute;
  content: "";
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(17, 17, 17, 0)),
    color-stop(52.25%, rgba(17, 17, 17, 0.69))
  );
  background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.69) 52.25%);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.single-portfolio-card .caption {
  position: absolute;
  bottom: 0;
  padding: 20px;
  text-align: center;
  left: 0;
  right: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-portfolio-card .caption h3 {
  font-size: 20px;
  margin-bottom: 15px;
  color: #ffffff;
}

.single-portfolio-card .caption p {
  color: #ffffff;
}

.single-portfolio-card::before {
  position: absolute;
  content: "";
  height: 70px;
  width: 1px;
  background-color: #ffffff;
  top: -100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-portfolio-card::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 70px;
  background-color: #ffffff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -120%;
  right: 0;
  margin: auto;
  z-index: 2;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-portfolio-card:hover::before {
  top: 50%;
}

.single-portfolio-card:hover::after {
  left: 0;
}

.single-portfolio-card:hover .portfolio-img::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.single-portfolio-card:hover .caption {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.telimedicine-content h1 {
  font-size: 40px;
  margin-bottom: 20px;
}

.telimedicine-content img {
  border-radius: 10px;
  margin-bottom: 30px;
}

.health-care {
  margin-bottom: 30px;
}

.health-care h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.health-care p {
  margin-bottom: 20px;
}

.about-the-project {
  margin-bottom: 30px;
}

.about-the-project h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.about-the-project p {
  margin-bottom: 25px;
  font-size: 18px;
}

.about-the-project .list {
  margin-bottom: 0;
  padding-left: 0;
}

.about-the-project .list li {
  list-style-type: none;
  position: relative;
  padding-left: 25px;
}

.about-the-project .list li p {
  margin-bottom: 0px;
}

.about-the-project .list li i {
  position: absolute;
  left: 0;
  color: #038137;
}

.about-the-project .list li i.ri-checkbox-blank-circle-fill {
  color: #666666;
  font-size: 10px;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.about-the-project .list li i.minus {
  color: #666666;
  font-size: 10px;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

.about-the-project .list li:last-child p {
  margin-bottom: 0;
}

.our-treatment h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.our-treatment p {
  margin-bottom: 30px;
  font-size: 18px;
}

.our-treatment .treatment-img {
  margin-bottom: 30px;
}

.our-treatment .treatment-img img {
  border-radius: 10px 10px 40px 40px;
}

.col-lg-6:nth-child(2) .treatment-img img {
  border-radius: 40px 40px 10px 10px;
}

.project-details {
  padding: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}

.project-details h3 {
  font-size: 20px;
  margin-bottom: 25px;
}

.project-details ul {
  padding-left: 0;
  margin-bottom: 0;
}

.project-details ul li {
  list-style-type: none;
  margin-bottom: 15px;
}

.project-details ul li span {
  color: #111111;
  font-weight: 500;
  padding-right: 5px;
}

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

/*
Pricing Area Style
======================================================*/
.single-pricing-card {
  border: 1px solid rgba(12, 184, 182, 0.25);
  padding: 30px;
  border-radius: 40px 10px 40px 10px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-color: #ffffff;
  margin-bottom: 30px;
}

.single-pricing-card .top-content {
  position: relative;
  padding-left: 60px;
  margin-bottom: 30px;
}

.single-pricing-card .top-content .icon {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 100%;
  -webkit-box-shadow: 0px 0px 30px rgba(17, 17, 17, 0.07), inset 0px 0px 20px rgba(102, 102, 102, 0.15);
  box-shadow: 0px 0px 30px rgba(17, 17, 17, 0.07), inset 0px 0px 20px rgba(102, 102, 102, 0.15);
  position: absolute;
  left: 0;
  text-align: center;
  color: #f8db6a;
  font-size: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.single-pricing-card .top-content h3 {
  font-size: 20px;
}

.single-pricing-card h1 {
  font-size: 36px;
  margin-bottom: 30px;
}

.single-pricing-card h1 span {
  font-size: 15px;
  color: #666666;
  font-weight: 500;
}

.single-pricing-card .list {
  margin-bottom: 30px;
}

.single-pricing-card .list ul {
  padding-left: 0;
  margin-bottom: 0;
}

.single-pricing-card .list ul li {
  list-style-type: none;
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
}

.single-pricing-card .list ul li i {
  position: absolute;
  color: #038137;
  left: 0;
  top: 0;
}

.single-pricing-card .list ul li:last-child {
  margin-bottom: 0;
}

.single-pricing-card .default-btn {
  display: block;
}

.single-pricing-card:hover {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid transparent;
}

.single-pricing-card:hover .default-btn {
  background-color: #038137;
  color: #ffffff;
}

.single-pricing-card.active {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid transparent;
}

.single-pricing-card.active .default-btn {
  background-color: #038137;
  color: #ffffff;
}

/*
Page Header Area Style
======================================================*/
.page-banner {
  position: relative;
  background-size: cover;
  background-position: center center;
}

.page-banner.bg-1 {
  background-image: url(../images/pallavi_school/contactus_slider.jpg);
  /* box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2); */
  box-shadow: inset 0 0 0 2000px rgb(255, 255, 255, 0.3);
}

.page-banner.bg-aboutus {
  background-image: url(../images/pallavi_school/about_us_bg.jpeg);
  /* box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2); */
  box-shadow: inset 0 0 0 2000px rgb(255, 255, 255, 0.3);
}
.page-banner.bg-admissionprocess {
  background-image: url(../images/pallavi_school/admissions_slider.jpg);
  /* box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2); */
  box-shadow: inset 0 0 0 2000px rgb(255, 255, 255, 0.3);
}
.page-banner.bg-academic {
  /* background-image: url(../images/pallavi_school/Academics_slider.jpg); */
  background-image: url(../images/pallavi_school/admissions_slider.jpg);
  /* box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2); */
  box-shadow: inset 0 0 0 2000px rgb(255, 255, 255, 0.3);
}

.page-banner-content h1 {
  font-size: 50px;
  margin-bottom: 10px;
}

.page-banner-content ul {
  padding-left: 0;
  margin-bottom: 0;
}

.page-banner-content ul li {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #111111;
}

.page-banner-content ul li a {
  text-decoration: none;
  color: #038137;
}

.page-banner-content ul li::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 13px;
  right: 1px;
  top: 12px;
  background-color: #111111;
}

.page-banner-content ul li:last-child {
  padding-right: 0;
}

.page-banner-content ul li:last-child::before {
  display: none;
}

.page-banner-img {
  text-align: right;
}

/*
Contact Area Style
======================================================*/
.contact-area .contact-form {
  margin: auto;
}

.contact-area .contact-form .form-group {
  margin-bottom: 25px;
}

.contact-area .contact-form .form-group label {
  margin-bottom: 7px;
}

.contact-area .contact-form .list-unstyled {
  color: #e60808;
  margin-top: 7px;
}

.contact-area .contact-form .text-danger {
  color: #038137;
  font-size: 16px;
  margin-top: 7px;
}

.map-area {
  overflow: hidden;
}

.map-area iframe {
  height: 500px;
  width: 100%;
  margin-bottom: -10px;
}

/*
Error Area Style
======================================================*/
.error-area {
  text-align: center;
}

.error-area .top-content {
  margin-bottom: 20px;
}

.error-area .top-content ul {
  padding-left: 0;
  margin-bottom: 0;
}

.error-area .top-content ul li {
  font-size: 200px;
  font-weight: 700;
  display: inline-block;
  line-height: 1;
  margin-right: 30px;
  color: #038137;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
}

.error-area .top-content ul li:first-child {
  color: #111111;
  -webkit-animation: movebounce 7s linear infinite;
  animation: movebounce 7s linear infinite;
}

.error-area .top-content ul li:last-child {
  color: #666666;
  -webkit-animation: movebounce 9s linear infinite;
  animation: movebounce 9s linear infinite;
}

.error-area h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.error-area p {
  margin-bottom: 30px;
}

/*
Login Area Style
======================================================*/
.login {
  max-width: 860px;
  margin: auto;
  padding: 50px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}

.login h3 {
  font-size: 24px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
  position: relative;
}

.login h3::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 70px;
  background-color: #038137;
  top: 43px;
}

.login .form-group {
  margin-bottom: 20px;
}

.login .form-check {
  margin-bottom: 30px;
}

.login .form-check .form-check-input:checked {
  background-color: #038137;
}

.login .form-check .form-check-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.login .default-btn {
  padding: 15px 40px;
  margin-bottom: 20px;
}

.login a {
  display: inherit;
  color: #666666;
  font-weight: 500;
}

/*
Register Area Style
======================================================*/
.register {
  max-width: 860px;
  margin: auto;
  padding: 50px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}

.register h3 {
  font-size: 24px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
  position: relative;
}

.register h3::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 70px;
  background-color: #038137;
  top: 43px;
}

.register .form-group {
  margin-bottom: 20px;
}

.register .default-btn {
  padding: 15px 40px;
  margin-top: 20px;
}

/*
Password Area Style
======================================================*/
.password {
  max-width: 650px;
  margin: auto;
  padding: 50px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.password h3 {
  font-size: 24px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
  position: relative;
}

.password h3::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 70px;
  background-color: #038137;
  top: 43px;
}

.password .form-group {
  margin-bottom: 20px;
}

.password .default-btn {
  width: 100%;
}

/*
Privacy Policy Style
======================================================*/
.privacy-content {
  margin-bottom: 10px;
}

.privacy-content h2 {
  font-size: 36px;
  margin-bottom: 10px;
}

.privacy-content h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.privacy-content p {
  margin-bottom: 25px;
}

.privacy-content .list ul {
  margin-bottom: 20px;
  padding-left: 0;
}

.privacy-content .list ul li {
  font-weight: 600;
  color: #111111;
  position: relative;
  padding-left: 20px;
  list-style-type: none;
  padding-bottom: 15px;
}

.privacy-content .list ul li i {
  position: absolute;
  left: 0;
  color: #038137;
}

/*
Terms & Condition Style
======================================================*/
.condition-content {
  margin-bottom: 10px;
}

.condition-content h2 {
  font-size: 36px;
  margin-bottom: 30px;
}

.condition-content h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.condition-content p {
  margin-bottom: 25px;
}

.condition-content .list ul {
  margin-bottom: 20px;
  padding-left: 0;
}

.condition-content .list ul li {
  font-weight: 600;
  color: #111111;
  position: relative;
  padding-left: 20px;
  list-style-type: none;
  padding-bottom: 15px;
}

.condition-content .list ul li i {
  position: absolute;
  left: 0;
  color: #038137;
}

/*
Coming Soon Style
======================================================*/
.coming-soon-area {
  background-image: url(../images/coming-soon-img.jpg);
  background-size: cover;
  background-position: center center;
  height: 100vh;
  vertical-align: middle;
  position: relative;
}

.coming-soon-area::before {
  position: absolute;
  content: "";
  background: rgba(37, 171, 68, 0.25);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.coming-soon-area .coming-soon {
  text-align: center;
  max-width: 720px;
  margin: auto;
  background-color: #000000;
  padding: 40px;
  border-radius: 40px 10px 40px 10px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  z-index: 1;
  position: relative;
}

.coming-soon-area .coming-soon img {
  margin-bottom: 20px;
}

.coming-soon-area .coming-soon h1 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #ffffff;
}

.coming-soon-area .coming-soon .list ul {
  margin-bottom: 0;
  padding-left: 0;
}

.coming-soon-area .coming-soon .list ul li {
  margin: 0 20px;
  font-size: 36px;
  font-weight: 700;
  height: 100px;
  width: 100px;
  border: 6px double #038137;
  border-radius: 50px 50px 0px 0px;
  margin-bottom: 30px;
  color: #ffffff;
}

.coming-soon-area .coming-soon .list ul li span {
  font-size: 15px;
  font-weight: 500;
  color: #038137;
}

.coming-soon-area .coming-soon .newsletter-form {
  position: relative;
}

.coming-soon-area .coming-soon .newsletter-form .form-control {
  border-radius: 30px;
  height: 53px;
  background-color: #0e0e0e;
  color: #ffffff;
}

.coming-soon-area .coming-soon .newsletter-form .form-control::-webkit-input-placeholder {
  color: #ffffff;
}

.coming-soon-area .coming-soon .newsletter-form .form-control:-ms-input-placeholder {
  color: #ffffff;
}

.coming-soon-area .coming-soon .newsletter-form .form-control::-ms-input-placeholder {
  color: #ffffff;
}

.coming-soon-area .coming-soon .newsletter-form .form-control::placeholder {
  color: #ffffff;
}

.coming-soon-area .coming-soon .newsletter-form .default-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.coming-soon-area .coming-soon .newsletter-form .validation-danger {
  color: #e60808;
  padding-top: 7px;
}

/*
Go To Top Style
======================================================*/
.go-top {
  position: fixed;
  cursor: pointer;
  top: 87%;
  right: -10%;
  background-color: #038137;
  z-index: 4;
  width: 50px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 26px;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  z-index: -1;
  background-color: #038137;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top:hover {
  color: #ffffff;
  background: #111111;
}

.go-top:hover::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i {
  color: #ffffff;
}

.go-top:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top:focus {
  color: #ffffff;
}

.go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top.active {
  -webkit-transform: translateY(-95%);
  transform: translateY(-95%);
  opacity: 1;
  visibility: visible;
  right: 3%;
  top: 93%;
}

/*
Tabs Style
======================================================*/
.meetdoctor-tabs .nav-tabs {
  border-width: 2px;
}

.meetdoctor-tabs .nav-tabs .nav-link {
  font-size: 16px;
  color: #666666;
  margin-bottom: -2px;
}

.meetdoctor-tabs .nav-tabs .nav-link:hover {
  border-color: transparent;
  color: #038137;
}

.meetdoctor-tabs .nav-tabs .nav-link.active {
  color: #038137;
  border-color: #ffffff #ffffff #038137;
  border-width: 2px;
}

.meetdoctor-tabs .nav-tabs .nav-link:focus {
  color: #038137;
}

.portfolio-details-area p {
  margin-bottom: 0;
}
/*# sourceMappingURL=style.css.map */

/*marquee css start*/
.marqueebar {
  background-color: #e6e6e6;
  padding: 0px 10px 4px 0px;
  position: relative;
  line-height: 33px;
}
.updates_heading {
  color: #000000;
  line-height: 28px;
  padding: 4px 48px;
  text-align: center;
  font-weight: bold;
  position: absolute;
  margin-top: 7px;
  background-image: url(../../assets/images/cross.png);
  background-repeat: no-repeat;
}
.marqueebar marquee {
  margin-top: 10px;
  margin-bottom: -10px;
  margin-left: 150px;
  color: #000000;
}
.latest-updates-scroller {
  background: var(--off-white) 0% 0% no-repeat padding-box;
  background: #E6E6E6 0% 0% no-repeat padding-box;
  opacity: 1;
}
.update-label {
  color: #000000;
  text-align: left;
  font-family: "DIN 2014";
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;
  position: relative;
}
.update-label:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border-left: 14px solid rgba(0,0,0,0);
  border-top: 20px solid rgba(0,0,0,0);
  border-right: 20px solid rgb(230 230 230);
  border-bottom: 15px solid rgb(230 230 230);
}
/*marquee css close*/

/*override css start*/
.tob-header-area {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.heder-left-content,
.heder-left-content a,
.heder-right-content a {
  color: #ffffff;
  line-height: 40px;
}
.heder-left-content p {
  line-height: 1.5;
}
.pl-0 {
  padding-left: 0 !important;
}
.heder-left-content ul li {
  padding-left: 20px;
  line-height: 42px;
}
.tob-header-area::before {
  width: 100%;
  clip-path: none;
}
.heder-left-content ul li::before {
  display: none;
}
.heder-left-content ul li {
  padding-left: 0;
}
.heder-left-content ul li i {
  position: relative;
  padding-right: 6px;
}
.heder-right-content ul li {
  padding-left: 10px;
  margin-right: 10px;
}
.heder-right-content ul li.social_icons {
  padding-left: 4px;
  margin-right: 4px;
}
.heder-right-content ul li.social_icons a:hover {
  color: #efb14e !important;
}
.heder-right-content ul li.social_icons a i {
  font-size: 16px;
}
.heder-right-content ul li.social_icons a.nav-link {
  padding: 0px 2px;
}
.heder-right-content ul li i {
  position: relative;
}
@media only screen and (max-width: 1500px) {
  .navbar-area .navbar-brand {
    width: 500px;
  }
}

.fran-reg-btn {
  position: absolute;
  width: auto;
  left: 75%;
  bottom: 3%;
  padding: 0.2rem 1rem;
  border-radius: 10px;
  background-color: #ffffff;
  font-weight: 700;
  font-size: 1.5rem;
  color: #000;
}

.desktop-nav .navbar .navbar-nav .nav-item a {
  font-size: 15px;
}
.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
  top: -2px;
}
.footer-area.whitebg {
  background-color: #ffffff;
}
.quick-link h3,
.helpful-link h3,
.logo-area h3 {
  color: #000000;
  margin-bottom: 12px;
}
.quick-link ul li p,
.helpful-link ul li,
.helpful-link ul li a {
  color: #000000;
}
.quick-link ul li {
  margin-bottom: 4px;
}
.social-content ul,
ul.inlinelinks {
  padding: 0px;
  margin: 0px;
}
.social-content ul,
ul.inlinelinks,
.social-content ul li,
ul.inlinelinks li {
  list-style-type: none;
}
.social-content ul li {
  display: inline;
  padding: 4px 10px;
}
ul.inlinelinks li {
  display: inline-block;
}
/*override css close*/

/* Color for table in faq */
table.table.table-striped tr.headerrow td {
  --bs-table-accent-bg: #28a745 !important;
}

/* Fill Details */
.form-section {
  /* padding: 40px 10px; */
  background: #038137 0% 0% no-repeat padding-box;
}
.normal-heading h3 {
  text-align: center;
  font: normal normal bold 20px/30px Montserrat;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  opacity: 1;
}
.btn-custom {
  background: #ffcd29;
  border-radius: 10px;
  font-family: Montserrat;
  font-size: 17px !important;
  font-weight: bold;
  opacity: 1;
  padding: 7px 30px;
  text-transform: uppercase;

  border: none;
  outline: none;
  vertical-align: center;
}
.form-section {
  font-size: 13px;
  color: #fff;
  font-family: "Montserrat";
  border-bottom: 10px solid #04cf58;
}
/* First Choice */
.facilities {
  padding: 60px 20px;
  background: url(../images/pallavi_school/Fac-Pattern-BG.png);
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
}
.main-heading2 {
  color: #ffffff;
  text-align: center;
  font-family: Montserrat;
  /* font-size: 32px; */
  /* margin-bottom: 0; */
  /* line-height: 32px; */
  font-weight: 600;
  letter-spacing: -0.32px;
}
.deve_icon_name {
  /* margin-top: 22px; */
  padding: 0px 10px;
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  font-family: Montserrat;
}

.development_choice img {
  width: 80px;
  margin: auto 10px;

  height: 80px;
}
@media (max-width: 480px) {
  .development_choice img {
    margin: auto 10px;
    width: 60px;
    height: 60px;
  }
}
.development_choice {
  margin-top: 10px;
}

/* Modal Css */
.modal-content button.modal-close {
  position: absolute;
  right: -24px;
  top: -26px;
  background: #ffff;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  /* padding: 10px; */
  opacity: 1;
  /* box-shadow: inset 2px 2px 14px 2px #2f383394; */
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
}
.modal-content input,
.modal-content select,
.modal-content textarea {
  border-radius: 15px;
  font-family: "DIN 2014";
  letter-spacing: 1.4px;
}
.separator {
  width: 110px;
  height: 5px;
  background: #038137 0% 0% no-repeat padding-box;
  border-right: 20px solid #ffcd29;
  border-radius: 50px;
}

#popup-ttt {
  padding: 1rem 3rem;
}
input#popup-submit {
  background-color: #ffcd29;
  border-color: #ffcd29;
  color: #000;
  font-weight: bold;
  padding-left: 30px !important;
  padding-right: 30px !important;
  border-radius: 12px !important;
  font-size: 18px !important;
}

.upcoming-events {
  background: #007dbf 0% 0% no-repeat padding-box;
  border-radius: 16px;
  opacity: 1;
  color: #fff;
  padding: 30px 30px 50px;
}
.event-info {
  padding: 30px 10px 20px;
  border-bottom: 1px dashed #fff;
}
.event-info p {
  font-family: "DIN 2014";
  color: #ffffff;
  margin: 0;
}

.event-info h5 {
  font-family: "DIN 2014";
  font-weight: 600;
  margin-bottom: 0;
  color: #ffffff;
}
.accoldaes-info-img img {
  max-width: 120px;
}
.accoldaes-info {
  padding: 20px;
}
.accoldaes-info h4 {
  font-family: "DIN 2014";
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
}
.accoldaes-info span {
  font-family: "DIN 2014";
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
}

/* Testimonial Class */
/* .testimonials-sec {
  padding: 40px 10px 30px;
} */

.testimonials-sec {
  min-height: 400px;
  background: transparent url("../images/pallavi_school/Testimonials.jpg") 0% 0% repeat padding-box;
  opacity: 1;
}
.testimonial-slider-new {
  position: relative !important;
  margin: 40px 0;
}
.testimonial-slider-new .slider-item {
  padding: 30px 30px;
  border-radius: 20px;
}
.slider-content {
  text-align: left;
  font-size: 15px;
  font-family: "DIN 2014";
  line-height: 25px;
  font-weight: 600;
  text-align: justify;
  color: #000000;
  opacity: 1;
}
.signature {
  text-align: right;
  font: normal normal bold 20px/27px "DIN 2014";
  letter-spacing: 0.19px;
  color: #007dbf;
  opacity: 1;
}

.testimonial-slider-new {
  position: relative;
}

.testimonial-slider-new.owl-theme .owl-nav [class*="owl-"] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -100px;
  background-color: #ffffff;
  border: 1px solid #038137;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 24px;
}

.testimonial-slider-new.owl-theme .owl-nav [class*="owl-"] i {
  position: relative;
  top: -1px;
  left: -1px;
}

.testimonial-slider-new.owl-theme .owl-nav [class*="owl-"].owl-next {
  right: -100px;
  left: auto;
}

.testimonial-slider-new.owl-theme .owl-nav [class*="owl-"].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -1px;
}

.testimonial-slider-new.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: #038137;
  color: #ffffff;
  border: 1px solid #038137;
}
.slider-container:before {
  content: "‘‘";
  font-family: Arial;
  font-size: 100px !important;
  text-align: left;
  position: absolute;
  top: 0px !important;
  left: 0px;
  letter-spacing: -8px !important;
  color: #4aa00d;
  line-height: 1;
}

/* Mission and Vision */
.icon-box-wrapper .box-icon {
  height: 62px;
  width: 52px;
  float: left;
  text-align: center;
}
.icon-box-wrapper img {
  height: auto;
}
.icon-box-wrapper .box-content {
  width: calc(100% - 52px);
  float: left;
  padding: 0 28px;
}

/* Our Approach */
.thim-sc-text-box.style-3 {
  transition: all 0.2s ease-in-out 0s;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  padding: 58px 94px 60px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 16px;
}


/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 560px;
  background-color: #428bca;
  color: #FFFFFF;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}



/* About Us Section */
.about-us {
  background: #fff;
  padding: 60px 0 0px;
}
.about-us .about-text h2 {
  font-size: 30px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}
.about-us .about-text p {
  margin-bottom: 15px;
  font-size: 14px;
}
.about-us .about-text h2:before {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 60px;
  height: 2px;
  content: "";
  background: rgba(0, 177, 106, 0.8) !important;
}
.single-image.overlay.home-bg {
  background-image: url(../images/Video-thumbnail.jpg) !important;
  min-height: 400px;
  background-size: cover;
  max-width: 400px;
  background-position: center top;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
.about-us .single-image {
  position: relative;
}
.about-us .container  .single-image.overlay:before {
  opacity: 0.5 !important;
}
.overlay::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: #000;
  content: "";
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.about-us .single-image:before {
  opacity: 0;
  visibility: hidden;
}
.about-us .single-image .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  line-height: 70px;
  background: #fff;
  color: #252525;
  padding: 0;
  font-size: 26px;
  border-radius: 100%;
  margin: -35px 0 0 -35px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.about-us .single-image .btn:hover {
  color: #fff;
}
.about-us .single-image .btn:hover {
  background: rgba(0, 177, 106, 0.8);
}
.learnedu-sidebar {
  margin-top: 30px;
  border-left: 1px solid #e6e6e6;
  padding-left: 30px;
}
.learnedu-sidebar .single-widget {
  margin-top: 30px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  padding: 15px;
}
.enroll .single-skill {
  text-align: center;
  margin-top: 30px;
}
.enroll .single-skill .circle {
  position: relative;
}
.enroll .single-skill .circle strong {
  position: absolute;
  font-size: 25px;
  font-weight: 700;
  color: #000;
  left: 50%;
  top: 50%;
  margin: -14px 0 0 -26px;
}

/*Our Branches Section*/
section.courses.section-bg.section {
  padding: 0px 0px 30px 0px !important;
}
.section-bg {
  background-image: url('../images/section-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-position: top;
}
.section-title {
  text-align: center;
  margin-bottom: 40px;
  padding: 0 120px;
}
.section-title h2 {
  font-size: 38px;
  text-transform: capitalize;
  padding-bottom: 12px;
  position: relative;
  margin-bottom: 18px;
}
.section-title h2::before {
  position: absolute;
  left: 50%;
  content: "";
  width: 100px;
  height: 2px;
  background: #666;
  bottom: -1px;
  margin-left: -50px;
}
.section-title h2::after {
  position: absolute;
  left: 50%;
  content: "";
  width: 100px;
  height: 2px;
  background: #666;
  bottom: -6px;
  margin-left: -63px;
}
.courses .course-slider {
  margin-top: 30px;
}
.courses .course-slider {
  margin-top: 30px;
}
.courses .single-course {
  margin-top: 30px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 5px;
}
.courses .course-head {
  position: relative;
  overflow: hidden;
}
.overlay {
  position: relative;
}
.courses .course-head::before {
  opacity: 0;
  visibility: hidden;
  background: #252525;
  z-index: 5;
}
.courses .single-course:hover .course-head:before {
  opacity: 0.5;
  visibility: visible;
}
.overlay::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: #000;
  content: "";
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.courses .course-head a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 100%;
  line-height: 50px;
  padding: 0;
  margin: -25px 0 0 -25px;
  color: #fff;
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  transform: scale(3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 10;
  background: rgba(0, 177, 106, 0.8);
}
.courses .single-content {
  padding: 15px !important;
}
.branch-head-social {
  display: flex;
}
.branch-head-social {
  display: flex;
}
.courses .single-course h4 {
  font-size: 15px;
}
.courses .single-course:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
}
.courses .single-course:hover .btn {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.courses .single-course .btn:hover {
  background: #fff;
  color: green;
}
.branch-head-social h4 {
  width: 65%;
}
.courses .single-course h4 a {
  color: #252525;
}
.courses .single-course h4 span {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #00B16A;
}
.courses .course-meta {
  background: #fff;
  overflow: hidden;
  padding-top: 10px;
  /* padding: 10px 25px; */
  border-top: 1px solid #e7e7e7;
}
.courses .course-meta .meta-left {
  float: left;
}
.courses .meta-left span {
  display: inline-block;
  color: #a3a3a3;
  font-size: 14px;
  margin-right: 15px;
}
.courses .meta-left span:last-child {
  margin-right: 0px;
}
.courses .course-meta .price {
  display: block;
  float: right;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  padding: 0 15px;
  font-weight: 700;
  background: rgba(0, 177, 106, 0.8);
}
.courses .meta-left span {
  display: inline-block;
  color: #a3a3a3;
  font-size: 14px;
  margin-right: 15px;
}
.courses .course-meta .meta-left i {
  color: #fff;
  margin-right: 10px;
}
.meta-left a{
  color: green;
  font-size: 14px;
}
a.dark {
  color: #fff;
}
.branch-head-social .socila-icons.inline {
  width: 35%;
}
.branch-head-social .socila-icons.inline li {
  color: green;
  padding: 2px;
  display: inline-block;
}
.branch-head-social .socila-icons.inline li i {
  color : green;
  font-size: 14px;
}
ul, ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.courses:hover .owl-nav {
  opacity: 1;
  visibility: visible;
}
.courses .owl-nav {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0;
}
.courses .owl-carousel .owl-nav .owl-prev {
  left: -75px;
}
.courses .owl-carousel .owl-nav .owl-next {
  right: -75px;
}
.courses .owl-carousel .owl-nav div {
  height: 48px;
  width: 48px;
  line-height: 48px;
  top: 50%;
  background: #666;
  color: #fff;
  font-size: 25px;
  position: absolute;
  border: none;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 100%;
  margin-top: -24px;
}
.courses:hover .owl-nav {
  opacity: 1;
  visibility: visible;
}
.courses .owl-nav {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0;
}
.courses .owl-stage {
  display: flex;
  padding-bottom: 8px;
}
.courses .owl-stage .owl-item .single-course {
  height: 100% !important;
}
::-webkit-scrollbar {
  width: 0px;
}
/*Sitemap*/
.sitemap-heading a {
  color:rgb(35,178,173) !important;
  font-size:30px;
  font-family: Roboto;
  font-weight:400;
  letter-spacing: 0.3px;
  line-height: 48px;
}
.sitemap-list ul li a {
  color: rgb(74,160,13);
  font-size: 16px;
  font-family: Roboto;
  cursor: pointer;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 24px;
}
i.fa.fa-angle-double-right {
  padding: 10px 7px 10px 2px;
  font-size: 19px;
  font-weight: 500;
}
.page-banner.bg-sitemap {
  background-image: url(../images/pallavi_school/sitemapbg.jpg);
  box-shadow: inset 0 0 0 2000px rgb(255, 255, 255, 0.3);
}

/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* Beyond the classroom*/
/* .beyond-classroom .beyond-classroom-cont {
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.25) !important;
}  */
.beyond-classroom .nav {
  width:40% !important;
} 
.beyond-classroom .tab-content {
  width:60% !important;
  font-size: 0.8rem;
  line-height: rem;
} 
.beyond-classroom .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #038137 !important;
  color: #ffffff !important;
}
.beyond-classroom .nav-link {
  color: #222222 !important;
  font-size: 1.1rem;
}

/*Overview New tabs page*/
.overview .nav {
  width:100% !important;
} 
.overview .tab-content {
  width:100% !important;
  font-size: 0.8rem;
  line-height: rem;
} 
.overview .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #038137 !important;
  color: #ffffff !important;
}
.overview .nav-link {
  color: #222222 !important;
  font-size: 1.1rem;
}

/*Talktime and Circletime*/
.talktime-cont .nav-tabs {
  border: none;
  background-color: #038137 !important;
  color: #ffffff !important;
}
.talktime-cont .nav-tabs button.nav-link {
  flex-grow: 1;
  border: none;
  color: rgba(255, 255, 255, 0.2);
}
.talktime-cont .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #fff !important;
  background-color: #038137 !important;
}
.talktime-cont .nav-tabs button.nav-link:active {
  border: none;
}
.talktime-cont .nav-tabs .nav-link {
  margin-bottom : 0
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 200px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  backface-visibility:hidden;
}

.down-tab-flip-card {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  animation-name: rotate-butterfly-front;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
/* .flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
} */

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  -moz-backface-visibility: hidden; /* Firefox */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  color: black;
  transform: rotateX(0deg)
}

/* Style the back side */
.flip-card-back {
  color: white;
  transform: rotateX(0deg);
  transform: rotateY(180deg);
}

@keyframes rotate-butterfly-front {
  /* 0% {
    transform:rotateY(0deg)
  }
  5% {
    transform:rotateY(180deg)
  }
  5%,95% {
    transform:rotateY(180deg)
  }
  100% {
    transform:rotateY(360deg)
  } */


  0%,20% {
    transform:rotateY(0deg)
  }
  /* Animation is paused/delayed between 50% and 100% */
  50%,80% {
    transform:rotateY(180deg)
  }

  100% {
    transform:rotateY(0deg)
  }
 
}

/*Acdemic Programmes*/
.cbacdmicprogrbg {
  background-image: url(/assets/images/cbseacadpgbg.svg);
  max-width: 100%;
  max-height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.acadmicolr {
  background: #ffe3d8;
}
.btnview{
  width: 100%;
  border-radius: 25px;
  color: #235055;
  border: 1px solid #F39F8B;
}
.btnborder{
  border: 1px solid #E58E3E;
}
.btnenquiry {
  margin: 6px 6px;
  background-color: #155b2e;
  color: #fff;
  font-size: 18px;
  padding: 10px 26px;
  font-weight: 500;
  width: 220px;
}
.btnenapplyupdate {
  background: #235055;
  color: #fff;
  font-size: 18px;
  padding: 10px 26px;
  font-weight: 500;
  width: 220px;
}

/*Early Years Modal*/
.modelradus{
  border-radius: 20px;
}
.btnmodel{
  margin-top: -17px;
  margin-right: -21px;
  background: transparent;
  border: none;
  float: right;
  backface-visibility: hidden;
}
.btnimg{
  width: 30px;
}
.headerdiv{
  margin-top: -15px;
  border: none !important;
  padding: 0px !important;
}
.headerimg{
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 70px
}
.btnmodelapply{
  width: 130px;
  padding: 5px 15px;
  background: #EA760B;
  color: #FFFFFF;
  font-size: 14px;
}
.skills li::before {
  content: "\2022";
  color: #155B2E;
  font-weight: bold;
  display: inline-block;
  width: 1rem;
  font-size: 21px;
  margin-right: 6px;
}
.skills{
  list-style: none;
  text-align: start;
}
.adventurebg{
  background-image: url('/assets/images/adventure.svg');
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 100%;
  max-height: 100%;
  padding: 29px 30px;
}
.adventurebg p{
  margin-bottom: 0;
}
.textgreen{
  color: #155B2E;
}
.applybtn{
  color: white;
  display: block;
  padding: 0.5rem 1.5rem;    
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  font-size: 13px;
  background-color: #EA760B;
  border-radius: 4px;
}
.custom-badge {
  white-space:nowrap;
  border-radius: 20px;
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 8px 16px;
  color: white;
}
.badge-1 {
  background-color: #5B1647;
}
.badge-2 {
  background-color: #93073E;
}
.badge-3 {
  background-color: #C90035;
}
.badge-4 {
  background-color: #FF5627;
}
.badge-5 {
  background-color: #FFC400;
}
.badge-6 {
  background-color: #00405C;
}
.badge-7 {
  background-color: #40CF9F;
}
li.primary-modal-list-item {
  list-style: circle;
}

.board_text {
            position: absolute;
            top: 17px;
            left: 50%;
            transform: translateX(-50%);
        }


@media only screen and (max-width: 768px) {   
  .adventurebg{
      background-size: cover;
      padding: 12px 13px;
  }
}

/*header marquee*/
.header-notification-container {
  /* position: absolute;
  bottom: -42px; */
  color: #ea760b;
  z-index: 10;
  left: 0;
  overflow: hidden;
}

.notification-background {
  position: absolute;
  background: #fcebdb;
  background: #fcebdb;
  height: 100%;
  width: 100%;
  opacity: 0.9;
  top: 0;
  right: 0;
  /* z-index: -1; */
}
.marquee {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /* position: absolute; */
}

.marquee div {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 20s linear infinite;
}
.marquee div:hover {
  animation-play-state: paused;
  cursor: pointer;
}
.form-crad{
  background-color: #f1f1f1;
  margin-bottom: 1rem;
  border-radius: 15px;
}
.card-bod{
  padding: 10px;
}