h1,
h6,
h2,
h3,
h4,
h5,
h6,
a,
p {
    word-break: normal !important;
}

.bs-hero .bs-hero-left {
    position: relative;
    background-image: url(../images/hero-bg.png);
    background-color: #061A3A;
}

.lb-style3 .lb-hero-content p {
    font-size: 20px;
    line-height: 32px !important;
}

.col-lg-6.col-md-6.col-sm-12.bs-hero-right,
.bs-hero .bs-hero-left {
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.bs-hero-text {
    max-width: 525px;
    display: inline-block;
    text-align: left;
}

figure {
    position: relative;
}

.bs-cardialogy .ptc-heading h2 {
    margin-bottom: 30px;
}

.bs-hero-left figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: right;
    padding: 150px 60px 0 0;
    z-index: 111;
}

.bs-cardialogy p {
    font-size: 16px;
    line-height: 30px;
}

.bs-hero [class*="col-"] {
    padding: 0;
}

.bs-hero-right img {
    width: 100%;
}

.bs-hero-right span,
.bs-hero-left figure .bs-left-image {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-size: contain;
}

.bs-hero .bs-hero-left .bs-hero-text .bs-hero-covid {
    background-color: #2b7076;
    padding: 6px 21px 6px 5px;
    border-radius: 20px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    border: 1px solid #558c91;
}

.bs-hero .bs-hero-left .bs-hero-text .bs-hero-covid .bs-hero-new {
    background-color: #fff;
    color: #000;
    padding: 4px 16px;
    border-radius: 20px;
    margin-right: 20px;
}

.bs-hero .bs-hero-left h1 {
    padding-top: 0px;
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    margin: 15px 0;
}

.bs-hero .bs-hero-left .bs-hero-text p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
}

.bs-hero .bs-hero-left .bs-hero-text a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: #17869E;
    padding: 13px 0px;
    margin-top: 20px;
    text-decoration: none;
    width: 150px;
    text-align: center;
}

.bs-hero .bs-hero-left .bs-hero-text .play-icon {
    background-color: #fff;
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    line-height: 100px;
    text-align: center;
}

@keyframes pulse {
    from {
        transform: scale(2.3);
    }
    50% {
        transform: scale(2);
    }
    to {
        transform: scale(2);
    }
}

i.flaticon-play-button-arrowhead:hover {
    animation-name: pulse;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.bs-hero .bs-hero-left .bs-hero-text .play-icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: flex-end;
    height: 100%;
    font-size: 40px;
    padding: 0;
    transition: 0.6s ease;
}

.bs-hero-text .bs-video-popup {
    cursor: pointer;
    color: #061A3A !important;
    display: inline-block !important;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-right: -50px;
    width: 120px !important;
    height: 120px;
    padding: 0 !important;
    margin-top: -50px !important;
}

.col-lg-6.col-md-6.col-sm-12.bs-hero-right {
    background-image: url("../images/herosection_Right.png");
}

.bs-hero .bs-hero-right {
    padding: 0;
}

.right img {
    min-height: 100%;
    height: 701px;
}


/* counter */

.bs-counter {
    background: rgba(30, 48, 77, 0.5);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    border-radius: 5px;
    position: relative;
    padding: 20px 0;
}

.bs-counter h2 {
    font-size: 30px;
    color: #ffffff !important;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    display: inline-block;
}

.bs-pad {
    position: relative;
    z-index: 2;
    text-align: center;
    background: rgba(255, 255, 255, 0.35);
    border: 5px solid rgb(231 239 254 / 50%);
    border-radius: 5px;
    padding: 17px 0;
}

.bs-pad svg {
    color: #fff;
    font-size: 25px;
    position: relative;
}

.bs-count-number {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bs-counter .col {
    position: relative;
}

.bs-counter .col:not(:nth-child(4)):after {
    content: "";
    border-right: 2px solid rgba(255, 255, 255, 0.2);
    right: 0px;
    width: 2px;
    height: 100%;
    top: 0;
    position: absolute;
}

.bs-counter .row {
    align-items: center;
}

.bs-counter h6 {
    text-align: center;
    font-size: 16px;
    color: #ffffff;
}

.hls-about-us-description p {
    font-size: 16px;
}

.bs-inquiries .bs-inquiries-detail {
    display: flex;
    padding-block: 20.5px;
    padding-right: 0px;
    padding-left: 30px;
    position: relative;
    z-index: 111;
}

.bs-inquiries .bs-inquiries-detail p {
    font-size: 16px;
    color: #fff;
    margin: 0;
}

.ph-number {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.ph-icon {
    width: 70px;
    height: 70px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #17869E;
    border-radius: 4px;
    color: #fff;
    margin-right: 15px;
    font-size: 25px;
}

.ph-icon:hover {
    color: #fff;
}

.bs-counter:after {
    position: absolute;
    content: '';
    color: red;
    background-image: url(../images/map.png);
    z-index: 1;
    top: 0;
    width: 100%;
    height: 93%;
    background-size: 37%;
    background-position: right center;
    left: 0;
}

.bs-blog img {
    width: 100%;
}


/* second hero style counter  */

.lbs-counter .bs-pad h2 {
    font-weight: 600;
    font-size: 34px;
    line-height: 24px;
    margin: 0;
    color: #fff !important;
}

.lbs-counter .bs-pad h6 {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    margin: 0;
    color: #fff;
}

.lbs-counter {
    max-width: 100%;
    margin-top: 60px;
}

.lbs-counter .lbs-counter-col:last-child .bs-pad:after {
    content: none;
}

.lbs-work-main .bs-sec-heading-1.bs-align-center {
    width: 50%;
    margin: auto;
}

.hexa-services .bs-sec-heading-1 h4,
.hexa-services .bs-sec-heading-1 h2 {
    color: #fff !important;
}


/* Services section? */

.bs-services .bs-sec-heading-1 {
    margin: 5px 0 47px 0;
}

.bs-sec-heading-1 h4 {
    color: #17869E;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 0;
    letter-spacing: 0.0015em;
}

.bs-sec-heading-1 h2 {
    font-size: 30px;
    font-weight: 600;
}

.bs-cardialogy h3 {
    color: #ff6648;
}

h2,
h3 {
    color: #232323 !important;
}

.bs-services:after {
    content: "";
    background-image: url(../images/dot-copy.png);
    position: absolute;
    width: 600px;
    height: 425px;
    background-repeat: no-repeat;
    left: -10px;
    z-index: -1;
    top: -163px;
}

a.bs-video-popup {
    background-color: transparent !important;
}

.bs-services-col {
    background-color: #fbfdff;
    padding: 37px 21px 50px 16px;
    max-width: 270px;
    background-color: rgb(237 246 255 / 60%);
    clip-path: polygon(0% 0%, 100% 0%, 92% 90%, 0% 100%);
    border-radius: 5px;
    transition: 1s all ease;
    position: relative;
}

.bs-services-col:after {
    content: "";
    background-image: url(../images/clip-background.png);
    width: 170px;
    height: 130px;
    z-index: 1111;
    position: absolute;
    top: 0;
    right: 0;
}

.bs-services-col h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 25px 0 20px !important;
    margin-bottom: 0px;
    word-break: break-word;
}

.bs-services-col p {
    font-size: 16px;
    line-height: 24px;
    word-break: break-word;
}

.bs-services-col i {
    font-size: 50px;
    color: #17869E;
}

.bs-shop-outer {
    width: 271px;
    border-radius: 5px;
    background-color: rgb(224, 232, 241);
    clip-path: polygon(0 0, 100% 0%, 92% 90%, 0% 100%);
    padding: 1px;
    padding-bottom: 50px;
    height: 308px;
}

.bs-services .bs-fistrow {
    margin-bottom: 34px;
}

.bs-services-col:hover {
    background-color: #061A3A;
    color: #fff !important;
}

.bs-services-col:hover h3,
.bs-services-col:hover p,
.bs-services-col:hover i {
    color: #fff !important;
}

.bs-shap-outer {
    margin-bottom: 34px;
}

.bs-card-styling img a {
    max-width: 100%;
    height: 231px;
    width: 347px;
}


/* About? */

.bs-about-sec {
    margin-top: 52px;
}

.bs-about-sec .bs-content {
    width: 598px;
}

.bs-about-sec .bs-content h6 {
    color: #061A3A;
    font-size: 18px;
}

.bs-about-sec .bs-content h2 {
    color: #000;
    font-size: 35px;
    font-weight: 600;
    width: 500px;
}

.bs-about-sec .bs-content img {
    display: block;
}

.bs-about-sec .bs-about-content a {
    background-color: #17869E;
    color: white;
    text-decoration: none;
    font-size: 16px;
    transition: 0.7s ease;
    display: block;
    padding: 9px 0 !important;
    width: 138px !important;
    text-align: center;
}

.bs-about-sec .bs-about-content a:hover {
    background-color: #39CABBb5;
    transition: 0.5s ease;
}


/* Department */

.bs-department {
    padding-top: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 100px;
}

.bs-department-heading {
    padding-top: 100px;
}

.bs-inner-department {
    position: relative;
    padding: 100px 0 0;
}

.bs-inner-department:after {
    content: '';
    background-image: url(../images/Layer57.png) !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: 100% 100%;
    z-index: -1;
    background-repeat: no-repeat;
}

.bs-departmentpad {
    background-color: #EEF3F7;
    z-index: 1111;
    position: relative;
}

.bs-department .bs-department-heading {
    text-align: center;
    z-index: 1;
}

.bs-department .bs-department-heading h6 {
    color: #061A3A;
    font-size: 20px;
}

.bs-department .bs-department-heading h2 {
    font-size: 30px;
    font-weight: 600;
}

.bs-department i {
    font-size: 40px;
    position: relative;
    top: 10px;
    color: #17869E;
}

.bs-department .row {
    margin-bottom: 0;
}

.bs-box {
    text-align: center;
    background-color: #fff;
    border: 1px solid #e0e8f1;
    transition: 0.6s ease-out;
    width: 170px;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bs-box:hover .cardio-icons-set,
.bs-box:hover h2 {
    color: #fff !important;
}

.bs-department i.fa-chevron-right {
    color: #828282 !important;
    margin-top: 4px !important;
    font-size: 13px !important;
    top: 0 !important;
}

.bs-box:hover {
    cursor: pointer;
    background-color: #061A3A !important;
    color: #fff;
    transition: 0.6s ease;
}

.bs-box:hover i {
    color: #fff !important;
}

.bs-box:hover i.fa-chevron-right {
    transform: rotate(90deg);
    color: white !important;
}

.bs-box h2 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 18px;
    color: #000;
    line-height: 25px;
}


/* Team */

.bs-taem .row {
    position: relative;
    align-items: center;
}

.bs-transform img {
    z-index: 1;
    position: relative;
    border-radius: 5px !important;
}

.bs-transform {
    text-align: center;
    position: relative;
}

.bs-transform:after {
    content: '';
    width: 80%;
    height: 93%;
    border: 1px dashed #87b1e4;
    position: absolute;
    left: 60px;
    border-radius: 5px;
    transform: rotate(22deg);
    background-color: #e6effa;
    top: 9px;
}

.bs-newsletter-section {
    background-color: #061A3A;
}

.bs-sewsletter-section input {
    background-color: #2772d1 !important;
    color: white;
    outline: none;
    box-shadow: none;
    border: none;
}

.bs-newsletter-Section input::placeholder {
    color: #000000;
    opacity: 0.5;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #868686 !important;
}

.input-group .btn {
    position: relative;
    z-index: 2;
}

.bg-white {
    background-color: #fff !important;
}


/* Newsletter? */

.bs-newsletter .container .bs-newsletter-outer {
    background-color: #17869e;
    padding: 48px 0px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.newsletter-heading h4,
.newsletter-heading p {
    color: #fff;
}

.bs-newsletter h4 {
    font-weight: 600;
    font-size: 34px;
    line-height: 48px;
    text-transform: capitalize;
    color: #FFFFFF;
}

.bs-billing-address .form-row .select2-selection .select2-selection__rendered {
    border: 0 solid #ccc;
    padding-left: 12px !important;
    height: 56px;
    line-height: 56px !important;
    border-radius: 5px;
    border-radius: 5px;
}

.bs-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.input-group {
    max-width: 510px;
    background: #2772d1;
    padding: 4px;
    gap: 6px;
    margin-left: auto;
}

.input-group input {
    border: none;
    padding: 11px 9px 12px 18px;
    font-size: 13px;
    color: #fff;
}

.input-group input:focus {
    outline: none;
    color: #fff;
}

.bs-subscribe {
    background-color: #fff;
    border: none;
    border-radius: 0;
    padding: 9px;
}


/* Slider css */

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    -webkit-bs-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.bs-taem .swiper-slide img {
    display: block !important;
    max-width: 96px !important;
    margin: auto;
    height: 105px !important;
    object-fit: cover;
    cursor: pointer;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.bs-testimonial-desc {
    height: 80%;
    width: 100%;
}

.bs-testimonial-thumb {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.bs-testimonial-thumb .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.bs-testimonial-thumb .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bs-testimonial-slider {
    position: relative;
    overflow: hidden;
    padding-bottom: 95px;
}

.bs-testimonial-slider:after {
    content: "";
    background-image: url(../images/testimonial-img.svg);
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}

.bs-testimonial-slider h2 {
    font-size: 35px;
    font-weight: 600;
    word-break: break-word;
}

.lbs-testimonial .bs-testimonial-slider h2:after {
    content: none;
}

.bs-testimonial-slider h2:after {
    content: '';
    background-image: url("../images/qoma.png");
    position: absolute;
    width: 100px;
    height: 200px;
    background-repeat: no-repeat;
    right: -27px;
    top: 0px;
}

.bs-testimonial-slider .swiper-wrapper p {
    text-align: center;
    line-height: 30px;
    height: auto !important;
    margin: 0;
}

.bs-testimonial-slider .swiper-wrapper blockquote {
    margin: 0px 0px 0 13px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    top: 278px !important;
}

.swiper-container {
    position: unset !important;
}

.bs-team .swiper-slide img {
    width: 50px !important;
    border: 2px solid #fff;
    border-radius: 4px;
    object-position: 100% 14%;
}

.bs-aboutteam {
    padding: 100px 0 100px;
}

.lbs-testimonial h4,
.lbs-testimonial h2 {
    color: #fff !important;
}

.bs-testimonial-thumb .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
    width: 52px !important;
    margin-right: -11px;
}

.bs-testimonial-thumb .swiper-slide-thumb-active {
    opacity: 1 !important;
    z-index: 1;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 23px;
    left: 50px;
    width: 42px;
    background: #fff;
    border-radius: 4px;
    height: 42px;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    font-size: 10px !important;
    font-weight: 700;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    left: 51px !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 59px !important;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    margin-top: 59px !important;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    width: 40px !important;
    height: 40px !important;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 4px !important;
}

.swiper-button-prev {
    background: #fff;
    border-radius: 4px;
    height: 40px !important;
    width: 40px !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    line-height: 4 !important;
    text-align: center !important;
}

.bs-love {
    font-size: 22px;
    font-weight: 600;
    margin: 5px 0 15px;
}


/* Tab css */

.bs-department .nav {
    justify-content: space-between;
}

.bs-department .nav-tabs .nav-link {
    padding: 0;
}

.bs-department .nav-tabs {
    border-bottom: 0px solid #dee2e6;
    margin: auto;
}

.bs-department .nav-tabs .nav-link.active .bs-box {
    cursor: pointer;
    background-color: #061A3A !important;
    color: #fff;
    transition: 0.6s ease;
}

.bs-department .nav-tabs .nav-link.active .bs-box .fa-chevron-right {
    transform: rotate(90deg);
    color: white !important;
}

.bs-department .bs-tab {
    margin-bottom: 0;
    position: relative;
    top: 40px;
}

.bs-department li .active .bs-box h2,
.bs-department li .active .bs-box i {
    color: white !important;
}

li button .bs-box:hover h2 {
    color: #fff !important;
}

.bs-about-content h6 {
    color: #061A3A;
}

.bs-doctor-detail h2 {
    margin-bottom: 0px;
    line-height: 32px;
    font-size: 24px;
    font-weight: 600;
}

.bs-doctorland-grid .row {
    gap: 30px 0px;
}

.bs-doctorimg {
    position: relative;
}

.bs-doctor-top svg {
    width: 52px;
    height: 52px;
    background-color: #061A3A;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    border: 5px solid rgba(57, 202, 187, 0.25);
    position: absolute;
    right: 0px;
    bottom: -41px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bs-second-grid .bs-doctor-detail {
    padding: 30px;
    background-color: #ffffff;
    border-top: 0px;
}


/*hover show css*/


/* icon hover css  */

.bs-dr-social-share {
    z-index: 999;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.bs-dr-social-share .share-outer svg {
    text-align: center;
    line-height: 45px;
}

.bs-dr-social-share .share-outer:hover.right .share-submenu li:nth-child(1) {
    opacity: 1;
    left: 50px;
    transform: rotate(0deg);
    transition-delay: 0.08s;
    border-left: 1px dashed #cccccc;
}

.bs-dr-social-share .share-outer:hover.right .share-submenu li:nth-child(2) {
    opacity: 1;
    left: 100px;
    transform: rotate(0deg);
    transition-delay: 0.16s;
    border-left: 1px dashed #cccccc;
}

.bs-dr-social-share .share-outer:hover.right .share-submenu li:nth-child(3) {
    opacity: 1;
    left: 150px;
    transform: rotate(0deg);
    transition-delay: 0.24s;
    border-left: 1px dashed #cccccc;
}

.bs-dr-social-share .share-outer:hover.right .share-submenu li:nth-child(4) {
    opacity: 1;
    left: 200px;
    transform: rotate(0deg);
    transition-delay: 0.32s;
    border-left: 1px dashed #cccccc;
}

.bs-dr-social-share .share-outer:hover.right .share-submenu li:nth-child(5) {
    opacity: 1;
    left: 250px;
    transform: rotate(0deg);
    transition-delay: 0.4s;
    border-left: 1px dashed #cccccc;
}

.bs-dr-social-share .share-outer:hover.top .share-submenu li:nth-child(1) {
    opacity: 1;
    top: -56px;
    transition-delay: 0.08s;
    transform: rotateY(0deg);
}

.bs-dr-social-share .share-outer:hover.top .share-submenu li:nth-child(2) {
    opacity: 1;
    top: -112px;
    transition-delay: 0.16s;
    transform: rotateY(0deg);
}

.bs-dr-social-share .share-outer:hover.top .share-submenu li:nth-child(3) {
    opacity: 1;
    top: -169px;
    transition-delay: 0.24s;
    transform: rotateY(0deg);
}

.bs-dr-social-share .share-outer:hover.top .share-submenu li:nth-child(4) {
    opacity: 1;
    top: -224px;
    transition-delay: 0.32s;
    transform: rotateY(0deg);
}

.bs-dr-social-share .share-outer:hover.top .share-submenu li:nth-child(5) {
    opacity: 1;
    top: -255px;
    transition-delay: 0.4s;
    transform: rotateY(0deg);
}

.bs-dr-social-share .share-submenu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.share-submenu li:after {
    content: "";
    width: 47px;
    height: 52px;
    background-color: #C5E1E7;
    left: -3.5px;
    bottom: 11.5px;
    position: absolute;
    z-index: -1;
    border-radius: 4px;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.bs-dr-social-share .share-submenu li {
    transition: all ease-in-out 0.5s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    width: 100%;
    text-align: center;
    width: 40px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 10px;
}

.bs-dr-social-share .share-submenu li a {
    color: #fff !important;
    display: flex;
    box-shadow: inset 0 0 0 0 transparent;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    align-items: center;
    font-size: 25px !important;
    height: 45px;
    width: 40px;
    background-color: #17869E !important;
    border: 0px solid transparent;
    justify-content: center;
    padding: 0 0 !important;
}

.bs-dr-social-share .share-submenu li:hover:first-child>a {
    box-shadow: inset 0 0 0 25px #3b5999;
    transition: 0.5s ease;
}

.bs-dr-social-share .share-submenu li:hover:nth-child(2)>a {
    box-shadow: inset 0 0 0 25px #0077b5;
    transition: 0.5s ease;
}

.bs-dr-social-share .share-submenu li:hover:nth-child(3)>a {
    box-shadow: inset 0 0 0 25px #5da9dd;
    color: #fff;
    transition: 0.5s ease;
}

.bs-dr-social-share .share-submenu li:hover:last-child>a {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    transition: 0.5s ease;
    color: #fff;
}

.bs-dr-social-share .share-submenu li:nth-child(1) {
    transform: rotateX(45deg);
}

.bs-dr-social-share .share-submenu li:nth-child(2) {
    transform: rotateX(90deg);
}

.bs-dr-social-share .share-submenu li:nth-child(3) {
    transform: rotateX(135deg);
}

.bs-dr-social-share .share-submenu li:nth-child(4) {
    transform: rotateX(180deg);
}

.bs-dr-social-share.bottomLeft {
    bottom: 10px;
    left: 10px;
}

.bs-dr-social-share.bottomRight {
    display: flex;
    gap: 50px;
    align-items: center;
    width: 100%;
    justify-content: center;
}

li.share-outer.top {
    position: relative;
}

span.bs-outer-share {
    display: flex;
    box-shadow: inset 0 0 0 0 transparent;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    align-items: center;
    font-size: 25px;
    height: 45px;
    width: 40px;
    background-color: #17869E !important;
    color: #fff !important;
    border: 0px solid transparent;
    justify-content: center;
    cursor: pointer;
}

li.share-outer:after {
    content: "";
    width: 47px;
    height: 52px;
    background-color: #C5E1E7;
    left: -3.5px;
    bottom: -3.5px;
    position: absolute;
    z-index: -1;
    border-radius: 4px;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.bs-second-grid {
    max-width: 370px;
    width: 100%;
    margin: 0px auto;
}

.bs-testimonial-slider .ptc-heading {
    margin-bottom: 30px;
}

.love {
    margin-bottom: 20px;
}


/* tab img border */

.bs-imgbox {
    box-sizing: border-box;
    height: auto;
    width: auto;
}

.bs-half-border {
    border-style: none;
    display: inline-block;
    left: 30px;
}

.bs-half-border::before,
.bs-half-border::after {
    position: absolute;
    border: 1px dashed;
    border-color: #061A3A;
    content: '';
    z-index: 0;
}

.bs-half-border::before {
    height: 41%;
    width: 50%;
    right: 2px;
    bottom: 0px;
}

.dr-info-grid h5 {
    padding-right: 30px;
}

.dr-info-grid p {
    vertical-align: baseline;
    color: #232323;
    margin: 0;
}

.dr-info-grid div:first-child {
    width: calc(40% - 13.5px);
}

.dr-info-grid div:last-child {
    width: calc(60% - 13.5px);
}

.bs-half-border::after {
    height: 22.5%;
    width: 21%;
    right: 0px;
    top: 0px;
    left: 0px;
}

.bs-box-top:after {
    content: '';
    position: absolute;
    width: 66%;
    height: 50%;
    border: 10px solid #061A3A;
    z-index: 0;
    right: 2px;
    top: 0px;
}

.bs-box-top:before {
    content: '';
    position: absolute;
    width: 34%;
    min-height: 18%;
    border: 10px solid #061A3A;
    z-index: 0;
    bottom: 0px;
    left: 0px;
}

.bs-image-border {
    position: relative;
}

.hero-sec {
    display: flex;
    position: relative;
}

.left-img .icon:after {
    content: '';
    background-image: url('unnamed.png');
    width: 100px;
    height: 100px;
    background-size: 100px;
    position: absolute;
    right: 0;
    margin-right: -58px;
    top: 30%;
}

.left-img {
    background-image: url('road-1072823__340.jpg');
    height: 200px;
    width: 50%;
    position: relative;
}

.right-img {
    background-image: url('bird.jpg');
    height: 200px;
    width: 50%;
}

div.tab-content {
    margin-top: 100px;
}

.bs-cardialogy h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
    word-break: break-word;
}

.bs-about-img {
    height: 100%;
    display: flex;
    align-items: center;
}

.bs-cardialogy h3 {
    font-size: 18px;
    color: #ff6648 !important;
    margin-left: 30px;
    position: relative;
}

.bs-cardialogy h3:after {
    content: "";
    margin-left: -30px;
    width: 25px;
    height: 3px;
    position: absolute;
    background: #ff6648;
    left: 0;
    top: 47%;
}

.bs-cardialogy h4 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
}

.bs-tab-feature {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
}

.bs-tab-feature svg {
    font-size: 16px;
    color: #71de56;
    position: initial;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-flex;
}

.bs-tab-feature h5 {
    font-size: 16px;
    font-weight: 600;
}

.bs-tab-feature p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
}

.bs-feature-sec {
    max-width: 230px;
    flex: 0 1 100%;
}

.bs-tab-feature>div:nth-child(odd) {
    margin-right: 76px;
}

.tab-text {
    margin-top: 50px;
}


/* abput us */

.bs-tablet:before {
    content: '';
    background-image: url('../images/about-tablet.png');
    height: 250px;
    position: absolute;
    background-repeat: no-repeat;
    right: 44px;
    width: 340px;
    bottom: -44px;
}

.bs-tablet {
    position: relative;
}

.bs-stretho {
    position: relative;
}

.bs-stretho::before {
    content: '';
    background-image: url('../images/stethodcope.png');
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
}

.bs-tablet .bs-box-top:after {
    content: '';
    position: absolute;
    width: 51%;
    height: 54%;
    border: 10px solid #061A3A;
    z-index: 0;
    right: 2px;
    top: 0px;
}

.bs-department .ptc-heading {
    margin-bottom: 16px !important;
}

.bs-tablet .half-border::before {
    height: 220px;
    width: 344px;
    right: 12px;
    bottom: -10px;
}

.bs-tablet .bs-cardialogy p {
    font-size: 16px;
}

.bs-tablet .feature-sec p {
    font-size: 14px;
}

.bs-tablet .quete-btn {
    font-size: 14px;
    color: #fff;
    background-color: #17869E;
    text-decoration: none;
    width: 140px;
    padding: 9px 0;
    display: inline-block;
    text-align: center;
}

.bs-tablet .cardialogy h2 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 16px;
}

.bs-tablet .tab-feature h5 {
    margin-bottom: 6px;
}

.bs-taem:after {
    content: '';
    background-image: url(../images/vector.png);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    background-size: 100% 100%;
}

.bs-about-team .bs-doctorland-grid {
    margin: 60px 0 0px;
    z-index: 111;
    position: relative;
}

.bs-about-team .bs-doctor-head h6 {
    font-size: 18px;
    text-align: center;
    color: #061A3A;
}

.bs-about-team .bs-doctor-head h2 {
    font-size: 34;
    text-align: center;
    font-weight: 600;
}

.bs-page-head a {
    text-decoration: none;
}

.bs-contectus {
    height: 402px;
    position: relative;
}

.bs-contectus .bs-page:after {
    content: '';
    background-image: url('../images/contect-head.png');
    position: absolute;
    width: 100%;
    height: 400px;
    top: 0px;
    z-index: -1;
}

.bs-contectform .bs-blog-comment {
    margin-top: 0;
}

.bs-contectform .bs-contectus-page-form .bs-doctor-form {
    background-color: #fff;
    padding: 60px 30px;
    box-shadow: var(--shadowcolor);
    border-radius: 5px;
}

.bs-doctor-form form input,
.bs-doctor-form form textarea {
    background-color: var(--lightcolor);
    border: 0 !important;
    padding: 14.5px 15px;
    margin-bottom: 16px;
    font-size: 16px;
    border-radius: 5px;
}

.bs-doctor-form form textarea {
    margin-bottom: 0;
}

.bs-doctor-form form .btn-theme {
    margin-top: 19px !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: none !important;
}

.bs-testimonial-slider .swiper-slide {
    max-width: inherit !important;
    overflow-y: clip;
}

.bs-testimonial-slider .swiper-wrapper {
    position: relative;
    max-width: 100% !important;
    width: 100%;
}

.bs-newsletter input[type=email] {
    max-width: 100%;
    width: 100%;
    background-color: #ffffff !important;
    color: #000000 !important;
    height: 56px;
    padding-left: 18px;
    background: #F8FCFD;
    border: 1px solid #E7EFFE;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    color: #555555;
    box-shadow: 0px 8px 16px rgb(35 35 35 / 20%);
}

.bs-newsletter p {
    margin-bottom: 0;
}

.bs-newsletter .mc4wp-form-fields {
    max-width: 100%;
    width: 95%;
    padding: 0px;
    margin-left: auto;
}

.bs-newsletter input[type=submit] {
    background-color: #17869E;
    border: none;
    padding: 17px 32px;
    display: inline-block;
    font-weight: 400;
    transition: 0.5s ease;
    border-radius: 5px;
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    border: 1px solid transparent;
}

.mc4wp-form-fields p:nth-child(2) {
    max-width: 100%;
    width: 25%;
}

.bs-subscribe-btn {
    display: flex;
}

.bs-newsletter input::placeholder {
    color: #000000;
    opacity: 0.5;
}

section.bs-about-sec {
    margin-bottom: -20px;
}

.contact-form input {
    max-width: 100%;
}

.contact-form textarea {
    max-width: 100%;
    width: 100%;
}


/*end contect-us*/

.bs-imgbs-box img {
    max-width: 100%;
    height: 100% !important;
    width: 100%;
    padding: 10px;
    z-index: 1;
    position: relative;
}

.ph-icon svg {
    line-height: 0;
}

.bs-taem .swiper-button-next {
    left: 64px !important;
}

.bs-taem .swiper-button-prev,
.bs-taem .swiper-button-next {
    top: 91% !important;
    background-color: #061A3A !important;
    color: #fff !important;
}

.bs-taem .swiper-button-next.swiper-button-disabled,
.bs-taem .swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
    background-color: #fff !important;
    color: #000 !important;
    font-weight: 700;
}

.bs-doctorimg span {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    border: 2px solid #e7effa;
}

.dr-info-grid h5 {
    padding: 0 !important;
}

.bs-imgbox img {
    max-width: 100%;
    min-height: 100%;
    padding: 10px;
    z-index: 111;
    position: relative;
}

.bs-hero-left,
.bs-hero-left figure,
.bs-hero-left figure img {
    height: 100%;
}


/*
* Demo 2
*/

.bs-slide-text .banner-content-inner h6 {
    letter-spacing: 0px;
    color: #061A3A;
    font-weight: 600;
    font-size: 22px;
    line-height: 50px;
    margin: 0;
}

.bs-slide-text .banner-content-inner h1 {
    font-weight: 700;
    font-size: 54px;
    line-height: 60px;
    width: 100%;
    margin: 0;
    word-break: break-word;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
    color: #fff;
}

.bs-slide-text .banner-content-inner p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
    color: #fff;
}

.bs-slide-text .hls-center h1:after {
    content: "";
    left: 50%;
    bottom: 0px;
    position: absolute;
    width: 100px;
    height: 4px;
    border-bottom: 4px solid #061A3A;
    margin-left: -50px;
}

.bs-slide-text .banner-buttons a {
    background: #061A3A;
    font-size: 14px;
    line-height: 25px;
    padding: 12px 40px;
    color: #fff;
    text-decoration: none;
    margin-top: 36px;
    display: inline-block;
    border: 2px solid transparent;
    transition: 0.5s ease;
}

.bs-slide-text .banner-buttons a:last-child {
    padding: 4px 0;
    width: 160px;
    background: #17869E;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #FFFFFF;
    margin-right: 20px;
    transition: 0.3s ease;
    border: 1px solid transparent;
    border-radius: 4px;
}

.bs-slide-text .banner-buttons a:first-child {
    margin-right: 20px;
}

.bs-slide-text .banner-buttons a:hover {
    background-color: #061A3A;
    transition: 0.5s ease;
    color: #fff;
}

.hls-hero-banner button.slick-next.slick-arrow {
    display: none !important;
}

button.slick-next.slick-arrow {
    display: none !important;
}

.hls-hero-banner ul.slick-dots {
    top: 50%;
    bottom: auto;
    left: auto;
    width: auto;
    right: 30px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 29px;
    display: inline-block !important;
    padding: 16px 11px;
}

.hls-hero-banner ul.slick-dots li {
    display: block;
    margin: 0;
    width: auto;
    height: auto;
}

.hls-hero-banner ul.slick-dots li a.dot {
    text-decoration: none;
    color: #202934;
    font-size: 17px;
    line-height: 21px;
    display: flex;
    font-weight: 500;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-bottom: 15px;
}

.hls-hero-banner ul.slick-dots li.slick-active a.dot {
    background: #FF5E20;
    color: #fff;
}

.hls-hero-banner ul.slick-dots li:last-child a.dot {
    margin-bottom: 0;
}

.hls-client-logo .client-logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0;
}

.hls-home-about-us .about-us-img img {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    padding: 0;
    position: relative;
    top: 0;
    left: 1.5%;
    width: 97%;
}

.hls-home-about-us .video-container {
    position: relative;
}

.hls-home-about-us .video-container:before {
    content: "";
    width: 100%;
    height: 103%;
    left: 0;
    top: -1.5%;
    position: absolute;
    background: #E7EFFE;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.hls-home-about-us .row {
    align-items: center;
}

.hls-home-about-us .hls-about-us-text-cover {
    max-width: 100%;
    width: 62%;
}

.bs-sec-heading-2 h2 {
    color: #000;
}

.ptc-heading h2 {
    font-weight: 600;
    font-size: 34px;
    line-height: 48px;
    margin: 0;
}

.hexa-services .ptc-heading {
    margin-bottom: 30px;
}

.hls-about-right .ptc-heading h2 {
    max-width: 450px;
}

.lbs-works h2 {
    color: #fff !important;
}

.bs-sec-heading-2 span.bs-head-color {
    color: #061A3A;
}

.hls-form-data span {
    font-size: unset !important;
}

.hls-sec-heading span {
    display: block;
    color: #209F84;
}

.hls-home-about-us .hls-about-us-description p {
    font-size: 16px;
    color: #555555;
    margin-bottom: 13px;
    line-height: 30px !important;
}

a.hls-read-more {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #209F84;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 40px;
    transition: 0.3s ease;
}

.hls-choose-us .hls-choose-us-text-cover {
    padding: 50px 0;
}

.hls-choose-us .hls-choose-us-cover {
    background: #EDF7EF;
}

.hls-service-thumb {
    padding: 75px 0;
}

.hls-service-main {
    position: relative !important;
}

.hls-choose-us .hls-lab-instruments-cover .hls-lab-single {
    width: 100%;
    max-width: 250px;
    float: left;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 15px;
    box-shadow: 0px 0px 8px #0a1c3126;
    border: 1px solid #E0E8F1;
    border-radius: 5px;
    padding: 36px 25px;
}

.hls-choose-us .hls-lab-instruments-cover .hls-lab-single:hover {
    background: #fff;
    transition: .3s all linear;
    cursor: pointer;
}

.bs-sec-heading-2 h6 {
    letter-spacing: 0px;
    color: #ff6648 !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    position: relative;
    margin-left: 30px;
}

.hls-choose-us .hls-sec-heading,
.hls-choose-us .hls-sec-info {
    margin-left: 15px;
}

.hls-why-choose-more {
    margin-left: 15px;
}

.hls-choose-us .hls-why-choose-more a.hls-btn-orange-background {
    margin-top: 30px;
}

.hls-choose-us .row {
    align-items: center;
}

.hls-labortory-image img {
    width: 100%;
}

.hls-staff-slider-img img {
    width: 100%;
}

.hls-staff-slider-item .hls-staff-slider-hover {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0;
    transition: .3s all linear;
}

.hls-staff-slider-item {
    position: relative;
}

.hls-staff-category {
    margin-left: 25px;
    margin-top: 25px;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    background: #061A3A;
    padding: 6px 10px;
}

.hls-staff-slider-item .hls-staff-slider-hover .hls-staff-info {
    position: absolute;
    bottom: 0;
    z-index: 22;
    padding-left: 25px;
    padding-bottom: 25px;
}

.hls-staff-slider-item .hls-staff-slider-hover .hls-staff-info .hls-staff-name a {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    line-height: 18px;
}

.hls-staff-slider-item .hls-staff-slider-hover .hls-staff-info .hls-staff-degree {
    color: #fff;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px;
    font-size: 14px;
}

.hls-staff-slider-item .hls-staff-slider-hover .hls-staff-info a.hls-staff-profile-link {
    display: inline-block;
    margin-top: 10px;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #FF5E20;
}

.hls-staff-slider-item:hover .hls-staff-slider-hover {
    opacity: 1;
}

.hls-why-choose-us .hls-about-us-description p {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    color: #32363b;
}

.hls-why-choose-us .hls-items-cover .hls-items-title {
    font-size: 20px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 600;
    margin-top: 24px;
}

.hls-why-choose-us .hls-items-cover .hls-items-description {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: normal;
    margin-top: 16px;
    margin-bottom: 50px;
}

.hls-why-choose-us .hls-items-cover .hls-items-icon {
    width: 79px;
    height: 79px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hls-why-choose-us .hls-first-item .hls-items-icon {
    background: #17869E;
}

.hls-why-choose-us .hls-second-item .hls-items-icon {
    background: #17869E;
}

.hls-why-choose-us .hls-third-item .hls-items-icon {
    background: #17869E;
}

.hls-why-choose-us .hls-fourth-item .hls-items-icon {
    background: #17869E;
}

.hls-why-choose-us {
    padding: 100px 0;
}

.hls-testimonials-img {
    text-align: right;
    position: relative;
}

.hls-testimonials-img img {
    clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}

.hls-testimonials-sec .swiper-container {
    height: auto;
}

.hls-why-choose-us:after {
    content: "";
    background-image: url(../images/pattern.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 50px;
    z-index: -1;
}

.lb-style3 .lb-hero-content::before,
.lb-style3 .lb-hero-content:after {
    content: none;
}

.bs-lb-banner.lb-style3:before {
    content: "";
    background-image: url(../images/purepng1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 300px;
    height: 300px;
    position: absolute;
    bottom: 0;
    left: 40%;
    z-index: 1;
}

.bs-lb-banner:before {
    content: "";
    background-image: url(../images/purepng1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 300px;
    height: 300px;
    position: absolute;
    bottom: 0;
    left: 40%;
    z-index: 1;
}

.hls-testimonials-inner {
    position: relative;
    z-index: 111;
}

.hls-testimonials-slider .hls-sec-heading {
    margin-bottom: 0;
}

.hls-testimonials-sec .swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    padding-bottom: 30px;
}

.hls-testimonials-sec .swiper-pagination.swiper-pagination-bullets {
    position: inherit;
    text-align: left;
    margin-top: 33px;
}

.hls-testimonials-sec span.swiper-pagination-bullet {
    border: 1px solid #FF5E20 !important;
    background: transparent;
    opacity: 1;
    width: 18px;
    height: 18px;
}

.hls-testimonials-sec .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal span {
    border: 1px solid #FF5E20 !important;
    background: transparent;
    opacity: 1;
    width: 18px;
    height: 18px;
}

.hls-booking-section {
    background: #FF5E20;
}

.hls-booking-section .row {
    align-items: center;
}

.hls-booking-section .hls-booking-text h6 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 8px;
    color: #fff;
}

.hls-booking-text h6:before {
    content: "-";
    margin-right: 5px;
}

.hls-booking-section .hls-booking-text {
    padding: 39px 0 32px;
}

.hls-booking-section .hls-booking-text h5 {
    margin: 0;
    color: #fff;
    font-size: 32px;
    line-height: 38px;
}

.hls-booking-section .hls-booking-btn {
    text-align: right;
}

.hls-booking-section .hls-booking-btn a {
    font-size: 22px;
    line-height: 26px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    border: 1px solid #fff;
    padding: 12px 33px;
    border-radius: 30px;
}

.hls-leatest-news-sec {
    position: relative;
    background-image: url("../images/eye.png");
    background-repeat: no-repeat;
    padding: 73px 0;
    background-size: contain;
}

.hls-leatest-news-sec::after {
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #EDF7EF;
}

.hls-leatest-news-sec .row {
    position: relative;
    z-index: 1;
}

.hls-leatest-news-sec .hls-sec-heading {
    font-size: 40px;
    line-height: 48px;
}

.hls-leatest-news-sec .hls-home-contact-us .hls-sec-info h6 {
    color: #fff;
}

.hls-home-contact-us .hls-sec-heading {
    color: #fff;
}

.hls-leatest-news-sec form {
    padding-right: 50px;
}

.hls-leatest-news-sec form select {
    width: 100%;
    background: transparent;
    border: 0;
    outline: 0;
    border-bottom: 1px solid #4db19c;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 8px;
    margin-bottom: 30px;
}

.hls-leatest-news-sec form input {
    width: 100%;
    background: transparent;
    border: 0;
    outline: 0;
    border-bottom: 1px solid #4db19c;
    padding-bottom: 8px;
    font-size: 16px;
    margin-bottom: 30px;
    color: #fff;
}

.hls-leatest-news-sec form input::placeholder {
    color: #fff;
}

::-webkit-calendar-picker-indicator {
    background-image: url("../images/contact-clndr.svg");
}

.hls-leatest-news-sec form button {
    background: #fff;
    border: 0;
    border-radius: 30px;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    padding: 12px 32px;
    margin-top: 20px;
}

.hls-home-blog {
    padding-left: 50px;
}

.hls-home-blog-post {
    width: 100%;
    max-width: 501px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.hls-home-blog-post:last-child {
    border: 0;
    margin: 0;
    padding: 0;
}

.hls-home-blog-post p {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 30px;
    color: rgba(102, 102, 102, 0.75);
}

.hls-home-blog-post p img {
    padding-right: 10px;
}

.hls-home-blog-post h6 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .5px;
    margin-bottom: 10px;
    color: #000;
}

.hls-home-blog-post p span {
    padding-left: 5px;
    color: rgba(32, 159, 132, 0.75);
}

.hls-plans .hls-plan-head h5 {
    margin: 0;
    color: #000;
    font-weight: 500;
    font-size: 22px;
    line-height: 25px;
}

.hls-plans .hls-plan-head h3 {
    font-weight: 600;
    font-size: 50px;
    line-height: 50px;
    color: #061A3A !important;
    margin-bottom: 0px;
}

.hls-plans .hls-plan-head p {
    margin-bottom: 10px;
    display: inline-block;
    padding: 11px 74px;
    color: #17869E;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    background: #DFF6F9;
    border-radius: 150px;
}

.hls-plans ul {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.hls-plans ul li {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.4px;
    color: #32363b;
}

.hls-plans ul li::before {
    content: "\2714";
    width: 18px;
    height: 25px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #061A3A;
    font-size: 18px;
    margin-right: 12px;
}

.hls-pricing-plan-sec .hls-plan-month {
    color: #32363b;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    margin-left: 8px;
}

.hls-pricing-plan-sec .hls-plan-month:before {
    content: "/";
}

.hls-pricing-plan-sec button.hls-choose-plan {
    border: 0;
    padding: 9px 0px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #000000;
    transition: 0.5s ease;
    width: 100%;
}

.hls-pricing-plan-sec button.hls-choose-plan.recomended {
    background: #17869E;
    color: #fff;
    box-shadow: 0px 4px 15px rgba(57, 202, 187, 0.5);
}

.hls-pricing-plan-sec button.hls-choose-plan.recomended:hover {
    background-color: #061A3A;
    transition: 0.5s ease;
}


/* Swiper Slider */

.bs-main-slider .swiper {
    width: 100%;
    height: 100vh;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
}

.bs-main-slider .banner-content-inner {
    width: 600px;
}

.bs-main-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
}

.bs-main-slider .bs-slide-text {
    z-index: 2;
}

.hls-left {
    margin-right: auto;
}

.hls-right {
    margin-left: auto;
}

.hls-center {
    margin: auto;
    text-align: center;
}

.bs-main-slider .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    text-decoration: none;
    color: #202934;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    font-weight: 500;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-bottom: 15px;
    background-color: transparent;
    opacity: 1;
}

.bs-main-slider .swiper-pagination-bullet-active {
    width: 35px;
    height: 35px;
    background-color: #061A3A !important;
}

.bs-main-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    top: 50%;
    bottom: auto;
    left: auto;
    width: auto;
    right: 30px;
    background: #fff;
    border-radius: 4px;
    padding: 5px 0px;
}

.bs-main-slider span.swiper-pagination-bullet {
    margin-bottom: 7px !important;
}

.bs-main-slider span.swiper-pagination-bullet:last-child {
    margin-bottom: 0px !important;
}

.bs-main-slider .swiper-pagination-bullet-active {
    background: #FF5E20;
    color: #fff !important;
}

.bs-main-slider .swiper-button-next,
.bs-main-slider .swiper-button-prev {
    display: none;
}

.swiper-pagination-bullet {
    color: #000;
}

.hls-about-us-cover {
    position: relative;
}

.hls-about-left:after {
    width: 546px;
    height: 100%;
    background: #FF5E20 0% 0% no-repeat padding-box;
    border-radius: 13 142px 191px 0;
    opacity: 1;
    content: "";
    left: 0px;
    position: absolute;
    top: 0;
    z-index: -1;
    clip-path: polygon(25% 0%, 0 0, 0 100%, 29% 100%, 69% 46%);
}

.hls-about-us-cover {
    padding: 100px 0;
}


/*Video*/

.video-container {
    margin: 0 auto;
}

.hls-about-left .js-video {
    position: relative;
}

.play svg {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 41px;
    background: #FF5E20;
    border-radius: 4px;
    height: 120px;
    width: 120px;
    z-index: 2;
    text-align: center;
    line-height: 81px;
    border: 7px solid #B2B3B2;
    margin-left: -60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -60px;
    padding: 30px;
}

.play svg:hover {
    cursor: pointer;
}

.js-video iframe {
    z-index: 5;
    position: relative;
    width: 100%;
    border: 5px solid #C5C6BD;
    border-radius: 12px;
}

.play:after {
    width: 132px;
    height: 132px;
    content: "";
    position: absolute;
    top: 0;
    background-color: #DAD9DB;
    display: block;
    left: 50%;
    top: 50%;
    border-radius: 4px;
    margin-top: -66px;
    margin-left: -66px;
}


/*end video*/

.hls-sec-info {
    position: relative;
}

.bs-sec-heading-2 h6:before {
    content: "";
    margin-left: -30px;
    width: 25px;
    height: 3px;
    position: absolute;
    background: #ff6648;
    top: 47%;
}

.hls-about-us-cover:after {
    content: "";
    width: 200px;
    height: 400px;
    background-color: #209F84;
    position: absolute;
    right: 0;
    bottom: 100px;
    clip-path: polygon(100% 0, 24% 100%, 100% 100%);
}

.bs-mobile-img img {
    z-index: 1;
    position: relative;
}

.hls-pricing-plan-sec .hls-sec-info {
    text-align: center;
    width: 48%;
    margin: auto;
}

.hls-pricing-plan-sec .hls-sec-info h2 {
    letter-spacing: 0px;
    color: #000000;
    font-size: 48px;
    margin-bottom: 14px;
}

.hls-pricing-plan-sec .hls-sec-info p {
    letter-spacing: 0.4px;
    color: #32363b;
    font-size: 16px;
}

.bs-left-mobile img {
    box-shadow: 0px 3px 47px #0000001f !important;
}

.bs-left-mobile a img {
    vertical-align: initial;
    margin-right: 12px;
}

.bs-left-mobile a span {
    display: inline-block;
    color: #1D1D1D;
    font-size: 19px;
    font-weight: 600;
}

.bs-left-mobile a span em {
    color: #1D1D1D80;
    font-size: 14px;
    font-style: normal;
}

.bs-mobile-dawnload {
    margin-top: 49px;
}

.bs-mobile-dawnload a:first-child {
    margin-right: 13px;
}

.bs-mobile-text p {
    color: #000;
    font-size: 16px;
    Line-height: 30px;
    margin: 0;
}

.bs-mobile-text a {
    background: #FF5E20;
    border-radius: 27px;
    display: inline-block;
    text-decoration: none;
    font-size: 22px;
    padding: 10px 34px;
    color: #fff !important;
    margin-top: 32px;
}


/*
* Services slider
*/

.gallery-container {
    display: flex;
    justify-content: space-between;
    margin: auto;
}

.hls-service-thumb {
    position: relative;
}

.hls-service-thumb .swiper-button-prev,
.hls-service-thumb .swiper-button-next {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    height: 75px;
    width: 40px;
    color: #e9e9e9;
    background: #1e1e1e;
}

.hls-service-thumb .swiper-button-prev::after,
.hls-service-thumb .swiper-button-next::after {
    font-size: 12px;
}

.hls-service-thumb .swiper-button-prev {
    right: 0px;
    border-right: 1px solid #e9e9e9;
}

.gallery-title {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 50px;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    color: #ffffff;
}

.swiper-slide-active .gallery-title {
    -webkit-animation: slide-in 0.3s ease-in both;
    animation: slide-in 0.3s ease-in both;
}

.hls-service-thumb {
    order: -1;
    margin-right: 15px;
    padding-left: 15px;
}

.hls-service-thumb .swiper-slide img {
    transition: 0.3s;
}

.hls-service-thumb .swiper-slide-active {
    opacity: 0.9;
}

.hls-service-thumb .swiper-slide-thumb-active {
    opacity: 1;
}

@-webkit-keyframes slide-in {
    from {
        opacity: 0;
        right: -50%;
    }
}

@keyframes slide-in {
    from {
        opacity: 0;
        right: -50%;
    }
}

.hls-service-thumb .swiper-slide {
    flex-shrink: inherit;
    width: 30% !important;
    height: auto;
    position: relative;
    transition-property: transform;
}

.hls-service-thumb .swiper-wrapper {
    position: relative;
    height: auto !important;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    flex-wrap: nowrap;
}

.hls-service-thumb .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    flex-wrap: wrap;
    flex-direction: row;
    flex: 0 0 100%;
    transform: translate3d(0px, 0px, 0px) !important;
    gap: 30px 30px;
}

.hls-choose-us .swiper-wrapper {
    max-width: inherit;
}

.hls-lab-single {
    max-width: 100%;
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: 0px solid #E0E8F1;
    width: 200px;
    height: 154px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 13%) 0px 1px 4px;
}

.bs-nav-slide .swiper-button-next {
    right: 0px !important;
    bottom: 34px !important;
    background-color: transparent !important;
    box-shadow: none;
}

.bs-nav-slide .swiper-button-prev {
    left: 0 !important;
    bottom: 34px !important;
    background-color: transparent !important;
    box-shadow: none;
}

.bs-nav-slide div:last-child {
    right: 00% !important;
}

.bs-nav-slide {
    position: absolute;
    bottom: 20%;
    width: 100%;
}

.col-md-4 .hls-service-main img {
    z-index: 111;
}

.hls-service-main h5 {
    position: absolute;
    z-index: 111;
    background-color: #fff;
    color: #000;
    width: 100%;
    text-align: center;
    bottom: 9%;
    padding: 23.5px;
    left: 0;
    font-size: 16px;
}

.bs-services {
    position: relative;
    margin: 0;
}

.swiper-slide.swiper-slide-thumb-active .hls-lab-single {
    background-color: #061A3A;
}

.hls-choose-us .swiper-slide.swiper-slide-thumb-active .hls-lab-single i,
.hls-choose-us .swiper-slide.swiper-slide-thumb-active .hls-lab-single-desc h5 {
    color: #fff;
}

.hls-service-main img {
    position: relative;
}

.hls-choose-us .hls-sec-info h3 {
    line-height: 57px;
    color: #000000;
    font-size: 48px;
    font-weight: bold;
}

.hls-lab-single-desc h5 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 20px;
    text-align: center;
}

.hls-lab-single i {
    font-size: 60px;
    color: #17869E;
}

.hls-service-main img {
    position: relative;
    border-radius: 10px !important;
    box-shadow: rgb(0 0 0 / 13%) 0px 1px 4px !important;
}

.gallery-container .container-fluid {
    padding: 0;
}

.gallery-container .container-fluid .col-md-8 {
    max-width: 100%;
    width: 48%;
    margin-left: auto;
    padding-right: 0;
}

.hls-testimonials-sec .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 20px 0 0;
}

.hls-form-data .bs-single-doctor-form {
    margin-top: 0;
}

input#date_time {
    position: relative;
    background-color: var(--lightcolor);
    border-radius: 4px;
    padding: 15px 23px !important;
    font-size: 16px;
    color: #555555 !important;
    height: 56px;
    border: 0;
}

.bs-openhour-appoint input#date_time {
    position: relative;
    background-color: var(--lightcolor) !important;
}

input#date_time:after {
    position: absolute;
    content: "\f073";
    font-weight: 800;
    font-family: "Font Awesome 5 Free";
    color: #868686;
    right: 27px;
    bottom: 15px;
    z-index: -1;
    cursor: pointer;
}

.form-control:focus {
    border-color: transparent !important;
    outline: 0;
    box-shadow: none;
}

.hls-form-data .bs-comment-doctor-form {
    max-width: 100%;
    margin-left: auto;
}

.hls-form-data .bs-single-doctor-form {
    margin: 0px 0;
}

.hls-form-data .bs-single-doctor-form .bs-comment-doctor-form {
    background-color: transparent;
    padding: 100px 7px 100px 0px;
    z-index: 111;
    position: relative;
}

.hls-form-data .col-md-6:last-child {
    display: flex;
    align-items: center;
}

.hls-form-data .select2-container--default .select2-selection--single {
    border-bottom: 1px solid #fff !important;
}

.hls-form-data {
    color: #fff;
}

.hls-items-icon i {
    color: #fff;
    font-size: 34px;
}

.hls-form-data label {
    color: #32363b;
}

.hls-form-data input {
    border-bottom: 1px solid #fff !important;
}

.hls-form-data .bs-comment-doctor-form input[name="name"],
.hls-form-data .bs-comment-doctor-form input[type="email"],
.hls-form-data .bs-comment-doctor-form input[type="text"],
.hls-form-data .bs-comment-doctor-form select {
    padding: 14.5px 23px !important;
}

.hls-form-data input::placeholder {
    color: #232323 !important;
    opacity: 0.5;
}

.selection .select2-selection__rendered[title="Choose Doctor"] {
    color: rgb(85 85 85 / 78%) !important;
}

.hls-form-data input.btn.btn-primary.bs-btntheme.bs-make-appointment {
    padding: 0 !important;
    min-width: 200px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #17869E !important;
    text-align: center;
    line-height: 21px;
    transition: 0.5s ease;
    font-weight: 400;
    border: 0 !important;
}

.hls-form-data input.btn.btn-primary.bs-btntheme.bs-make-appointment:hover {
    background-color: #061A3A !important;
    transition: 0.5s ease !important;
}

.hls-form-data p {
    font-size: 30px;
    color: #000;
    font-weight: 600;
    line-height: 48px;
}

.hls-form-data input#name,
.hls-form-data input#email,
.hls-form-data input#date_time {
    background-color: #fff !important;
}

.hls-form-data .select2-container--default .select2-selection--single .select2-selection__rendered,
.hls-form-data b {
    color: #000;
}

.hls-home-blog {
    background-color: #EDF7EF;
    margin: -10px;
    padding: 73px 50px 73px;
}

.hls-home-blog-post h3.hls-blog2-title a {
    font-size: 20px;
    color: #000 !important;
}

.hls-home-blog-post i.flaticon-calendar {
    color: #061A3A;
    margin-right: 10px;
}

.hls-home-blog-post a.bg-readmore.bs-btntheme {
    color: #061A3A !important;
}

.hls-testimonials-sec .row {
    align-items: end;
}


/*
* Testimonial 2
*/

.hls-testimonials-sec .main-outer {
    margin: 0 auto 20px;
    max-width: 100%;
    display: inline-block;
}

.hls-testimonials-sec .thumbnail-outer {
    max-width: 100%;
    margin: 0 auto;
}

.hls-testimonials-sec .thumbnail-outer {
    max-width: 100%;
    display: inline-block;
}

.hls-testimonials-sec .thumbnail-sldier .swiper-slide {
    width: 100%;
}

.hls-testimonials-sec .thumbnail-sldier .swiper-slide img {
    opacity: 0;
}

.hls-testimonials-sec .thumbnail-sldier .swiper-slide.active img {
    opacity: 1;
}

.hls-testimonials-sec .swiper-slide {
    flex-direction: column;
}

.hls-testimonials-sec .swiper-slide.thumbnail-slide img {
    clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}

.hls-testimonials-sec .swiper-slide h5 {
    color: #061A3A;
    font-size: 17px;
    line-height: 28px;
    font-weight: 600;
    margin: 0;
    margin-right: auto;
}

.hls-testimonials-sec .swiper-slide h6 {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .4px;
    margin-right: auto;
}

.hls-testimonials-sec .swiper-slide p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: .4px;
    color: #32363b;
}

.hls-testimonials-sec span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FF5E20 !important;
}

.hls-testimonials-sec .swiper-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

.bs-main-slider .swiper-slide:before {
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

.bs-map-content p {
    margin-bottom: 0;
}

.bs-map-content h3 {
    font-size: 16px;
    margin: 0;
    padding: 5px 0;
}

.mapboxgl-popup-content {
    position: relative !important;
    box-shadow: rgb(117 112 120 / 32%) 1px 10px 32px 4px !important;
}

.mapboxgl-popup-content:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: -10.5px;
    left: 50%;
    margin-left: -10px;
    background-color: #fff;
    transform: rotate(45deg);
    cursor: pointer;
    transition: .3s;
}


/* heading space */

.bs-inner-department .bs-sec-heading-1 {
    padding: 100px 0 0;
}


/* shine Effect */

.bs-box-top {
    position: relative;
    overflow: hidden;
    transition: 1s;
}

.bs-box-top em {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -120%;
    background-color: rgba(255, 255, 255, 0.3);
    transition: 0.9s;
    transform: skewX(10deg);
}

.bs-box-top em {
    width: 100%;
}

.bs-box-top:hover em {
    left: 120%;
}


/* isotop Design */

.filters label {
    padding: 14px 30px;
    border-radius: 5px;
    margin: 0 15px 0 0;
    cursor: pointer;
    background-color: #17869E;
    color: #fff;
    transition: 0.5s ease;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

.filters label:last-child {
    margin: 0;
}

.filters label.active {
    background-color: #F17732;
    color: #fff;
    transition: 0.5s ease;
}

.filters label:hover {
    background-color: #F17732;
    transition: 0.5s ease;
}

.filters {
    text-align: center;
}

.bs-grid-gallery {
    margin: 50px 0 100px;
}

label input[type="radio"] {
    display: none;
}

.grid.bs-grid-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    height: 100% !important;
    align-items: center;
    justify-content: center;
}

.bs-grid-gallery .element-item {
    position: relative !important;
    border-radius: 5px;
    flex: 0 1 100%;
    max-width: 31%;
    overflow: hidden;
    cursor: zoom-in;
    border: 5px solid var(--lightcolor);
    box-shadow: var(--shadowcolor);
}

.bs-grid-gallery .element-item:hover {
    border: 5px solid #F9C2A3;
}

.bs-grid-gallery .element-item img {
    transition: transform 1s, filter 2s ease-in-out;
    transform: scale(1);
    width: 100%;
    transition: 4s all ease-in-out;
}

.bs-grid-gallery .element-item:hover img {
    transform: scale(1.5);
    transition: 3s all ease-in-out;
}

.bs-sponsers .swiper-slide img {
    display: block;
    width: auto !important;
}


/* v2 style */

.v2 .hls-about-us-cover:after {
    content: none;
}

.v2 .hls-about-left:after {
    content: none;
}

.v2 .play:after {
    width: 146px;
    height: 146px;
    content: "";
    position: absolute;
    top: 0;
    background-color: #061A3A57;
    display: block;
    left: 50%;
    top: 50%;
    border-radius: 4px;
    margin-top: -73px;
    margin-left: -73px;
}

.v2 .play:before {
    width: 120px;
    height: 120px;
    content: "";
    position: absolute;
    top: 0;
    background-color: #061A3A57;
    display: block;
    left: 50%;
    top: 50%;
    border-radius: 4px;
    margin-top: -60px;
    margin-left: -60px;
}

.v2 .play i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 30px;
    background: #061A3A;
    border-radius: 4px;
    height: 98px;
    width: 99px;
    z-index: 2;
    line-height: 81px;
    border: 0px solid rgba(234, 78, 78, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -49px;
    margin-left: -49px;
}

.v2 .js-video {
    margin: 0 0px;
}

.v2 .bs-sec-heading-2 h2 {
    font-size: 30px;
    line-height: 45px;
}

.v2 .bs-sec-heading-2 h6 {
    font-weight: 500;
    font-size: 18px;
    Line-height: 27px;
}

.v2 .hls-about-us-text-cover {
    max-width: 100%;
    width: 100%;
}

.hls-app-text {
    padding: 80px 0 80px 0;
}

.bs-mobile-img {
    height: 100%;
}

.bs-mobile-img img {
    height: 100% !important;
    object-fit: cover;
}

a.hls-read-more:hover::after {
    padding-left: 10px;
    transition: 0.3s ease;
}


/* LAB CSS Start */

.bs-lb-banner {
    background-color: #F1F8FB;
}

.lb-hero-content {
    padding: 130px 0 130px 0;
}

.bs-lb-banner .banner-content-inner {
    width: 527px;
    margin-left: auto;
    margin-right: 202px;
}

.lb-style3 .banner-content-inner {
    max-width: 601px;
}

.bs-lb-banner h6,
.lb-style3 h6 {
    font-weight: 600;
    font-size: 18px;
    line-height: 50px;
    color: #061A3A;
    margin: 0;
    position: relative;
    margin-left: 30px;
}

.bs-lb-banner h1,
.lb-style3 h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    color: #000000;
    margin: 0;
}

.lb-style3 h1 {
    max-width: 480px;
    margin-bottom: 19px;
}

.lb-style3 .ptc-heading {
    margin: 0;
}

.lb-style3 .banner-content-inner :is(h1,
p) {
    color: #ffffff;
}

.bs-lb-banner p,
.lb-style3 p {
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #32363b;
}

.banner-buttons a:first-child {
    padding: 12.5px 29px;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    color: #000000;
    margin-right: 20px;
    transition: 0.5s ease;
    border: 1px solid transparent;
    border-radius: 5px;
}

.hl-outer-hexa::after {
    content: "";
    background-image: url(../images/capsule.png);
    width: 75px;
    height: 79px;
    position: absolute;
    left: 0;
    top: -10px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 72px;
    animation: myAnimation 2s ease 0.8s infinite alternate running;
}

.hl-outer-hexa::before {
    content: "";
    background-image: url(../images/injection.png);
    width: 85px;
    height: 83px;
    position: absolute;
    right: 0;
    top: -19px;
    background-size: 72px;
    background-position: top;
    background-repeat: no-repeat;
    animation: myAnimation 2s ease 0.2s infinite alternate running;
}


/* hero animation  */

@keyframes myAnimation {
    from {
        top: -19px;
    }
    to {
        top: -2px;
    }
}

@keyframes topAnimation {
    from {
        bottom: -14px;
    }
    to {
        bottom: 0px;
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-14px);
        transform: translateY(-14px);
    }
}


/* end key frame  */

.lb-nav-main {
    width: 100%;
}

.hl-inner-hexa figure {
    margin: 0;
    padding: 0;
}

.hl-inner-hexa figure:after {
    content: "";
    background-image: url(../images/heart.png);
    width: 75px;
    height: 79px;
    position: absolute;
    left: 0;
    bottom: -7px;
    background-position: bottom;
    background-repeat: no-repeat;
    animation: topAnimation 1.8s ease 0.7s infinite alternate running;
}

.hl-inner-hexa figure::before {
    content: "";
    background-image: url(../images/medical.png);
    width: 75px;
    height: 79px;
    position: absolute;
    right: 0;
    bottom: -14px;
    background-repeat: no-repeat;
    background-position: bottom;
    animation: slide-top 1.5s ease 2s infinite alternate running;
}

.banner-buttons .banner-buttons-outline {
    padding: 3px 0;
    width: 160px;
    background: transparent;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #17869E;
    border: 2px solid #17869E;
    border-radius: 4px;
}

.lb-video {
    display: flex;
    display: flex;
    align-items: center;
    margin-top: 60px;
    gap: 0 19px;
}

.lb-video h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin: 0;
}

.lb-video p {
    font-size: 16px;
    line-height: 30px;
    color: #32363b;
    margin-bottom: 0;
}

.lb-video-popup {
    width: 81.25px;
    height: 81.25px;
    background: #061A3A40;
    display: inline-block;
    text-align: center;
    line-height: 81px;
    border-radius: 4px;
}

.lb-video-popup .play-icon {
    display: inline-block;
    width: 66.78px;
    height: 66.78px;
    background: rgba(15, 98, 204, 0.25);
    border-radius: 4px;
    line-height: 68px;
    position: relative;
}

.lb-video-popup .play-icon svg {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    font-size: 30px;
    line-height: 30px;
}

.lb-hero-content .play-icon:after {
    content: "";
    width: 54.54px;
    height: 54.54px;
    background: #061A3A;
    position: absolute;
    border-radius: 4px;
    left: 6px;
    bottom: 6px;
    z-index: -1;
}

.lb-hero-content {
    position: relative;
}

.banner-content-inner {
    position: relative;
    z-index: 111;
}

.lb-style3::after {
    content: "";
    background-image: url("../images/lbs-hero-back.png");
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    background-color: #061A3A;
    background-size: contain;
    background-position: bottom;
}

.lb-hero-content::after {
    content: "";
    background-image: url("../images/patern-cov.png");
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
}

.lb-hero-content::before {
    content: "";
    background-image: url("../images/patern.png");
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    background-position: right center;
    right: 0;
}

.lb-hero-right {
    background-color: #061A3A;
    height: 100%;
    align-items: end;
    display: flex;
    justify-content: space-around;
    border-radius: 100px 0px 0px 0px;
}

.bs-lb-banner:after {
    content: "";
    background-image: url(../images/bottom.png);
    position: absolute;
    width: 100%;
    height: 144px;
    background-repeat: no-repeat;
    background-position: bottom center;
    bottom: -2px;
    z-index: 0;
    background-size: 100%;
}

.bs-lb-banner {
    z-index: 1;
}

.bs-lb-form {
    width: 370px;
    box-shadow: 0px 10px 30px rgba(0, 18, 65, 0.1);
    border-radius: 5px;
}

.bs-lb-form .col-md-6 {
    flex: 0 0 auto;
    width: 100%;
}

.bs-lb-form .bs-comment-doctor-form {
    background: #FFFFFF !important;
}

.bs-lb-form input {
    border: 1px solid #E0E8F1;
}

.bs-lb-form {
    position: absolute;
    z-index: 1;
    top: 87px;
    left: 50%;
    margin-left: 17px;
}

.bs-lb-form .bs-single-doctor-form {
    margin: 0;
}

.bs-lb-form .bs-single-doctor-form .bs-comment-doctor-form {
    background-color: #eef3f7;
    padding: 12px 30px 6px;
}

.bs-lb-form input[type="text"],
.bs-lb-form input[type="email"],
.bs-lb-form input[type="url"],
.bs-lb-form input[type="password"],
.bs-lb-form input[type="search"],
.bs-lb-form input[type="number"],
.bs-lb-form input[type="tel"],
.bs-lb-form input[type="range"],
.bs-lb-form input[type="date"],
.bs-lb-form input[type="month"],
.bs-lb-form input[type="week"],
.bs-lb-form input[type="time"],
.bs-lb-form input[type="datetime"],
.bs-lb-form input[type="datetime-local"],
.bs-lb-form input[type="color"],
.bs-lb-form textarea,
.bs-lb-form .select2-container {
    border: 1px solid #E0E8F1 !important;
    margin: 10px 0 15px;
}

.bs-lb-form textarea {
    height: 5em;
}

.bs-lb-form label.label {
    display: none;
}

label.form-check-label {
    display: inline-block;
    width: 91%;
}


/* Barprogress */

.progress-title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin: 0 0 20px;
}

.main-progress {
    width: 270px;
    display: inline-block;
    margin-right: -4px;
}

.main-progress:nth-child(2n) {
    margin-right: 28px;
}

.lbs-testimonial-slider .swiper-slide.swiper-slide {
    flex-direction: column;
}

.lbs-testimonial-slider,
.lbs-testimonial-slider .swiper-slide {
    max-width: 650px !important;
    width: 100%;
}

.lbs-testimonial-info {
    width: 100%;
    text-align: center;
    margin: -144px 0 0;
}

.lbs-testimonial-image img {
    z-index: 1;
    position: relative;
}

.lbs-testimonial-name h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #232323 !important;
    margin: 0;
}

.lbs-testimonial-name span {
    font-size: 14px;
    line-height: 20px;
    color: #17869E;
    margin: 0;
    text-align: center;
}

.lbs-testimonial .bs-transform:after {
    content: none;
}

.bs-align-right {
    text-align: right;
}

.bs-align-left {
    text-align: left;
}

.bs-align-center {
    text-align: center;
}


/* icon css       */

.video-button {
    display: inline-block;
    position: relative;
}

.video-button.is-play {
    background-color: #fff !important;
    border-radius: 4px;
    width: 100px !important;
    height: 100px !important;
}

.video-button.is-play .button-outer-circle {
    background: #fff;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.video-button.is-play .button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
}

.video-button.is-play .button-icon .triangle {
    -webkit-animation: fadeIn 7s ease;
    animation: fadeIn 7s ease;
}

.video-button .is-play .button-icon .path {
    stroke-dasharray: 90;
    stroke-dashoffset: 0;
    -webkit-animation: triangleStroke 3s;
    animation: triangleStroke 3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.has-scale-animation {
    -webkit-animation: smallScale 3s infinite;
    animation: smallScale 3s infinite;
}

.has-delay-short {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(1.5);
        opacity: 0;
    }
}


/* faq style  */

.accordion-item {
    width: 100%;
    text-align: left;
    padding: 0px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    color: #3B566E;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 20px;
}

.bs-healthieo-faqs .accordion {
    counter-reset: section;
}

.hexa-faq-heading h2 {
    font-weight: 600;
    font-size: 34px;
    line-height: 48px;
    color: #232323;
}

.bs-doctor-grid .row {
    gap: 33px 0px !important;
}

.bs-contect-info>h3 {
    font-size: 24px;
}

.bs-healthieo-faqs .accordion-button {
    padding: 16px 40px 20px 70px !important;
}

.bs-healthieo-faqs .accordion-item {
    margin-bottom: 25px;
}

.bs-healthieo-faqs .accordion-button {
    border: 1px solid #e7effa;
}

.accordion-button::before {
    content: '+';
    font-size: 25px;
    display: block;
    position: absolute;
    right: 20px;
    color: #c2c2c2;
    top: 15px;
}

.the-active .accordion-button::before {
    content: '-';
}

.accordion-button:focus {
    border-color: #e7effa !important;
}

.hls-pricemonth {
    display: flex;
    align-items: flex-end;
    margin-bottom: 27px;
    padding-bottom: 23px;
    border-bottom: 2px solid #EBECED;
}

.hls-plans {
    background: #FFFFFF;
    border: 1px solid #E0E8F1;
    padding: 23px 40px 30px;
}

.hls-pricing-plan-sec .row {
    display: flex;
    align-items: center;
}

.hls-plans.recomended-plan {
    background: #FFFFFF;
    box-shadow: 0px 10px 30px rgb(0 18 65 / 10%);
    border: 1px solid transparent;
}

.bs-lb-form .ptc-heading {
    margin-bottom: 10px;
}

.bs-tablet .ptc-heading {
    margin-bottom: 0px;
}

.bs-doctor-share svg {
    background-color: #17869E !important;
    color: #fff !important;
    border: 0px solid transparent;
}

.bs-doctor-submenu svg {
    background-color: #fff !important;
    color: #000 !important;
}

.bs-department .row,
.bs-tablet .row {
    display: flex;
    align-items: center;
}

.bs-feature-sec:nth-child(3) p,
.bs-feature-sec:nth-child(4) p {
    margin-bottom: 0;
}

.bs-cardialogy .feature-btn a {
    margin-top: 20px;
}

.fancybox {
    position: relative !important;
    left: auto !important;
    top: auto !important;
}

.bs-grid-gallery .element-item:hover:after {
    content: '';
    background-color: rgb(241 119 50 / 60%);
    transition: 0.5s ease;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 111;
    transition: 0.5s ease;
}

.bs-services-post .row {
    gap: 56px 0.50%;
}

.bs-services-post .ptc-service3-card h2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff !important;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 30px;
    font-weight: 600;
}

.hexa-gallery .row .col-lg-3 {
    flex: 0 0 auto;
    width: 24.62%;
}

.bs-services-post .ptc-service3-card p {
    color: #fff !important;
    font-size: 16px;
    margin-bottom: 10px;
}

.bs-services-post .ptc-service3-card a {
    color: #17869E;
    font-size: 16px;
    transition: 0.4s ease;
    font-weight: 600;
}

.bs-services-post .ptc-service3-card a:hover {
    transition: 0.4s ease;
}

.ptc-news-slider-inner small {
    margin-bottom: 10px;
}

.ptc-service3-card {
    padding: 170px 30px 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 4px;
}

.ptc-service3-card p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bs-services-post {
    margin: 100px 0;
}

.ptc-service3-card svg {
    font-size: 17px;
    color: #17869E;
    transition: 0.4s ease;
}

.bs-services-post .ptc-service3-card a:hover svg {
    margin-left: 3px;
    transition: 0.4s ease;
}

.hls-first-item:nth-last-child(-n+2) .hls-items-description {
    margin-bottom: 0;
}

.bs-lb-banner input[type="text"],
.bs-lb-banner input[type="email"],
.bs-lb-banner .select2-selection,
.bs-lb-banner textarea,
.lb-style3 input[type="text"],
.lb-style3 input[type="email"],
.lb-style3 .select2-selection,
.lb-style3 textarea {
    background-color: #eef3f7 !important;
    border: 0 !important;
    margin-top: 0 !important;
}

.bs-lb-banner .select2,
.lb-style3 .select2 {
    margin: 0 0 25px;
}

.bs-lb-banner input[type="submit"],
.lb-style3 input[type="submit"] {
    margin: 0 0 25px !important;
}

.banner-buttons a:last-child:hover,
.banner-buttons a:first-child:hover {
    background-color: #F17732;
    transition: 0.5s ease;
    color: #fff;
    border: 1px solid #F17732 !important;
}

.banner-buttons a:last-child:hover {
    border: 1px solid transparent;
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
    margin-top: 10px;
    font-size: 14px;
    margin-top: 0;
}

.hls-items-cover {
    padding: 41px 26px 32px;
    margin-bottom: 23px;
}

.lbs-what-we-do-right {
    display: flex;
    align-items: flex-end;
}

.hls-servics-inner h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.bs-about-content p {
    font-size: 16px;
    line-height: 30px;
}

.hls-about-us-description .hls-read-more {
    background: #17869E;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 12.5px 42px;
    margin: 0;
    display: inline-block;
    margin-top: 20px;
    transition: 0.5s ease !important;
    border: 1px solid transparent !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
}

.hls-about-us-description .hls-read-more:hover {
    transition: 0.5s ease;
    border: 1px solid #F17732 !important;
    background-color: #F17732;
}

.bs-lb-form input#appoint-checkbox {
    border: 1px solid #32363b;
    cursor: pointer;
    margin: 0;
    margin-top: 3px;
    display: inline-block;
    width: 16px;
    margin-right: 11px;
}

.lbs-what-we-do {
    padding: 80px 0;
}

.lbs-testimonial {
    background: #17869E;
}

.lbs-testimonial .bs-taem:after {
    content: none;
}

.hls-about-right-inner {
    margin-left: 30px;
}

.main-progress:nth-last-child(2) .lbs-progress,
.main-progress:last-child .lbs-progress {
    margin-bottom: 0;
}

.bs-about-content img {
    margin-bottom: 20px;
}

.hls-why-choose-us-cover .row {
    align-items: center;
}

[class*='col-lg']:nth-last-child(2) .hls-items-cover,
[class*='col-lg']:nth-child(4) .hls-items-cover {
    margin-bottom: 0 !important;
}


/* progress bar css  */

.bs-progress-sec {
    align-items: center;
    flex: 0 0 50%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.bs-bar {
    width: 50%;
    height: 7px;
    background: #D3E3F7;
    margin: 30px 0 0;
    position: relative;
    flex: 0 1 100%;
    max-width: 48.2%;
}

.bs-flexiblebar {
    height: 7px;
    background: #061A3A;
    position: relative;
}

.bs-percent {
    text-align: right;
    margin-top: -27px;
    color: #1163CC;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    font-weight: 600;
    top: -32px;
}

.bs-flexiblebar:after {
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: #1465CD;
    border: 6px solid #D3E3F7;
    box-sizing: border-box;
    box-shadow: 0px 16px 30px 4px rgb(179 188 211 / 27%);
    position: absolute;
    bottom: -6px;
    right: -2px;
    z-index: 1;
}

h3.lbs-progress-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    top: -31px;
}

.lbs-what-we-do-left {
    padding-right: 18px;
}

.lbs-what-we-do-cover .row,
.lbs-testimonial .row,
.bs-latest3-news-slider .row {
    align-items: center;
}

.lbs-testimonial .bs-testimonial-slider {
    padding-bottom: 0px;
}

.ptc-news-slider-inner small svg {
    color: #17869E;
    margin-right: 6px;
    font-size: 16px;
}

.hls-slider-read {
    background-color: #17869E;
    color: #fff !important;
    font-size: 16px;
    padding: 9.5px 32.5px;
    transition: 0.5s ease;
    border-radius: 4px;
    border: 1px solid transparent;
    display: inline-block;
}

.hls-slider-read:hover {
    border: 1px solid #17869E;
    background-color: transparent;
    color: #17869E !important;
}

.form-check-inline {
    width: 100%;
}

.bs-services-related {
    margin: 60px 0 0 0;
}

:is(.hls-why-choose-us-text-cover,
.hls-about-us-text-cover) .ptc-heading {
    margin-bottom: 30px;
}

.bs-lb-form textarea {
    padding: 14.5px 23px;
}

.bs-doctor-detail a.appoint-btn {
    color: #fff;
}


/* Shop Slider css */

.bs-fourth-products .bs-off4-btn {
    position: absolute;
    width: 57px;
    height: 25px;
    right: 11px;
    border: none;
    border-radius: 4px;
    outline: none;
    font-size: 10px;
    background: #3ACF15;
    color: #FFFFFF;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 4px 0;
}

.bs-fourth-products {
    padding: 100px 0;
    position: relative;
}

.bs-prod-tabs span {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #32363b;
    display: inline-block;
}

.bs-prod-tabs span:hover {
    cursor: pointer;
    display: inline-block;
}

.bs-fourth-products .bs-product-slider-heading h6 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #061A3A;
}

.bs-fourth-products .bs-product-slider-heading h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    color: #000000;
}

.bs-fourth-products .swiper {
    width: 100%;
    height: 100%;
    padding: 4px;
}

.bs-fourth-products .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.bs-fourth-products .swiper-slide img {
    display: block;
    object-fit: cover;
}

.bs-fourth-products .bs-product-container {
    text-align: center;
    box-shadow: rgb(0 0 0 / 13%) 0px 1px 4px;
}

.bs-fourth-products .bs-product-container .bs-item-img4 {
    position: relative;
    object-fit: contain;
    box-shadow: 0px 10px 0px -30px #0012411A;
    background-color: #fff;
}

.bs-fourth-products .bs-detail-icons4 {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: -22px;
    position: relative;
    transition: 0.5 ease;
}

.bs-fourth-products .bs-detail-icons4 a {
    width: 45px;
    height: 45px;
    background: #061A3A;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 45px;
    border-radius: 4px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    box-shadow: inset 0 0 0 0 transparent;
    transition: 0.5s ease;
}

.bs-fourth-products .bs-detail-icons4 a:hover {
    box-shadow: inset 0 0 0 23px #39cabb;
    background-color: #39cabb;
    cursor: pointer;
    color: #fff;
    transition: 0.5s ease;
    border: 0;
}

.bs-fourth-products .bs-product-container .bs-prod-desc4 h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #061A3A;
    margin: 0;
}

.bs-fourth-products .bs-product-container .bs-prod-desc4 h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    text-align: center;
}

.bs-fourth-products .bs-product-container .bs-prod-desc4 .bs-normal-price4 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #061A3A;
    text-align: center;
}

.bs-fourth-products .bs-product-container .bs-prod-desc .bs-strike-price4 {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    text-decoration-line: line-through;
    color: #32363b;
}

.bs-fourth-products .bs-rating4 i {
    color: #FFC107;
}

.bs-fourth-products .swiper-button-next,
.bs-fourth-products .swiper-button-prev {
    height: 40px;
    width: 40px;
    border-radius: 4px;
    background-color: #061A3A;
    border: 0;
    font-size: var(--swiper-navigation-size) !important;
    color: #fff;
    box-shadow: inset 0 0 0 0 transparent;
    transition: 0.5s ease;
}

.bs-fourth-products .swiper-button-next:hover,
.bs-fourth-products .swiper-button-prev:hover {
    color: #fff;
    box-shadow: inset 0 0 0 25px #17869E;
    transition: 0.5s ease;
    background-color: #39cabb;
}

.bs-fourth-products .swiper-button-prev {
    position: absolute;
    left: 0px !important;
}

.bs-fourth-products .swiper-button-next {
    position: absolute;
    right: 0px !important;
}

.bs-fourth-products .container {
    position: relative;
}

.ph-trending-prod {
    overflow: hidden;
}

.bs-fourth-products .healthieo-add-prod-to-cart {
    display: none;
}

.bs-detail-icons4 a .bs-shop-icon,
.bs-detail-icons4 a .bs-shop-icon:hover {
    padding: unset;
    background-color: transparent !important;
    align-items: center;
    justify-content: center;
    height: inherit;
}

.bs-rating4 {
    margin-top: 14px;
}

.bs-prod-desc4 h6 a {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #32363b;
    margin: 8px 0 0;
    display: inline-block;
    transition: 0.5s ease;
}

.bs-prod-desc4 h2 a {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin: 3px 0 9px 0;
    display: inline-block;
    transition: 0.5s ease;
}

.bs-prod-price {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.bs-prod-price p bdi,
.bs-prod-price .amount bdi {
    font-size: 14px;
    line-height: 16px;
    color: #32363b;
    max-width: 107px;
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: 500;
    width: 100%;
    word-break: initial;
}

a.healthieo-add-prod-to-cart[disabled="disabled"] {
    font-size: 0;
}

.bs-prod-price del bdi {
    font-size: 16px !important;
}

.bs-prod-price ins bdi {
    color: #061A3A !important;
}

.bs-prod-price ins {
    background-color: transparent;
}

.bs-second-grid {
    transition: 0.5s ease;
}

.bs-second-grid:hover {
    transform: scale(1.0);
    box-shadow: 1px 5px 18px rgb(0 0 0 / 12%) !important;
    transition: 0.5s ease;
}

.bs-about-team:after {
    content: '';
    background-image: url(../images/Best_Team.png) !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: right top;
}

.bs-doctor-grid.bs-about-team::before {
    content: none;
}

.bs-about-team::before {
    content: '';
    background-image: url(../images/shopFrame.png) !important;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-position: left bottom;
    z-index: 0;
    background-repeat: no-repeat;
}

.bs-about-team.bs-doctor-grid {
    position: relative;
    z-index: 111;
    padding: 100px 0;
}

.hls-first-item {
    background-color: #061A3A;
    border-radius: 5px;
}

.hls-why-choose-us-right .row {
    gap: 7px;
}

.hls-why-choose-us-right .row [class*="col-lg-6"] {
    width: 49.41% !important;
}

.bs-cardialogy {
    padding-left: 6px;
}

.hls-why-choose-us-text-cover {
    padding-right: 8px;
}

.hls-brand-style-2 ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    gap: 30px;
}

.hls-brand-style-2 ul li {
    padding: 28px;
    flex-basis: 17.94%;
    text-align: center;
    margin: 0;
    background-color: #ffffff;
}

.hls-brand-style-2 ul img {
    opacity: 0.8;
    transition: 0.3s;
    max-height: 110px;
    max-width: 150px;
    filter: grayscale(1);
    cursor: pointer;
    object-fit: contain;
    transition: 0.5s ease;
}

.hls-brand-style-2 ul img:hover {
    transform: scale(1.1);
    opacity: 1;
    filter: grayscale(0);
    transition: 0.5s ease;
}

.lb-style3.bs-lb-banner:before,
.lb-style3.bs-lb-banner:after {
    content: none;
}


/* hexa css  */

.hl-outer-hexa {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hl-inner-hexa img {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    z-index: 1;
    position: relative;
    left: 7px;
    top: -7px;
    width: 97%;
    height: 97% !important;
}

.hl-inner-hexa {
    position: relative;
}

.hl-inner-hexa:after {
    content: "";
    width: 97%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background-color: aliceblue;
    bottom: 1.5%;
    left: 1.5%;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.hl-inner-hexa:before {
    content: "";
    width: 100%;
    height: 103%;
    top: -3%;
    position: absolute;
    z-index: 0;
    background-color: #E7EFFE;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}


/* end hexa css  */

.lb-style3 .lb-hero-right {
    border-radius: 0;
    z-index: 1;
    background-color: transparent;
    align-items: center;
    position: relative;
    bottom: -1px;
}

.lb-style3 .bs-lb-form {
    position: relative;
    z-index: 1;
    top: unset;
    left: unset;
    margin-left: auto;
}

.lb-style3 .bs-lb-form .col-md-6:nth-child(2) {
    display: none;
}

.bs-healthieo-faqs .accordion-body {
    font-size: 16px;
    line-height: 30px;
}

.bs-sec-heading-2 {
    z-index: 111;
    position: relative;
}

.lbs-counter-heading {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lbs-counter-heading svg {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.lbs-service-4 {
    text-align: center;
    padding: 100px 0;
}

.lbs-service-4:after {
    content: '';
    background-image: url(../images/Services.png);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    left: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

.lbs-service-4-inner {
    background: #FFFFFF;
    border: 0px solid #E3EFF8;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 41px 25px 63px;
    box-shadow: rgb(0 0 0 / 13%) 0px 1px 4px;
}

.lbs-service-4-inner h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #061A3A;
}

.lbs-service-4-inner p {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
}

.lbs-service-4-inner {
    position: relative;
    transition: 0.5s ease;
}

.lbs-service-4-inner svg {
    color: #fff;
}

.lbs-service-4-inner a {
    width: 40px;
    height: 40px;
    background: #061A3A;
    border-radius: 4px;
    padding: 8px;
    position: absolute;
    left: 50%;
    bottom: -20px;
    margin-left: -20px;
    transition: 0.5s ease;
}

.lbs-service-arrow-icon a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lbs-service-4-inner:hover {
    box-shadow: 0px 10px 30px rgba(0, 18, 65, 0.1);
    transition: 0.5s ease;
}

.lbs-service-4-inner:hover a {
    background: #17869E;
    box-shadow: 0px 10px 30px rgba(0, 18, 65, 0.1);
}

.lbs-service-4-inner:hover svg {
    transition: 0.5s ease;
    transform: rotate(90deg);
}

.lbs-service-4-inner img {
    margin-bottom: 24px;
}

.lbs-work-main {
    padding: 100px 0 0px;
}

.lbs-works-content .ptc-heading {
    margin: 0 auto 30px;
}

.lbs-works-content p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 50px;
}

.lbs-works-bottom-content {
    display: flex;
    gap: 25px;
    align-items: center;
}

.lbs-bottom-content h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 3px 0;
}

.lbs-bottom-content p {
    font-size: 16px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
}

.lbs-bottom-icon svg {
    font-size: 35px;
    color: #17869E;
}

.lbs-works-bottom {
    padding: 50px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.lbs-works-media {
    margin-bottom: 50px;
}

.lbs-works .lbs-works-media img {
    border-radius: 5px;
}

.bs-grid-3 .bs-doctorimg img {
    border-radius: 10px 10px 0 0 !important;
}

.bs-grid-3 .bs-second-grid {
    background: #FFFFFF;
    border: 0px solid #E3EFF8;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 13%) 0px 1px 4px;
}

.bs-grid-3 .bs-second-grid .bs-doctor-detail {
    flex: 0 1 100%;
    max-width: 100%;
    border: 0;
    padding: 25px;
    border: 0 !important;
}

.bs-grid-3 .bs-doctor-detail h3 {
    color: #061A3A;
    line-height: 21px;
    margin-bottom: 2px;
    padding: 0;
}

.bs-grid-3 .bs-doctor-detail h2 a {
    margin-bottom: 6px;
    color: #000;
    transition: 0.5s ease;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}

.bs-grid-3 .bs-number {
    font-size: 16px;
    line-height: 30px;
    padding: 0;
}

.lbs-counter-main {
    flex: 0 0 101%;
    display: flex;
    flex-wrap: wrap;
}

.lbs-counter-col {
    width: 33.3%;
}

.lbs-counter-col:not(:first-child) {
    padding-left: 30px;
}

.lbs-counter-col:last-child {
    padding-right: 0px;
}

.lb-style3 {
    padding-top: 100px;
}

.bs-fixed-header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    background-color: #061A3A;
}

.bs-fixed-header .navbar {
    background-color: #061A3A;
}

.header {
    z-index: 999;
    position: relative;
}

.bs-blog-content {
    padding: 25px;
}

.bs-second-grid .bs-doctor-detail {
    max-width: 100% !important;
    border: 2px solid #e7effa !important;
}

.bs-doctor-share>a:after {
    content: "";
    width: 50px;
    height: 50px;
    background-color: rgba(57, 202, 187, 0.25);
    left: -45px;
    bottom: -46px;
    position: absolute;
    z-index: -1;
    border-radius: 4px;
}

.bs-mobile-app {
    background-color: #061A3A;
}

.bs-mobile-app :is(h2,
p) {
    color: #fff !important;
}

.lbs-work-main:after {
    content: '';
    background-image: url(../images/How_It_Work.png);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    left: 0;
    background-repeat: no-repeat;
    background-position: bottom;
}

.hls-brand-clients {
    position: relative;
    padding: 100px 0;
}

.hls-brand-clients:after {
    content: '';
    background-image: url(../images/top_Cliente.png);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    left: 0;
    background-repeat: no-repeat;
    background-position: bottom;
}

.hls-brand-clients h2 {
    color: #fff !important;
}

.bs-openhour-appoint .row {
    align-items: center;
}

.bs-openhour-appoint h2 {
    color: #ffffff !important;
}

.bs-openhour-appoint p {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 30px;
}

.bs-openhour-appoint .ptc-heading {
    margin-bottom: 30px;
}

.bs-openhour-appoint {
    padding: 6px 0;
}

.bs-openhour-appoint .bs-opening ol li {
    color: #fff;
    display: flex;
    border-bottom: 0;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

.bs-openhour-appoint .bs-opening ol span,
.bs-openhour-appoint .bs-opening ol li span:last-child {
    color: #fff !important;
}

.bs-openhour-appoint .bs-opening {
    padding: 0;
    position: relative;
}

.bs-openhour-appoint .bs-opening:after {
    content: "";
    background-image: url(../images/clock-healtheio.png);
    position: absolute;
    height: 161px;
    width: 161px;
    background-repeat: no-repeat;
    bottom: -100px;
    right: 59px;
}

.bs-opening ol span:last-child {
    max-width: 116px;
    width: 100%;
    text-align: left;
    margin-left: auto;
}

.bs-opening ol li span:last-child {
    font-size: 16px;
    color: #232323 !important;
}

.bs-openhour-appoint .bs-comment-doctor-form h2 {
    color: #232323 !important;
}

.bs-openhour-appoint .bs-opening ol {
    width: 350px;
}

.bs-openhour-appoint .bs-opening h3 {
    color: #fff !important;
}

.bs-openhour-appoint .bs-opening ol li span {
    font-size: 16px;
}

.bs-openhour-appoint .bs-single-doctor-form .bs-comment-doctor-form {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 8px 16px rgb(0 18 65 / 20%);
    position: relative;
}

.bs-openhour-appoint .bs-comment-doctor-form input[name="name"],
.bs-openhour-appoint .bs-comment-doctor-form input[type="email"],
.bs-openhour-appoint .bs-comment-doctor-form input[type="text"],
.bs-openhour-appoint .bs-comment-doctor-form .select2-selection__rendered,
.bs-openhour-appoint textarea {
    background: var(--lightcolor);
    border-radius: 5px;
}

.bs-appoint-form {
    position: relative;
}

.bs-openhour-appoint .bs-single-doctor-form {
    margin: 0px;
    position: relative;
    top: 104px;
}

.bs-openhour-appoint .form-group {
    margin-bottom: 30px;
}

.form-check-inline a:hover {
    color: #F17732;
}

.bs-left-mobile .ptc-heading {
    margin-bottom: 30px;
}

.bs-main-sponser .bs-sponser-img-main img {
    filter: grayscale(1);
    cursor: pointer;
    object-fit: contain;
    transition: 0.5s ease;
}

.bs-main-sponser .bs-sponser-img-main img:hover {
    transform: scale(1.1);
    opacity: 1;
    filter: grayscale(0);
    transition: 0.5s ease;
}

.hls-about-feature {
    display: flex;
    gap: 20px;
}


/* video icon   */

.hls-about-video .button {
    display: inline-block;
    position: relative;
}

.hls-about-video .has-scale-animation {
    -webkit-animation: smallScale 3s infinite;
    animation: smallScale 3s infinite;
}

.hls-about-video .has-delay-short {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

.hls-about-feature-content h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 3px 0;
    color: #232323;
}

.hls-about-feature-icon svg {
    width: 32px;
    height: 36px;
    color: #fff;
    background-color: #17869E;
    padding: 8px 6px;
    margin-top: 7px;
    position: relative;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.hls-about-feature-icon:after {
    content: "";
    background-color: #E7EFFE;
    width: 36px;
    height: 42px;
    position: absolute;
    left: -2px;
    top: 4px;
    z-index: -1;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.bs-contectform {
    margin: 100px 0;
}

.bs-gallery-wrap {
    margin: 100px 0;
}

.card.ptc-news-slider-inner {
    box-shadow: rgba(0, 0, 0, .125) 0px 1px 4px;
    border: 1px solid rgba(0, 0, 0, .125) !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
}

.card.ptc-news-slider-inner {
    box-shadow: rgb(0 0 0 / 13%) 0px 1px 4px;
    border: 0px solid rgb(0 0 0 / 4%) !important;
}

.bs-latest3-news-slider .swiper {
    padding: 2px;
}

.bs-prod-desc4 {
    padding-bottom: 25px;
}

.bs-latest3-news-slider {
    padding: 100px 0;
}

.col-lg-6.col-md-6.col-sm-12.lb-hero-img {
    z-index: 1;
}

.bs-sec-heading-1 p {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    margin: 0;
}

:is(.hls-about-us-text-cover,
.bs-openhour-appoint) .bs-sec-heading-1 p {
    max-width: 522px;
    width: 100%;
}

.bs-testimonial-slider {
    padding: 0 0 40px 0 !important;
    position: relative;
    z-index: 111;
}

.lbs-testimonial-content {
    position: relative;
    padding: 48px 36px 150px;
    background-color: #fff;
    border-radius: 5px;
    margin: 10px;
}

.lbs-testimonial-content:before {
    content: "";
    background-color: #E7EFFE;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    position: absolute;
    left: -10px;
    z-index: -1;
    top: -10px;
    border-radius: 5px;
}

.bs-healthieo-faqs {
    margin: 100px 0 100px;
}

.bs-doctor-grid .bs-doctor-detail {
    padding: 20px 22px 30px;
    border-left: 0px;
    background: #fff;
}

.bs-doctor-conten {
    box-shadow: rgb(0 0 0 / 13%) 0px 1px 4px;
}

.bs-healthieo-faqs .ptc-heading {
    margin-bottom: 30px;
}

.bs-healthieo-faqs .accordion {
    margin-bottom: 50px;
}

.bs-single-doctor-form .ptc-heading {
    margin-bottom: 30px;
}


/* services 5  */

.hexa-services {
    padding: 100px 0;
}

.hexa-svg {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    margin: auto;
    margin-bottom: -42px;
}

.hexa-svg img,
.hexa-svg i {
    position: relative;
    z-index: 1;
    width: 48px;
    height: 48px;
    font-size: 48px;
    top: 6px;
    color: #17869E;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hexa-services-col .hexa-svg:after {
    content: "";
    background-color: #fff;
    width: 90px;
    height: 100px;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    position: absolute;
    left: 6px;
    z-index: 0;
    top: 8px;
}

.hexa-svg:before {
    content: "";
    background-color: #E7EFFE;
    width: 100px;
    height: 110px;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    position: absolute;
    left: 1px;
    z-index: 0;
    top: 3px;
}

.hexa-services .hexa-shap-outer h3 {
    margin: 0;
}

.hexa-services .hexa-shap-outer h3 a {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF !important;
    text-align: center;
    transition: 0.5s ease;
    letter-spacing: 0.0015em;
    display: block;
}

.hexa-services .hexa-shap-outer h3 a:hover {
    color: var(--secondarycolor) !important;
}

.hexa-shap-outer:hover h3 a {
    color: #232323 !important;
}

.hexa-services .hexa-shap-outer p {
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
    transition: 0.5s ease;
}

.hexa-services-detail {
    padding: 67px 16px 22px;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;
    transition: 0.5s ease;
}

.hexa-services .row {
    gap: 28px 7px;
    z-index: 1;
    position: relative;
    justify-content: center;
}

.hexa-services .col-lg-3 {
    flex: 0 0 auto;
    width: 24.55%;
    transition: 0.5s ease;
}

.hexa-shap-outer:hover h3,
.hexa-shap-outer:hover p {
    color: #000 !important;
    transition: 0.5s ease;
    z-index: 111;
    position: relative;
}

.hexa-shap-outer:hover .hexa-svg i,
.hexa-shap-outer:hover .hexa-svg img {
    color: #fff;
    z-index: 111;
    position: relative;
}

.hexa-shap-outer:hover .hexa-svg:after {
    background-color: #17869E;
    transition: 0.5s ease;
    z-index: 11;
}

.hexa-shap-outer:after {
    content: "";
    background: white;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    transition: all .5s ease-in-out;
    left: 0;
    bottom: 100%;
    transform: translateY(200%);
    border-radius: 5px;
}

.hexa-shap-outer {
    position: relative;
    overflow: hidden;
    padding: 30px 0 1px;
    transition: 0.5s ease;
}

.hexa-shap-outer:hover:after {
    border-radius: 5px;
    transform: translateY(100%);
    transition: all .5s ease-in-out;
    z-index: 1;
}


/* hexa doctor grid  */

.hexa-doctor-bottom {
    display: flex;
    position: relative;
}

.hexa-doctor-bottom .theme-btn {
    flex-basis: 75%;
}

.hexa-doctor-bottom .bs-doctor-menu.bs-doctor-bottomRight {
    bottom: initial;
    right: 20px;
    top: 0;
}

.hexa-doctor-img {
    position: relative;
    text-align: center;
}

.hexa-doctor-img img {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    z-index: 1;
    position: relative;
    width: 150px;
    height: 170px !important;
    object-fit: cover;
    object-position: top;
}

.hexa-doctor-outer-image {
    position: relative;
    width: fit-content;
    margin: auto !important;
    padding: 1.8px;
}

.hexa-doctor-outer-image:after {
    content: "";
    width: 106%;
    height: 106%;
    position: absolute;
    left: -3%;
    top: -3%;
    margin-left: 0;
    background-color: #E7EFFE;
    z-index: 0;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    transition: 0.5s ease;
}

.hexa-doctor-detail h2 a {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #232323;
}

.hexa-doctor-detail h2 a:hover {
    color: #F17732;
}

.bs-number span {
    color: #232323;
}

.hexa-doctor-detail h2 {
    text-align: center;
    margin-bottom: 0;
}

.hexa-doctor-detail h3 {
    font-size: 16px;
    line-height: 25px;
    color: #17869E !important;
    text-align: center;
}

.hexa-doctor-outor .hexa-doctor-bottom .appoint-btn {
    background: #17869E;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 40px !important;
    color: #FFFFFF !important;
    transition: 0.5s ease;
    display: flex;
    height: 48px;
}

.hexa-doctor-grid .swiper-slide .hexa-doctor-detail a {
    display: flex;
    align-items: center;
    color: #FFFFFF !important;
}

.hexa-doctor-outor .hexa-doctor-bottom .appoint-btn:hover {
    background-color: #F17732 !important;
    transition: 0.5s ease !important;
}

.hexa-doctor-outor .bs-doctor-share>a:after {
    content: "";
    width: 50px;
    height: 55px;
    background-color: #C5E1E7;
    left: -45px;
    bottom: -46px;
    position: absolute;
    z-index: -1;
    border-radius: 4px;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.hexa-doctor-outor .bs-doctor-menu .bs-doctor-share svg {
    height: 45px;
    width: 40px;
    text-align: center;
    line-height: 43px;
    border-radius: 4px;
    padding: 10px;
    transition: 0.5s ease;
    box-shadow: inset 0 0 0 0 transparent;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.bs-doctor-share svg {
    background-color: #17869E !important;
    color: #fff !important;
    border: 0px solid transparent;
}

.hexa-doctor-outor .hexa-doctor-detail h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #17869E;
    margin: 0;
}

.dr-info-grid {
    gap: 27px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 23px;
}

.hexa-doctor-outor {
    background: #FFFFFF;
    border: 1px solid #E7EFFE;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 120px 0 30px;
    transition: 0.5s ease;
    height: calc(100% - 70px);
}

.hexa-inner-grid {
    height: auto;
}

.hexa-doctor-img {
    margin-bottom: -80px;
}

.hexa-inner-grid:hover .hexa-doctor-outor {
    box-shadow: var(--shadowcolor);
    transition: 0.5s ease;
}

.hexa-doctor-detail {
    height: 100%;
}

.accordion__item--active {
    box-shadow: var(--shadowcolor);
    border-radius: 5px;
}

.hexa-inner-grid:hover .hexa-doctor-outer-image:after {
    background-color: rgba(241, 119, 50, 0.25);
    transition: 0.5s ease;
}

.hexa-doctor-detail .bs-number {
    margin: 25px 0 25px;
    background: #F8FCFD;
    border: 1px solid #E7EFFE;
    border-left: 0;
    border-right: 0;
    text-align: center;
    padding: 18px 0;
    width: 100%;
}

.hexa-doctoe-info {
    padding: 0 30px;
}

.hexa-doctor-detail .bs-number svg,
.hexa-doctor-detail .bs-number a {
    color: #17869E;
}

.hexa-doctor-detail .bs-number a:hover {
    color: #F17732;
}

.hexa-doctoe-info table.dr-info-grid {
    margin-bottom: 23px;
}

.bs-doctor-submenu a {
    position: relative;
}

.hexa-doctor-outor .bs-doctor-submenu a:after {
    content: "";
    position: absolute;
    left: -45px;
    top: -9px;
    background-color: #C5E1E7;
    height: 55px;
    width: 50px;
    text-align: center;
    line-height: 43px;
    transition: 0.5s ease;
    box-shadow: inset 0 0 0 0 transparent;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    z-index: -1;
}


/* contect-form  */

.bs-openhour-appoint .bs-single-doctor-form .bs-comment-doctor-form:after {
    content: "";
    background-color: #E7EFFE;
    width: 100%;
    height: 91.3%;
    position: absolute;
    top: -20px;
    border-radius: 5px;
    left: -20px;
    z-index: -1;
}

.bs-openhour-appoint input.btn.btn-primary.bs-btntheme.bs-make-appointment {
    border: 1px solid transparent !important;
    transition: 0.5s ease;
    background: #17869E;
    border-radius: 5px !important;
}


/* hexa accordian css  */

.hexa-accordion .accordion {
    width: 42rem;
    padding: 1.2rem 0;
    border-radius: 1rem;
}

.hexa-accordion .accordion__item:not(:last-child) {
    margin: 0 0 30px;
}

.hexa-accordion .accordion__btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px 40px 15px 80px;
    outline: none;
    text-align: left;
    transition: 0.1s;
    background: rgb(231 239 254 / 20%);
    border: 1px solid var(--lightcolor);
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #232323;
    position: relative;
}

.hexa-accordion .accordion__item--active .accordion__btn {
    background: rgb(231 239 254 / 20%);
}

.hexa-accordion .accordion__item--active button.accordion__btn {
    border-radius: 10px 10px 0 0;
}

.hexa-accordion .accordion__content {
    font-weight: 400;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    color: #555555;
}

.hexa-accordion .accordion__content p {
    padding: 1rem 1.8rem;
}

.hexa-accordion .accordion__item--active .accordion__content {
    opacity: 1;
    max-height: 100vh;
    background: #FFFFFF;
    border: 1px solid var(--lightcolor);
    box-sizing: border-box;
    border-radius: 0px 0px 10px 10px;
}

body {
    background-color: transparent;
    counter-reset: section;
}

.hexa-accordion .accordion__item {
    position: relative;
}

.hexa-accordion .accordion__item::before {
    counter-increment: section;
    content: counters(section, ".") " ";
    position: absolute;
    width: 30px;
    height: 36px;
    background-color: #17869E;
    border-radius: 4px;
    text-align: center;
    top: 15px;
    margin-top: 0px;
    left: 20px;
    color: #fff;
    line-height: 29px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 111;
    box-shadow: inset 0 0 0 0 transparent;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.hexa-accordion .accordion__item::after {
    content: " ";
    position: absolute;
    width: 36px;
    height: 42px;
    background-color: #E7EFFE;
    top: 12px;
    margin-top: 0px;
    left: 17px;
    z-index: 1;
    box-shadow: inset 0 0 0 0 transparent;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.accordion__item--active .accordion__icon::before {
    content: '-';
}

.accordion__icon::before {
    content: '+';
    font-size: 25px;
    display: block;
    position: absolute;
    right: 13px;
    color: #c2c2c2;
    top: 20px;
    line-height: 100%;
    height: auto;
}

.bs-faq-image {
    position: relative;
}

.bs-faq-image:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 103%;
    top: -1.5%;
    background-color: #E7EFFE;
    margin-top: 0px;
    box-shadow: inset 0 0 0 0 transparent;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.bs-faq-image img {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    padding: 0;
    position: relative;
    z-index: 11;
    width: 97%;
    left: 1.5%;
}

.bs-healthieo-faqs [class*="col-"]:first-child {
    padding-right: 25px;
}

.bs-healthieo-faqs [class*="col-"]:last-child {
    padding-left: 25px;
}

.lbs-testimonial-image {
    position: relative;
    margin: 25px 0 10px 0;
}

.bs-taem .swiper-slide .lbs-testimonial-image:after {
    content: "";
    background-color: #D2D5D7;
    position: absolute;
    width: 100px;
    left: calc(50% - 50px);
    height: 105px;
    top: 0;
    z-index: 0;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.bs-taem .swiper-slide .lbs-testimonial-image:before {
    content: "";
    background-color: #E7EFFE;
    position: absolute;
    width: 110px;
    left: calc(50% - 55px);
    height: 116px;
    top: -5px;
    z-index: 0;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.blog-slider__pagination {
    position: absolute;
    z-index: 21;
    right: 0;
    text-align: center;
    left: auto !important;
    bottom: 0 !important;
}

.blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fd3838;
    width: 30px;
    height: 2px;
    box-shadow: 0px 0px 20px rgb(252 56 56 / 30%);
}

.bs-single-doctor-main .doctor-img:after {
    content: "";
    background: #E7EFFE;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    max-width: 100%;
    width: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
}

.bs-single-doctor-main .doctor-img {
    position: relative;
    padding: 6px;
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination {
        transform: translateX(-50%);
        left: 50% !important;
        top: 205px;
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0;
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }
}

.blog-slider__pagination .swiper-pagination-bullet {
    width: 22px;
    height: 10px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.2;
    transition: all 0.3s;
}

.blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
    width: 50px;
    box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
}


/* hexa slider  */

.hexa-product-style {
    padding: 100px 0 100px;
}

.hexa-product-style:after {
    content: "";
    background-image: url(../images/hexa-shop.png);
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    background-color: #17869E;
    background-size: 100% 100%;
    background-position: bottom;
    z-index: -1;
}

.hexa-product-style .swiper-slide img {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    max-width: 274px !important;
    width: 100%;
    min-height: 260px !important;
    object-fit: cover;
}

.hexa-product-style .bs-item-img4 a {
    position: relative;
    display: inline-block;
}

.hexa-product-style .bs-item-img4 a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #E7EFFE;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    z-index: -1;
}

.hexa-product-style .bs-detail-icons4 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    opacity: 0;
    transition: 0.5s ease;
}

.hexa-product-style a.healthieo-quick-view,
.hexa-product-style a.healthieo-prod-fav {
    max-width: 100%;
    width: auto;
}

.hexa-product-style .bs-off4-btn {
    position: absolute;
    width: 44px;
    height: 47px;
    left: 9px;
    border: none;
    border-radius: 4px;
    outline: none;
    font-size: 11px;
    font-weight: 600;
    background: rgb(241 119 50 / 30%);
    color: #232323;
    top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 4px 0;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    z-index: 1;
}

.hexa-product-style a.healthieo-quick-view,
.hexa-product-style a {
    position: relative;
}

.hexa-product-style .bs-detail-icons4 svg {
    padding: 5px;
    height: 28px;
    width: 25px;
    color: #fff;
    text-align: center;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    position: relative;
    z-index: 11;
}

.shop-icon-outer {
    background-color: #17869E;
    z-index: 111;
    position: relative;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    height: 28px !important;
    width: 25px;
    display: inline-block;
    line-height: 19px;
}

.hexa-product-style .bs-detail-icons4 a:after {
    content: "";
    height: 35px;
    width: 32px;
    background-color: #C5E1E7;
    position: absolute;
    left: -3.5px;
    top: -3.5px;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    z-index: 0;
}

.hexa-product-style .bs-detail-icons4 a.healthieo-prod-fav:after {
    top: 0;
}

.hexa-product-style a.healthieo-quick-view:after {
    content: "";
    height: 35px;
    width: 32px;
    background-color: #C5E1E7;
    position: absolute;
    left: -3.5px;
    top: 0;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    z-index: 0;
}

.hexa-product-style .bs-product-container del bdi {
    font-size: 12px !important;
}

.hexa-product-style .bs-detail-icons4 a.btn.btn-theme {
    padding: 0;
}

.hexa-product-style .bs-detail-icons4 a:nth-child(3) {
    right: 17px;
    top: 44%;
    font-size: 0;
}

.hexa-product-style .bs-detail-icons4 a:nth-child(2) {
    right: 52px;
    top: 48%;
}

.hexa-product-style .bs-detail-icons4 a {
    position: absolute;
    top: 52%;
    right: 89px;
}

.hexa-product-style .bs-rating4,
.bs-prod-desc4 {
    text-align: center;
}

.hexa-product-style .bs-rating4 {
    color: #fff;
}

.hexa-product-style .bs-prod-desc4 h6 a:hover {
    color: #F17732;
}

.hexa-product-style .bs-prod-desc4 h2 a:hover {
    color: #F17732;
}

.hexa-product-style .bs-prod-desc4 {
    padding-bottom: 18px;
}

.hexa-product-style .bs-prod-desc4 h6 a {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin: 3px 0 0;
    display: inline-block;
    transition: 0.5s ease;
}

.hexa-product-style .bs-prod-desc4 h6,
.hexa-product-style .bs-prod-desc4 h2 {
    margin: 0;
}

.hexa-product-style .bs-prod-desc4 h2 a {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin: 9px 0 9px 0;
    transition: 0.5s ease;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hexa-product-style .bs-product-price p bdi,
.hexa-product-style .woocommerce-Price-amount.amount bdi {
    font-size: 16px;
    line-height: 16px;
    color: #fff !important;
    max-width: 107px;
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: 600;
    width: 100%;
    word-break: initial;
}

.hexa-product-style del {
    color: #fff;
}

.bs-item-img4 {
    padding: 7px;
}

.ph-trending-prod .bs-item-img4 {
    padding: 7px 7px 30px;
}

.hexa-prod-outer {
    padding-bottom: 40px;
}

.hexa-image:before {
    content: "";
    width: 105.4%;
    height: 105.4%;
    position: absolute;
    background-color: #E7EFFE;
    left: -2.9%;
    top: -2.9%;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
}

.hexa-sale:after {
    content: "";
    width: 50px;
    height: 53px;
    background-color: #E7EFFE;
    position: absolute;
    left: 10px;
    top: 17px;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    z-index: 0;
}


/* hover product */

.bs-product-container:hover .bs-detail-icons4 {
    opacity: 1;
    transition: 0.5s ease;
}

.bs-product-container {
    overflow: hidden;
    position: relative;
}


/* hexa background  */

.hexa-hero-main .lb-style3::after {
    content: "";
    background-image: linear-gradient(to bottom, #023742eb, #063944e3), url(../images/hero-bg.jpg);
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    background-color: #17869E;
    background-size: cover;
    background-position: top;
}

.hexa-testimonial::after {
    content: "";
    background-image: url(../images/hexa-bg-Services.png);
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
}

.hls-about-feature-icon {
    position: relative;
    top: -9px;
}


/* hexa blog  */

.hexa-calendar {
    text-align: center;
    margin: 0 0 6px;
}

.hexa-calendar small {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #555555;
    position: relative;
}

.hexa-calendar small:after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #17869E;
    position: absolute;
    left: -21px;
    border-radius: 50%;
    bottom: 7px;
    display: flex;
}

.hexa-blog-image img {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    position: relative;
    z-index: 1;
    max-width: 274px !important;
    width: 100%;
    min-height: 282px !important;
    object-fit: cover;
}

.hexa-blog-title {
    text-align: center;
    margin-bottom: 2px;
}

.hexa-blog-content .hexa-blog-title a {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #232323;
    transition: 0.5s ease;
}

.hexa-blog-content .hexa-blog-title a:hover {
    color: var(--secondarycolor);
    transition: 0.5s ease;
}

.hexa-blog-title a:hover {
    color: inherit;
}

.hexa-blog-outer {
    text-align: center;
}

.hexa-blog-outer .hexa-blog-content p {
    font-size: 16px;
    text-align: center;
    color: #555555;
    margin-bottom: 30px;
}

.hexa-blog-bottom a {
    background: #17869E;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF !important;
    padding: 13px 0;
    width: 294px;
    display: inline-block;
    text-decoration: none;
}

.hexa-blog-bottom a:hover {
    background: #F17732;
}

.hexa-blog-inner {
    background: #FFFFFF;
    border: 1px solid #E7EFFE;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 175px 18px 31px;
    margin-top: -135px;
    transition: 0.5s ease;
}

.hexa-blog-image:after {
    content: "";
    width: 105%;
    height: 105%;
    background-color: #E7EFFE;
    position: absolute;
    left: -2.5%;
    top: -2.5%;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    z-index: 0;
    transition: 0.5s ease;
}

.bs-taem {
    position: relative;
    z-index: 1;
}

.hexa-blog-outer a {
    position: relative;
    display: inline-block;
}

.hexa-blog-outer:hover .hexa-blog-inner {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
    transition: 0.5s ease;
}

.hexa-blog-outer:hover .hexa-blog-image:after {
    background-color: #F9C2A3;
    transition: 0.5s ease;
}

.bs-newsletter .row {
    align-items: center;
}


/* news latter  */

.hexa-news-form {
    position: relative;
}

.hexa-news-form {
    margin-left: 30px;
}


/* animation circle  */

:is(.hexa-blog-main,
.hls-about-us-cover,
.hexa-work,
.hexa-gallery) .container {
    position: relative;
}

.hexa-blog-main .container:before {
    content: "";
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    border: 20px solid;
    border-top-color: #17869E;
    border-right-color: #17869E;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    animation: rotate 8s infinite linear;
}

.hls-about-us-cover .container:before,
.hexa-work .container:before,
.bs-services-post .container:before {
    content: "";
    position: absolute;
    right: 0;
    width: 80px;
    height: 80px;
    border: 20px solid;
    border-top-color: #17869E;
    border-right-color: #17869E;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    animation: rotate 8s infinite linear;
}

@keyframes rotate {
    0% {
        transform: rotate(-45deg);
    }
    100% {
        transform: rotate(315deg);
    }
}

.hls-about-us-cover .container:after,
.hexa-work .container:after,
.bs-services-post .container:after {
    content: "";
    background-image: url("../images/shape-dot.png");
    position: absolute;
    right: -38px;
    top: 0;
    width: 68px;
    height: 48px;
}

.hexa-blog-main>.container:after {
    content: "";
    background-image: url("../images/shape-dot.png");
    position: absolute;
    left: -38px;
    top: 0;
    width: 68px;
    height: 48px;
}


/* hexa work style  */


/* new work section  */

.hexa-work-image {
    position: relative;
}

.hexa-work-info {
    text-align: center;
    margin-top: 24px;
}

.heart-rate {
    width: auto;
    height: 58px;
    position: absolute;
    margin: 20px auto;
    top: 27px;
    right: -80px;
}

.shop-spinner svg {
    line-height: 24px;
    top: 0;
}

.fade-in {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    top: 0;
    right: 0;
    animation: heartRateIn 2.5s linear infinite;
}

.fade-out {
    position: absolute;
    width: 120%;
    height: 100%;
    top: 0;
    left: -120%;
    animation: heartRateOut 2.5s linear infinite;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);
}

@keyframes heartRateIn {
    0% {
        width: 100%;
    }
    50% {
        width: 0;
    }
    100% {
        width: 0;
    }
}

@keyframes heartRateOut {
    0% {
        left: -120%;
    }
    30% {
        left: -120%;
    }
    100% {
        left: 0;
    }
}

body {
    background-color: transparent;
}


/* end animation  */


/* start work mmid section  */

.hexa-work-image figure {
    width: 135px;
    height: 150px;
    background: #fff;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    z-index: 1;
    position: relative;
    line-height: 150px;
    margin: auto !important;
    text-align: center;
}

.hexa-work-image:after {
    content: "";
    position: absolute;
    width: 155px;
    height: 170px;
    background: #E7EFFE;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    z-index: 0;
    top: -10px;
    text-align: center;
    margin: auto;
    left: 50%;
    margin-left: -77px;
}

.hexa-work-info span {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #17869E;
    margin-bottom: 8px;
}

.hexa-work-info h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 3px;
}

.hexa-work-info p {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #555555;
    width: 84%;
    margin: auto;
}

.hexa-work .row .col-md-4:nth-child(3n+3) .heart-rate {
    display: none;
}


/* hexa gallery  */

.hexa-gallery-image {
    padding: 80px 15px;
    text-align: center;
    color: #fff;
    background-size: 100% 100%;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    z-index: 1;
    position: relative;
    max-width: 260px;
    height: 282px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}

.hexa-gallery-image:after {
    content: "";
    background-color: rgb(241 119 50 / 60%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transform: translateY(100%);
    transition: 0.8s ease;
    display: nones;
}

.hexa-gallery-outer:hover .hexa-gallery-image:after,
.hexa-gallery-outer:hover .hexa-gallery-info,
.hexa-gallery-outer:hover .hexa-arrow {
    opacity: 1;
    transform: translateY(0);
    transition: 0.5s ease;
    display: block;
}

.hexa-gallery-info,
.hexa-arrow {
    opacity: 0;
    transform: translateY(100%);
    transition: 0.5s ease;
}

.hexa-image-inner {
    padding: 5px;
    position: relative;
    display: flex;
    justify-content: center;
}

.hexa-gallery-outer {
    position: relative;
}

.hexa-image-inner::before {
    content: " ";
    background-color: #E7EFFE;
    position: absolute;
    left: auto;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    max-width: 270px;
    height: 292px;
    transition: 0.5s ease;
}

.hexa-gallery-outer:hover .hexa-image-inner::before {
    background-color: #F9C2A3;
    transition: 0.5s ease;
}

.related-hexa-gallery-outer .bs-services-post {
    margin: 50px 0 0;
}

.hexa-arrow-inner .hexa-gallery-arrow {
    background: #17869E;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    width: 45px;
    height: 50px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
    font-size: 20px;
    font-weight: 800;
    transition: 0.5s ease;
}

.hexa-arrow-inner .hexa-gallery-arrow:hover {
    box-shadow: inset 0 0 0 25px #F17732;
    transition: 0.5s ease;
}

.hexa-arrow-inner .hexa-gallery-arrow a {
    color: #fff;
}

.hexa-arrow {
    position: absolute;
    bottom: -26px;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.hexa-arrow-inner {
    position: relative;
    padding: 5px;
}

.hexa-arrow-inner:after {
    content: "";
    background: #C5E1E7;
    width: 51px;
    height: 56px;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0% 25%);
    position: absolute;
    top: 2px;
    left: calc(50% - 26px);
    text-align: center;
    z-index: 0;
    text-align: center;
}

.hexa-gallery-info h3 {
    margin: 0;
}

.hexa-gallery-info h3 a {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF !important;
    transition: 0.5s ease;
}

.hexa-gallery-info p {
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}

.hexa-appointment-form {
    width: 54%;
    margin: auto;
    box-shadow: var(--shadowcolor);
    border-radius: 5px;
}

.hexa-form .hexa-appointment-form input:not(input[type="submit"]),
.hexa-form .hexa-appointment-form .select2-selection--single,
.hexa-form .hexa-appointment-form textarea {
    background-color: var(--lightcolor) !important;
    border: 1px solid var(--lightcolor) !important;
    border-radius: 5px !important;
}

.hexa-appointment-form .bs-appointment-form .label {
    margin-bottom: 5px;
    display: none;
}

.hexa-appointment-form input.btn.btn-primary.bs-btntheme.bs-make-appointment {
    background: #17869E;
    border-radius: 5px !important;
    padding: 13px 32px !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: flex-end;
    color: #FFFFFF;
    height: 48px;
    margin-top: 0 !important;
}

.hexa-appointment-form .form-check.form-check-inline {
    display: none;
}

.bs-openhour-appoint .bs-sec-heading-1 h4:not(.bs-openhour-appoint .bs-comment-doctor-form .bs-sec-heading-1 h4) {
    color: #FFFFFF;
}

.hexa-product-style .ptc-heading h2,
.hexa-product-style .ptc-heading h4 {
    color: #FFFFFF !important;
}

.hexa-services {
    position: relative;
}

.hexa-services:after {
    content: "";
    background-image: url(../images/hexa-bg-Services.png);
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    background-color: #17869E;
    background-size: 100% 100%;
    background-position: center;
    z-index: -1;
}

.appoint-form .modal-dialog {
    transform: none;
    max-width: 700px !important;
    width: 100%;
}

.modal-header button:hover {
    background-color: transparent !important;
    border: 0 !important;
}

.lbs-works-content {
    max-width: 50%;
    margin: auto auto 41px;
}

.appoint-loader {
    margin: auto auto 50px;
    display: block;
}

.ph-trending-prod .healthieo-add-prod-to-cart svg.spin {
    top: -1px;
}

.ph-trending-prod .healthieo-add-prod-to-cart .shop-icon-outer {
    width: 27px;
    top: 0px;
    left: -1px;
    line-height: 28px;
}

.ptc-heading h2 {
    margin-bottom: 20px;
}

.hls-about-feature:not(:nth-child(3)) {
    margin-top: 20px;
}


/* end  */