/* :root {
  --greencolor: #018a95;
  --darkgreencolor: #30a683;
  --lightgreencolor: #97f8e5;
  --greenfilter: invert(28%) sepia(16%) saturate(3305%) hue-rotate(142deg)
    brightness(91%) contrast(97%);
  --greenrgb: rgb(1 138 149 / 90%);
  --lightgreenrgb: rgb(1 138 149 / 80%);
  --btn2color: #343434;
  --lightbluecolor: #3086c11f;
  --inputbg: #44c09b1f;
} */

body {
  color: var(--btn2color);
  background-color: white;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

a {
  text-decoration: none;
  color: var(--btn2color);
}

.badge-success {
  background-color: var(--greencolor);
}

.web-clr {
  color: var(--greencolor);
}

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

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

.stars svg {
  color: #f4c150;
}

/* Buttons CSS */

.btn.btn-lg {
  font-size: 16px;
  padding: 14px 20px 15px;
}

.web-btn3,
.web-btn3:hover,
.web-btn3:active {
  background-color: var(--inputbg);
  border-color: #ddd;
  font-size: 14px;
  border-radius: 10px;
  line-height: 20px;
  padding: 10px 20px;
  font-weight: 500;
}

.link-btn {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  background: none;
  border: none;
  color: var(--greencolor);
  border-bottom: 1px solid var(--greencolor);
  border-radius: 0;
  padding: 0px;
}

.link-btn:hover {
  color: var(--btn2color);
  border-color: var(--btn2color);
}

/* Form CSS */
form label {
  margin-bottom: 5px;
}

.form-group {
  margin-bottom: 10px;
}

.form-select {
  background-position: right 20px center;
}

.form-control,
.form-control:focus {
  box-shadow: none !important;
  padding: 12px 20px;
  height: auto;
  background-color: var(--inputbg);
  border-radius: 5px;
  border: none;
  color: var(--btn2color);
  font-size: 14px;
}

.form-control::placeholder {
  color: var(--btn2color);
}

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px var(--inputbg) inset !important;
}

.input-group .btn {
  border-radius: 5px;
}

/* Owl Carousel Buttons */

.owl-nav button {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 40px;
  height: 40px;
  box-shadow: 1px 6px 14px rgb(0 0 0 / 20%);
  border-radius: 50px;
  background: #fff !important;
  transition: all 0.3s 0s linear;
}

.owl-nav button:hover {
  background: var(--greencolor) !important;
  color: white !important;
}

.owl-nav button span {
  font-size: 30px;
  width: 40px;
  height: 40px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 7px;
}

.owl-nav button.owl-prev {
  left: -20px;
}

.owl-nav button.owl-next {
  right: -20px;
}

/* Web-h */
.web-h {
  margin-bottom: 30px;
}

.web-h h1,
.web-h h2 {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  margin-bottom: 0px;
}

.web-h p {
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0px 0px;
  font-weight: 500;
}

.web-h-w-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.web-h-w-btn div {
  width: 80%;
}

/*PRODUCT BOX WORK START*/

.pharmacy-product-box {
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.pharmacy-product-box .alert {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  font-size: 10px;
  padding: 5px 8px;
  background: var(--lightgreencolor);
  border: none;
  color: var(--btn2color);
}

.pharmacy-product-box .product-img {
  width: 150px !important;
  height: 150px;
  object-fit: contain;
  margin: 15px auto;
  display: block;
  transition: all 0.3s 0s linear;
}

.pharmacy-product-box:hover .product-img {
  transform: scale(1.05, 1.05);
}

.pharmacy-product-box .vendor-logo {
  width: 60px !important;
  height: 40px;
  object-fit: contain;
  padding: 3px;
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  border: 1px solid #ddd;
  background-color: white;
  border-radius: 5px;
}

.pharmacy-product-box .box-content {
  background-color: var(--greybg);
  padding: 20px;
}

.pharmacy-product-box .title {
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.pharmacy-product-box p {
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.pharmacy-product-box .price {
  font-weight: bold;
  margin: 0px 0px 10px;
}

.pharmacy-product-box .price small {
  opacity: 0.8;
  font-size: 12px;
}

@media (max-width: 768px) {
  .pharmacy-product-box .product-img {
    width: 100px !important;
    height: 100px;
    margin: 35px auto 15px;
  }

  .pharmacy-product-box .vendor-logo {
    width: 50px !important;
    height: 35px;
    padding: 3px;
    top: 5px;
    right: 5px;
  }

  .pharmacy-product-box .title {
    font-size: 14px;
    margin: 0 0 5px;
  }

  .pharmacy-product-box .box-content {
    padding: 15px;
  }

  .link-btn {
    font-size: 12px;
    line-height: 18px;
  }
}

/*PRODUCT BOX WORK END*/

/*Breadcrumb work start*/
.breadcrumb {
  padding: 20px 0px;
  font-size: 14px;
  background: transparent;
  border-radius: 0;
}

/*Breadcrumb work end*/

/*Custom Checkbox Work Start*/
.custom-checkbox {
  position: relative;
}

.custom-checkbox input {
  opacity: 0;
  position: absolute;
}

.custom-checkbox label {
  margin: 0;
  position: relative;
  display: block;
  padding: 0px 0px 0px 30px;
  cursor: pointer;
}

.custom-checkbox label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #adadad;
  background-color: var(--inputbg);
  border-radius: 5px;
}

.custom-checkbox label::after {
  content: "";
  position: absolute;
  background: url("https://www.secondmedic.com/utility/icons/check.webp") center
    no-repeat;
  background-size: 10px;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0px;
  opacity: 0;
  filter: invert(1);
}

.custom-checkbox input:checked ~ label::before {
  background-color: var(--greencolor);
  border-color: var(--greencolor);
}

.custom-checkbox input:checked ~ label::after {
  opacity: 1;
}

/*Custom Checkbox Work End*/

/*WEB OVERFLOW WORK START*/
.web-overflow {
  overflow: auto;
}

.web-overflow::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.web-overflow::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
}

.web-overflow::-webkit-scrollbar-thumb {
  background-color: var(--greencolor);
  border-radius: 0px;
}

/*WEB OVERFLOW WORK END*/

/*WEB MODAL WORK START*/
.web-modal .modal-header .btn-close {
  filter: var(--greenfilter);
  opacity: 1;
  box-shadow: none;
}

.web-modal .modal-header {
  align-items: center;
  position: relative;
}

.web-modal .modal-body.web-overflow {
  height: 70vh;
}

.web-modal .modal-title {
  font-weight: bold;
  font-size: 16px;
}

.web-modal .close {
  font-weight: bold;
  color: var(--greencolor);
  font-size: 30px;
  line-height: 13px;
  opacity: 1 !important;
  padding: 0;
  position: absolute;
  margin: 0;
  right: 15px;
  top: 42%;
  transform: translate(0, -50%);
}

@media (max-width: 768px) {
  .web-modal .modal-title {
    font-size: 14px;
  }
}

/*WEB MODAL WORK END*/

/*INTRO SECTION WORK START*/
.intro-text {
  text-align: justify;
}

.intro-text h1,
.intro-text h2,
.intro-text h3,
.intro-text h4 {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}

.intro-text hr {
  border-color: #adadad !important;
  margin: 0px;
  opacity: 1;
}

/*INTRO SECTION WORK END*/

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1240px;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 12px;
    line-height: 18px;
  }

  .pt-40 {
    padding-top: 20px;
  }

  .pb-40 {
    padding-bottom: 20px;
  }

  .web-h {
    text-align: center;
    margin-bottom: 20px;
  }

  .web-h h1,
  .web-h h2 {
    font-size: 18px;
    line-height: 24px;
  }

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

  .web-h-w-btn {
    display: block;
  }

  .web-h-w-btn div {
    width: 100%;
  }

  .web-h-w-btn .btn {
    margin-top: 5px;
  }

  .web-btn3 {
    padding: 9px 15px 10px;
  }

  .btn.btn-lg {
    padding: 12px 15px 13px;
  }

  .breadcrumb {
    padding: 10px 0px 0px;
    font-size: 12px;
    justify-content: center;
  }

  .intro-text h1,
  .intro-text h2,
  .intro-text h3,
  .intro-text h4 {
    font-size: 14px;
    line-height: 20px;
  }
}

.header {
  background-color: white;
  transition: all 0.3s 0s linear;
}

.header.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  animation: fadefix 0.3s 0s 1 linear;
  z-index: 1000;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

.header.fixed .bottom-header {
  height: 0px;
  overflow: hidden;
}

@keyframes fadefix {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* HEADER WORK START */
/* .header .top-header {
padding: 10px 0px;
border-bottom: 1px solid #ddd;
background-color: white;
}

.header .top-header .navbar-brand {
padding: 0px;
}

.header .top-header .logo {
height: 45px;
width: 158px;
margin: 0px;
object-fit: contain;
object-position: left;
}

.header .top-header .navbar-nav .nav-link {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
color: var(--btn2color);
padding: 5px 20px;
transition: all 0.3s 0s linear;
}

.header .top-header .navbar-nav .nav-link:hover,
.header .top-header .navbar-nav .nav-link.active {
color: var(--greencolor);
}

.header .top-header .navbar-nav .nav-link .badge {
padding: 4px 5px;
position: relative;
margin-left: 3px;
letter-spacing: 0.3px;
font-size: 10px;
margin-top: -2px;
border-radius: 3px;
vertical-align: middle;
}

.header .top-header .navbar-nav .nav-link .badge span {
z-index: 1;
position: relative;
}

.header .top-header .navbar-nav .nav-link .badge::before,
.header .top-header .navbar-nav .nav-link .badge::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
border-radius: 2px;
background-color: var(--greencolor);
will-change: transform, opacity;
animation: badgefade 1.6s infinite;
}

.header .top-header .navbar-nav .nav-link .badge::after {
animation-delay: 0.2s;
}

@keyframes badgefade {
0% {
  transform: scale(1);
  opacity: 0.6;
}

70% {
  transform: scale(1.5);
  opacity: 0;
}

to {
  transform: scale(1);
  opacity: 0;
}
}

.header .top-header .web-btn {
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
font-weight: 700;
border-radius: 5px;
color: white;
}

.header .top-header .dropdown-menu {
border-radius: 5px;
margin-top: 10px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
padding: 10px 0px;
overflow: hidden;
}

.header .top-header .dropdown-menu a {
font-size: 12px;
line-height: 20px;
padding: 6px 20px 7px;
font-weight: 600;
text-transform: uppercase;
}

.header .top-header .dropdown-menu a:hover,
.header .top-header .dropdown-menu a:focus {
background: var(--greencolor);
color: white;
}

.header .middle-header {
padding: 10px 0px;
background-color: white;
}

.header .middle-header .searchbox {
position: relative;
}

.header .middle-header .searchicon {
position: relative;
}

.header .middle-header .searchicon:after {
content: "";
position: absolute;
width: 15px;
height: 15px;
right: 20px;
top: 50%;
transform: translate(0, -50%);
background: url("../images/search-icon.svg");
background-size: 100% 100%;
}

.header .middle-header .searchicon .close-btn {
right: 21px;
top: 50%;
transform: translate(0, -50%);
z-index: 1;
position: absolute;
padding: 0px;
background-color: #eee;
}

.header .middle-header .searchicon .close-btn i {
height: 12px;
margin-bottom: 1px;
position: relative;
top: unset;
transform: unset;
right: unset;
}

.header .middle-header .form-control {
background-color: #eee;
color: #393939;
border: none;
border-radius: 5px;
padding: 8.5px 45px 8.5px 20px !important;
height: auto;
font-size: 14px;
}

.header .middle-header .form-control::placeholder {
color: #393939;
}

.header .middle-header .cart-and-whatsapp {
margin: 0px 0px 0px 20px;
padding: 0px;
display: inline-flex;
align-items: center;
}

.header .middle-header .cart-and-whatsapp li {
list-style: none;
position: relative;
text-align: left;
}

.header .middle-header .cart-and-whatsapp li:first-child::after {
content: "";
position: absolute;
width: 2px;
height: 20px;
border-radius: 50px;
right: 0;
top: 50%;
transform: translate(0, -50%);
background-color: #ddd;
}

.header .middle-header .cart-and-whatsapp li a,
.header .middle-header .cart-and-whatsapp li a:hover {
display: flex;
align-items: center;
padding: 0px 25px;
color: var(--btn2color);
position: relative;
}

.header .middle-header .cart-and-whatsapp li a .badge {
width: 20px;
height: 20px;
position: absolute;
right: 13px;
top: -7px;
border-radius: 50px;
text-align: center;
line-height: 20px;
padding: 0;
font-size: 11px;
}

.header .middle-header .cart-and-whatsapp li a img {
width: 28px;
height: 28px;
object-fit: contain;
}

.header .middle-header .cart-and-whatsapp li a p {
margin: 0px 0px 3px 5px;
line-height: 16px;
font-weight: 600;
}

.header .middle-header .cart-and-whatsapp li a p small {
font-size: 12px;
font-weight: 600;
}

.header .middle-header .appstore-playstore img {
width: 28px;
height: 28px;
object-fit: contain;
margin-left: 10px;
}

.header .bottom-header {
height: auto;
background-color: #eee;
transition: all 0.3s 0s linear;
}

.header .bottom-header ul {
margin: 0px;
padding: 0px !important;
display: flex;
align-items: center;
justify-content: space-between;
}

.header .bottom-header ul li {
list-style: none;
}

.header .bottom-header ul li a {
color: var(--btn2color);
padding: 10px 15px 11px;
display: block;
font-size: 14px;
}

.header .bottom-header ul li:first-child a {
padding-left: 0px;
}

.header .bottom-header ul li:last-child a {
padding-right: 0px;
}

.header .bottom-header .dropdown-menu {
border-radius: 5px;
margin-top: 0px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
padding: 10px 0px;
overflow: hidden;
right: -15px !important;
left: auto !important;
}

.header .bottom-header .dropdown-menu a {
font-size: 14px;
line-height: 20px;
padding: 6px 20px 7px !important;
color: var(--btn2color);
font-weight: 500;
}

.header .bottom-header .dropdown-menu a:hover,
.header .bottom-header .dropdown-menu a:focus {
background: var(--greencolor);
color: white;
} */

/* MOBILE NEW HEADER WORK START */
/* #wrapper.mobile-header {
padding-left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.mobile-header #sidebar-wrapper {
position: fixed;
top: 0;
padding: 0px;
z-index: 1000;
left: 0px;
width: 260px;
height: 100%;
margin-left: -260px;
overflow-y: auto;
overflow-x: hidden;
background: white;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.mobile-header #sidebar-wrapper::-webkit-scrollbar {
display: none;
}

.mobile-header#wrapper.toggled #sidebar-wrapper {
left: 260px;
}

.mobile-header .sidebar-nav {
position: absolute;
top: 0;
width: 260px;
margin: 0;
padding: 20px;
list-style: none;
}

.mobile-header .sidebar-nav .sidebar-brand {
border-bottom: 1px solid #ddd;
text-align: center;
margin: -20px -20px 15px;
width: calc(100% + 40px);
}

.mobile-header .sidebar-nav .sidebar-brand a,
.mobile-header .sidebar-nav .sidebar-brand a:hover {
padding: 10px;
background-color: white;
}

.mobile-header .sidebar-nav .sidebar-brand .logo {
width: 126px;
height: 36px;
object-fit: contain;
margin-right: 0px;
}

.mobile-header .sidebar-nav li {
position: relative;
line-height: 20px;
display: inline-block;
width: 100%;
}

.mobile-header .sidebar-nav li a {
display: block;
text-decoration: none;
font-weight: 500;
font-size: 14px;
color: var(--btn2color);
padding: 10px 20px;
margin: 5px 0px;
transition: all 0.3s 0s linear;
border-radius: 10px;
}

.mobile-header .sidebar-nav li.active a,
.mobile-header .sidebar-nav li a:hover,
.mobile-header .sidebar-nav li a:active,
.mobile-header .sidebar-nav li a:focus,
.mobile-header .sidebar-nav li.open a:hover,
.mobile-header .sidebar-nav li.open a:active,
.mobile-header .sidebar-nav li.open a:focus {
color: #fff;
background-color: var(--greencolor);
}

.mobile-header .sidebar-nav .dropdown .dropdown-toggle {
display: flex;
align-items: center;
justify-content: space-between;
}

.mobile-header .sidebar-nav .dropdown-menu {
position: relative;
width: 100%;
top: 0;
padding: 8px 0px 14px;
margin: 0;
border-radius: 10px;
border: none;
background-color: #eee;
box-shadow: none;
}

.mobile-header .sidebar-nav .dropdown-menu li a,
.mobile-header .sidebar-nav .dropdown-menu li a:hover {
margin: 0px;
padding: 10px 20px;
background-color: transparent;
color: var(--btn2color);
}

.mobile-header .sidebar-nav .dropdown-menu li.active a {
color: var(--greencolor);
}

.mobile-header .sidebar-nav .sidebar-footer {
border-top: 1px solid #ddd;
text-align: center;
margin: 20px -20px -20px;
width: calc(100% + 40px);
display: flex;
align-items: center;
justify-content: center;
}

.mobile-header .sidebar-nav .sidebar-footer a {
padding: 10px;
}

.mobile-header .sidebar-nav .sidebar-footer img {
width: 28px;
height: 28px;
object-fit: contain;
}

.header .mobile-cart {
margin-bottom: 3px;
margin-right: 25px;
position: relative;
}

.header .mobile-cart .badge {
width: 20px;
height: 20px;
position: absolute;
right: -11px;
top: -7px;
border-radius: 50px;
text-align: center;
line-height: 20px;
padding: 0;
font-size: 11px;
}

.header .mobile-cart img {
height: 25px;
width: 25px;
object-fit: contain;
}

.hamburger {
position: relative;
z-index: 1001;
display: block;
width: 28px;
height: 20px;
background: transparent;
border: none;
}

.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}

.hamburger.is-closed:before {
content: "";
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-closed:hover:before {
opacity: 1;
display: block;
-webkit-transform: translate3d(-100px, 0, 0);
-webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
position: absolute;
left: 0;
height: 2px;
width: 100%;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
background-color: #1a1a1a;
}

.hamburger.is-closed .hamb-top {
top: 1px;
-webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-closed .hamb-middle {
top: 50%;
margin-top: -1px;
}

.hamburger.is-closed .hamb-bottom {
bottom: 1px;
-webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
top: 1px;
-webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-bottom {
bottom: 1px;
-webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
background-color: #1a1a1a;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
top: 50%;
margin-top: -2px;
}

.hamburger.is-open .hamb-top {
-webkit-transform: rotate(45deg);
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
}

.hamburger.is-open .hamb-middle {
display: none;
}

.hamburger.is-open .hamb-bottom {
-webkit-transform: rotate(-45deg);
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
}

.hamburger.is-open:before {
content: "";
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-open:hover:before {
opacity: 1;
display: block;
-webkit-transform: translate3d(-100px, 0, 0);
-webkit-transition: all 0.35s ease-in-out;
}

.mobile-header .overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--lightgreenrgb);
z-index: 1000;
}

@media (min-width: 992px) and (max-width: 1200px) {
.header .top-header .logo {
  width: 140px;
  height: 40px;
}

.header .top-header .navbar-nav .nav-link {
  font-size: 12px;
  padding: 5px 10px;
}

.header .bottom-header ul li a {
  padding: 10px 9px 11px;
  font-size: 12px;
}
}

@media (max-width: 768px) {
.header .top-header .logo {
  width: 126px;
  height: 36px;
}

.header .middle-header .form-control {
  font-size: 12px;
  padding: 8.5px 45px 8.5px 15px !important;
}

.header .middle-header .searchicon:after {
  right: 15px;
}
} */

/* SLIDER WORK START */

.slider {
  background: url("../images/slider-bg.webp");
  background-size: cover;
}

.slider img {
  border-radius: 10px;
  width: 100%;
  height: 372px;
  object-fit: contain;
  background-color: var(--greybg);
}

.slider .box {
  border-radius: 10px;
  background-color: #fff;
  padding: 35px 30px;
  height: 100%;
  text-align: center;
}

.slider .box .box-h {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.slider .box .web-btn {
  margin-top: 10px;
}

@media (max-width: 768px) {
  .slider {
    padding: 0;
    overflow: hidden;
    background: none;
  }

  .slider .container {
    padding: 0;
  }

  .slider img {
    border-radius: 0;
    height: 172px;
  }

  .slider .box {
    padding: 20px;
    border-radius: 0;
  }
}

/* SLIDER WORK END */

/* FEATURES WORK START */
.features {
  padding-top: 15px;
}

.features .box {
  border-radius: 20px;
  margin: 25px 0px 0px;
  padding: 25px 15px;
  transition: 0.3s linear;
  height: calc(100% - 25px);
  background-color: #ffffff;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
  text-align: center;
}

.features .box:hover,
.features .box:focus {
  background-color: var(--lightgreencolor);
  color: black;
}

.features .box:hover img,
.features .box:focus img {
  filter: invert(0);
}

.features .box img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin-bottom: 15px;
  filter: var(--greenfilter);
}

.features .box p {
  margin: 0px;
  color: inherit;
}

@media (max-width: 768px) {
  .features {
    padding-top: 0px;
  }

  .features .box {
    margin-top: 20px;
    height: calc(100% - 20px);
    padding: 20px 15px;
    box-shadow: none;
    border: 1px solid #ddd;
  }
}

/* FEATURES WORK END */

/*CONSULT BEST DOCTORS WORK START*/
.consult-best-doctors {
  height: 389px;
}

.consult-best-doctors .box {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  transition: all 0.3s 0s linear;
}

.consult-best-doctors .box:hover {
  border-color: var(--greencolor);
}

.consult-best-doctors .box img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin: 0px auto 15px;
}

.consult-best-doctors .box .box-h {
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 5px;
}

.consult-best-doctors .box .price {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
}

@media (max-width: 768px) {
  .consult-best-doctors {
    height: 351px;
  }

  .consult-best-doctors .box .box-h {
    height: 32px;
  }

  .consult-best-doctors .box .price {
    font-size: 14px;
  }
}

/*CONSULT BEST DOCTORS WORK END*/

/*CONSULT OUR SPECIALISTS WORK START*/
.consult-our-specialists .box {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  transition: all 0.3s 0s linear;
}

.consult-our-specialists .box:hover {
  border-color: var(--greencolor);
}

.consult-our-specialists .box img {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  object-fit: contain;
  margin: 0px auto 15px;
  background-color: var(--greybg);
}

.consult-our-specialists .box p {
  margin: 3px 0px 0px;
}

.consult-our-specialists .box .btn {
  margin-top: 15px;
}

.consult-our-specialists .box .name {
  font-weight: bold;
  font-size: 16px;
  margin-top: 0px;
}

.consult-our-specialists .box .name,
.consult-our-specialists .box .designation {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.consult-our-specialists .box .stars {
  margin-top: 3px;
}

@media (max-width: 768px) {
  .consult-our-specialists .box .name {
    font-size: 14px;
  }

  .consult-our-specialists .box img {
    width: 50px;
    height: 50px;
  }
}

/*CONSULT OUR SPECIALISTS WORK END*/

/* HEALTH PLANS WORK START */
.health-plans {
  background-color: var(--lightgreencolor);
  padding-top: 20px;
}

.health-plans h2 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: -20px;
}

.health-plans p {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 25px;
}

.health-plans img {
  width: 100%;
  height: 300px;
  object-fit: contain;
}

@media (max-width: 768px) {
  .health-plans {
    padding: 20px 0px;
    text-align: center;
  }

  .health-plans h2 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .health-plans p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
  }

  .health-plans img {
    margin-top: 15px;
    height: 200px;
  }
}

/* HEALTH PLANS WORK END */

/*SURGERY SUPPORT WORK START*/
.surgery-support .box {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  background-color: var(--greybg);
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px;
  transition: all 0.3s 0s linear;
}

.surgery-support .box:hover {
  border-color: var(--greencolor);
}

.surgery-support .box img {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  margin-right: 15px;
  background-color: var(--greybg);
}

.surgery-support .box p {
  margin: 0px;
  font-size: 16px;
  line-height: 22px;
}

.surgery-support .form-box {
  padding: 30px;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
  border-radius: 10px;
}

.surgery-support .form-box .btn {
  margin-top: 5px;
}

@media (max-width: 992px) {
  .surgery-support .box {
    margin-bottom: 15px;
  }

  .surgery-support .box img {
    width: 50px;
    height: 50px;
  }

  .surgery-support .box p {
    font-size: 14px;
    line-height: 20px;
  }

  .surgery-support .form-box {
    box-shadow: none;
    padding: 15px;
  }
}

/*SURGERY SUPPORT WORK END*/

/*SWASTH WORK START*/
.swasth {
  background-color: var(--lightgreencolor);
  text-align: center;
}

.swasth img {
  width: 211px;
  height: 60px;
  object-fit: contain;
  margin-bottom: 20px;
}

.swasth p {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .swasth img {
    width: 175px;
    height: 50px;
  }

  .swasth p {
    font-size: 18px;
    line-height: 24px;
  }
}

/*SWASTH WORK END*/

/*BLOG WORK START*/
.blog .blog-box {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 10px;
  transition: all 0.3s 0s linear;
}

.blog .blog-box:hover {
  border-color: var(--greencolor);
}

.blog .blog-box img {
  width: 100%;
  height: 130px;
  object-fit: contain;
  border-radius: 10px;
  background-color: var(--greybg);
  margin-bottom: 15px;
}

.blog .blog-box .title {
  font-size: 16px;
  font-weight: bold;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.blog .blog-box p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 3px;
}

.blog .blog-box .btn {
  margin-top: 12px;
}

@media (max-width: 768px) {
  .blog .blog-box {
    padding: 15px;
  }

  .blog .blog-box img {
    height: 90px;
  }

  .blog .blog-box .title {
    font-size: 14px;
  }
}

/*BLOG WORK END*/

/*DOWNLOAD APP WORK START*/
.download-app {
  background: url("../images/app-bg.webp") no-repeat;
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 80px;
}

.download-app h2 {
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
}

.download-app .btn {
  border-radius: 50px;
  background: var(--btn2color);
  border-color: var(--btn2color);
  color: #fff;
  padding: 15px 30px;
  font-weight: 600;
  transition: 0.3s linear;
  text-align: left;
  margin-right: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 200px;
  margin-top: 30px;
}

.download-app .btn:last-child {
  margin-right: 0px;
}

.download-app .btn:hover {
  background-color: var(--greencolor);
  border-color: var(--greencolor);
}

.download-app .btn span {
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
}

.download-app .btn span small {
  font-size: 12px;
  text-transform: capitalize;
}

.download-app .btn svg {
  font-size: 30px;
}

@media (max-width: 992px) {
  .download-app {
    padding-top: 75px;
    padding-bottom: 60px;
  }

  .download-app h2 {
    font-size: 20px;
    line-height: 26px;
  }

  .download-app .btn {
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  .download-app {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background-position: left center;
    background-size: 200%;
  }

  .download-app h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .download-app .btn {
    margin-top: 10px;
    padding: 10px 20px;
    width: 140px;
  }

  .download-app .btn span {
    font-size: 11px;
    line-height: 11px;
  }

  .download-app .btn span small {
    font-size: 9px;
  }

  .download-app .btn svg {
    font-size: 20px;
  }
}

/*DOWNLOAD APP WORK END*/

/*TESTIMONIALS WORK START*/
.testimonials .testimonial-box {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  transition: all 0.3s 0s linear;
}

.testimonials .testimonial-box:hover {
  border-color: var(--greencolor);
}

.testimonials .testimonial-box img {
  width: 50px;
  height: 50px;
  background-color: var(--greybg);
  border-radius: 50%;
  margin-bottom: 15px;
}

.testimonials .testimonial-box .name {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 5px;
}

.testimonials .testimonial-box p {
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.testimonials .testimonial-box p.showfullcontent {
  overflow: visible;
  display: block;
}

.testimonials .testimonial-box a.readless {
  visibility: hidden;
  position: relative;
}

.testimonials .testimonial-box a.readless:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  content: "Read Less";
}

@media (max-width: 768px) {
  .testimonials .testimonial-box .name {
    font-size: 14px;
  }
}

/*TESTIMONIALS WORK END*/

/*FAQS WORK START*/
.faqs .web-h {
  margin-bottom: 15px;
}

.faqs .accordion .accordion-item {
  margin-top: 15px;
  border-radius: 10px;
  overflow: hidden;
}

.faqs .accordion .accordion-button {
  background-color: var(--lightgreencolor);
  font-weight: bold;
  color: var(--btn2color);
  box-shadow: none;
  font-size: 16px;
  padding: 15px 20px;
}

.faqs .accordion .accordion-button::after {
  filter: brightness(0);
}

@media (max-width: 768px) {
  .faqs .web-h {
    margin-bottom: 5px;
  }

  .faqs .accordion .accordion-button {
    font-size: 14px;
  }
}

/*FAQS WORK END*/

/*FOOTER WORK START*/
.footer .footer-top {
  background-color: #eaeaea;
}

.footer .footer-top .logo {
  height: 45px;
  width: 158px;
  object-fit: contain;
  object-position: left;
  margin-bottom: 15px;
  margin-left: -5px;
}

.footer .footer-top p {
  margin: 0;
}

.footer .footer-top h4 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
  font-weight: bold;
}

.footer .footer-top ul {
  margin: 0;
  padding: 0;
}

.footer .footer-top ul li {
  list-style: none;
  margin-top: 5px;
}

.footer .footer-top ul li a {
  transition: all 0.3s 0s linear;
}

.footer .footer-top ul li a:hover {
  color: var(--greencolor);
}

.footer .footer-top ul.contact-info li:first-child {
  margin-top: 15px;
}

.footer .footer-top ul.contact-info li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.footer .footer-top ul.contact-info li .icon {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background-color: var(--greencolor);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.footer .footer-top ul.contact-info li p {
  width: calc(100% - 40px);
}

.footer .footer-top ul.social-icons {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.footer .footer-top ul.social-icons li {
  margin-right: 8px;
  margin-top: 0;
}

.footer .footer-bottom {
  background: var(--greencolor);
  padding: 15px 0px;
  color: #fff;
}

.footer .footer-bottom .policy-menu {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: end;
}

.footer .footer-bottom .policy-menu li {
  padding-left: 25px;
  list-style: none;
  position: relative;
}

.footer .footer-bottom .policy-menu li:first-child {
  margin-left: 0;
}

.footer .footer-bottom .policy-menu li:first-child:after {
  display: none;
}

.footer .footer-bottom .policy-menu li::after {
  content: "|";
  color: #fff !important;
  left: 12px;
  position: absolute;
  top: 0;
  font-weight: unset;
}

.footer .footer-bottom .policy-menu li a,
.footer .footer-bottom .policy-menu li a:hover,
.footer .footer-bottom .policy-menu li a:focus {
  color: #fff;
}

@media (max-width: 992px) {
  .footer .footer-top .logo {
    width: 126px;
    height: 36px;
  }

  .footer .footer-top h4 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
  }

  .footer .footer-top ul.social-icons {
    margin-top: 15px;
  }

  .footer .footer-bottom {
    text-align: center;
  }

  .footer .footer-bottom .policy-menu {
    display: block;
    margin-top: 5px;
  }

  .footer .footer-bottom .policy-menu li {
    display: inline-block;
    padding: 0px 10px;
    margin-top: 3px;
  }

  .footer .footer-bottom .policy-menu li:after {
    display: none;
  }
}

.fix-call-btn,
.fix-what-btn {
  position: fixed;
  width: 57px;
  height: 57px;
  border-radius: 50px;
  padding: 0;
  bottom: 110px;
  right: 40px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  background-color: var(--greencolor);
  border-color: var(--greencolor);
  color: white;
  font-size: 24px;
  transition: all 0.3s 0s linear;
}

.fix-call-btn:hover,
.fix-what-btn:hover,
.fix-call-btn:active,
.fix-what-btn:active {
  background-color: var(--btn2color) !important;
  border-color: var(--btn2color) !important;
  color: white !important;
}

.fix-call-btn img {
  width: 21px;
  height: 21px;
  object-fit: contain;
}

.fix-what-btn {
  bottom: 40px;
  background-color: #25d366;
  border-color: #25d366;
}

@media (max-width: 992px) {
  .fix-call-btn,
  .fix-what-btn {
    width: 40px;
    height: 40px;
    right: 15px;
    bottom: 80px;
    font-size: 20px;
  }

  .fix-call-btn img {
    width: 17px;
    height: 17px;
  }

  .fix-what-btn {
    bottom: 30px;
  }
}

/*FOOTER WORK END*/
/*Consult Doctor Banner Work Start*/
.consult-doctor-banner {
  background-color: var(--lightgreencolor);
}

.consult-doctor-banner h3 {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}

.consult-doctor-banner h1 {
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 15px;
}

.consult-doctor-banner ul {
  margin: 0px;
  padding-left: 15px;
}

.consult-doctor-banner .btn {
  margin-top: 20px;
}

.consult-doctor-banner img {
  width: 100%;
  height: 250px;
  object-fit: contain;
}

@media (max-width: 992px) {
  .consult-doctor-banner h3 {
    font-size: 12px;
    line-height: 18px;
  }

  .consult-doctor-banner h1 {
    font-size: 18px;
    line-height: 24px;
  }

  .consult-doctor-banner .btn {
    margin-top: 15px;
  }

  .consult-doctor-banner img {
    margin-top: 15px;
    height: 150px;
  }
}

/*Consult Doctor Banner Work End*/

/*consult Doctor Searchbar Work Start*/
.consult-doctor-searchbar {
  border-bottom: 1px solid #ddd;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
  padding: 10px 0px;
}

@media (max-width: 992px) {
  .consult-doctor-searchbar .form-control {
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .consult-doctor-searchbar .form-control {
    margin-bottom: 10px;
  }
}

/*consult Doctor Searchbar Work End*/

/*HOW IT WORKS old START*/
/* .howitworks {
background-color: white;
}

.howitworks .web-h {
margin-bottom: 0px;
}

.howitworks .box {
margin-top: 40px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}

.howitworks .box:after {
content: "";
position: absolute;
width: 1px;
height: 100%;
border-left: 1px dashed var(--greencolor);
top: 70px;
left: 39px;
z-index: 1;
}

.howitworks .box:last-child:after {
display: none;
}

.howitworks .box .icon {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
border-radius: 50%;
border: 1px dashed var(--greencolor);
background-color: white;
color: white;
position: relative;
padding: 20px;
z-index: 2;
}

.howitworks .box .icon:before {
content: "";
position: absolute;
width: 90%;
height: 90%;
border-radius: 50%;
background-color: var(--greencolor);
}

.howitworks .box .icon img {
width: 75px;
height: 83px;
object-fit: contain;
z-index: 2;
border-radius: 0px 0px 50% 50%;
margin-top: -10px;
}

.howitworks .box .icon svg {
position: relative;
font-size: 30px;
}

.howitworks .box .howitworkscontent {
width: calc(100% - 95px);
}

.howitworks .box .howitworkscontent h4 {
font-size: 20px;
line-height: 26px;
font-weight: bold;
margin-bottom: 3px;
text-transform: capitalize;
}

.howitworks .box .howitworkscontent p {
font-size: 16px;
line-height: 22px;
margin: 0px;
}

@media (max-width: 768px) {
.howitworks .web-h {
  margin-bottom: 5px;
}

.howitworks .box {
  margin-top: 15px;
}

.howitworks .box:after {
  left: 29px;
  top: 60px;
}

.howitworks .box .icon {
  width: 60px;
  height: 60px;
}

.howitworks .box .icon img {
  width: 55px;
  height: 61px;
}

.howitworks .box .howitworkscontent {
  width: calc(100% - 75px);
}

.howitworks .box .howitworkscontent h4 {
  font-size: 14px;
  line-height: 20px;
}

.howitworks .box .howitworkscontent p {
  font-size: 12px;
  line-height: 18px;
}
} */

/*HOW IT WORKS old END*/

/*HOW IT WORKS new START*/
.howitworks {
  background-color: white;
}

.howitworks .web-h {
  margin-bottom: 0px;
}

.howitworks .box {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex-direction: column;
}

.howitworks .box:after {
  content: "";
  position: absolute;
  width: 83%;
  height: 1px;
  border-top: 1px dashed var(--greencolor);
  top: 40px;
  left: 64%;
  z-index: 1;
}
.howitworks .box.no-border:after {
  display: none;
}

.howitworks .box .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px dashed var(--greencolor);
  background-color: white;
  color: white;
  position: relative;
  padding: 20px;
  z-index: 2;
  margin-bottom: 15px;
}

.howitworks .box .icon:before {
  content: "";
  position: absolute;
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background-color: var(--greencolor);
}

.howitworks .box .icon img {
  width: 75px;
  height: 83px;
  object-fit: contain;
  z-index: 2;
  border-radius: 0px 0px 50% 50%;
  margin-top: -10px;
}

.howitworks .box .icon svg {
  position: relative;
  font-size: 30px;
}

.howitworks .box .howitworkscontent h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 0px;
  text-transform: capitalize;
  text-align: center;
}

.howitworks .box .howitworkscontent p {
  font-size: 16px;
  line-height: 22px;
  margin: 0px;
}

@media (max-width: 767px) {
  .howitworks .web-h {
    margin-bottom: 5px;
  }

  .howitworks .box {
    margin-top: 15px;
  }

  .howitworks .box:after {
    display: none;
  }

  .howitworks .box .icon {
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
  }

  .howitworks .box .icon img {
    width: 55px;
    height: 61px;
  }

  .howitworks .box .howitworkscontent h3 {
    font-size: 12px;
    line-height: 20px;
  }

  .howitworks .box .howitworkscontent p {
    font-size: 12px;
    line-height: 18px;
  }
}

/*HOW IT WORKS new END*/

/*BY SPECIALITIES WORK START*/
.by-specialities .web-h {
  margin-bottom: 5px;
}

.by-specialities .box {
  border: 1px solid #ddd;
  border-radius: 10px;
  transition: all 0.3s 0s linear;
  margin-top: 25px;
  overflow: hidden;
}

.by-specialities .box:hover {
  border-color: var(--greencolor);
}

.by-specialities .box .box-body {
  padding: 15px 20px;
}

.by-specialities .box img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  background-color: var(--greybg);
}

.by-specialities .box h5 {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.by-specialities .box p {
  margin: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media (max-width: 768px) {
  .by-specialities .box {
    margin-top: 15px;
  }

  .by-specialities .box img {
    height: 109px;
  }

  .by-specialities .box .box-body {
    padding: 10px 15px;
  }

  .by-specialities .box h4 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
  }
}

/*BY SPECIALITIES WORK END*/
/* BOOK APPOINTMENT WORK START */
.book-appointment .tag {
  border: 1px solid var(--lightgreencolor);
  background-color: var(--lightgreencolor);
  color: var(--btn2color);
  border-radius: 5px;
  padding: 5px 15px;
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold;
}

.book-appointment .box {
  border: 1px solid #ddd;
  border-radius: 10px;
}

.book-appointment .box .box-body {
  padding: 30px;
}

.book-appointment .box .alert {
  padding: 10px 15px;
  margin: 20px 0px;
  color: var(--btn2color);
}

.book-appointment img {
  max-width: 100%;
}

.book-appointment .right-box {
  height: 436px;
  border: 1px solid #ddd;
  background-size: cover;
  border-radius: 10px;
  background-position: center;
}

@media (max-width: 992px) {
  .book-appointment .right-box {
    height: 476px;
  }
}

@media (max-width: 768px) {
  .book-appointment .box .box-body {
    padding: 15px;
  }

  .book-appointment .box .alert {
    margin: 10px 0px;
  }

  .book-appointment .right-box {
    margin-top: 15px;
    height: 300px;
  }
}

/* BOOK APPOINTMENT WORK END */
/* Mobile Header Work Start */
.page-mobile-header {
  padding: 12px 0;
  background-color: white;
  border-bottom: 1px solid #ddd;
}

.page-mobile-header .top-heading {
  display: flex;
  align-items: center;
}

.page-mobile-header .top-heading svg {
  height: 15px;
  margin-right: 10px;
}

.page-mobile-header .top-heading .heading {
  text-transform: capitalize;
  font-size: 18px;
  line-height: 24px;
  margin: 0px 0px 5px;
  font-weight: bold;
}

.page-mobile-header .mobile-cart {
  margin-bottom: 3px;
  margin-right: 25px;
  position: relative;
}

.page-mobile-header .mobile-cart .badge {
  width: 20px;
  height: 20px;
  position: absolute;
  right: -11px;
  top: -7px;
  border-radius: 50px;
  text-align: center;
  line-height: 20px;
  padding: 0;
  font-size: 11px;
}

.page-mobile-header .mobile-cart img {
  height: 25px;
  width: 25px;
  object-fit: contain;
}

.page-mobile-header .searchbox {
  position: relative;
  margin-top: 10px;
}

.page-mobile-header .searchicon {
  position: relative;
}

.page-mobile-header .searchicon input {
  padding: 8.5px 45px 8.5px 15px;
}

.page-mobile-header .searchicon:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
  background: url("../images/search-icon.svg");
  background-size: 100% 100%;
}

/* Mobile Header Work End */

/*DOCTORS WORK START*/
.doctors .filters-card {
  border-radius: 5px;
  padding: 0px;
}

.doctors .filters-card .card-header {
  background-color: var(--lightgreencolor);
  padding: 15px 20px;
}

.doctors .filters-card .card-header h4 {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
}

.doctors .filters-card .card-body {
  padding: 20px;
}

.doctors .filters-card .card-body .filters-h {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}

.doctors .filters-card .card-body ul + .filters-h {
  margin-top: 20px;
}

.doctors .filters-card .card-body .custom-checkbox label {
  margin: 10px 0px;
  font-size: 14px;
  font-weight: normal;
}

.doctors .filters-card .card-body ul {
  margin: 0px;
  padding: 0px;
}

.doctors .filters-card .card-body ul li {
  list-style: none;
}

.doctors .sort-by {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  width: 100%;
}

.doctors .sort-by select {
  width: calc(100% - 65px);
}

.doctors .doctor-box {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  transition: all 0.3s 0s linear;
  width: 100%;
}

.doctors .doctor-box:hover {
  border-color: var(--greencolor);
}

.doctors .doctor-box img {
  width: 100%;
  height: 150px;
  border-radius: 10px;
  object-fit: contain;
  margin: 0px auto 5px;
  border: 1px solid #ddd;
  display: block;
}

.doctors .doctor-box p {
  margin: 5px 0px 0px;
}

.doctors .doctor-box .btn {
  margin: 0px 0px 12px;
  white-space: nowrap;
}

.doctors .doctor-box .exp {
  background-color: var(--lightgreencolor);
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
}

.doctors .doctor-box .name {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  margin-top: 0px;
  display: flex !important;
  align-items: center;
}

.doctors .doctor-box .name span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.doctors .doctor-box .name .verified {
  height: 20px;
  width: 61px;
  margin-left: 5px;
  border: none;
  margin-bottom: 0px;
  border-radius: 0px;
}

.doctors .doctor-box .price {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}

.doctors .doctor-box .price svg {
  opacity: 0.5;
}

.doctors .doctor-box .name,
.doctors .doctor-box .designation,
.doctors .doctor-box .edu {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.doctors .doctor-box .edu {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.doctors .doctor-box .tag {
  border: none;
  padding: 0px;
  background: transparent;
}

.doctors .doctor-box .tag a {
  border: 1px solid #ddd;
  background-color: var(--greybg);
  color: var(--btn2color);
  font-size: 11px;
  line-height: 17px;
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  margin-top: 8px;
  margin-right: 5px;
  font-weight: bold;
  transition: all 0.3s 0s linear;
}

.doctors .doctor-box .tag a:hover {
  color: var(--greencolor);
}

.doctors .doctor-box .stars {
  margin-top: 3px;
}

.mobile-sort-and-filter {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  background-color: white;
  margin: 0px 0px 20px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
}

.mobile-sort-and-filter a:first-child {
  border-left: none;
}

.mobile-sort-and-filter a {
  width: 50%;
  text-align: center;
  padding: 15px;
  border-left: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-sort-and-filter a span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: left;
}

.mobile-sort-and-filter a img {
  height: 15px;
  width: 18px;
  object-fit: contain;
  margin-right: 8px;
}

@media (max-width: 991px) {
  .doctors .doctor-box .btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .doctors .doctor-box .btns .btn {
    width: calc(50% - 7.5px) !important;
    margin-bottom: 0px;
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  .doctors {
    padding-top: 0px;
  }

  .doctors .doctor-box .row.align-items-center {
    align-items: flex-start !important;
  }

  .doctors .doctor-box {
    margin-bottom: 15px;
    padding: 15px;
  }

  .doctors .doctor-box img {
    height: 100px;
  }

  .doctors .doctor-box .name {
    font-size: 14px;
    line-height: 20px;
  }

  .doctors .doctor-box p {
    margin: 2px 0px 0px;
  }

  .doctors .doctor-box .price {
    font-size: 14px;
    line-height: 20px;
  }
}

/*DOCTORS WORK END*/

/* Modal Work Start */
.filter-modal {
  font-size: 14px;
  line-height: 20px;
}

.filter-modal .modal-header .btn-close {
  filter: var(--greenfilter);
  opacity: 1;
  box-shadow: none;
}

.filter-modal .modal-header {
  align-items: center;
  position: relative;
}

.filter-modal .modal-body.web-overflow {
  height: 70vh;
}

.filter-modal .modal-title {
  font-weight: bold;
  font-size: 16px;
}

.filter-modal .close {
  font-weight: bold;
  color: var(--greencolor);
  font-size: 30px;
  line-height: 13px;
  opacity: 1 !important;
  padding: 0;
  position: absolute;
  margin: 0;
  right: 15px;
  top: 42%;
  transform: translate(0, -50%);
}

.filter-modal .modal-body {
  padding: 0px;
}

.filter-modal .modal-footer {
  flex-wrap: inherit;
  padding: 10px 10px;
}

.filter-modal .modal-footer .btn {
  width: calc(50% - 7.5px);
}

.filter-modal .filters-mobile {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid #ddd;
  background-color: #eee;
}

.filter-modal .filters-mobile .nav-tabs {
  width: 105px;
  height: 100%;
  background-color: #eee;
  border: none;
  padding: 0px;
}

.filter-modal .filters-mobile .nav-tabs .nav-item {
  width: 100%;
  display: block;
  border-bottom: 1px solid #ddd;
}

.filter-modal .filters-mobile .nav-tabs .nav-link {
  width: 100%;
  display: block;
  padding: 10px 10px;
  text-align: left;
  background-color: transparent;
  border-radius: 0;
  color: var(--btn2color);
}

.filter-modal .filters-mobile .nav-tabs .nav-link.active {
  background-color: white;
  border-left: 3px solid var(--greencolor);
  font-weight: bold;
}

.filter-modal .filters-mobile .tab-content {
  width: calc(100% - 106px);
  height: 100%;
  background-color: white;
  height: calc(100vh - 300px);
  overflow: auto;
  padding: 0px 15px;
}

.filter-modal .filters-mobile .tab-content ul {
  margin: 7px 0px;
  padding: 0px;
}

.filter-modal .filters-mobile .tab-content ul li {
  list-style: none;
  padding: 8px 0px;
}

.filter-modal .filters-mobile .tab-content ul li:last-child {
  border-bottom: none;
}

.filter-modal .filters-mobile .filter-footer {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 15px 15px;
  background-color: var(--white);
  z-index: 10;
  border-top: 1px solid #ddd;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter-modal .filters-mobile .filter-footer .btn {
  width: calc(50% - 7.5px);
}

.filter-modal .modal-dialog-end {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: end;
  min-height: calc(100% - 1rem);
  transform: translate3d(0, 0%, 0) !important;
}

.filter-modal .modal.show .modal-dialog-end {
  -webkit-transform: none;
  transform: none !important;
}

.filter-modal#sortModal .modal-body {
  padding: 5px 15px;
}

.filter-modal#sortModal ul {
  margin: 0px;
  padding: 0px;
}

.filter-modal#sortModal ul li {
  list-style: none;
  margin: 10px 0px;
}

/* Modal Work End */

/*DOCTOR DETAILS PAGE WORK START*/
.doctor-details .doctor-box img {
  width: 100%;
  height: 250px;
  border-radius: 10px;
  object-fit: contain;
  margin: 0px auto 5px;
  border: 1px solid #ddd;
}

.doctor-details .doctor-box p {
  margin: 5px 0px 0px;
}

.doctor-details .doctor-box .btn {
  margin: 0px 0px 12px;
}

.doctor-details .doctor-box .exp {
  background-color: var(--lightgreencolor);
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
}

.doctor-details .doctor-box .name {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 0px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.doctor-details .doctor-box .name .doc-info {
  font-size: 15px;
}

.doctor-details .doctor-box .name .verified {
  height: 25px;
  width: auto;
  margin-left: 5px;
  border: none;
  margin-bottom: 0px;
  font-size: 0px;
}

.doctor-details .doctor-box .name,
.doctor-details .doctor-box .designation,
.doctor-details .doctor-box .edu {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.doctor-details .doctor-box .edu {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.doctor-details .doctor-box .tag {
  background: transparent;
  border: none;
  padding: 0px;
  border-radius: 0px;
}

.doctor-details .doctor-box .tag a {
  border: 1px solid #ddd;
  background-color: var(--greybg);
  color: var(--btn2color);
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  margin-top: 8px;
  margin-right: 5px;
  font-weight: bold;
  transition: all 0.3s 0s linear;
}

.doctor-details .doctor-box .tag a:hover {
  color: var(--greencolor);
}

.doctor-details .doctor-box .stars {
  margin-top: 5px;
}

.doctor-details .doctor-box .des {
  margin-bottom: 5px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.doctor-details .doctor-box .des.showfullcontent {
  overflow: visible;
  display: block;
}

.doctor-details .doctor-box a.readless {
  visibility: hidden;
  position: relative;
}

.doctor-details .doctor-box a.readless:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  content: "Read Less";
}

.doctor-details .card {
  border-radius: 5px;
  padding: 0px;
}

.doctor-details .card .card-header {
  background-color: var(--lightgreencolor);
  padding: 15px 20px;
}

.doctor-details .card .card-header h4 {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
}

.doctor-details .card .card-body {
  padding: 20px;
}

.doctor-details .doctor-details-right-card .card-body ul {
  margin: 0px 0px 15px;
  padding: 0px;
}

.doctor-details .doctor-details-right-card .card-body ul li {
  list-style: none;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  padding: 8px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}

.doctor-details .doctor-details-right-card .card-body ul li span {
  font-size: 14px;
  font-weight: 500;
}

.doctor-details .doctor-details-right-card .card-body ul li:first-child {
  padding-top: 0px;
}

.doctor-details .doctor-details-right-card .card-body ul li:last-child {
  border: none;
}

.doctor-details .faq-card {
  margin-top: 30px;
  height: calc(100% - 30px);
}

.doctor-details .faq-card h4 {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 5px;
}

.doctor-details .faq-card p {
  margin-bottom: 25px;
}

.doctor-details .hospital-card {
  margin-top: 30px;
  height: calc(100% - 30px);
}

.doctor-details .hospital-card ul {
  margin: 0px;
  padding: 0px;
}

.doctor-details .hospital-card ul li {
  list-style: none;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}

.doctor-details .hospital-card ul li:last-child {
  border: none;
  padding-bottom: 0px;
}

.doctor-details .hospital-card ul li a {
  display: flex;
  align-items: center;
}

.doctor-details .hospital-card ul li a img {
  width: 62px;
  height: 40px;
  object-fit: contain;
  margin-right: 10px;
}

.doctor-details .hospital-card ul li a .text p {
  margin: 0px;
}

.doctor-details .hospital-card ul li a .text p.city {
  font-size: 12px;
  line-height: 18px;
}

.doctor-details .review-card {
  margin-top: 30px;
}

.doctor-details .review-card form {
  position: sticky;
  top: 20px;
}

.doctor-details .review-card form label {
  font-weight: bold;
}

.doctor-details .review-card .rating {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  overflow: hidden;
  flex-direction: row-reverse;
  height: auto;
  position: relative;
  margin-bottom: 1rem;
  margin-top: 5px;
}

.doctor-details .review-card .rating > input {
  display: none;
}

.doctor-details .review-card .rating-0 {
  filter: grayscale(100%);
}

.doctor-details .review-card .rating > label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: 0.3s;
  margin: 0;
}

.doctor-details .review-card .rating > input:checked ~ label,
.doctor-details .review-card .rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.doctor-details .review-card .rating > input:not(:checked) ~ label:hover,
.doctor-details
  .review-card
  .rating
  > input:not(:checked)
  ~ label:hover
  ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.doctor-details .review-card .reviews {
  border-left: 1px solid #ddd;
  padding-left: 20px;
  min-height: 100%;
}

.doctor-details .review-card .reviews ul {
  margin: 0px;
  padding: 0px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}

.doctor-details .review-card .reviews ul li {
  list-style: none;
  display: flex;
}

.doctor-details .review-card .reviews ul li img {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  margin-right: 10px;
}

.doctor-details .review-card .reviews ul li .name {
  font-weight: bold;
}

.doctor-details .review-card .reviews ul li p {
  margin: 0px;
}

.doctor-details .review-card .reviews ul li .stars {
  margin: 2px 0px;
}

.doctor-details .review-card .reviews ul li:last-child {
  border-top: 1px solid #ddd;
  padding-top: 10px;
  justify-content: center;
}

@media (max-width: 992px) {
  .doctor-details .card {
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  .doctor-details .doctor-box img {
    height: 220px;
  }

  .doctor-details .doctor-box .name {
    margin-top: 10px;
    font-size: 20px;
    line-height: 26px;
  }

  .doctor-details .doctor-box p {
    margin: 2px 0px 0px;
  }

  .doctor-details .doctor-box .stars {
    margin-top: 2px;
  }

  .doctor-details hr {
    margin: 10px 0px;
  }

  .doctor-details .doctor-details-right-card .card-body ul li {
    font-size: 14px;
  }

  .doctor-details .doctor-box .des {
    margin-bottom: 2px;
  }

  .doctor-details .card .card-header {
    padding: 15px;
  }

  .doctor-details .card .card-body {
    padding: 15px;
  }

  .doctor-details .doctor-details-right-card .card-body ul li:last-child {
    padding-bottom: 0px;
  }

  .doctor-details .faq-card {
    height: auto;
  }

  .doctor-details .faq-card h4 {
    font-size: 14px;
    line-height: 20px;
  }

  .doctor-details .faq-card p {
    margin-bottom: 15px;
  }

  .doctor-details .review-card .reviews {
    border-top: 1px solid #ddd;
    border-left: none;
    padding-top: 15px;
    padding-left: 0px;
    margin-top: 15px;
  }

  .doctor-details .review-card .reviews ul {
    gap: 15px;
  }
}

/*DOCTOR DETAILS PAGE WORK END*/

/*SECOND OPINION WORK START*/
.second-opinion-banner {
  background-color: var(--lightgreencolor);
}

.second-opinion-banner h3 {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}

.second-opinion-banner h1 {
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 15px;
}

.second-opinion-banner ul {
  margin: 0px;
  padding-left: 15px;
}

.second-opinion-banner .box {
  border-radius: 10px;
  background-color: #fff;
  padding: 30px;
  height: 100%;
  text-align: center;
}

.second-opinion-banner .box .box-h {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.second-opinion-banner .box .btn {
  margin-top: 10px;
}

@media (max-width: 768px) {
  .second-opinion-banner h3 {
    font-size: 12px;
    line-height: 18px;
  }

  .second-opinion-banner h1 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
  }

  .second-opinion-banner .box {
    padding: 20px;
    margin-top: 15px;
  }
}

.second-opinion-newsletter .input-group {
  margin-top: 15px;
}

.medical-second-opinion img {
  width: 100%;
  height: 231px;
  object-fit: contain;
}

.medical-second-opinion .web-h {
  text-align: left;
}

@media (max-width: 768px) {
  .medical-second-opinion img {
    height: 200px;
    margin-bottom: 15px;
  }

  .medical-second-opinion .web-h {
    margin-bottom: 15px;
  }
}

.second-opinion-benefits .web-h {
  margin-bottom: 5px;
}

.second-opinion-benefits .box {
  border: 1px solid #ddd;
  box-shadow: 0 0 10px 0 #eee;
  padding: 20px;
  border-radius: 10px;
  height: calc(100% - 25px);
  margin-top: 25px;
  transition: all 0.3s 0s linear;
}

.second-opinion-benefits .box:hover {
  border-color: var(--greencolor);
}

.second-opinion-benefits .box img {
  height: 50px;
  width: 50px;
  filter: var(--greenfilter);
  margin-bottom: 15px;
}

.second-opinion-benefits .box .title {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
  font-weight: bold;
}

.second-opinion-benefits .box p {
  margin: 0px;
}

@media (max-width: 768px) {
  .second-opinion-benefits .box {
    margin-top: 15px;
    height: auto;
  }

  .second-opinion-benefits .box .title {
    font-size: 14px;
    line-height: 20px;
  }
}

.get-your-second-opinion .web-h {
  margin-bottom: 5px;
}

.get-your-second-opinion .box {
  margin-top: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.get-your-second-opinion .box .icon {
  width: 80px;
  height: 80px;
  background-color: var(--greencolor);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.get-your-second-opinion .box .icon img {
  filter: invert(1);
  width: 50px;
  height: 50px;
}

.get-your-second-opinion .box .content {
  width: calc(100% - 95px);
}

.get-your-second-opinion .box .content .num {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 5px;
}

.get-your-second-opinion .box .content p {
  margin: 0px;
  font-size: 18px;
  line-height: 24px;
}

/*SECOND OPINION WORK END*/

/*APOLLO HOMECARE WORK START*/
.apollo-home-care-tabs {
  margin: 0px 0px 40px;
  padding: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--greencolor);
  white-space: nowrap;
  border-radius: 50px;
}

.apollo-home-care-tabs li {
  list-style: none;
}

.apollo-home-care-tabs li a {
  padding: 10px 20px 12px;
  color: white;
  display: block;
  transition: all 0.3s 0s linear;
}

.apollo-home-care-tabs li a:hover {
  background-color: white;
  color: var(--greencolor);
  border-radius: 50px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.apollo-homecare-banner {
  background-color: var(--lightgreencolor);
}

.apollo-homecare-banner h3 {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}

.apollo-homecare-banner h1 {
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 15px;
}

.apollo-homecare-banner .box {
  border-radius: 10px;
  background-color: #fff;
  padding: 30px;
  height: 100%;
  text-align: center;
}

.apollo-homecare-banner .box .box-h {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.apollo-homecare-banner .box .btn {
  margin-top: 10px;
}

@media (max-width: 1200px) {
  .apollo-home-care-tabs {
    display: block;
    overflow: scroll;
  }

  .apollo-home-care-tabs li {
    display: inline-block;
  }
}

@media (max-width: 768px) {
  .apollo-home-care-tabs {
    margin-bottom: 20px;
  }

  .apollo-homecare-banner h3 {
    font-size: 12px;
    line-height: 18px;
  }

  .apollo-homecare-banner h1 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
  }

  .apollo-homecare-banner .box {
    padding: 20px;
    margin-top: 15px;
  }
}

.apollo-homecare-nri .web-h {
  margin-bottom: 20px;
}

.apollo-homecare-nri .web-h h3 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
}

.apollo-homecare-nri .web-btn {
  margin-top: 10px;
}

.apollo-homecare-nri .elder-care-img {
  height: 250px;
  object-fit: contain;
}

@media (max-width: 768px) {
  .apollo-homecare-nri {
    text-align: center;
  }

  .apollo-homecare-nri .web-h {
    margin-bottom: 10px;
  }

  .apollo-homecare-nri .web-h h3 {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
  }

  .apollo-homecare-nri .web-btn {
    margin-top: 0px;
    margin-bottom: 20px;
  }
}

.apollo-homecare-features .row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0px;
}

.apollo-homecare-features .box {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  transition: all 0.3s 0s linear;
  height: 100%;
}

.apollo-homecare-features .box:hover {
  border-color: var(--greencolor);
}

.apollo-homecare-features .box img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin-bottom: 10px;
}

.apollo-homecare-features .box h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 3px;
}

.apollo-homecare-features .box p {
  margin-bottom: 15px;
}

@media (max-width: 992px) {
  .apollo-homecare-features {
    padding-top: 25px;
  }

  .apollo-homecare-features .row {
    grid-template-columns: repeat(3, 1fr);
    padding: 0px 7.5px;
  }

  .apollo-homecare-features .row .col {
    padding: 0px 7.5px;
  }

  .apollo-homecare-features .box {
    margin-top: 15px;
    height: calc(100% - 15px);
    padding: 15px;
  }
}

@media (max-width: 768px) {
  .apollo-homecare-features {
    padding-top: 5px;
  }

  .apollo-homecare-features .row {
    grid-template-columns: repeat(2, 1fr);
  }

  .apollo-homecare-features .box h4 {
    font-size: 14px;
    line-height: 20px;
  }
}

.apollo-homecare-long-term .box {
  text-align: center;
}

.apollo-homecare-long-term .box img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin-bottom: 10px;
}

.apollo-homecare-long-term .box h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 3px;
}

.apollo-homecare-long-term .box p {
  margin: 0px;
}

@media (max-width: 992px) {
  .apollo-homecare-long-term .row {
    padding: 0px 7.5px;
  }

  .apollo-homecare-long-term .row .col {
    padding: 0px 7.5px;
  }

  .apollo-homecare-long-term .web-h {
    margin-bottom: 5px;
  }

  .apollo-homecare-long-term .box {
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  .apollo-homecare-long-term .box h4 {
    font-size: 14px;
    line-height: 20px;
  }
}

.apollo-homecare-counter .box {
  text-align: center;
}

.apollo-homecare-counter .box h2 {
  font-size: 50px;
  line-height: 56px;
  font-weight: bold;
  margin-bottom: 5px;
}

.apollo-homecare-counter .box p {
  margin: 0px;
}

@media (max-width: 768px) {
  .apollo-homecare-counter {
    padding-top: 5px;
  }

  .apollo-homecare-counter .box {
    margin-top: 15px;
  }

  .apollo-homecare-counter .box h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 0px;
  }
}

/*APOLLO HOMECARE WORK END*/

/* APOLLO ELDERCARE WORK START */
.apollo-eldercare-offering .box {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.apollo-eldercare-offering .box .box-top {
  padding: 30px 20px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.apollo-eldercare-offering .box .box-top.silver {
  background: linear-gradient(135deg, #bcc6cc 0%, #eee 50%, #bcc6cc 100%);
}

.apollo-eldercare-offering .box .box-top.gold {
  background: linear-gradient(135deg, #c39738 0%, #deb761 50%, #c39738 100%);
}

.apollo-eldercare-offering .box .box-top.gold:after {
  animation-delay: 1s;
}

.apollo-eldercare-offering .box .box-top:after {
  content: "";
  top: 0;
  transform: translateX(100%) rotate(30deg);
  width: 300%;
  height: 300%;
  position: absolute;
  z-index: 1;
  animation: shine 3s infinite ease-in;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(128, 186, 232, 0) 99%,
    rgba(128, 186, 232, 0) 100%
  );
}

@keyframes shine {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(30deg);
  }

  80% {
    transform: translateX(-100%) translateY(-100%) rotate(30deg);
  }

  100% {
    transform: translateX(100%) translateY(100%) rotate(30deg);
  }
}

.apollo-eldercare-offering .box .box-top h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}

.apollo-eldercare-offering .box .box-top p {
  font-size: 16px;
  margin-bottom: 0px;
}

.apollo-eldercare-offering .box .box-heading {
  background-color: var(--greencolor);
  padding: 20px;
  color: white;
  text-align: center;
}

.apollo-eldercare-offering .box .box-heading h4 {
  font-size: 16px;
  margin: 0px;
  font-weight: bold;
}

.apollo-eldercare-offering .box .box-body {
  padding: 20px;
}

.apollo-eldercare-offering .box .box-body ul {
  margin: 0px;
  padding-left: 20px;
}

.apollo-eldercare-offering .box .box-body ul li {
  margin: 5px 0px;
  font-size: 16px;
}

/* APOLLO ELDERCARE WORK END */

.consult-new-banner {
  padding: 15px 0px;
  background: url("../../img/pharmacypage/pharmacy-background.webp");
  background-size: cover;
  position: relative;
}

.consult-new-banner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--greenrgb);
}

.consult-new-banner img {
  border-radius: 10px;
  height: 208px;
  object-fit: contain;
  background-color: #eee;
}

.consult-new-banner .box {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  height: 100%;
  text-align: center;
}

.consult-new-banner .box .web-h {
  margin-bottom: 20px;
}

.consult-new-banner .box img {
  width: 60px;
  height: 60px;
  background-color: transparent;
  margin: 0px auto 20px;
}

.consult-new-banner .box .web-btn {
  width: 100%;
}

.consult-new-banner .box hr {
  margin: 15px -20px 10px;
}

.consult-new-banner .box h4 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: left;
}

.consult-new-banner .box ul {
  padding-left: 20px;
  margin: 31px 0;
}

.consult-new-banner .box .contact-boxes {
  border: 1px solid #ddd;
  color: var(--btn2color);
  display: block;
  border-radius: 10px;
  text-align: center;
  padding: 20px;
  transition: all 0.3s 0s linear;
}

.consult-new-banner .box .contact-boxes:hover {
  border-color: var(--greencolor);
}

.consult-new-banner .box .contact-boxes .circle {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  background-color: var(--greencolor);
  border-color: var(--greencolor);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px auto 10px;
  transition: all 0.3s 0s linear;
}

.consult-new-banner .box .contact-boxes:hover .circle {
  background-color: var(--btn2color);
  border-color: var(--btn2color);
}

.consult-new-banner .box .contact-boxes .circle img {
  border-radius: 0px;
  height: 25px;
}

.consult-new-banner .box .contact-boxes p {
  font-weight: bold;
  margin: 0px;
  text-transform: uppercase;
}

.consult-headings {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .consult-headings {
    display: block;
    text-align: center;
  }

  .consult-new-banner img {
    margin-bottom: 15px;
    height: 100px;
  }

  .consult-new-banner .box {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .consult-new-banner .box .web-h {
    margin: 0;
  }

  .consult-new-banner .box .web-btn {
    width: auto;
  }

  .consult-new-banner .box ul {
    margin: 15px 0;
  }

  .consult-new-banner .box .contact-boxes .circle img {
    margin-bottom: 0;
  }

  .consult-new-banner .box .contact-boxes {
    padding: 10px;
  }
}

/* consultdoctor-doctors work start */
.consultdoctor-doctors .box {
  background-color: white;
  border: 1px solid #878787;
  border-radius: 10px;
  transition: all 0.3s 0s linear;
  overflow: hidden;
  padding: 20px;
  position: relative;
  margin-top: 25px;
}
.consultdoctor-doctors .web-h {
  margin-bottom: 5px;
}

.consultdoctor-doctors .box:hover {
  border-color: var(--greencolor);
  background-color: #eee;
}

.consultdoctor-doctors .box .live-img {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 15px;
  width: auto;
}

.consultdoctor-doctors .box .box-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.consultdoctor-doctors .box .box-top .dr-img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--greencolor);
}

.consultdoctor-doctors .box .box-top .dr-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.consultdoctor-doctors .box .box-top .dr-details {
  width: calc(100% - 85px);
  font-size: 12px;
  line-height: 16px;
  color: var(--btn2color);
}

.consultdoctor-doctors .box .box-top .dr-details .badge {
  background-color: var(--lightgreencolor);
  font-size: 10px;
  padding: 5px 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  letter-spacing: 0.5px;
}

.consultdoctor-doctors .box .box-top .dr-details h5 {
  font-weight: bold;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}

.consultdoctor-doctors .box .box-top .dr-details h5 span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.consultdoctor-doctors .box .box-top .dr-details h5 .verified {
  height: 20px;
  width: auto;
  margin-left: 5px;
}

.consultdoctor-doctors .box .box-top .dr-details .dr-info {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 5px;
}

.consultdoctor-doctors .box .box-top .dr-details .dr-exp {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
}

.consultdoctor-doctors .box .box-top .dr-details .dr-exp li {
  list-style: none;
  margin-right: 15px;
}

.consultdoctor-doctors .box .box-top .dr-details .dr-exp li i {
  opacity: 0.5;
}

.consultdoctor-doctors .box hr {
  margin: 15px 0px;
}

.consultdoctor-doctors .box .box-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

.consultdoctor-doctors .box .box-bottom p {
  width: 50%;
  font-size: 12px;
  line-height: 18px;
  margin: 0px;
}

.consultdoctor-doctors .box .box-bottom p b {
  font-size: 14px;
}

.consultdoctor-doctors .box .web-btn {
  margin: 20px -20px -20px;
  border-radius: 0px;
  width: calc(100% + 40px);
}

@media (max-width: 768px) {
  .consultdoctor-doctors .box {
    padding: 15px;
  }

  .consultdoctor-doctors .box .web-btn {
    margin: 15px -15px -15px;
    width: calc(100% + 30px);
  }
}

/* consultdoctor-doctors work end */

.filter-btn {
  text-align: center;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
  background-color: var(--greencolor);
  color: white !important;
  margin: 0 15px;
  border-radius: 6px;
}

.filter-btn img {
  height: 15px;
  width: auto;
  margin-right: 5px;
  filter: invert();
}

.consultation-video-section .web-h {
  margin-bottom: 5px;
}

.consultation-video-section .vid {
  width: 100%;
  display: block;
  vertical-align: top;
  position: relative;
  cursor: pointer;
  border: 1px solid #ddd;
  padding: 15px;
  height: calc(100% - 25px);
  border-radius: 10px;
  margin-top: 25px;
}

.consultation-video-section .vid .img-box {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  height: 220px;
}

.consultation-video-section .vid .img-box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgb(0 0 0 / 20%);
}

.consultation-video-section .vid .img-box .play-icon {
  position: absolute;
  width: 40px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  filter: invert(1);
}

.consultation-video-section .vid .thumbnail {
  width: 100%;
  height: 100%;
  margin-bottom: 5px;
  border: none;
  object-fit: cover;
  background-color: #ededed;
  background: linear-gradient(
      100deg,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 0) 60%
    )
    #ededed;
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s loading ease-in-out infinite;
}

.consultation-video-section .vid h4 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin: 10px 0px 0px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.consultation-video-section .video-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1999;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  display: none !important;
}

.consultation-video-section .video-popup.show-video {
  display: flex !important;
}

.consultation-video-section .video-popup .iframe-wrapper {
  position: relative;
  width: 700px;
  height: 540px;
}

.consultation-video-section .video-popup .iframe-wrapper iframe {
  width: 100%;
  height: 100%;
}

.consultation-video-section .video-popup .iframe-wrapper .close-video {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: -20px;
  right: -12px;
  background: url(https://www.secondmedic.com/utility/icons/close.webp) #fff
    no-repeat center;
  background-size: 12px 12px;
  border-radius: 50%;
}

@media (max-width: 768px) {
  .consultation-video-section .vid {
    margin-top: 15px;
  }

  .consultation-video-section .vid .img-box {
    height: 150px;
  }

  .consultation-video-section .video-popup .iframe-wrapper {
    width: 85%;
    height: 35%;
  }
}

.doctor-details .doctor-box .stars {
  height: 20px;
  display: flex;
  align-items: center;
}

.doctor-details .doctor-box .stars .fa {
  width: 16px;
  height: 14px;
  display: block;
  margin-right: 5px;
}

.doctor-details .doctor-box .fa-info-circle {
  width: 15px;
  height: 15px;
}

@media (max-width: 767px) {
  .doctor-details .doctor-box .stars {
    height: 18px;
  }

  .doctor-details .doctor-box .stars .fa {
    width: 16px;
    height: 14px;
  }
}

.doctors .doctor-box .stars {
  height: 20px;
}

.doctors .doctor-box .stars .fa {
  width: 16px;
  height: 14px;
  display: inline-block;
}

@media (max-width: 767px) {
  .doctors .doctor-box .stars {
    height: auto;
  }
}

.my_video_section {
  padding: 40px 0px !important;
}
@media (max-width: 767px) {
  .my_video_section {
    padding: 20px 0px !important;
  }
  .my_video_section .web-h {
    display: block !important;
    margin-bottom: 5px;
  }
  .my_video_section .web-h > div {
    width: 100%;
  }
  .my_video_section .web-h h3 {
    font-size: 20px;
    font-weight: bold;
  }
}

/* Specialist By City Work Start */
.specialist-by-city .box {
  padding: 15px;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  text-align: center;
  border-radius: 10px;
  display: block;
  background: #fff;
  margin-top: 15px;
  font-weight: 700;
  font-size: 14px;
}
/* Specialist By City Work End */

.btns .load {
  padding: 15px;
  margin-bottom: 20px;
}
.doctors .doctor-box .experience {
  padding: 8px 40px;
}
.btns .view {
  border-radius: 5px;
  background-color: #fff;
  transition: color 0.3s ease;
}
.btns .view:hover {
  border: 1px solid var(--greencolor);
  color: var(--greencolor);
}
.card-body .form-group .find {
  background-color: #fff !important;
  border: 1px solid#ddd !important;
}
.doctor-details .doctor-box .detail-experience {
  padding: 8px 75px !important;
  background-color: var(--greencolor);
  color: #fff;
}
.doctor-details .card .doc-consult {
  background-color: var(--greencolor);
  text-align: center;
  border: 1px solid #ddd;
}
.doctor-details .card .doc-consult h4 {
  color: #fff;
}
.doctor-details .card .faq {
  background-color: var(--greencolor);
  border: 1px solid #ddd;
}
.doctor-details .card .faq h4 {
  color: #fff;
}
.form-group .bg-change {
  background-color: #a5b0ad1f;
  border: 1px solid #ddd;
}
.doctor-details .card {
  border: 1px solid #ddd;
}