.health-insights-slider__wrapper {
     display: flex;
     flex-direction: column;
     gap: 20px;
     max-width: 1800px;
     width: 100%;
     margin-inline: auto;
}

.health-insights-slider__wrapper .e-loop-item {
     height: 100% !important;
}

.health-insights-slider__wrapper .article-blog-item {
     height: 100% !important;
}

.health-insights-slider__wrapper .carouselTicker__list {
     display: flex;
     align-items: stretch;
}

#health-slider-main {
     --gradient-width: 300px;
     position: relative;
     overflow-x: clip;
}

#health-slider-main::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF00 100%);
     height: 100%;
     width: var(--gradient-width);
     z-index: 3;
}

#health-slider-main::before {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     background: linear-gradient(to left, #FFFFFF 0%, #FFFFFF00 100%);
     height: 100%;
     width: var(--gradient-width);
     z-index: 3;
     left: auto;
}


/* Weight Loss Slider */

.weight-loss-slider .swiper,
.related-article-grid .swiper {
     overflow-y: visible !important;
     overflow-x: clip !important;
}

.related-article-grid .swiper {
     padding: 0px 5px !important;
}

.weight-loss-slider .swiper-slide {
     transform: translateY(58px);
}
.weight-loss-slider.tab-slider .swiper-slide {
     transform: translateY(0px);
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
}

.support-box-item {
     height: 100% !important;
}

.weight-loss-slider::after {
     content: '';
     position: absolute;
     background: #d9d9d9;
     width: calc(100% - 172px);
     height: 1px;
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
}

/* active slide up */
.weight-loss-slider .swiper-slide-active+.swiper-slide {
     transform: translateY(-58px);
     -webkit-transform: translateY(-58px);
     -moz-transform: translateY(-58px);
     -ms-transform: translateY(-58px);
     -o-transform: translateY(-58px);
}

.well-being-item:hover>div:first-child,
.support-box-item:hover>div:first-child {
     background: #F2F7FB;
}



.well-being-item,
.vision-box-hover-border,
.support-box-item {
     position: relative;
}

.well-being-item::after {
     content: "";
     position: absolute;
     background: #0A6C8F;
     bottom: -51px;
     left: 0;
     width: 0;
     height: 3px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}

.support-box-item::after {
     content: "";
     position: absolute;
     background: #0A6C8F;
     bottom: -62px;
     left: 0;
     width: 0;
     height: 3px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}

.weight-loss-slider .swiper-slide-active+.swiper-slide .support-box-item::after {
     width: 100% !important;
     bottom: -120px !important;
}

.vision-box-hover-border::before {
     content: "" !important;
     position: absolute !important;
     border: 1px solid rgba(10, 108, 143, 0.3) !important;
     width: 100% !important;
     height: calc(100% + 10px) !important;
     top: -5px !important;
     left: -5px ! IMPORTANT;
     border-radius: 20px !important;
     -webkit-border-radius: 20px !important;
     -moz-border-radius: 20px !important;
     -ms-border-radius: 20px !important;
     -o-border-radius: 20px !important;
     opacity: 0 !important;
     z-index: -1 !important;
}

.well-being-item:hover::before {
     opacity: 1 !important;
}

.well-being-item:nth-child(2)::after,
.support-box-item:nth-child(2)::after {
     bottom: -101px;
}

.well-being-item:hover::after {
     width: 100%;
}

.well-being-item:hover,
.support-box-item:hover {
     cursor: pointer;
     border-color: rgb(10, 108, 143, 0.3) !important;
}

.well-being-item:hover h4,
.well-being-item:hover p,
.support-box-item:hover h4,
.support-box-item:hover p,
.service-item:hover h3,
.service-item:hover p {
     color: #0A6C8F;
}

.well-being-item:hover svg path,
.support-box-item:hover svg path {
     fill: #0A6C8F !important;
}

/* shap set */
/* LEFT image cut */
#blank_div::before {
     content: "";
     position: absolute;
     left: -85px;
     bottom: 0;
     width: 85px;
     height: 92px;
     background: transparent;
     border-bottom-right-radius: 30px;
     box-shadow: 20px 20px 0 #F6F6F6;
}

#shape-div::before {
     content: "";
     position: absolute;
     left: -85px;
     bottom: 0;
     width: 85px;
     height: 90px;
     background: transparent;
     border-bottom-right-radius: 30px;
     box-shadow: 10px 20px 0 #F6F6F6;
}

/* RIGHT image cut */
#blank_div::after,
#shape-div::after {
     content: "";
     position: absolute;
     top: -100px;
     right: 0;
     width: 100px;
     height: 100px;
     background: transparent;
     border-bottom-right-radius: 30px;
     box-shadow: 20px 20px 0 #F6F6F6;
}

.common-icon .elementor-icon-wrapper {
     display: flex;
     justify-content: center;
}

.explore-care .elementor-icon-wrapper .elementor-icon svg,
.explore-care .elementor-icon-wrapper .elementor-icon {
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
}

.explore-care .elementor-icon-wrapper .elementor-icon:hover {
     background: #0A6C8F;
     cursor: pointer;
}

.explore-care .elementor-icon-wrapper .elementor-icon:hover svg {
     fill: #fff;
}

.explore-exceptional-item {
     /* min-width: 0; */
     flex-shrink: 1 !important;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     position: relative;
}

.explore-exceptional-item.active {
     /* flex: 2; */
     /* max-width: 441px; */
     flex-shrink: 0.85 !important;
}

.explore-exceptional-item::after {
     content: "";
     position: absolute;
     top: auto;
     bottom: -51px;
     left: 0;
     width: 10;
     height: 3px;
     background: #0A6C8F;
     transition: opacity 0.3s ease-in-out;
     -webkit-transition: opacity 0.3s ease-in-out;
     -moz-transition: opacity 0.3s ease-in-out;
     -ms-transition: opacity 0.3s ease-in-out;
     -o-transition: opacity 0.3s ease-in-out;
     border-radius: 10px;
}

.explore-exceptional-item.active::after {
     width: 100%;
}

.explore-exceptional-item.active>div {
     background: rgb(10, 108, 143, 0.05);
}

.explore-exceptional-item.active .e-heading-base,
.explore-exceptional-item.active #cmn-link-heading {
     color: #0A6C8F !important;
}

.explore-exceptional-item.active img.e-image-base,
.explore-exceptional-item.active .e-paragraph-base {
     display: block;
}

.cmn-btn-bottom-border {
     position: relative;
}

.cmn-btn-bottom-border a::after {
     content: '';
     position: absolute;
     background: #0A6C8F;
     width: 100%;
     height: 1px;
     left: 0;
     bottom: -2px;
}

.cmn-btn-bottom-border a:hover::after {
     background: #000 !important;
}

.book-today-form form .elementor-form-fields-wrapper input:focus,
.book-today-form form .elementor-form-fields-wrapper textarea:focus,
.book-today-form form .elementor-form-fields-wrapper select:focus,
.wellness-form form .elementor-form-fields-wrapper input:focus,
.wellness-form form .elementor-form-fields-wrapper textarea:focus,
.wellness-form form .elementor-form-fields-wrapper select:focus {
     box-shadow: none !important;
}

.custom-input-wrap {
     width: 100%;
}

.book-today-form form .elementor-form-fields-wrapper .custom-input-wrap::after,
.wellness-form form .elementor-form-fields-wrapper .custom-input-wrap::after {
     content: '';
     position: absolute;
     background: #0A6C8F !important;
     width: 56px;
     height: 1px;
     left: 40px;
     bottom: 0px;
}

.book-today-form form .elementor-form-fields-wrapper .custom-input-wrap input::placeholder,
.wellness-form form .elementor-form-fields-wrapper .custom-input-wrap input::placeholder {
     opacity: 1 !important;
}

.enquiry-form .elementor-form:has(.elementor-message) .elementor-field-group.elementor-column:not(:last-child) {
     margin-bottom: 50px !important;
}

.elementor-message.elementor-message-danger {
     position: absolute !important;
     left: 20px;
     margin: 0;
     bottom: -24px;
     font-size: 12px !important;
}

.enquiry-form .elementor-form span.elementor-message {
     position: absolute !important;
     top: 100% !important;
     text-align: center !important;
}

.elementor-message.elementor-message-danger:not(span.elementor-message) {
     margin-top: 30px !important;
     text-align: center !important;
}

.cmn-icon-fill svg path {
     fill: none !important;
}

.health-tips-img-overlay,
.cmn-heading-right-line {
     position: relative;
}

.health-tips-img-overlay::after {
     content: '';
     position: absolute;
     background: linear-gradient(360deg, rgba(0, 0, 0, 0.9) 19.17%, rgba(0, 0, 0, 0) 55.09%);
     border-radius: 20px !important;
     width: 100%;
     height: 100%;
     inset: 0;
}

.cmn-heading-right-line::after {
     content: '';
     position: absolute;
     background-color: rgba(255, 255, 255, 0.2);
     width: 2px;
     height: 25px;
     right: -9px;
     top: 45%;
     transform: translateY(-50%) !important;
}

.banner-bread-crumbs ul li a {
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
}

.banner-bread-crumbs ul li a:hover .elementor-icon-list-text {
     color: #0A6C8F !important;
}

.banner-bread-crumbs ul li:last-child .elementor-icon-list-text {
     font-weight: 700 !important;
}

.cmn-tips-box-shadow-overlay {
     position: relative;
}

.cmn-tips-box-shadow-overlay::after {
     content: '';
     position: absolute;
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 55.09%);
     width: 100%;
     height: 100%;
     inset: 0;
     border-radius: 28px;
     -webkit-border-radius: 28px;
     -moz-border-radius: 28px;
     -ms-border-radius: 28px;
     -o-border-radius: 28px;
}

.chronic-tab-main button * {
     transition: 0.4s all ease-in-out;
     -webkit-transition: 0.4s all ease-in-out;
     -moz-transition: 0.4s all ease-in-out;
     -ms-transition: 0.4s all ease-in-out;
     -o-transition: 0.4s all ease-in-out;
}

.chronic-tab-main button.e--selected,
.chronic-tab-main button:hover {
     background-color: #0A6C8F !important;
}

.chronic-tab-main button.e--selected span,
.chronic-tab-main button:hover span {
     color: #FFFFFF !important;
}

.faq-main-block .e-n-accordion details:not(:last-child) {
     box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}

.faq-main-block .e-n-accordion details summary .e-n-accordion-item-title-icon {
     width: 40px;
     height: 40px;
     background: #0A6C8F !important;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     padding: 13px;
}

.insurance-logo-main .insurance-logo-inner {
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     border-radius: 16px;
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     -ms-border-radius: 16px;
     -o-border-radius: 16px;
}

.insurance-logo-main:hover .insurance-logo-inner {
     background-color: rgba(10, 108, 143, 0.05);
}

.support-slider-main .swiper {
     overflow-y: visible !important;
     overflow-x: clip !important;
}

.support-slider-main .elementor-swiper-button {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 60px;
     width: 60px;
}

.support-slider-main {
     position: relative;
}

.support-slider-main::after {
     content: '';
     position: absolute;
     background: #d9d9d9 !important;
     width: calc(100% - 168px);
     height: 1px;
     left: 80px;
     bottom: 20px;
     z-index: 9999999;
}

.explore-exceptional-item #cmn-link-heading {
     color: #000000 !important;
}

.service-item * {
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
}

.service-item:hover>div:first-child {
     background-color: rgba(10, 108, 143, 0.05) !important;
}

.service-item:hover .medical-services-icon .elementor-icon svg path {
     fill: rgba(10, 108, 143, 0.1) !important;
}

.service-item .medical-services-icon .elementor-icon svg path {
     fill: rgba(0, 0, 0, 0.1) !important;
}

.service-item:hover .medical-service-plus-icon .elementor-icon svg path {
     fill: #FFFFFF !important;
}

.service-item:hover .medical-service-plus-icon .elementor-icon {
     background: #0A6C8F !important;
}

.cmn-img-height-100 {
     height: 100% !important;
}

.article-blog-item *,
.post-detail-block * {
     transition: all 0.4s ease-in-out;
}

.article-blog-item:hover .article-post-img {
     transform: scale(1.1);
}

.article-blog-item:hover .article-blog-post-title .elementor-heading-title {
     color: #0A6C8F !important;
}

.article-blog-item:hover .blog-post-readmore-btn .elementor-heading-title {
     color: #000000 !important;
}

.article-blog-item:hover .blog-post-readmore-btn {
     border-color: #000000 !important;
}

.title-align-left h2 {
     text-align: left !important;
}

.post-detail-block p a,
.post-detail-block p a strong,
.post-detail-block table tr td a strong {
     color: #000000 !important;
}

.post-detail-block p a:hover,
.post-detail-block p a:hover strong,
.post-detail-block table tr td a:hover strong {
     color: #0A6C8F !important;
}

/* .article-blog-item{
     height: 100% !important;
} */

.cmn-menu-item-line nav ul * {
     transition: all 0.5s ease-in-out !important;
}

.cmn-menu-item-line nav ul li a {
     border-radius: 0px 10px 10px 0px;
}

.medicale-services-menu nav,
.cmn-menu-item-line nav ul li a {
     position: relative !important;
}

.medicale-services-menu nav ul {
     display: grid !important;
     grid-template-columns: repeat(2, 1fr);
     column-gap: 23px;
}

.cmn-menu-item-line nav ul li a::after {
     content: '' !important;
     position: absolute !important;
     background: #0A6C8F !important;
     width: 3px !important;
     height: 100% !important;
     left: 0;
     top: 0;
     border-radius: 0px 5px 5px 0px;
     opacity: 0;
     transition: 0.3s all ease-in-out;
}

/* .cmn-menu-item-line nav ul li a:hover::after {
     opacity: 1 !important;
}

.cmn-menu-item-line nav ul .current-menu-item a::after {
     opacity: 1 !important;
} */

/* .cmn-menu-item-line nav ul li a:hover{
     font-weight: 700 !important;
} */

/* .medicale-services-menu nav::after {
     content: '';
     position: absolute;
     background: rgba(0, 0, 0, 0.1);
     width: 1px;
     height: 100%;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
} */

.asthetic-services-menu nav ul li a .sub-arrow svg {
     transition: all 0.2s ease-in-out !important;
}

.asthetic-services-menu nav ul li a .sub-arrow {
     position: absolute;
     right: 18px;
}

.asthetic-services-menu nav ul .current-menu-item a .sub-arrow svg,
.asthetic-services-menu nav ul li a:hover .sub-arrow svg,
.asthetic-services-menu nav ul li a.highlighted .sub-arrow svg {
     transform: scaleX(-1);
     fill: #0A6C8F;
}

.asthetic-services-menu nav ul li .sub-menu {
     margin-left: 0px !important;
     left: calc(100% + 40px) !important;
     width: 100% !important;
}

.asthetic-services-menu nav ul li .sub-menu li:not(:last-child) {
     margin-bottom: 20px;
}

.asthetic-services-menu nav ul li .sub-menu li a {
     border-radius: 0px 10px 10px 0px !important;
     border: none !important;
}

.cmn-menu-item-line .elementor-item.has-submenu.highlighted::after {
     opacity: 1 !important;
}

.better-health-item .better-health-item-inner {
     transition: all 0.3s ease-in-out;
     height: 100%;
}

.better-health-item:hover .better-health-item-inner {
     background: rgba(10, 108, 143, 0.05) !important;
}

#cmn-word-break{
     word-break: break-all !important;
}

@media (min-width: 1367px) and (max-width: 1400px) {
     .h-navigation-menu .e-n-menu-wrapper ul li .e-n-menu-title {
          padding: 10px 18px !important;
     }
}

@media (min-width: 1201px) and (max-width: 1366px) {
     .weight-loss-slider::after {
          bottom: -7px;
     }

     .weight-loss-slider .swiper-slide-active+.swiper-slide .support-box-item::after {
          bottom: -117px !important;
     }

     .service-item:hover .medical-service-plus-icon .elementor-icon,
     .explore-care .elementor-icon {
          padding: 18px !important;
     }

     .asthetic-services-menu nav ul li .sub-menu li:not(:last-child) {
          margin-bottom: 10px !important;
     }
}


@media (max-width: 1366px) {
     .book-today-form form .elementor-form-fields-wrapper {
          margin-left: calc(-30px / 2) !important;
          margin-right: calc(-30px / 2) !important;
          margin-bottom: -20px !important;
     }

     .book-today-form form .elementor-form-fields-wrapper .elementor-field-group {
          padding-right: calc(30px / 2) !important;
          padding-left: calc(30px / 2) !important;
          margin-bottom: 20px !important;
     }

     .wellness-form form .elementor-form-fields-wrapper {
          margin-left: calc(-30px / 2) !important;
          margin-right: calc(-30px / 2) !important;
          margin-bottom: -20px !important;
     }

     .wellness-form form .elementor-form-fields-wrapper .elementor-field-group {
          padding-right: calc(30px / 2) !important;
          padding-left: calc(30px / 2) !important;
          margin-bottom: 20px !important;
     }

     .asthetic-services-menu nav ul li .sub-menu li a {
          padding-top: 5px !important;
          padding-bottom: 5px !important;
          width: 100% !important;
     }

     .asthetic-services-menu nav ul li .sub-menu {
          margin-left: 0px !important;
          width: 100% !important;
     }

     #health-slider-main {
          --gradient-width: 200px;
     }
}

@media (max-width: 1200px) {
     .h-navigation-menu .e-n-menu-item:has(.current-menu-item) .e-n-menu-title {
          background: transparent !important;
     }

     .h-navigation-menu .e-n-menu-item:has(.current-menu-item) .e-n-menu-title > a .e-n-menu-title-text {
          color: #0A6C8F !important;
     }

     .h-navigation-menu .e-n-menu-item:has(.current-menu-item) .e-n-menu-title .e-n-menu-dropdown-icon svg path {
          fill: #0A6C8F !important;
     }
}

@media (min-width: 1025px) and (max-width: 1200px) {
     .weight-loss-slider::after {
          bottom: -8px;
          width: calc(100% - 144px);
     }

     .weight-loss-slider .swiper-slide-active+.swiper-slide .support-box-item::after {
          bottom: -108px !important;
     }

     .service-item .medical-service-plus-icon .elementor-icon,
     .explore-care .elementor-icon {
          padding: 15px !important;
     }
}

@media (max-width:1024px) {
     .well-being-item::after {
          bottom: -31px;
     }

     .well-being-item:nth-child(2)::after {
          bottom: -61px;
     }

     #blank_div::before {
          left: -52px;
          width: 52px;
          height: 50px;
          border-bottom-right-radius: 20px;
     }

     #shape-div::before {
          left: -52px;
          width: 52px;
          height: 65px;
          border-bottom-right-radius: 20px;
     }

     #blank_div::after,
     #shape-div::after {
          top: -50px;
          width: 51px;
          height: 50px;
          border-bottom-right-radius: 20px;
     }

     /* accordion item */
     .explore-exceptional-item {
          overflow: hidden;
          transition:
               all 0.45s ease;
     }

     .explore-exceptional-item .e-paragraph-base {
          max-height: 0;
          overflow: hidden;
          opacity: 0;
          transition:
               max-height 0.45s ease,
               opacity 0.3s ease,
               margin-top 0.3s ease;

          margin-top: 0;
     }

     .explore-exceptional-item.active .e-paragraph-base {
          opacity: 1;
          margin-top: 15px;
     }

     .explore-exceptional-item::after {
          display: none;
     }

     .book-today-form form .elementor-form-fields-wrapper .elementor-field-group {
          padding-right: calc(20px / 2) !important;
          padding-left: calc(20px / 2) !important;
     }

     .wellness-form form .elementor-form-fields-wrapper .elementor-field-group {
          padding-right: calc(20px / 2) !important;
          padding-left: calc(20px / 2) !important;
     }

     .elementor-message.elementor-message-danger {
          left: 10px !important;
     }

     .service-item .medical-service-plus-icon .elementor-icon,
     .explore-care .elementor-icon {
          padding: 14px !important;
     }

     .asthetic-services-menu nav ul li .sub-menu {
          margin-left: 0px !important;
          left: calc(100% + 200px) !important;
          width: 100% !important;
          margin-top: -28px !important;

     }

     .vision-box-hover-border::before {
          opacity: 0 !important;
     }

     .well-being-item::after {
          opacity: 0 !important;
     }

}

@media (min-width: 1024px) and (max-width: 1024px) {
     .weight-loss-slider::after {
          bottom: -6px;
          width: calc(100% - 144px);
     }

     .weight-loss-slider .swiper-slide-active+.swiper-slide .support-box-item::after {
          bottom: -106px !important;
     }
}

@media (max-width: 1023px) {
     .weight-loss-slider::after {
          bottom: -6px;
          width: calc(100% - 144px);
     }

     .weight-loss-slider .swiper-slide-active+.swiper-slide .support-box-item::after {
          bottom: -106px !important;
          width: calc(100% - 70px) !important;
     }

     #health-slider-main {
          --gradient-width: 100px;
     }
}


@media (max-width: 880px) {
     .faq-main-block .e-n-accordion details summary .e-n-accordion-item-title-icon {
          width: 37px;
          height: 37px;
          padding: 12px;
     }

     .article-post-bottom-block {
          flex-grow: 1 !important;
     }
}

@media (min-width:767px) and (max-width: 767px) {
     .weight-loss-slider .elementor-swiper-button.elementor-swiper-button-prev {
          left: 22px !important;
     }

     .weight-loss-slider .elementor-swiper-button.elementor-swiper-button-next {
          right: 22px !important;
     }
}

@media (max-width:767px) {
     .well-being-item::after {
          display: none;
     }

     .weight-loss-slider .swiper-slide-active+.swiper-slide .support-box-item::after {
          bottom: -101px !important;
          width: calc(100% - 60px) !important;
     }

     .weight-loss-slider::after {
          bottom: -6px;
          width: calc(100% - 124px);
     }

     .asthetic-services-menu nav ul li .sub-menu {
          left: 0 !important;
          position: relative !important;
          margin-top: 20px !important;
     }

     #health-slider-main {
          --gradient-width: 40px;
     }

}

@media (max-width: 766px) {
     .weight-loss-slider .swiper-slide-active+.swiper-slide .support-box-item::after {
          bottom: -106px !important;
          width: 0px !important;
     }

     .weight-loss-slider::after {
          bottom: -6px;
          width: 0px;
     }

     .weight-loss-slider .swiper-slide-active+.swiper-slide {
          transform: translateY(0px);
          -webkit-transform: translateY(0px);
          -moz-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
     }

     .weight-loss-slider .swiper-slide {
          transform: translateY(0px);
          -webkit-transform: translateY(0px);
          -moz-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
     }

     .support-box-item {
          cursor: pointer;
          border-color: rgb(10, 108, 143, 0.3) !important;
     }

     .support-box-item h4,
     .support-box-item p {
          color: #0A6C8F !important;
     }

     .support-box-item svg path {
          fill: #0A6C8F;
     }

     .support-box-item>div:first-child {
          background: #F2F7FB;
     }

}

@media (max-width: 575px) {
     .service-item {
          max-width: 100% !important;
     }

     .common-loopgrid-block .elementor-grid {
          grid-template-columns: repeat(1, 1fr) !important;
     }

     .medicale-services-menu nav ul {
          grid-template-columns: repeat(1, 1fr) !important;
          column-gap: 10px;
          display: flex !important;
          flex-direction: column !important;
     }

     .medicale-services-menu nav::after {
          width: 0px !important;
     }

     .cmn-width-100 {
          width: 100% !important;
     }

     .cmn-height-100{
          height: 100% !important;
     }
}

@media (max-width: 440px) {
     .common-grid-block {
          display: flex !important;
          flex-direction: column !important;
     }
}