/******************************

    00 - Home
    01 - Inner Page
		01 - About Us
		02 - Our History
		03 - Service Detail
        04 - Project Single 
        05 - Blog Detail
             Sidebar Right
             Blog Large
             Blog Single
        06 - Team Single
        07 - Contact Us
        08 - Comment Form
		09 - Make Appointment 01
    
******************************/


/*----------------------------------------*/


/*  00 - Home
/*----------------------------------------*/

body {
    background-color: var(--pbmit-light-color);
}


/* width */

::-webkit-scrollbar {
    width: 3px;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #3368c6;
}

#page {
    overflow: hidden;
}


/** Homepage 01 **/

.ihbox-section_one {
    padding: 53px 0px 28px 0px;
    margin: 0 20px;
    margin-top: -25px;
    border-radius: 0px 0px 30px 30px;
}

.ihbox-section_one .pbmit-col_1,
.ihbox-section_one .pbmit-col_3 {
    width: 40%;
}

.ihbox-section_one .pbmit-col_2 {
    width: 19.333%;
}

.about-one_img {
    background-image: url(../images/homepage-1/bg/about-img-01.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 340px 0px 340px 0px;
    border-radius: 30px;
    position: relative;
}

.about-one_fidbox {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
}

.pbmit-sticky-corner {
    width: 30px;
    height: 30px;
    position: absolute;
    transform: rotate(-90deg);
}

.pbmit-bottom-left-corner {
    bottom: 0%;
    left: -30px;
    transform: none;
}

.pbmit-top-right-corner {
    top: -30px;
    right: 0%;
    transform: none;
}

.pbmit-sticky-corner svg path {
    fill: var(--pbmit-light-color);
}

.about-one-rightbox {
    padding-left: 90px;
}

.about-one_btn {
    padding-top: 55px;
}

.service-one_bg {
    background-image: url(../images/homepage-1/bg/service-bg-pattern.png);
    background-position: top center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.service_arrow,
.team_arrow,
.blog-swiper_arrow,
.testimonial_arrow,
.testimonial-swiper-arrow,
.swiper-arrow {
    position: absolute;
    right: 12px;
    display: flex;
    align-items: end;
    height: 45px;
    bottom: 10px;
    z-index: 0;
}

.ihbox-style-16_box .col-md-4:nth-child(1),
.ihbox-style-16_box .col-md-4:nth-child(2),
.ihbox-style-16_box .col-md-4:nth-child(3) {
    padding-bottom: 70px;
}

.ihbox-style-16_box .pbmit-ihbox-style-16 {
    padding: 0 60px;
}

.ihbox-style-17_bg {
    background-image: url(../images/homepage-1/bg/bg-01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 90px 100px 90px;
    border-radius: 30px;
}

.team_arrow .swiper-button-next,
.team_arrow .swiper-button-prev,
.blog-swiper_arrow .swiper-button-next,
.blog-swiper_arrow .swiper-button-prev,
.testimonial_arrow .swiper-button-next,
.testimonial_arrow .swiper-button-prev,
.service-four .service_arrow .swiper-button-next,
.service-four .service_arrow .swiper-button-prev,
.demo-six .service_arrow .swiper-button-prev,
.demo-six .service_arrow .swiper-button-next,
.testimonial-swiper-arrow .swiper-button-next,
.testimonial-swiper-arrow .swiper-button-prev,
.swiper-arrow .swiper-button-next,
.swiper-arrow .swiper-button-prev,
.testimonial-eleven .swiper-button-next,
.testimonial-eleven .swiper-button-prev,
.testimonial-fourteen-box .swiper-buttons .swiper-button-prev,
.testimonial-fourteen-box .swiper-buttons .swiper-button-next {
    color: var(--pbmit-blackish-color);
    border-color: var(--pbmit-blackish-color);
}

.team_arrow .swiper-button-next:hover,
.team_arrow .swiper-button-prev:hover,
.blog-swiper_arrow .swiper-button-next:hover,
.blog-swiper_arrow .swiper-button-prev:hover,
.testimonial_arrow .swiper-button-next:hover,
.testimonial_arrow .swiper-button-prev:hover,
.service-four .service_arrow .swiper-button-next:hover,
.service-four .service_arrow .swiper-button-prev:hover,
.demo-six .service_arrow .swiper-button-prev:hover,
.demo-six .service_arrow .swiper-button-next:hover,
.testimonial-swiper-arrow .swiper-button-next:hover,
.testimonial-swiper-arrow .swiper-button-prev:hover,
.swiper-arrow .swiper-button-next:hover,
.swiper-arrow .swiper-button-prev:hover,
.testimonial-eleven .swiper-button-next:hover,
.testimonial-eleven .swiper-button-prev:hover,
.testimonial-fourteen-box .swiper-buttons .swiper-button-prev:hover,
.testimonial-fourteen-box .swiper-buttons .swiper-button-next:hover {
    color: var(--pbmit-white-color);
    border-color: var(--pbmit-global-color);
    background-color: var(--pbmit-global-color);
}

.contact-form-one_bg {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    z-index: 1;
    overflow: hidden;
    background-image: url(../images/homepage-1/bg/contact-form-bg.jpg);
    border-radius: 0px;
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-form-one_right {
    padding: 100px 80px 100px 80px;
    border-radius: 0 30px 30px 0;
}


/** Homepage 02 **/

.pbmit-widget_icon {
    position: absolute;
    width: auto;
    top: 5px;
    right: 10px;
}

.pbmit-widget_icon .pbmit_icon {
    font-size: 25px;
    padding: 15px;
    border-radius: 50%;
    display: inline-block;
    line-height: 1;
    transition: all .3s;
    text-align: center;
    color: var(--pbmit-white-color);
    background-color: var(--pbmit-global-color);
}

.inner-box_area .col-md-6.col-lg-4:not(:first-child) .pbmit-widget_icon .pbmit_icon {
    background-color: var(--pbmit-blackish-color);
}

.pbmit-widget_icon .pbmit_icon i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}

.inner-box_style {
    width: 100%;
    height: 100%;
    padding: 45px 45px 45px 45px;
    clip-path: polygon(4.596% 0.565%, 4.596% 0.565%, 3.947% 0.895%, 3.336% 1.309%, 2.766% 1.801%, 2.24% 2.364%, 1.762% 2.994%, 1.336% 3.686%, 0.966% 4.433%, 0.655% 5.23%, 0.407% 6.072%, 0.226% 6.954%, 0.226% 6.954%, 0.176% 7.633%, 0.134% 9.052%, 0.099% 11.243%, 0.071% 14.238%, 0.051% 18.072%, 0.037% 22.777%, 0.03% 28.386%, 0.029% 34.931%, 0.034% 42.447%, 0.045% 50.966%, 0.113% 93.462%, 0.747% 95.156%, 0.747% 95.156%, 0.969% 95.705%, 1.219% 96.23%, 1.495% 96.729%, 1.795% 97.201%, 2.119% 97.644%, 2.466% 98.057%, 2.834% 98.439%, 3.221% 98.786%, 3.628% 99.099%, 4.052% 99.376%, 5.094% 100%, 94.968% 100%, 96.009% 99.376%, 96.009% 99.376%, 96.433% 99.099%, 96.84% 98.786%, 97.228% 98.439%, 97.595% 98.057%, 97.942% 97.644%, 98.266% 97.201%, 98.566% 96.729%, 98.842% 96.23%, 99.092% 95.705%, 99.314% 95.156%, 99.948% 93.462%, 100.016% 62.259%, 100.016% 62.259%, 100.026% 56.181%, 100.03% 50.744%, 100.027% 45.939%, 100.017% 41.754%, 100.002% 38.18%, 99.98% 35.207%, 99.952% 32.824%, 99.919% 31.023%, 99.88% 29.793%, 99.835% 29.123%, 99.835% 29.123%, 99.782% 28.765%, 99.722% 28.409%, 99.657% 28.055%, 99.585% 27.703%, 99.506% 27.353%, 99.421% 27.006%, 99.33% 26.662%, 99.233% 26.32%, 99.129% 25.982%, 99.02% 25.646%, 99.02% 25.646%, 98.694% 24.858%, 98.32% 24.143%, 97.887% 23.492%, 97.382% 22.896%, 96.796% 22.344%, 96.115% 21.827%, 95.33% 21.335%, 94.428% 20.858%, 93.398% 20.387%, 92.228% 19.911%, 92.228% 19.911%, 90.917% 19.385%, 89.803% 18.853%, 88.861% 18.284%, 88.064% 17.642%, 87.387% 16.895%, 86.802% 16.008%, 86.285% 14.949%, 85.808% 13.684%, 85.345% 12.179%, 84.871% 10.401%, 84.871% 10.401%, 84.719% 9.788%, 84.565% 9.183%, 84.412% 8.598%, 84.262% 8.041%, 84.118% 7.522%, 83.984% 7.05%, 83.863% 6.635%, 83.757% 6.286%, 83.669% 6.013%, 83.603% 5.825%, 83.603% 5.825%, 83.404% 5.38%, 83.153% 4.909%, 82.858% 4.424%, 82.528% 3.935%, 82.171% 3.455%, 81.797% 2.994%, 81.414% 2.564%, 81.031% 2.177%, 80.656% 1.843%, 80.298% 1.575%, 80.298% 1.575%, 79.621% 1.141%, 78.889% 0.795%, 77.849% 0.527%, 76.251% 0.327%, 73.84% 0.186%, 70.367% 0.092%, 65.577% 0.037%, 59.22% 0.01%, 51.043% 0.001%, 40.794% -0%, 40.794% 0%, 31.784% 0.009%, 24.453% 0.022%, 18.619% 0.04%, 14.103% 0.066%, 10.725% 0.104%, 8.304% 0.156%, 6.661% 0.225%, 5.615% 0.315%, 4.987% 0.427%, 4.596% 0.565%);
}

.inner-box_1 {
    background-color: var(--pbmit-global-color);
}

.inner-box_style .pbmit-heading_title {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #FFFFFF33;
}

.inner-box_style .pbmit-heading_title h5 {
    font-size: 26px;
    line-height: 32px;
    margin: 0;
    color: var(--pbmit-white-color);
}

.inner-box_1 ul.pbmit-timelist-list li {
    padding: 10px 0;
}

.inner-box_1 ul.pbmit-timelist-list li .pbmit-timelist-li-title {
    font-weight: 400;
    font-size: 15px;
    color: var(--pbmit-white-color);
}

.inner-box_1 ul.pbmit-timelist-list .pbmit-timelist-li-value {
    float: right;
    color: var(--pbmit-white-color);
}

.inner-box_2 {
    background-color: var(--pbmit-blackish-color);
}

.inner-box_2 .pbmit-text_aditor {
    color: #C5CCDA;
}

.inner-box_3 {
    position: relative;
    z-index: 1;
    background-color: var(--pbmit-secondary-color);
}

.inner-box_3 .pbmit-bg_overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(../images/homepage-2/bg/bg-img-01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    z-index: -1;
}

.inner-box_3 .pbmit-text_aditor {
    color: var(--pbmit-white-color);
}

.inner-box_3 .pbmit-ihbox-style-19 {
    margin-top: 40px;
}

.inner-box_3 .pbmit-ihbox-style-19 .pbmit-icon-type-icon i,
.inner-box_3 .pbmit-ihbox-style-19 .pbmit-element-heading,
.inner-box_3 .pbmit-ihbox-style-19 .pbmit-element-title {
    color: var(--pbmit-white-color);
}

.inner-box_area .col-md-4:not(:first-child) .pbmit_icon {
    background-color: var(--pbmit-blackish-color);
}

.inner-box_2 .pbmit-btn-outline {
    margin-top: 30px;
}

.about-us-section_two .pbmit-sticky-special {
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    height: 75vh !important;
    margin-bottom: 100px;
}

.about-us-two_col1 {
    width: 47%;
}

.about-us-two_col2 {
    width: 53%;
}

.about-us-two_img img {
    border-radius: 30px;
}

.about-us-two_rightbox {
    padding: 60px 60px 0 0;
}

.about-us-two_innerbox {
    padding-left: 80px;
}

.about-us-two_innerbox .pbmit-ihbox-style-12 {
    margin-top: 30px;
}

.about-us-two_innerbox .img_box {
    margin-top: 75px;
    margin-bottom: 50px;
}

.about-us-two_innerbox .img_box img {
    border-radius: 30px;
}

.about-us-two_innerbox .pbmit-heading_title {
    font-size: 26px;
    line-height: 26px;
    padding-top: 20px;
    margin-bottom: 20px;
}

.about-us-two_innerbox .list-group_box {
    margin-top: 35px;
}

.about-us-two_innerbox .list-group-borderless .list-group-item {
    padding: 0;
    margin-bottom: 5px;
    margin-top: 0;
}

.pbmit-sticky-section .pbmit-ele-header-area {
    padding-right: 70px;
}

.tab_section {
    background-image: url(../images/homepage-2/bg/service-bg-pattern.png);
    background-position: top center;
    background-repeat: no-repeat;
}

.timetable_section .container {
    position: relative;
}

.timetable_section .pbmit-tab-style-2 .pbmit-select {
    position: absolute;
    top: 50px;
    right: 0;
}

.mptt-shortcode-table {
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: middle;
    width: 100%;
}

.mptt-shortcode-table tr.mptt-shortcode-row,
.mptt-shortcode-table tbody tr {
    border: 1px solid rgba(24, 26, 23, .05);
}

.mptt-shortcode-table tr.mptt-shortcode-row th {
    background-color: var(--pbmit-white-color);
    height: 70px;
    text-transform: capitalize;
    font-size: 14px;
    padding: 5px 15px;
    font-weight: 600 !important;
    letter-spacing: 0.4px;
    text-align: center;
    color: var(--pbmit-blackish-color);
    border: 1px solid rgba(24, 26, 23, .1);
}

.mptt-shortcode-table tbody .mptt-shortcode-hours {
    height: 55px;
    width: auto;
    text-align: center;
    border: inherit;
    font-size: 14px;
    padding: 0 1rem !important;
    white-space: nowrap;
    vertical-align: middle;
    position: relative;
    line-height: normal;
}

.mptt-shortcode-table tbody td {
    background: var(--pbmit-white-color);
}

.mptt-shortcode-table.mptt-theme-mode tbody td.event {
    background-color: transparent;
}

.mptt-shortcode-table tbody .mptt-shortcode-event {
    border: inherit;
    font-size: 13px;
    position: relative;
    padding: 0;
    line-height: normal;
    vertical-align: middle;
}

.mptt-shortcode-table tbody .mptt-shortcode-event .mptt-event-container {
    text-align: center;
    height: 100%;
    outline: rgb(255, 255, 255, .15);
    min-height: 50px;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 3;
    top: 0%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: inherit;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mptt-shortcode-table tbody .mptt-shortcode-event .mptt-event-container .event-title {
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
    letter-spacing: 0px;
    display: block;
    color: var(--pbmit-blackish-color);
    margin-bottom: 6px;
    margin: 0.5rem 0.25rem 0.25rem;
    font-family: var(--pbmit-heading-typography-font-family);
}

.mptt-shortcode-table tbody .mptt-shortcode-event .mptt-event-container .event-title:hover {
    color: var(--pbmit-global-color);
}

.mptt-shortcode-table tbody .mptt-shortcode-event .mptt-event-container .timeslot {
    font-size: 14px;
    margin: .25rem;
}

.mptt-shortcode-table tbody .mptt-shortcode-event .mptt-event-container .event-subtitle {
    font-size: 13px;
    margin: 0.25rem;
    color: inherit;
}

.mptt-shortcode-list {
    display: none;
}

.mptt-shortcode-list .mptt-column,
.mptt-shortcode-list .mptt-column .mptt-column-title {
    margin: 2rem 0;
}

.mptt-shortcode-list .mptt-column .mptt-column-title {
    font-size: 16px;
    line-height: 26px;
    background: var(--pbmit-global-color);
    color: var(--pbmit-white-color);
    border-radius: 30px;
}

.mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event {
    margin-bottom: -3px;
    padding: 10px 8px 10px 18px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-bottom: 0;
}

.mptt-shortcode-list .mptt-column .mptt-events-list .mptt-event-title {
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
    letter-spacing: 0px;
    display: block;
    color: var(--pbmit-blackish-color);
    margin-bottom: 6px;
    margin: 0.25rem 0 0;
    padding: 0;
    font-family: var(--pbmit-heading-typography-font-family);
}

.mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .timeslot {
    padding: 0;
    margin: .25rem 0 0;
}

.mptt-shortcode-list .mptt-column .mptt-events-list .event-subtitle {
    font-size: 11px;
    margin: 0.25rem 0 0;
    padding: 0;
}

.portfolio-two_slider .swiper-wrapper {
    align-items: end;
}

.ihbox-style-4_bg {
    margin-right: 20px;
    background-image: url(../images/homepage-2/bg/bg-01.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 125px 45px 75px 45px;
    border-radius: 30px;
}

.pbmit-ihbox-style-5_bg {
    margin-left: 20px;
    padding: 0px 52px 0px 65px;
    background-image: url(../images/homepage-2/bg/bg-pattern.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    border-radius: 30px;
    height: 100%;
}

.pbmit-ihbox-style-5_bg .pbmit-ihbox-style-5 {
    margin-bottom: 55px;
    padding-top: 80px;
}

.pbmit-footer-newsletter {
    position: relative;
}

form .pbmit-footer-newsletter input {
    height: 65px;
    padding-right: 220px;
    padding-left: 38px;
    color: var(--pbmit-blackish-color);
    background-color: var(--pbmit-white-color);
    border-radius: 40px;
    border: 0;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

form .pbmit-footer-newsletter input::placeholder {
    color: rgba(3, 27, 78, .8);
}

form .pbmit-footer-newsletter button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-radius: 40px;
    padding: 15px 40px;
    font-size: 13px;
    margin-right: -3px;
    border: none;
    line-height: 36px;
    letter-spacing: 0.65px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: var(--pbmit-blackish-color);
    color: var(--pbmit-white-color);
    transition: all .4s ease-in;
    font-family: var(--pbmit-heading-typography-font-family);
}

form .pbmit-footer-newsletter .pbmit-button .pbmit-btn-content-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    margin-left: 6px;
}

form .pbmit-footer-newsletter button .pbmit-btn-content-wrapper:before {
    content: "\e8dd";
    font-family: "pbminfotech-base-icons";
    position: absolute;
    top: 0;
    right: 0;
    width: 1em;
    height: auto;
    transform: scale(0.26) translate(-55px, 50px);
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

form .pbmit-footer-newsletter button .pbmit-button-icon {
    display: inline-block;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

form .pbmit-footer-newsletter button:hover {
    background-color: var(--pbmit-secondary-color);
    color: var(--pbmit-white-color);
}

form.form-fields .pbmit-footer-newsletter button:hover .pbmit-btn-content-wrapper:before {
    transform: scale(1) translate(-2px, 0px);
}

form.form-fields .pbmit-footer-newsletter button:hover .pbmit-button-icon {
    transform: scale(0.26) translate(45px, -50px);
}


/* .blog-style-4_box {
	padding-right: 85px;
} */

.blog-style-4_box .col-md-12:not(:last-child) .pbmit-blog-style-4 .post-item {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #dae0e6;
}


/** Homepage 03 **/

.about-us-three_leftbox {
    padding-right: 150px;
}

.about-us-three_leftbox .pbmit-ihbox-style-20:not(:last-child) {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(3, 27, 78, 0.1);
}

.about-us-three_leftbox .pbmit-btn {
    margin-top: 50px;
}

.about-us-three_imgbox {
    position: relative;
    padding-bottom: 130px;
    text-align: right;
}

.about-us-three_imgbox .about-img_1 {
    text-align: right;
}

.about-us-three_imgbox img {
    border-radius: 30px;
}

.about-us-three_imgbox .about-img_2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
}

.fid-section_three {
    margin-top: 100px;
    padding: 100px 0;
    border-top: 1px solid #D8E1EB;
}

.service-three_bg {
    background-image: url(../images/homepage-3/bg/service-bg-pattern.png);
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 50px;
    position: relative;
}

.service-three-bg-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(../images/homepage-3/bg/service-bg-plus.png);
    background-position: 1400px 150px;
    background-repeat: no-repeat;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.service-three_bg .pbmit-hover-inner .pbmit-btn-white {
    width: fit-content;
}

.testimonial-three_bg,
.testimonial-six-bg {
    background-image: url(../images/homepage-3/bg/testimonial-bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 235px 0px 200px 0px;
    border-radius: 30px;
    position: relative;
}

.classes_content .testimonial-three_bg {
    margin-bottom: 100px;
}


/** Homepage 04 **/

.about-four-img img {
    mask-image: url(../images/homepage-4/bg/about-shape.png);
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.about-four-right-box {
    padding-left: 85px;
}

.team-four,
.team-section-eleven {
    padding: 50px 0 100px 0;
}

.ihbox-style-23-bg {
    background-image: url(../images/homepage-4/bg/bg-img-01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 100px 195px 100px 90px;
    border-radius: 30px;
}

.ihbox-style-23-bg form {
    padding-left: 100px;
}

.ihbox-style-23-bg form .pbmit-footer-newsletter button {
    background-color: var(--pbmit-global-color);
}

.ihbox-style-23-bg form .pbmit-footer-newsletter button:hover {
    background-color: var(--pbmit-blackish-color);
}

.why-choose-us-four-heading {
    padding-right: 130px;
}

.why-choose-us-four-rightbox .pbmit-ihbox-style-24 {
    margin-top: 40px;
}

.testimonial-four-bg {
    border-radius: 30px;
    background-image: url(../images/homepage-4/bg/testimonial-background.png);
    color: var(--pbmit-white-color);
    background-color: var(--pbmit-global-color);
    overflow: inherit;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.testimonial-left-img {
    background-image: url(../images/homepage-4/testimonial-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    height: 100%;
}

.testimonial-four-bg .pbmit-heading-subheading .pbmit-subtitle {
    color: var(--pbmit-blackish-color);
}

.testimonial-four-bg .swiper-slider {
    padding: 70px 31px 80px 35px;
}

.testimonial-four-bg .pbmit-top-right-corner {
    right: 7%;
}

.testimonial-four-swiper-btn {
    right: 0;
    left: inherit;
    padding: 40px 80px 40px 85px;
    background-color: var(--pbmit-light-color);
    border-radius: 30px 0 0;
    width: auto;
    bottom: 0px;
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 0;
}

.testimonial-four-bg .swiper-horizontal>.swiper-pagination-bullets {
    position: absolute;
    padding: 30px;
    display: inherit;
    width: auto;
    text-align: end;
    bottom: 0;
    left: auto;
    right: 0;
}

.testimonial-four-bg .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: var(--pbmit-secondary-color);
}

.testimonial-four-bg .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    outline-color: var(--pbmit-secondary-color);
}


/** Homepage 05 **/

.demo-five .about-us-two_rightbox {
    padding: 90px 70px 0 0;
}

.demo-five .about-us-two_img {
    padding-right: 60px;
}

.appointment-five-bg {
    padding: 52px 40px 45px 55px;
    background-image: url(../images/homepage-5/bg/appointment-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--pbmit-global-color);
    margin-top: -120px;
    border-radius: 30px;
    position: relative;
    z-index: 1;
}

.appointment-five-bg .pbmit-title {
    font-size: 30px;
    line-height: 60px;
    margin-bottom: 20px;
    color: var(--pbmit-white-color);
}

.appointment-five-bg .form-style-2 .pbmit-btn {
    width: 100%;
    display: flex;
    justify-content: center;
}

.why-choose-us-five-bg {
    background-image: url(../images/homepage-5/bg/service-bg-pattern.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.why-choose-us-five-bg .ihbox-style-26-area {
    width: initial;
    max-width: initial;
    bottom: 67px;
    position: absolute;
    right: -60px;
}

.why-choose-us-five-bg .professional-img {
    position: relative;
}

.why-choose-us-five-bg .professional-img img {
    border-radius: 30px;
}

.why-choose-us-five-bg .content-box {
    padding: 50px 0 0 120px;
}

.why-choose-us-five-bg .content-box .pbmit-ihbox-style-20:nth-child(2) {
    border-bottom: 1px solid #FFFFFF33;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.discount-plan-bg {
    background-image: url(../images/homepage-5/bg/doctor-bg.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-top: 30px;
    border-radius: 30px;
    overflow: hidden;
}

.discount-plan-bg .doctor-img {
    margin-bottom: -125px;
    text-align: center;
}

.discount-plan-bg .content-area {
    padding-top: 110px;
}

.discount-plan-bg .pbmit-heading-subheading {
    margin-bottom: 25px;
}

.discount-plan-bg .pbmit-heading-subheading .pbmit-title {
    font-size: 58px;
    line-height: 66px;
}


/** Homepage 06 **/

.ihbox-section-six {
    padding: 90px 0 60px 0;
    margin-top: -20px;
}

.demo-six .about-one_img {
    background-image: url(../images/homepage-6/about-img-1.jpg);
}

.who-we-are-section-six {
    background-image: url(../images/homepage-6/bg/service-bg-pattern.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.who-we-are-section-six .left-area {
    position: relative;
}

.who-we-are-section-six .left-area img {
    border-radius: 30px;
}

.who-we-are-section-six .ihbox-style-area {
    position: absolute;
    left: 0px;
    width: initial;
    max-width: initial;
    top: 0px;
}

.who-we-are-section-six .right-area {
    padding-left: 60px;
}

.who-we-are-section-six .ihbox-style-29-area {
    padding-top: 80px;
}

.about-us-six-area {
    border-radius: 30px;
    overflow: hidden;
}

.about-us-six-content {
    padding: 90px 50px 0px 60px;
}

.testimonial-six-bg {
    background-image: url(../images/homepage-6/bg/testimonial-bg-01.jpg);
}


/** Homepage 07 **/

.ihbox-style-30-box {
    margin-top: -163px;
    display: flex;
    justify-content: flex-end;
    width: inherit;
    max-width: inherit;
    position: relative;
    z-index: 1;
}

.demo-seven .ihbox-style-17_bg {
    background-image: url(../images/homepage-7/bg/cta-bg-img.jpg);
}

.contact-us-seven .pbmit-left-col {
    width: 45%;
}

.contact-us-seven .pbmit-right-col {
    width: 55%;
}

.contact-us-seven .contact-us-form {
    padding: 100px 80px 100px 80px;
}

.contact-us-seven {
    background-image: url(../images/homepage-7/bg/pattern-bg.png);
    background-repeat: repeat;
    border-radius: 30px;
    overflow: hidden;
}

.contact-us-seven-img {
    background-image: url(../images/homepage-7/contact-form-img.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.contact-us-seven .form-style-2 .form-control {
    border: none;
    font-weight: 500;
}

.contact-us-seven .form-style-2 .form-control::placeholder {
    color: var(--pbmit-blackish-color);
}

.contact-us-seven .form-style-2 .pbmit-btn {
    background-color: var(--pbmit-secondary-color);
}

.contact-us-seven .form-style-2 .pbmit-btn:hover {
    background-color: var(--pbmit-blackish-color);
}


/** Homepage 08 **/

.demo-eight .about-one_img {
    background-image: url(../images/homepage-8/about-img.jpg);
}

.ihbox-eight-area {
    padding-top: 65px;
}

.ihbox-eight-area .pbmit-inner-column-1,
.ihbox-eight-area .pbmit-inner-column-3 {
    width: 28%;
}

.ihbox-eight-area .pbmit-inner-column-2 {
    width: 44%;
}

.ihbox-eight-area .pbmit-inner-column-2 .stethoscope-img {
    margin-top: -65px;
}

.ihbox-eight-area .pbmit-inner-column-3 .right-box {
    margin-left: -73px;
}

.our-service-eight-area {
    border-radius: 30px;
    overflow: hidden;
}

.our-service-eight-imgbox {
    background-image: url(../images/homepage-8/bg/service-img.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    height: 100%;
}

.our-service-eight-rightbox {
    padding: 80px 50px 60px 60px;
}

.our-service-eight-rightbox .accordion-item:not(.active) .accordion-button {
    background-color: var(--pbmit-light-color);
}


/** Homepage 09 **/

.ihbox-sec-nine .container {
    padding-bottom: 50px;
    border-bottom: 1px solid #404A3D1A;
}

.product-ad-left-box {
    background-color: #8EDBF1;
    background-image: url(../images/homepage-9/bg/ad-bg-01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 80px 70px 80px;
    border-radius: 0 30px 30px 0;
    margin: 0 18px 0 0;
}

.product-ad-section .pbmit-heading-subheading {
    position: relative;
    z-index: 1;
}

.product-ad-section .pbmit-heading-subheading .pbmit-subtitle {
    background-color: transparent;
    font-size: 16px;
    line-height: 26px;
    padding: 0;
    color: var(--pbmit-blackish-color);
}

.product-ad-section .pbmit-heading-subheading .pbmit-title {
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
}

.product-ad-left-box .ad-img-box,
.product-ad-right-box .ad-img-box {
    position: absolute;
    right: 0;
    width: 346px;
    max-width: 346px;
}

.product-ad-left-box .ad-img-box {
    top: -52px;
}

.product-ad-section .ad-img-box span {
    background-color: #FFFFFF40;
    border-radius: 50%;
    display: block;
}

.product-ad-right-box {
    background-color: #EBB26F;
    background-image: url(../images/homepage-9/bg/ad-bg-02.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 50px 70px 110px;
    border-radius: 30px 0px 0px 30px;
    height: 100%;
    margin: 0 0 18px 0;
}

.product-ad-right-box .ad-img-box {
    top: 0px;
}

.product-ad-section .pbmit-btn-outline:hover {
    color: var(--pbmit-blackish-color);
    border-color: var(--pbmit-white-color);
    background-color: var(--pbmit-white-color);
}

.pbmit-sortable-yes .pbmit-product-style-1 div.product a.woocommerce-loop-product__link::before {
    z-index: 0;
}

.pbmit-sortable-yes .pbmit-product-style-1 div.product a.woocommerce-loop-product__link img,
.pbmit-sortable-yes .pbmit-product-style-1 .woocommerce-loop-product__title,
.pbmit-sortable-yes .pbmit-product-style-1 div.product span.price ins,
.pbmit-sortable-yes .pbmit-product-style-1 .price {
    position: relative;
}

.pbmit-sortable-yes .pbmit-product-style-1 {
    margin-bottom: 30px;
}

.countdown-bg-area {
    background-image: url(../images/homepage-9/bg/service-bg-pattern.png);
    background-position: top right;
    background-repeat: no-repeat;
    border-radius: 30px;
    background-color: var(--pbmit-global-color);
    overflow: hidden;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.countdown-bg-area .left-box {
    position: relative;
    background-image: url(../images/homepage-9/count-down-img.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: -150px 0px -150px 0px;
    border-radius: 30px 934px 934px 30px;
    padding: 460px 0;
}

.countdown-bg-area .left-box .offer-img {
    position: absolute;
    top: 196px;
    right: 100px;
}

.countdown-bg-area .right-box {
    padding: 150px 80px 120px 80px;
}

.count-time {
    padding: 30px 0 22px;
    min-width: 110px;
    margin-bottom: 15px;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    background-color: var(--pbmit-white-color);
}

#clock .count-time:not(:last-child) {
    margin-right: 18px !important;
}

.time_left {
    background-color: transparent !important;
    padding: 0;
    font-weight: 700 !important;
    font-size: 40px;
    line-height: 40px !important;
    color: var(--pbmit-blackish-color) !important;
    padding-bottom: 0;
    font-family: var(--pbmit-heading-typography-font-family);
}

.time_description {
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    color: var(--pbmit-global-color);
}


/** Homepage 10 **/

.about-us-ten .about-img-01 {
    background-image: url(../images/homepage-10/about-img-01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    padding: 307px 0;
    position: relative;
}

.about-us-ten .ihbox-style-box {
    position: absolute;
    right: 0;
    width: auto;
    max-width: 100%;
    bottom: 0.004px;
}

.about-us-ten .about-img-02 img {
    -webkit-mask-image: url(../images/homepage-10/shape.png);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}

.service-ten-bg {
    background-image: url(../images/homepage-10/bg/service-bg-pattern-1.png);
    background-position: top center;
    background-repeat: no-repeat;
}

.pbmit-button-style-1 {
    display: inline-block;
    padding: 12px 70px 12px 40px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    margin-top: 70px;
    position: relative;
    color: var(--pbmit-white-color);
}

.pbmit-button-style-1 .pbmit-underline {
    text-decoration: underline;
}

.pbmit-button-style-1 .pbmit-custom-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pbmit-blackish-color);
    background-color: var(--pbmit-white-color);
    transition: all 0.5s ease-in-out;
}

.pbmit-button-style-1 .pbmit-custom-btn .pbmit-button-icon-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-flex;
}

.pbmit-button-style-1 .pbmit-custom-btn .pbmit-button-icon-wrapper:before {
    content: "\e8dd";
    font-family: "pbminfotech-base-icons";
    position: absolute;
    top: 0;
    right: 2px;
    width: 1em;
    height: auto;
    transform: scale(0.26) translate(-45px, 55px);
    transition: transform 0.4s ease-in-out;
}

.pbmit-button-style-1 .pbmit-custom-btn .pbmit-button-icon {
    display: inline-block;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.pbmit-button-style-1 .pbmit-custom-btn:hover .pbmit-button-icon-wrapper::before {
    transform: scale(1) translate(0px, 0px);
}

.pbmit-button-style-1 .pbmit-custom-btn:hover .pbmit-button-icon {
    transform: scale(0.26) translate(45px, -55px);
}

.our-benefits-section-ten .pbmit-col-1,
.our-benefits-section-ten .pbmit-col-3 {
    width: 28%;
}

.our-benefits-section-ten .pbmit-col-2 {
    width: 44%;
}

.our-benefits-section-ten .pbmit-col-1 .pbmit-ihbox-style-34:nth-child(2),
.our-benefits-section-ten .pbmit-col-1 .pbmit-ihbox-style-34:nth-child(3),
.our-benefits-section-ten .pbmit-col-3 .pbmit-ihbox-style-34:nth-child(2),
.our-benefits-section-ten .pbmit-col-3 .pbmit-ihbox-style-34:nth-child(3) {
    margin: 80px 0 0 0;
}

.our-benefits-section-ten .pbmit-col-2 .physician-img-box {
    padding: 15px;
    border: 2px dashed #64A7E6;
    border-radius: 100%;
}

.our-benefits-section-ten .pbmit-col-2 .physician-img-box img {
    border-radius: 100%;
}

.physician-img-02 {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    z-index: 1;
    overflow: hidden;
    background-image: url(../images/homepage-10/bg/physician-img-02.jpg);
    border-radius: 0px 30px 30px 0px;
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 350px 0;
    margin: 0 36px 0 0;
}

.why-choose-us-ten-content {
    padding: 100px 15px 100px 115px;
}

.why-choose-us-ten-content .pbmit-col-stretched-right {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    left: 0;
    width: auto;
    z-index: 0;
    overflow: hidden;
    background-image: url(../images/homepage-10/bg/service-bg-pattern.png);
    border-radius: 30px 0px 0px 30px;
    background-color: var(--pbmit-global-color);
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: auto;
}

.why-choose-us-ten-content .pbmit-heading-desc {
    color: rgba(255, 255, 255, 0.8);
}


/** Homepage 11 **/

.who-we-are-section-eleven .doctor-img-box {
    position: relative;
}

.who-we-are-section-eleven .doctor-img-box img {
    border-radius: 30px;
}

.who-we-are-section-eleven .doctor-img-box .ihbox-style-26-area {
    position: absolute;
    width: initial;
    max-width: initial;
    bottom: 67px;
    right: -60px;
}

.who-we-are-section-eleven .right-box {
    padding-left: 110px;
}

.about-section-eleven {
    background-image: url(../images/homepage-11/bg/service-bg-pattern.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.about-section-eleven .about-treatment-imgbox img {
    border-radius: 30px;
}

.about-section-eleven .right-box,
.about-section-eleven .ihbox-style-area {
    padding-left: 60px;
}

.about-us-section-eleven {
    background-image: url(../images/homepage-11/bg/bg-img-02.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-us-section-eleven .left-box {
    border-radius: 30px;
    padding: 15px;
    background-color: var(--pbmit-global-color);
}

.about-us-section-eleven .left-box .widget-wrap {
    border-radius: 16px;
    border: 1px solid #FFFFFF80;
    padding: 35px 35px 35px 35px;
}

.about-us-section-eleven .left-box .widget-wrap h6,
.about-us-section-eleven .left-box .widget-wrap p {
    color: var(--pbmit-white-color);
}

.testimonial-eleven .pbmit-testimonialbox-left {
    position: relative;
    padding: 80px 70px 0 50px;
}

.testimonial-eleven .pbmit-testimonialbox-left:before {
    font-family: "pbminfotech-base-icons";
    content: '\e805';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 300px;
    line-height: 300px;
    display: inline-block;
    background: rgba(var(--pbmit-blackish-color-rgb), 0.03);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: none;
}

.testimonial-eleven .swiper-slider {
    padding-bottom: 120px;
}

.testimonial-eleven .swiper-slider .swiper-buttons {
    position: absolute;
    right: 0;
    bottom: 30px;
}

.testimonial-eleven .swiper-slider .swiper-button-next,
.testimonial-eleven .swiper-slider .swiper-button-prev {
    position: absolute;
}

.testimonial-eleven .swiper-slider .swiper-button-prev {
    left: -145px;
}

.testimonial-eleven .ihbox-style-39-area {
    position: absolute;
    left: 33.5%;
    width: auto;
    bottom: 0;
    max-width: 100%;
}

.client-section-eleven {
    border-top: 1px solid #0C0F261A;
    padding: 60px 0px 100px 0px;
}

.our-health-care-section {
    padding: 0 50px;
}

.our-health-care-section .bg-img-area {
    background-image: url(../images/homepage-11/bg/bg-img-01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    margin-right: 6px;
    height: 100%;
}

.our-health-care-section .right-content {
    background-color: var(--pbmit-white-color);
    background-image: url(../images/homepage-11/bg/patterb-bg-01.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    border-radius: 30px;
    padding: 100px 205px 100px 100px;
    margin-left: 6px;
}

.our-health-care-section .right-content .pbmit-heading-subheading .pbmit-subtitle {
    background-color: var(--pbmit-light-color);
}

.our-health-care-section .pbminfotech-ele-fid-style-6 .pbmit-fid-inner {
    background-color: var(--pbmit-light-color);
}


/** Homepage 12 **/

.ihbox-section-twelve {
    margin: -20px 50px 0 50px;
    padding: 80px 70px 50px 70px;
    background-color: var(--pbmit-white-color);
    border-radius: 0 0 30px 30px;
}

.service-twelve {
    position: relative;
}

.service-twelve .shape-img-01,
.service-twelve .shape-img-02,
.shap-03-img,
.team-twelve-left-col .shap-05-img,
.pbmit-sticky-col2-special .shap-04-img {
    position: absolute;
    width: auto;
    max-width: 100%;
}

.service-twelve .shape-img-01 {
    top: 50px;
    left: 30px;
}

.service-twelve .shape-img-02 {
    top: 205px;
    right: 60px;
}

.service-twelve .shape-img-01 img,
.service-twelve .shape-img-02 img,
.shap-03-img img,
.team-twelve-left-col .shap-05-img,
.pbmit-sticky-col2-special .shap-04-img img {
    animation: animation02 4s infinite linear;
}

@keyframes animation02 {
    0% {
        transform: translate(0px, 0px) rotate(0);
    }
    25% {
        transform: translate(-10px, -10px) rotate(5deg);
    }
    50% {
        transform: translate(-20px, 0px) rotate(0);
    }
    75% {
        transform: translate(-10px, -10px) rotate(-2deg);
    }
    100% {
        transform: translate(0, 0) rotate(0);
    }
}

.about-section-twelve {
    background-image: url(../images/homepage-12/bg/pattern-img.png);
    background-position: top left;
    background-repeat: repeat;
    background-size: cover;
    border-radius: 30px;
    background-color: var(--pbmit-global-color);
}

.about-twelve-content {
    padding-left: 97px;
}

.about-section-twelve .child-care-about-img img {
    -webkit-mask-image: url(../images/homepage-12/child-care-shap.png);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}

.about-section-twelve .fid-style-area {
    position: absolute;
    width: auto;
    max-width: 100%;
    left: 0;
    bottom: 0;
}

.about-section-twelve .pbminfotech-ele-fid-style-7 {
    background-color: var(--pbmit-global-color);
}

.about-section-twelve .pbmit-sticky-corner svg path {
    fill: var(--pbmit-global-color);
}

.about-section-twelve .pbmit-heading-subheading .pbmit-heading-desc {
    color: rgba(255, 255, 255, .8);
}

.fid-section-twelve {
    padding: 100px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #031B4E33;
}

.fid-section-twelve .pbminfotech-ele-fid-style-5 .pbmit-fid-title {
    color: var(--pbmit-body-typography-color);
}

.shap-03-img {
    top: 0;
    left: -210px;
}

.why-choose-sec-twelve {
    padding: 0 80px;
}

.why-choose-sec-twelve .check-up-img {
    background-image: url(../images/homepage-12/bg/check-up-img.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    height: 100%;
    margin-right: 18px;
}

.why-choose-twelve-content {
    background-color: var(--pbmit-secondary-color);
    background-image: url(../images/homepage-12/bg/pattern-img2.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 150px 100px 100px;
    border-radius: 30px;
    margin-left: 18px;
}

.why-choose-twelve-content .pbmit-heading-subheading .pbmit-heading-desc {
    color: rgba(255, 255, 255, 0.8);
}

.pbmit-sticky-special.team-twelve {
    overflow: visible;
    height: 73.8vh !important;
    position: relative;
}

.team-twelve-left-col {
    padding: 150px 120px 60px 0px;
    position: relative;
}

.team-twelve-left-col .shap-05-img {
    top: 450px;
    right: 100px;
}

.team-twelve-right-col {
    padding: 150px 0px 60px 0px;
}

.team-twelve .pbmit-sticky-col2-special .shap-04-img {
    top: 380px;
    right: -200px;
}

.testimonial-twelve-bg {
    background-image: url(../images/homepage-12/bg/testimonial-bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 235px 0px 200px 0px;
    border-radius: 30px;
}

.client-twelve {
    border-bottom: 1px solid #0C0F261A;
    margin-bottom: 20px;
}


/** Homepage 13 **/

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.about-us-sec-thirteen {
    padding: 40px 40px 40px 40px;
}

.about-us-thirteen-left {
    margin-right: 20px;
    padding: 40px 40px 0px 40px;
    border-radius: 30px;
    background-image: url(../images/homepage-13/bg/infobox-bg-img-01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-us-thirteen-center-area {
    margin: 0px 10px 0px 10px;
    padding: 40px 40px 40px 40px;
    border-radius: 30px;
    height: 100%;
}

.about-us-thirteen-rightbox {
    position: relative;
    margin-left: 20px;
    padding: 40px 0px 0px 40px;
    border-radius: 30px;
    background-image: url(../images/homepage-13/bg/infobox-bg-img-02.png);
    background-position: 62% 100%;
    background-repeat: no-repeat;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    height: 100%;
}

.about-us-thirteen-rightbox .pbmit-bg-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(../images/homepage-13/bg/infobox-bg-img-03.png);
    background-position: top right;
    background-repeat: no-repeat;
    opacity: 1;
}

.about-us-thirteen-rightbox .pbmit-heading {
    font-size: 23px;
    line-height: 28px;
    padding-top: 30px;
}

.about-us-thirteen-rightbox .pbmit-icon-btn {
    width: 100%;
    text-align: right;
}

.pbmit-bg-color-light .pbmit-icon-btn .pbmit-btn-wrap {
    background-color: var(--pbmit-light-color);
}

.pbmit-icon-btn .pbmit-btn-wrap {
    display: inline-table;
    padding: 10px 0 0 15px;
    border-radius: 30px 0 0 0;
    background-color: var(--pbmit-white-color);
    position: relative;
    z-index: 1;
}

.pbmit-icon-btn .pbmit-btn-wrap:before,
.pbmit-icon-btn .pbmit-btn-wrap:after {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 0;
    height: 40px;
    width: 20px;
    box-shadow: 0 15px 0 0 var(--pbmit-white-color);
}

.pbmit-icon-btn .pbmit-btn-wrap:before {
    right: 100%;
    border-bottom-right-radius: 15px;
}

.pbmit-bg-color-light .pbmit-icon-btn .pbmit-btn-wrap::after,
.pbmit-bg-color-light .pbmit-icon-btn .pbmit-btn-wrap::before {
    box-shadow: 0 15px 0 0 var(--pbmit-light-color);
}

.pbmit-icon-btn .pbmit-btn-wrap::after {
    top: -40px;
    right: 0;
    z-index: -1;
    border-bottom-right-radius: 20px;
}

.about-thirteen-left-bg {
    background-image: url(../images/homepage-13/bg/about-bg-new-01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px 20px 0px 40px;
    border-radius: 30px;
    height: 100%;
}

.about-thirteen-content {
    margin: 0px 40px 0px 20px;
    padding: 100px 140px 100px 140px;
    border-radius: 30px;
}

.about-thirteen-content .fid-style-area {
    border-bottom: 1px solid #C0CAD5;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.about-thirteen-content .pbmit-heading {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
}

.about-thirteen-content .list-group {
    padding-left: 20px;
}

.service-arrow .swiper-button-next,
.service-arrow .swiper-button-prev,
.testimonial-arrow .swiper-button-next,
.testimonial-arrow .swiper-button-prev {
    color: var(--pbmit-blackish-color);
    border-color: var(--pbmit-blackish-color);
}

.service-arrow .swiper-button-next:hover,
.service-arrow .swiper-button-prev:hover,
.testimonial-arrow .swiper-button-next:hover,
.testimonial-arrow .swiper-button-prev:hover {
    color: var(--pbmit-white-color);
    background-color: var(--pbmit-global-color);
}

.fid-sec-area {
    position: relative;
    border-top: 1px solid #E5E5E5;
}

.fid-sec-area .pbmit-text-editor {
    position: absolute;
    max-width: 100%;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 13px;
    letter-spacing: 1px;
    width: auto;
    top: -7px;
    left: 46%;
}

.fid-sec-area .pbmit-text-editor span {
    padding: 0 30px;
    background-color: var(--pbmit-white-color);
}

.contact-thirteen-bg {
    background-image: url(../images/homepage-13/bg/contact-form-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 40px;
    padding: 100px 40px 120px 40px;
    border-radius: 30px;
}

.contact-thirteen-bg .pbmit-appointment-form-inner {
    position: relative;
    border-radius: 30px;
    padding: 80px;
    z-index: 1;
}

.contact-thirteen-bg .pbmit-appointment-form-inner:before {
    position: absolute;
    content: '';
    border-radius: 30px;
    padding: 80px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: var(--pbmit-blackish-color);
    -webkit-mask: url(../images/homepage-13/bg/contact-bg-shape.png) bottom right no-repeat;
    mask: url(../images/homepage-13/bg/contact-bg-shape.png) bottom right no-repeat;
}

.contact-thirteen-bg form .pbmit-appointment-form-inner .form-control,
.contact-fifteen-form form .form-control {
    height: 60px;
    padding: 0 20px;
    font-weight: 400;
    border-radius: 50px;
    border: 1px solid rgba(var(--pbmit-white-color-rgb), 0.3);
}

.contact-thirteen-bg form .pbmit-appointment-form-inner .form-control::placeholder,
.contact-fifteen-form form .form-control::placeholder {
    color: rgba(var(--pbmit-white-color-rgb), 0.4);
}

.contact-thirteen-bg form .pbmit-appointment-form-inner .form-control.date,
.contact-fifteen-form form .form-control.date {
    color: rgba(var(--pbmit-white-color-rgb), 0.3) !important;
    font-weight: 500;
}

.contact-thirteen-bg form .pbmit-appointment-form-inner input[type="date"]::-webkit-calendar-picker-indicator,
.contact-fifteen-form form input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(.4);
}

.contact-thirteen-bg form .pbmit-appointment-form-inner .form-control:focus,
.contact-fifteen-form form .form-control:focus {
    color: var(--pbmit-white-color);
    border-color: var(--pbmit-white-color);
}

.contact-thirteen-bg form .pbmit-appointment-form-inner .form-control:focus::placeholder,
.contact-fifteen-form form .form-control:focus::placeholder {
    color: rgba(var(--pbmit-white-color-rgb), 0.8);
}

.contact-thirteen-bg form .input-text-group,
.contact-fifteen-form form .input-text-group {
    font-size: 14px;
    font-style: italic;
    color: rgba(var(--pbmit-white-color-rgb), 0.3);
}

.contact-thirteen-bg form .input-button {
    display: block;
    position: relative;
}

.contact-thirteen-bg form .input-button button {
    position: absolute;
    bottom: 0px;
    right: 105px;
    padding: 16px 45px;
}

.contact-thirteen-bg form .input-button button:hover {
    background-color: var(--pbmit-global-color);
}

.pricing-thirteen-bg {
    background-image: url(../images/homepage-13/bg/pricing-bg-img.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 100px 45px 100px 45px;
    border-radius: 30px;
}


/* .pricing-thirteen-col-1 {
	width: 64%;
} */

.pricing-thirteen-col-2 {
    width: 36%;
    padding: 50px 0px 0px 50px;
}


/** Homepage 14 **/

.client-sec-fourteen {
    padding: 40px;
}

.about-sec-fourteen {
    padding: 60px 0 100px 0;
}

.about-fourteen-bg {
    background-image: url(../images/homepage-14/bg/about-bg-new-02.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 320px 0;
    border-radius: 30px;
    position: relative;
}

.about-fourteen-bg .ihbox-style-area {
    position: absolute;
    left: 0;
    width: auto;
    bottom: 0px;
    max-width: 100%;
}

.about-fourteen-content {
    padding-left: 70px;
}

.service-fourteen-swiper-arrow .swiper-button-next,
.service-fourteen-swiper-arrow .swiper-button-prev {
    color: var(--pbmit-blackish-color);
    border-color: var(--pbmit-blackish-color);
}

.service-fourteen-swiper-arrow .swiper-button-next:hover,
.service-fourteen-swiper-arrow .swiper-button-prev:hover {
    color: var(--pbmit-global-color);
}

.ihbox-fourteen-bg {
    background-image: url(../images/homepage-14/bg/icon-bg-pattern.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 100px 40px 70px 40px;
    border-radius: 30px;
}

.testimonial-fourteen-bg {
    background-image: url(../images/homepage-14/bg/testimonial-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    margin-right: 20px;
    height: 100%;
}

.testimonial-fourteen-box {
    padding: 100px 160px 100px 100px;
    margin-left: 20px;
    border-radius: 30px;
}

.testimonial-fourteen-box .swiper-buttons {
    position: absolute;
    right: 0;
    bottom: 40px;
}

.testimonial-fourteen-box .swiper-buttons .swiper-button-prev,
.testimonial-fourteen-box .swiper-buttons .swiper-button-next {
    position: absolute;
}

.testimonial-fourteen-box .swiper-buttons .swiper-button-prev {
    right: 80px;
}

.testimonial-fourteen-box .fid-style-area {
    margin-top: 45px;
    padding-top: 45px;
    border-top: 1px solid #C0CAD5;
}

.appointment-fourteen-bg {
    position: relative;
    background-image: url(../images/homepage-14/bg/action-box-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px 100px 60px;
    border-radius: 30px;
}

.appointment-fourteen-bg .pbmit-heading-subheading .pbmit-title {
    font-size: 52px;
    line-height: 62px;
    color: var(--pbmit-white-color);
}

.appointment-fourteen-bg .ihbox-style-area {
    position: absolute;
    width: auto;
    max-width: 100%;
    right: -112px;
    top: 45%;
    transform: rotateZ(-90deg);
}


/** Homepage 15 **/

.about-sec-fifteen {
    padding: 100px 0px 50px 0px;
}

.service-sec-fifteen {
    position: relative;
    background-image: url(../images/homepage-15/bg/service-bg-pattern.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0px 40px 0px 40px;
    border-radius: 30px;
    padding: 100px 0 180px 0;
}

.service-sec-fifteen .pbmit-section-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-table;
    padding: 20px 30px 0 30px;
    border-radius: 30px 30px 0 0;
    background-color: var(--pbmit-white-color);
}

.service-sec-fifteen .pbmit-section-btn .pbmit-btn {
    padding: 18px 50px;
}

.service-sec-fifteen .pbmit-section-btn:before,
.service-sec-fifteen .pbmit-section-btn:after {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 0;
    height: 40px;
    width: 20px;
    box-shadow: 0 15px 0 0 var(--pbmit-white-color);
}

.service-sec-fifteen .pbmit-section-btn:before {
    right: 100%;
    border-bottom-right-radius: 15px;
}

.service-sec-fifteen .pbmit-section-btn:after {
    left: 100%;
    border-bottom-left-radius: 15px;
}

.portfolio-sec-fifteen .swiper-slide.pbmit-even .pbmit-portfolio-style-3:nth-child(2) {
    margin-top: 30px;
}

.contact-fifteen-bg {
    background-image: url(../images/homepage-15/bg/contact-form-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px 20px 0px 40px;
    border-radius: 30px;
    height: 100%;
}

.contact-fifteen-form {
    padding: 100px 120px 0px 120px;
    margin: 0px 40px 0px 20px;
    border-radius: 30px;
}

.contact-fifteen-form form {
    position: relative;
    padding-bottom: 80px;
}

.contact-fifteen-form .input-button {
    display: inline-table;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px 15px 0 15px;
    border-radius: 30px 30px 0 0;
    background-color: var(--pbmit-white-color);
}

.contact-fifteen-form .input-button:before,
.contact-fifteen-form .input-button:after {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 0;
    height: 40px;
    width: 20px;
    box-shadow: 0 15px 0 0 var(--pbmit-white-color);
}

.contact-fifteen-form .input-button:before {
    right: 100%;
    border-bottom-right-radius: 15px;
}

.contact-fifteen-form .input-button:after {
    left: 100%;
    border-bottom-left-radius: 15px;
}

.contact-fifteen-form .input-button button {
    padding: 16px 55px;
}


/*------------------- ---------------------*/


/*01 - Inner Page 
/*----------------------------------------*/


/** 01 - About Us **/

.about-us-left_box {
    position: relative;
    padding-bottom: 130px;
}

.about-us-left_box img {
    border-radius: 30px;
}

.about-us_img2 {
    position: absolute;
    right: 0px;
    width: auto;
    bottom: 0;
}

.about-us-right_box {
    padding-left: 150px;
}

.about-us-right_box .pbmit-ihbox-style-20:not(:last-child) {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(3, 27, 78, 0.1);
}

.about-us-right_box .pbmit-btn {
    margin-top: 50px;
}


/** 02 - Our History **/

.history_section {
    background-image: url(../images/bg/timeline-bg.png);
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-timeline-year {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 0 80px;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-timeline-desc {
    margin: 0;
    padding: 0 50px;
    line-height: 22px;
    opacity: 0.8;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper {
    display: grid;
    width: 100%;
    height: auto;
    position: relative;
    justify-items: center;
    grid-template-rows: 1fr 1fr;
    text-align: center;
    grid-gap: 160px;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-same-height.steps-content_wrap {
    justify-content: flex-end;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot {
    background-color: var(--pbmit-white-color);
    display: block;
    line-height: normal;
    font-size: 14px;
    margin: auto;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    z-index: 2;
    position: relative;
}

.pbmit-section-number .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot {
    background-color: transparent;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto !important;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot:after {
    content: "";
    position: absolute;
    left: -11px;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 40px;
    margin: 0;
    background: rgb(255, 255, 255, .40);
    transform: rotate(-45deg);
}

.pbmit-section-number .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot:after {
    background: rgb(3, 27, 78, .20);
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper.pbmit-slide-even .steps-dot .dot:after {
    left: 19px;
    top: 0;
    bottom: auto;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line {
    color: transparent;
    line-height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::before,
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::after {
    content: "";
    width: calc(50% + 10px * 100);
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::after {
    left: 50%;
    background: linear-gradient(90deg, rgb(255, 255, 255, 0.10), rgb(255, 255, 255, 0.10));
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::before {
    right: 50%;
    background: linear-gradient(90deg, rgb(255, 255, 255, 0.10), rgb(255, 255, 255, 0.10));
}

.pbmit-section-number .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::after {
    background: linear-gradient(90deg, rgb(3, 27, 78, .03), rgb(3, 27, 78, .03));
}

.pbmit-section-number .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::before {
    background: linear-gradient(90deg, rgb(3, 27, 78, .03), rgb(3, 27, 78, .03));
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-same-height {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper.pbmit-slide-even.swiper-slide-duplicate:nth-last-child(2) .pbmit-feature-image {
    order: 0;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper.pbmit-slide-even .pbmit-feature-image {
    order: 1;
    justify-content: start;
    transition: all 0.4s, opacity 0.4s 0.9s, transform 0.4s 0.9s;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper:not(.pbmit-slide-even) .pbmit-feature-image {
    transition: all 0.4s, opacity 0.4s 0.9s, transform 0.4s 0.9s;
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot,
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-feature-image,
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-content_wrap {
    opacity: 1;
}

.pbmit-section-number .pbmit-element-timeline-style-1 .pbmit-timeline-title {
    color: var(--pbmit-blackish-color);
}

.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-timeline-year,
.pbmit-element-timeline-style-1 .pbmit-timeline-title,
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-timeline-desc {
    color: var(--pbmit-white-color);
}


/** 03 - Service Detail **/

.service_details>.container>.row {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.service-left-col .service-sidebar .post-list {
    background-color: #f0f7fd;
    padding-top: 40px;
    border-radius: 30px;
}

.service_details .all-post-list li {
    margin: 0;
    position: relative;
    line-height: 26px;
    border-bottom: 1px solid rgba(3, 27, 78, .1);
}

.service_details .all-post-list li a {
    padding: 16px 60px 16px 25px;
    display: block;
    position: relative;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 600;
    color: var(--pbmit-blackish-color);
    text-transform: uppercase;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    font-family: var(--pbmit-heading-typography-font-family);
}

.service_details .all-post-list li a:before {
    position: absolute;
    content: "\e8dd";
    left: inherit;
    right: 8px;
    font-size: 10px;
    color: inherit;
    font-family: 'pbminfotech-base-icons';
    top: 50%;
    z-index: 1;
    color: var(--pbmit-global-color);
    background-color: transparent;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: initial;
    transition: all 0.4s ease-in;
}

.service_details .all-post-list li a:after {
    position: absolute;
    content: "";
    left: 0;
    font-size: 20px;
    top: 50%;
    width: 7px;
    height: 7px;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--pbmit-global-color);
    border-radius: 50%;
    transition: all 0.4s ease;
}

.service_details .all-post-list li:hover a,
.service_details .all-post-list li.post-active a {
    transform: translateX(1%);
    color: var(--pbmit-global-color);
}

.service_details .all-post-list li:hover a:before,
.service_details .all-post-list li.post-active a:before {
    color: var(--pbmit-white-color);
    background-color: var(--pbmit-global-color);
}

.service_details .all-post-list li.post-active a:before {
    opacity: 1;
}

.service_details .all-post-list li:last-child {
    border-bottom: none;
}


/* .service-sidebar .widget:last-child {
	background-color: transparent;
	margin-bottom: 0px;
	padding: 0;
} */

.widget .download {
    display: block;
}

.widget .download .item-download:first-child {
    margin-bottom: 20px;
}

.widget .download .item-download a {
    position: relative;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    padding-left: 25px;
    background-color: var(--pbmit-white-color);
    border-radius: 40px;
    font-weight: 500;
    font-family: var(--pbmit-heading-typography-font-family);
}

.widget .download .item-download .pbmit-download-content {
    font-size: 15px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.widget .download .item-download .pbmit-download-content i {
    margin-right: 10px;
    font-size: 24px;
    color: var(--pbmit-secondary-color);
}

.widget .download .item-download a:hover .pbmit-download-content i {
    color: var(--pbmit-white-color);
}

.widget .download .item-download .pbmit-download-item {
    font-size: 16px;
    line-height: 16px;
    padding: 18px 13px;
    border-radius: 50%;
    background-color: var(--pbmit-blackish-color);
    color: var(--pbmit-white-color);
    transition: all 0.2s ease-in;
}

.widget .download .item-download .pbmit-download-item i {
    font-size: 26px;
    vertical-align: middle;
}

.widget .download .item-download a:hover {
    background-color: var(--pbmit-global-color);
    color: var(--pbmit-white-color);
}

.widget .download .item-download a:hover .pbmit-download-item {
    background-color: var(--pbmit-white-color);
    color: var(--pbmit-blackish-color);
}

.widget .download .item-download:last-child a {
    color: var(--pbmit-white-color);
    background-color: var(--pbmit-global-color);
}

.widget .download .item-download:last-child a .pbmit-download-content i {
    color: var(--pbmit-white-color);
    transition: all 0.3s ease-in-out;
}

.widget .download .item-download:last-child .pbmit-download-item {
    background-color: var(--pbmit-white-color);
    color: var(--pbmit-global-color);
}

.widget .download .item-download:last-child a:hover {
    background-color: var(--pbmit-blackish-color);
    color: var(--pbmit-white-color);
}

.widget .download .item-download:last-child a:hover .pbmit-download-content i {
    color: var(--pbmit-white-color);
}

.widget .download .item-download:last-child a:hover .pbmit-download-item {
    background-color: var(--pbmit-global-color);
    color: var(--pbmit-white-color);
}

.service_details .pbmit-service-feature-image img {
    margin-bottom: 50px;
    border-radius: 30px;
}

.service_details .pbmit-service_content .col-md-6 .list-group {
    padding-bottom: 60px;
}

.service-detail-accordion_box {
    padding-top: 60px;
}

.service-detail-accordion_box .accordion-item.active .pbmit-accordion-icon {
    color: var(--pbmit-white-color);
}

.service-detail-accordion_box .accordion-item .pbmit-accordion-icon {
    color: var(--pbmit-blackish-color);
}

.service-detail-accordion_box .accordion-item .pbmit-accordion-icon i {
    font-size: 20px;
}

.service-detail-accordion_box .accordion-item .pbmit-accordion-icon i:before {
    font-weight: 700;
}


/** 04 - Project Single **/

.pf-sortable-col_4 .pbmit-element-posts-wrapper.row {
    margin: 0 -15px;
}

.pbmit-portfolio-single .pbmit-featured-img-wrapper img {
    border-radius: 30px;
}

.pbmit-single-project-details-list {
    padding: 40px;
    border-radius: 30px;
    margin-top: 10px;
    margin-bottom: 50px;
    background-color: var(--pbmit-blackish-color);
}

.pbmit-single-project-details-list .pbmit-portfolio-lines-wrapper {
    text-align: center;
}

.pbmit-portfolio-lines-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0px 50px;
}

.pbmit-portfolio-lines-wrapper ul li {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    color: var(--pbmit-white-color);
}

.pbmit-portfolio-lines-wrapper .pbmit-portfolio-line-title {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    position: relative;
    padding-left: 15px;
    color: var(--pbmit-global-color);
}

.pbmit-portfolio-lines-wrapper .pbmit-portfolio-line-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--pbmit-global-color);
}

.pbmit-portfolio-lines-wrapper .pbmit-portfolio-line-li a {
    color: var(--pbmit-white-color);
}

.project-single-img_box {
    padding-bottom: 50px;
}

.project-single-img_box img {
    border-radius: 30px;
}

.pbmit-portfolio-single .ihbox-style-18_box {
    margin: 50px 0;
}

.portfolio_single .post-navigation {
    border-top: 1px solid rgba(3, 27, 78, 0.10);
    margin-top: 50px;
}

.post-navigation .nav-links {
    margin-top: 0;
    padding: 40px 0 8px;
    display: -ms-flexbox;
    display: flex;
    align-items: normal;
    width: 100%;
}

.portfolio_single .post-navigation .nav-links {
    padding: 30px 0 8px;
}

.post-navigation .nav-previous {
    width: 50%;
    margin-right: auto !important;
    position: relative;
}

.post-navigation .nav-links a {
    display: block;
    text-align: left;
    width: 375px;
    transition: all 0.3s ease-in;
}

.post-navigation .nav-links a:hover {
    color: var(--pbmit-global-color);
}

.post-navigation .pbmit-post-nav-icon {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 5px;
}

.post-navigation .nav-links .nav-previous .pbmit-post-nav-icon {
    justify-content: flex-start;
}

.post-navigation .nav-links .pbmit-post-nav-icon i {
    font-size: 13px;
    color: var(--pbmit-global-color);
    transition: all 0.3s ease-in;
}

.post-navigation .nav-links .pbmit-post-nav-head {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    margin-left: 8px;
    text-transform: uppercase;
    transition: all 0.3s ease-in;
    color: rgba(3, 27, 78, 0.8);
    font-family: var(--pbmit-heading-typography-font-family);
}

.post-navigation .nav-links .pbmit-post-nav-wrapper {
    display: block;
}

.post-navigation .nav-links .nav-previous .pbmit-post-nav-wrapper {
    text-align: left;
}

.nav-links .pbmit-post-nav-wrapper {
    text-align: left;
    word-break: break-word;
}

.post-navigation .nav-links .nav-title {
    font-size: 20px;
    line-height: 22px;
    margin-top: 5px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    font-family: var(--pbmit-heading-typography-font-family);
}

.post-navigation .nav-links .nav-next {
    width: 50%;
    text-align: right;
    margin-left: auto;
}

.post-navigation .nav-links .nav-next a {
    display: block;
    text-align: right;
    margin-left: auto;
}

.post-navigation .nav-links .nav-next .pbmit-post-nav-wrapper {
    text-align: right;
}

.post-navigation .nav-links .nav-next .pbmit-post-nav-head {
    margin-right: 8px;
}

.post-navigation .nav-links a:hover .pbmit-post-nav-head {
    color: var(--pbmit-global-color);
}


/** 05 - Blog Detail**/

.pbmit-column-four .container-fluid,
.pbmit-column-three .container-fluid {
    padding: 0 30px;
}

.pbmit-element-posts-wrapper.row .pbmit-blog-style-1 {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.blog-sortable-col_4 .pbmit-element-posts-wrapper.row {
    margin-left: -15px;
    margin-right: -15px;
}


/** Sidebar Right **/

.sidebar .widget {
    border: none;
    padding: 30px;
    margin-bottom: 55px;
    border-radius: 30px;
    background-color: #f0f7fd;
}

.sidebar .widget:last-child {
    margin-bottom: 0;
}

.sidebar .widget.widget-search {
    background-color: var(--pbmit-blackish-color);
}

.sidebar .widget .widget-title {
    display: block;
    padding-bottom: 15px;
    margin-bottom: 20px;
    position: relative;
    width: auto;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0px;
    padding-left: 30px;
    padding-bottom: 0;
    text-transform: capitalize;
    color: var(--pbmit-blackish-color);
}

.sidebar .widget.widget-search .widget-title {
    color: var(--pbmit-white-color);
}

.sidebar .widget .widget-title:before {
    content: "\e899";
    font-family: "pbminfotech-base-icons";
    position: absolute;
    left: 0;
    font-size: 22px;
    color: var(--pbmit-global-color);
    top: 50%;
    transform: translate(0, -50%);
}

.sidebar .widget.widget-search .widget-title:before {
    color: var(--pbmit-white-color);
}

.widget .search-form {
    position: relative;
}

.widget .search-form input {
    background-color: var(--pbmit-white-color);
    height: 65px;
    border: 0;
    padding: 0px 30px;
    padding-right: 80px;
    background-color: var(--pbmit-white-color);
    color: var(--pbmit-blackish-color);
    font-size: 15px;
    border-radius: 40px;
    display: block;
    width: 100%;
}

.widget .search-form .search-submit {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 55px;
    height: 55px;
    font-size: 16px;
    z-index: 1;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 50%;
    line-height: 58px;
    outline: none;
    background: var(--pbmit-global-color);
    color: var(--pbmit-white-color);
}

.widget .search-form .search-submit:after {
    position: absolute;
    font-family: 'pbminfotech-base-icons';
    content: '\e80d';
    right: 50%;
    top: 50%;
    font-size: 16px;
    color: var(--pbmit-white-color);
    line-height: normal;
    font-weight: normal;
    -webkit-transform: translateX(50%) translateY(-50%);
    -ms-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
}

.widget .search-form .search-submit:hover {
    background: var(--pbmit-blackish-color);
}

.sidebar .widget-categories li {
    position: relative;
    line-height: 26px;
}

.sidebar .widget-categories .pbmit-cat-li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #8993a2;
    border-bottom: 1px solid rgba(24, 26, 23, 0.10);
}

.sidebar .widget-categories ul li:last-child .pbmit-cat-li {
    border-bottom: none;
}

.sidebar .widget-categories .pbmit-cat-li a {
    font-size: 13px;
    line-height: 23px;
    position: relative;
    padding-left: 20px;
    margin: 15px 0;
    font-weight: 500;
    color: rgba(24, 26, 23, .8);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    transition: all 0.3s ease-in-out;
    font-family: var(--pbmit-heading-typography-font-family);
}

.sidebar .widget-categories .pbmit-cat-li a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    height: 8px;
    width: 8px;
    background-color: var(--pbmit-global-color);
    border-radius: 50%;
}

.sidebar .widget-categories .pbmit-brackets {
    margin-left: 8px;
    transition: all .25s ease-in-out;
}

.sidebar .widget-categories .pbmit-cat-li:hover,
.sidebar .widget-categories .pbmit-cat-li:hover .pbmit-brackets {
    color: var(--pbmit-blackish-color);
}

.widget-recent-post .recent-post-list-li:first-child {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
}

.widget-recent-post .recent-post-list-li {
    display: flex !important;
    align-items: center;
    width: 100%;
    margin-top: 18px;
    padding-bottom: 18px;
    line-height: 26px;
    border-bottom: 1px solid rgba(24, 26, 23, 0.10);
}

.widget-recent-post .recent-post-list-li:last-child {
    border-bottom: none;
}

.widget-recent-post .recent-post-list-li>a {
    width: 91px;
    flex-shrink: 0;
    margin-right: 20px;
    display: inline-block;
}

.widget-recent-post .recent-post-list-li>a img {
    border-radius: 20px;
}

.widget-recent-post .pbmit-rpw-content {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    font-family: var(--pbmit-heading-typography-font-family);
}

.widget-recent-post .pbmit-rpw-title a {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 20px;
}

.widget-recent-post .pbmit-rpw-title a:hover {
    color: var(--pbmit-global-color);
}

.pbmit-rpw-content .pbmit-rpw-date a {
    color: var(--pbmit-global-color);
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.widget.pbmit-service-ad .textwidget:before,
.widget.pbmit-service-ad .textwidget:after {
    content: "";
    display: table;
}

.widget.pbmit-service-ad .textwidget:after {
    clear: both;
}

.widget.pbmit-service-ad {
    padding: 0;
    overflow: hidden;
    position: relative;
    background-image: url(../upload/specialities/cta-bg.jpg);
    background-size: cover;
    background-position: center center;
}

.widget.pbmit-service-ad .pbmit-service-ads {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 50px 30px;
    border-radius: 30px;
}

.pbmit-service-ads .pbmit-ads-subheding {
    font-size: 12px;
    line-height: 28px;
    letter-spacing: 0.6px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 0 13px 0 20px;
    margin-bottom: 25px;
    color: var(--pbmit-white-color);
    border: 1px solid var(--pbmit-white-color);
}

.pbmit-service-ads .pbmit-ads-subtitle {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 5px;
    color: var(--pbmit-white-color);
}

.pbmit-service-ads .pbmit-ads-title {
    font-size: 32px;
    line-height: 32px;
    color: var(--pbmit-white-color);
}

.pbmit-service-ads .pbmit-ads-desc {
    font-size: 15px;
    line-height: 21px;
    padding-top: 25px;
    color: var(--pbmit-white-color);
}

.pbmit-service-ads .pbmit-ads-desc i {
    font-size: 20px;
    padding-right: 5px;
    color: var(--pbmit-global-color);
}

.pbmit-service-ads .pbmit-btn {
    margin-top: 30px;
}

.pbmit-service-ads .pbmit-btn:hover {
    color: var(--pbmit-blackish-color);
    background-color: var(--pbmit-white-color);
}

aside.widget.widget-tag-cloud a,
.pbmit-blog-meta-bottom .pbmit-meta-tags a {
    line-height: 30px;
    margin: 0 4px 12px 0;
    display: inline-block;
    font-size: 13px !important;
    padding: 0 20px;
    height: 30px;
    letter-spacing: 0;
    text-transform: uppercase;
    -webkit-transition: 0.4s ease-out 0s;
    -o-transition: 0.4s ease-out 0s;
    transition: 0.4s ease-out 0s;
    color: var(--pbmit-blackish-color);
    background-color: var(--pbmit-light-color);
    border-radius: 20px;
}

aside.widget.widget-tag-cloud a:hover {
    color: var(--pbmit-white-color);
    background-color: var(--pbmit-global-color);
}


/** Blog Classic **/

.site_content {
    padding-top: 80px;
    padding-bottom: 80px;
}

.post.blog-classic {
    position: relative;
    background: 0 0;
    margin-bottom: 60px;
}

.post.blog-classic .pbmit-featured-wrapper img {
    border-radius: 30px;
}

.post.blog-classic:last-child {
    margin-bottom: 0px;
}

.post.blog-classic .pbmit-featured-img-wrapper {
    position: relative;
    margin-bottom: 30px;
}

.blog-classic .pbmit-meta-cat a {
    padding: 8px 17px;
    background: var(--pbmit-global-color);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    border-radius: 15px;
    letter-spacing: .6px;
    display: inline-block;
    text-transform: uppercase;
    color: var(--pbmit-white-color);
}

.blog-classic .pbmit-meta-cat {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.blog-classic .pbmit-blog-classic-inner {
    background: 0 0;
    padding: 0;
    position: relative;
}

.pbmit-blog-meta.pbmit-blog-meta-top {
    position: relative;
    font-size: 14px;
}

.pbmit-blog-meta-top.pbmit-blog-meta,
.pbmit-blog-meta-top.pbmit-blog-meta a {
    color: rgba(3, 27, 78, 0.8);
}

.pbmit-blog-meta-top.pbmit-blog-meta a:hover {
    color: var(--pbmit-global-color);
}

.pbmit-blog-meta-top .pbmit-meta {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    padding-left: 6px;
    font-size: 14px;
    text-transform: uppercase;
}

.pbmit-blog-meta-top .pbmit-meta:first-child {
    padding-left: 0;
}

.pbmit-blog-meta-top .pbmit-meta i {
    margin-right: 2px;
    font-size: 20px;
    color: var(--pbmit-global-color);
}

.pbmit-blog-meta-top .pbmit-meta-comments {
    display: none;
}

.blog-classic .pbmit-post-title {
    margin-bottom: 25px;
    margin-top: 15px;
    font-size: 36px;
    padding-bottom: 20px;
    line-height: 42px;
    text-transform: none;
    letter-spacing: 0px;
    border-bottom: 1px solid rgba(24, 26, 23, 0.2);
}

.blog-classic .pbmit-entry-content {
    margin-top: 20px;
}


/** Blog Single **/

.blog-details .post.blog-classic .pbmit-blog-meta-top {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(3, 27, 78, 0.1);
}

.pbmit-firstletter::first-letter {
    color: var(--pbmit-global-color);
    padding: 0;
    font-size: 52px;
    line-height: 48px;
    display: inline-block;
    float: left;
    font-weight: 700;
    margin-right: 8px;
}

.blog-details .pbmit-entry-content .pbmit-global-color,
.blog-details .pbmit-entry-content p u,
.pbmit-single-event-body-content .pbmit-global-color,
.pbmit-single-event-body-content p u,
.pbmit-service_content .pbmit-global-color,
.pbmit-team-single .pbmit-global-color,
.pbmit-team-single p u {
    color: var(--pbmit-global-color);
}

.blog-details .pbmit-entry-content blockquote {
    border: 0;
    padding: 40px 70px 40px 145px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 400 !important;
    margin: 35px 0;
    position: relative;
    letter-spacing: 0px;
    border-radius: 30px;
    font-style: normal;
    color: var(--pbmit-blackish-color);
    background-color: var(--pbmit-white-color);
    font-family: var(--pbmit-heading-typography-font-family);
}

.blog-details .pbmit-entry-content blockquote:before {
    content: '\e894';
    font-family: "pbminfotech-base-icons";
    font-size: 70px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 45px;
    left: 35px;
    color: var(--pbmit-global-color);
    font-style: normal;
    display: table;
}

.blog-details .pbmit-entry-content blockquote p {
    margin-bottom: 0;
}

.blog-details .pbmit-entry-content:after {
    clear: both;
    content: "";
    display: table;
}

.blog-details .pbmit-entry-content blockquote cite {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--pbmit-global-color);
    display: block;
    line-height: 24px;
    font-style: normal !important;
    margin-top: 15px;
}

.blog-details .pbmit-entry-content blockquote cite:before {
    content: "-";
    margin-right: 5px;
}

.blog-details .pbmit-entry-content blockquote:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.blog-details .pbmit-entry-content .pbmit-block-columns {
    display: flex;
    margin-bottom: 2.75em;
}

.blog-details .pbmit-entry-content .pbmit-block-columns img {
    margin-top: 15px;
    border-radius: 30px;
}

.blog-details .pbmit-entry-content .pbmit-block-column:first-child {
    padding: 0 22px 0 0;
}

.blog-details .pbmit-entry-content .pbmit-block-column:last-child {
    padding: 0 0 0 22px;
}

.blog-details .list-group .pbmit-icon-list-icon i {
    font-size: 22px;
    margin-right: 8px;
}

.blog-details .list-group {
    padding-top: 20px;
}

.blog-details .list-group .pbmit-icon-list-text {
    padding-left: 0;
}

.blog-details .pbmit-blog-meta-bottom {
    margin-top: 35px;
}

.blog-details .pbmit-blog-meta-bottom .pbmit-meta-tags a {
    background-color: var(--pbmit-white-color);
}

.blog-details .pbmit-blog-meta-bottom .pbmit-meta-tags a:hover {
    color: var(--pbmit-white-color);
    background-color: var(--pbmit-global-color);
}

.blog-details .post-navigation {
    border-top: 1px solid rgba(24, 26, 23, 0.10);
    margin-top: 30px;
}

.blog-details .pbmit-author-box {
    position: relative;
    overflow: hidden;
    margin-top: 45px;
    margin-bottom: 0;
    padding: 40px;
    padding-right: 90px;
    background-color: var(--pbmit-blackish-color);
    display: flex;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-radius: 30px;
}

.blog-details .pbmit-author-image img {
    width: 150px;
    min-width: 150px;
    height: 150px;
    border: 4px solid var(--pbmit-global-color);
    display: block;
    overflow: hidden;
    margin-right: 35px;
    border-radius: 50%;
}

.blog-details .pbmit-author-content {
    -webkit-flex-shrink: 100;
    -moz-flex-shrink: 100;
    -ms-flex-negative: 100;
    flex-shrink: 100;
}

.blog-details .pbmit-author-content .pbmit-author-name {
    line-height: 24px;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 400;
    margin-bottom: 8px;
    display: inline-block;
    font-family: var(--pbmit-heading-typography-font-family);
}

.blog-details .pbmit-author-box a {
    color: var(--pbmit-white-color);
}

.blog-details .pbmit-author-content .pbmit-text {
    margin: 0;
    line-height: 25px;
    font-weight: 300;
    color: var(--pbmit-white-color);
}

.blog-details .comments-area {
    margin-top: 60px;
}

.blog-details .comments-area .comments-title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 48px;
}

.blog-details .comment-list li:not(:last-child) .pbmit-comment {
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(24, 26, 23, 0.10);
}

.comment-list .pbmit-comment-avatar {
    float: left;
}

.comment-list .pbmit-comment-avatar img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.blog-details .pbmit-comment-content {
    position: relative;
    padding: 0px 0px 30px 0;
    margin-left: 115px;
    min-height: 115px;
}

.blog-details .pbmit-comment-meta {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-family: var(--pbmit-heading-typography-font-family);
}

.pbmit-comment-content .pbmit-comment-author {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
    display: inline-flex;
    position: relative;
    color: #525252;
    font-weight: 500;
    font-family: var(--pbmit-heading-typography-font-family);
}

.pbmit-comment-author-inner {
    margin: 0 5px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--pbmit-blackish-color);
}

.pbmit-comment-author-inner a {
    color: var(--pbmit-blackish-color);
}

.blog-details .pbmit-comment-date {
    display: block;
    font-size: 16px;
    margin: 0 0 0 30px;
    font-weight: 400;
    color: rgba(24, 26, 23, 0.8);
}

.blog-details .pbmit-comment-date a {
    font-size: 16px;
    line-height: 26px;
    position: relative;
}

.blog-details .pbmit-comment-date a:first-child::before {
    position: absolute;
    content: '';
    left: -17px;
    height: 1px;
    top: 50%;
    transform: translate(0, -50%);
    width: 8px;
    background-color: rgba(24, 26, 23, .8);
}

.blog-details .pbmit-comment-content p {
    margin: 10px 0 18px;
}

.blog-details .pbmit-comment-content .reply a {
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0;
    -webkit-transition: 0.4s ease-out 0s;
    -o-transition: 0.4s ease-out 0s;
    transition: 0.4s ease-out 0s;
    color: var(--pbmit-white-color);
    background-color: var(--pbmit-global-color);
    padding: 2px 22px;
    border-radius: 30px;
}

.blog-details .pbmit-comment-content .reply a::after {
    font-family: 'pbminfotech-base-icons';
    content: "\e8dd";
    font-style: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    opacity: 1;
    font-variant: normal;
    text-transform: none;
    line-height: 24px;
    font-size: 11px;
    margin-left: 5px;
    font-weight: 500;
}

.blog-details .pbmit-comment-content .reply a:hover {
    color: var(--pbmit-blackish-color);
    background-color: var(--pbmit-white-color);
}

.comment-list .children {
    margin-left: 100px;
    padding-top: 8px;
}

.blog-details .comment-list li:not(:last-child) .pbmit-comment {
    border-bottom: 1px solid rgba(3, 27, 78, 0.1);
}

.blog-details .comment-respond {
    background-color: var(--pbmit-white-color);
    padding: 60px 70px;
    border-radius: 30px;
    margin-top: 28px;
    margin-bottom: 20px;
}

.blog-details .comment-respond .comment-reply-title {
    margin-bottom: 25px;
}

.blog-details .comment-respond .comment-notes {
    font-size: 15px;
}

.blog-details .comment-respond .comment-form form textarea.form-control {
    color: var(--pbmit-blackish-color);
    height: 130px;
    line-height: normal;
    padding: 20px 12px;
}

.blog-details .comment-respond .comment-form .form-check {
    margin-top: 20px;
    margin-bottom: 25px;
}

.blog-details .comment-respond .comment-form .form-check label {
    font-size: 15px;
}

.blog-details .comment-respond .comment-form form button {
    padding: 15px 40px;
}


/** 06 - Team Single **/

.pbmit-team-single {
    padding-bottom: 80px;
}

.pbmit-team-single .pbmit-sticky-col {
    padding-top: 100px;
}

.pbmit-team-single .pbmit-team-left-inner {
    position: relative;
    z-index: 1;
    margin: 0;
    border-radius: 30px;
    overflow: hidden;
}

.pbmit-team-single .pbmit-team-detail {
    position: relative;
}

.pbmit-team-single .pbmit-team-detail .pbmit-team-detail-inner {
    padding: 45px 38px 70px;
    background-color: var(--pbmit-blackish-color);
    background-image: url(../images/bg/detail-pattern.png);
    background-position: bottom center;
    background-repeat: repeat;
    border-radius: 0 0 30px 30px;
}

.pbmit-team-single .pbmit-team-detail .pbmit-team-summary {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pbmit-team-single .pbmit-team-detail .pbmit-team-designation {
    font-size: 12px;
    line-height: 20px;
    padding-left: 13px;
    letter-spacing: .6px;
    color: var(--pbmit-white-color);
    text-transform: uppercase;
    position: relative;
    margin-bottom: 5px;
}

.pbmit-team-single .pbmit-team-detail .pbmit-team-designation:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 6px;
    height: 6px;
    background-color: var(--pbmit-global-color);
    border-radius: 50%;
}

.pbmit-team-single .pbmit-team-detail .pbmit-team-title {
    color: var(--pbmit-white-color);
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    margin: 0;
}

.pbmit-team-single .pbmit-team-detail .pbmit-single-team-info {
    position: relative;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}

.pbmit-team-single .pbmit-team-detail .pbmit-single-team-info li,
.pbmit-team-single .pbmit-team-detail .pbmit-single-team-info li a {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: var(--pbmit-white-color);
}

.pbmit-team-single .pbmit-team-detail .pbmit-single-team-info li label {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: var(--pbmit-global-color);
    min-width: 75px;
    display: block;
    text-transform: uppercase;
}

.pbmit-team-single .pbmit-team-detail .pbmit-single-team-info li:last-child {
    margin-bottom: 0;
}

.pbmit-team-single .pbmit-team-detail .pbmit-team-share-btn {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: var(--pbmit-light-color);
    border-radius: 50% 0 0 0;
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-share-icon-wrapper {
    position: relative;
    display: block;
    padding: 15px 0 0 15px;
    border-radius: 50%;
    background-color: var(--pbmit-light-color);
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-share-icon {
    padding: 12px 16px;
    background-color: var(--pbmit-white-color);
    color: var(--pbmit-blackish-color);
    border-radius: 50%;
    height: 56px;
    width: 56px;
    font-size: 20px;
    display: block;
    transition: all 0.3s ease-in-out;
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-share-icon i {
    transition: all 0.4s ease-in-out;
    display: block;
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-social-links {
    text-align: center;
    position: absolute;
    bottom: 8px;
    right: 0;
    transform: translate(-40px, 0);
    opacity: 0;
    padding: 3px;
    display: flex;
    flex-direction: row-reverse;
    transition: all 0.3s ease-in;
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-social-links li {
    padding: 8px !important;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0;
    background-color: var(--pbmit-white-color);
    border-radius: 50%;
    margin-right: 5px;
    transform: translate(0);
    transition: all 600ms ease-in-out;
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-social-links li:hover {
    background-color: var(--pbmit-global-color);
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-social-links li:hover a {
    color: var(--pbmit-white-color);
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-social-links li:first-child {
    transform: translate(0, 0);
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-social-links li a {
    position: relative;
    display: inline-block;
    opacity: 1;
    width: auto;
    height: auto;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    background: transparent;
    color: var(--pbmit-blackish-color);
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-social-links li:nth-child(2) {
    transform: translate(43px, 0);
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-social-links li:nth-child(3) {
    transform: translate(86px, 0);
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-social-links li:nth-child(4) {
    transform: translate(129px, 0);
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-social-links li:last-child {
    transform: translate(172px, 0);
}

.pbmit-team-single .pbmit-team-share-btn:hover .pbmit-share-icon {
    color: var(--pbmit-white-color);
    background-color: var(--pbmit-secondary-color);
}

.pbmit-team-single .pbmit-team-share-btn:hover .pbmit-share-icon i {
    transform: rotateY(180deg);
}

.pbmit-team-single .pbmit-team-share-btn:hover .pbmit-social-links {
    transform: translate(-70px, 0);
    opacity: 1;
}

.pbmit-team-single .pbmit-team-share-btn:hover .pbmit-social-links li {
    transform: translate(0);
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-sticky-corner {
    width: 30px;
    height: 30px;
    position: absolute;
    transform: rotate(-90deg);
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-bottom-left-corner {
    bottom: 0%;
    left: -30px;
    transform: none;
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-sticky-corner svg path {
    fill: var(--pbmit-light-color);
}

.pbmit-team-single .pbmit-team-share-btn .pbmit-top-right-corner {
    top: -30px;
    right: 0%;
    transform: none;
}

.pbmit-team-single .pbmit-entry-content .text-editor-box {
    padding: 20px 0;
    border-bottom: 1px solid #181A1717;
}

.pbmit-team-single .pbmit-entry-content .text-editor-box:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.pbmit-team-single .pbmit-entry-content .text-editor-box .col-md-4 {
    width: 14.999%;
}

.pbmit-team-single .pbmit-entry-content .text-editor-box h6 {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

.pbmit-team-single .pbmit-entry-content .text-editor-box p {
    margin: 0;
}

.pbmit-team-single .pbmit-entry-content .text-editor-box .col-md-8 {
    width: 85%;
}

.pbmit-team-single .counter-box {
    margin-top: 60px;
}

.pbmit-team-single .counter-box .pbmit-col_1 {
    width: 62%;
}

.pbmit-team-single .counter-box .pbmit-col_2 {
    width: 38%;
}

.pbmit-team-single .counter-box .pbmit-left_col {
    padding-right: 40px;
}

.pbmit-team-single .counter-box .pbmit-ihbox-style-2:not(:last-child) {
    border-bottom: 1px solid #0000001F;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.pbmit-team-single .comment-respond {
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 100px;
    padding: 60px 75px 60px 75px;
    border-radius: 30px;
    background-color: var(--pbmit-white-color);
}

.pbmit-team-single .comment-respond form textarea.form-control {
    height: 100px;
}

.pbmit-team-single .comment-respond .comment-form .form-check {
    margin-top: 20px;
    margin-bottom: 25px;
}

.pbmit-team-single .comment-respond .comment-form .form-check label {
    font-size: 14px;
}


/** Faq **/

.faq-left_box {
    padding-right: 20px;
}

.faq-right_box {
    padding-left: 20px;
}

.faq-left_box,
.faq-right_box {
    margin: 0 50px;
}


/** 07 - Contact Us **/

.contact-us-left_img {
    background-image: url(../images/bg/contact-form-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    border-radius: 30px 0px 0px 30px;
}

.iframe_section .iframe_box {
    margin: 0 30px;
}

.iframe_section .iframe_box iframe {
    height: 640px;
    width: 100%;
    border-radius: 30px;
}

label.error {
    background: red;
    color: white;
    border-radius: 0px 0 10px 10px;
    margin-bottom: 15px;
    padding: 0 10px;
    font-size: 12px;
    display: block;
    margin-top: 0px;
    margin-right: 20%;
}

.message-status {
    margin-top: 30px;
}

.form-control.error {
    margin-bottom: 0 !important;
}


/**08 - Comment Form **/

.form-control {
    margin-bottom: 20px;
    font-size: 14px;
    height: 55px;
    line-height: normal;
    padding: 0 10px;
    font-weight: 600;
    border-width: 0 0 1px 0;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid rgba(3, 27, 78, 0.8);
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}

.form-control::placeholder {
    opacity: .7;
    color: rgba(3, 27, 78, 0.8);
}

textarea.form-control {
    height: 100px;
    padding-top: 20px;
    resize: none;
}

.form-control:focus {
    border-color: inherit;
    background-color: transparent;
}

.form-control:focus::placeholder {
    opacity: 1;
}

.form-style-2 .form-control {
    height: 60px;
    padding: 0 25px;
    border-radius: 8px;
    border: 1px solid rgba(3, 27, 78, .15);
    background-color: var(--pbmit-white-color);
}

.form-style-2 .form-control.form-select {
    color: rgba(3, 27, 78, .6);
}

.form-style-2 textarea.form-control {
    height: 140px;
    padding-top: 30px;
}


/**09 - Make Appointment 01 **/

.appointment_box {
    box-shadow: -4px -3px 18px 0px rgba(0, 0, 0, 0.1);
    margin: 0px 150px 0px 150px;
    padding: 50px 50px 50px 50px;
    border-radius: 30px;
    background-color: var(--pbmit-white-color);
}

.appointment_box form .form-control {
    padding: 0 25px;
    border-radius: 30px;
    border: none;
    background-color: var(--pbmit-light-color);
}

.appointment_box form .wpcf7-date,
.appointment_box form .form-select {
    color: rgba(3, 27, 78, 0.6);
}

.appointment_box form .form-select {
    background-position: 95% 50%;
}

.appointment_box form textarea.form-control {
    height: 150px;
    padding-top: 30px;
}

.appointment_box form .pbmit-btn {
    width: 100%;
}

.appointment_box form .pbmit-btn .pbmit-button-icon-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    margin-left: 6px;
}

.appointment_box form .pbmit-btn .pbmit-button-icon-wrapper:before {
    content: "\e8dd";
    font-family: "pbminfotech-base-icons";
    position: absolute;
    top: 0;
    right: 0;
    width: 1em;
    height: auto;
    transform: scale(0.26) translate(-55px, 50px);
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.appointment_box form .pbmit-btn:hover .pbmit-button-icon-wrapper:before {
    transform: scale(1) translate(-2px, 0px);
}

.appointment_box form .pbmit-btn:hover .pbmit-button-icon:before {
    transform: scale(1) translate(-2px, 0px);
}

.appointment_box form .pbmit-btn .pbmit-button-icon {
    display: inline-block;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.appointment_box form .pbmit-btn:hover .pbmit-button-icon {
    transform: scale(0.26) translate(45px, -50px);
}

.appointment_box form .pbmit-btn .pbmit-button-icon:before {
    display: none;
}


/* ===============================
   FLOATING PANEL
================================ */

.floating-links {
    position: fixed;
    right: 3px;
    top: 55%;
    transform: translateY(-50%);
    z-index: 99;
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: all .5s ease;
}


/* After Scroll */

.floating-links.scrolled {
    top: 103px;
    right: 25%;
    transform: none;
    flex-direction: row;
    gap: 12px;
}


/* ===============================
   BUTTON STYLE
================================ */

.f-item {
    position: relative;
}

.f-link {
    width: 90px;
    min-height: 75px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #ffffff;
    background: rgb(18 137 188 / 82%);
    border: 1px solid rgba(255, 255, 255, .18);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-radius: 22px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .15);
    transition: all .35s ease;
}

.f-link:hover {
    transform: translateX(-6px);
    /* background: rgba(255, 255, 255, .16); */
}


/* Icon */

.f-link i {
    font-size: 28px;
    margin-bottom: 10px;
    background: linear-gradient(135deg, #beee5d, #ffbf00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 4px 10px rgba(0, 123, 195, .25));
}

.f-link span {
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    color: #fff;
}


/* ===============================
   HORIZONTAL MODE
================================ */

.floating-links.scrolled .f-link {
    width: auto;
    min-height: 58px;
    padding: 0 24px;
    flex-direction: row;
    border-radius: 60px;
}

.floating-links.scrolled .f-link i {
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 20px;
}


/* ===============================
   DROPDOWN PANEL
================================ */

.f-drop {
    position: absolute;
    top: 0;
    right: 110px;
    width: 400px;
    background: #eaf0f9;
    backdrop-filter: blur(20px);
    border-radius: 28px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .15);
    padding: 28px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(15px);
    transition: all .35s ease;
}

.f-item:hover .f-drop {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}


/* Horizontal dropdown position */

.floating-links.scrolled .f-drop {
    top: 75px;
    left: 0;
    right: auto;
}


/* Titles inside dropdown */

.f-drop h5 {
    color: #007BC3;
    font-weight: 700;
    margin-bottom: 15px;
}

.f-drop p,
.f-drop td {
    color: #191919;
    line-height: 28px;
}

.theme-btn {
    font-weight: 600;
}


/* ===============================
   MOBILE
================================ */

@media (max-width:991px) {
    .floating-links {
        bottom: 20px;
        top: auto;
        right: 15px;
        transform: none;
        flex-direction: row;
    }
    .floating-links .f-link {
        width: 58px;
        height: 58px;
        min-height: 58px;
        border-radius: 50%;
    }
    .floating-links .f-link span {
        display: none;
    }
    .f-drop {
        display: none;
    }
}


/*==================================================
    HOSPITAL MEGA MENU
==================================================*/

.hospital-megamenu {
    position: static;
}

.hospital-megamenu .hospital-megamenu-content {
    position: absolute;
    left: 192%;
    top: 100%;
    transform: translateX(-50%);
    width: 983px;
    border-top: 3px solid var(--pbmit-global-color);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 35px;
    background: #fff;
    border-radius: 18px;
    /* border: 1px solid #e9eef4; */
    box-shadow: 0 15px 45px rgba(0, 0, 0, .08);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 9999;
}

.hospital-megamenu:hover .hospital-megamenu-content {
    opacity: 1;
    visibility: visible;
    top: 100%;
}


/*=======================================*/

.hospital-megamenu-column {
    display: flex;
    flex-direction: column;
}


/*=======================================*/

.hospital-megamenu-column a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 16px;
    border-radius: 12px;
    text-decoration: none;
    color: #2b2b2b;
    font-size: 15px;
    font-weight: 500;
    transition: .3s;
}


/*=======================================*/

.hospital-megamenu-column a i {
    width: 42px;
    height: 42px;
    background: #f3faf5;
    color: #58B947;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    flex-shrink: 0;
}


/*=======================================*/

.hospital-megamenu-column a:hover {
    background: #f8fbff;
    color: #0077C8;
    transform: translateX(6px);
}

.hospital-megamenu-column a:hover i {
    background: #58B947;
    color: #fff;
}


/*=======================================*/

.hospital-megamenu-column:not(:last-child) {
    border-right: 1px solid #edf1f5;
    padding-right: 20px;
}


/*=======================================*/


/* 
.hospital-megamenu-content::before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 4px;

	background: linear-gradient(90deg, #58B947, #F28C28, #0077C8);

	border-radius: 18px 18px 0 0;

} */


/*=======================================*/


/* Menu collapses at 1200px (navbar-expand-xl), so the mega menu must switch
   to its stacked form at the same width - not at 992px. */

@media(max-width:1199.98px) {
    .hospital-megamenu {
        position: relative;
    }
    .hospital-megamenu .hospital-megamenu-content {
        position: static;
        width: 100%;
        display: block;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        padding: 20px;
        margin-top: 10px;
    }
    .hospital-megamenu-column {
        border-right: none;
        padding-right: 0;
        margin-bottom: 20px;
    }
}

.condition {
    padding: 26px;
    background: #f0f7fd;
    border-radius: 18px;
}


/*=========================================
        Cardiology Tabs
=========================================*/

#heartTab {
    gap: 15px;
}

#heartTab .nav-link {
    background: #fff;
    border: 1px solid #e8eef5;
    color: #1B3C74;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 30px;
    border-radius: 50px;
    transition: all .35s ease;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .05);
}

#heartTab .nav-link:hover {
    background: #58B947;
    border-color: #58B947;
    color: #fff;
    transform: translateY(-3px);
}

#heartTab .nav-link.active {
    background: #0077C8;
    border-color: #0077C8;
    color: #fff;
}


/*=========================================
        Tab Content
=========================================*/

.tab-content {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #eef2f6;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .06);
}

.tab-content p {
    font-size: 17px;
    line-height: 30px;
    color: #6b7280;
    margin-bottom: 25px;
}


/*=========================================
        Responsive
=========================================*/

@media(max-width:991px) {
    #heartTab {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 10px;
        padding-top: 12px;
    }
    #heartTab .nav-link {
        white-space: nowrap;
        padding: 8px 12px;
        font-size: 12px;
    }
    .tab-content {
        padding: 25px;
    }
}

.hospital-footer {
    background: #fff;
    padding: 70px 0 0;
    border-top: 1px solid #e8edf5;
}

.footer-logo {
    text-align: center;
    margin-bottom: 30px;
}

.footer-logo img {
    max-width: 220px;
    background: #f2f9ff;
    padding: 15px 29px;
    border-radius: 10px;
}

.footer-about {
    max-width: 800px;
    margin: 0 auto 35px;
    text-align: center;
}

.footer-about p {
    color: #666;
    font-size: 16px;
    line-height: 30px;
    margin: 0;
}

.footer-social {
    text-align: center;
    margin-bottom: 35px;
}

.footer-social a {
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 6px;
    border: 1px solid #e88134;
    border-radius: 50%;
    color: #ffffff;
    background: #e88134;
    font-size: 18px;
    transition: .3s;
}

.footer-social a:hover {
    background: #005baa;
    color: #fff;
    border-color: #005baa;
}

.footer-menu {
    margin-bottom: 35px;
}

.footer-menu ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px 35px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu a {
    color: #005baa;
    font-weight: 600;
    text-decoration: none;
    transition: .3s;
}

.footer-menu a:hover {
    color: #f58220;
}

.footer-contact {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px 40px;
    border-top: 1px solid #eee;
    padding-top: 30px;
    padding-bottom: 40px;
    margin: auto 17%;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-size: 15px;
}

.contact-item i {
    color: #f58220;
    font-size: 18px;
}

.doc {
    margin-bottom: 40px;
    border-bottom: 1px solid #c4c4c445;
    padding-bottom: 40px;
}

.doc:last-child {
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px;
}

.doc img {
    border-radius: 15px;
}

.g-10 {
    gap: 10px;
}

.gc {
    background: linear-gradient(90deg, rgb(244 136 53) 0%, rgb(247 188 147) 50%, rgba(15, 3, 23, 0) 100%);
    width: 70%;
    height: 3px;
    border-radius: 10px;
    margin-bottom: 13px;
}

.testi {
    position: relative;
    display: inline-block;
    width: 100%;
}

.video-y {
    width: 100%;
    border-radius: 30px;
    display: block;
}

.testi .pbmit-btn-box {
    position: absolute;
    bottom: 39%;
    right: 42%;
    z-index: 2;
}

.testi .pbmin-lightbox-video {
    color: #ffffff;
    font-size: 65px;
}

.all-post-list {
    height: 404px;
    overflow-y: auto;
    overflow-x: hidden;
    /* Firefox */
    scrollbar-width: none;
}


/* Chrome, Edge, Safari */

.all-post-list::-webkit-scrollbar {
    width: 0;
}

.all-post-list.scrolling {
    scrollbar-width: thin;
}

.all-post-list.scrolling::-webkit-scrollbar {
    width: 8px;
}

.all-post-list.scrolling::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.all-post-list.scrolling::-webkit-scrollbar-thumb {
    background: #EB5300;
    border-radius: 10px;
}

.all-post-list.scrolling::-webkit-scrollbar-thumb:hover {
    background: #d94b00;
}

.scroll-btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #1d8cc2;
    text-decoration: none;
    margin-top: 21px;
}

.scroll-btn span {
    font-size: 14px;
    letter-spacing: 4px;
    margin-bottom: 15px;
    font-weight: 700;
}

.scroll-btn i {
    font-size: 22px;
    animation: moveDown 1.6s infinite;
}

@keyframes moveDown {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    50% {
        transform: translateY(12px);
        opacity: .5;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.logo-name {
    font-size: 16px;
    margin-bottom: 0px;
    line-height: normal;
    margin-top: 10px;
}

.my-col {
    border-right: 1px solid #c4c4c45c;
}

.my-col:last-child {
    border-right: none;
}


/*=================================================
                OPD PAGE
=================================================*/

.opd-area {
    background: #f8fbff;
    padding: 120px 0;
}


/*==========================
        HEADING
==========================*/

.section-title {
    max-width: 760px;
    margin: auto;
}

.sub-title {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 50px;
    background: #EB530015;
    color: #EB5300;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 18px;
}

.section-title h2 {
    font-size: 48px;
    font-weight: 700;
    color: #082c4e;
    margin-bottom: 18px;
}

.section-title p {
    color: #666;
    font-size: 17px;
    line-height: 30px;
}


/*==========================
        SEARCH
==========================*/

.opd-search {
    position: relative;
    margin: 60px auto;
    max-width: 700px;
}

.opd-search input {
    width: 100%;
    height: 70px;
    border: none;
    outline: none;
    background: #fff;
    border-radius: 60px;
    padding-left: 65px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
    transition: .4s;
}

.opd-search input:focus {
    box-shadow: 0 20px 60px rgba(235, 83, 0, .15);
}

.opd-search i {
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translateY(-50%);
    color: #EB5300;
    font-size: 18px;
}


/*==========================
        CARD
==========================*/

.opd-item {
    background: #fff;
    border-radius: 20px;
    margin-bottom: 35px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .06);
    transition: .4s;
    border-left: 5px solid #73b475;
}

.opd-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .12);
}


/*==========================
      TOP
==========================*/

.department-head {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 30px;
    border-bottom: 1px solid #edf2f7;
}

.department-icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    border-radius: 50%;
    background: #73b4751f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #EB5300;
    font-size: 34px;
}

.department-head h3 {
    font-size: 30px;
    color: #082c4e;
    margin-bottom: 8px;
    font-weight: 700;
}

.department-head span {
    color: #777;
}


/*==========================
        BODY
==========================*/

.department-body {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 30px;
}

.info-box {
    background: #f8fbff;
    border-radius: 15px;
    padding: 22px;
    transition: .3s;
}

.info-box:hover {
    background: #fff4ef;
}

.info-box small {
    display: block;
    color: #999;
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.info-box h5 {
    margin: 0;
    font-size: 18px;
    color: #082c4e;
    font-weight: 600;
    line-height: 30px;
}

.full {
    grid-column: span 2;
}


/*==========================
      ANIMATION
==========================*/

.opd-item {
    opacity: 0;
    transform: translateY(60px);
    transition: .8s;
}

.opd-item.show {
    opacity: 1;
    transform: translateY(0);
}


/*==========================
      RESPONSIVE
==========================*/

@media(max-width:991px) {
    .department-body {
        grid-template-columns: 1fr;
    }
    .full {
        grid-column: span 1;
    }
    .department-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .department-icon {
        width: 70px;
        height: 70px;
        min-width: 70px;
        font-size: 30px;
    }
    .department-head h3 {
        font-size: 24px;
    }
}

@media(max-width:767px) {
    .opd-area {
        padding: 80px 0;
    }
    .section-title h2 {
        font-size: 34px;
    }
    .department-head {
        padding: 22px;
    }
    .department-body {
        padding: 22px;
        gap: 18px;
    }
    .info-box {
        padding: 18px;
    }
    .opd-search input {
        height: 60px;
    }
}


/*=============================
        NO RESULT
=============================*/

.no-result {
    text-align: center;
    padding: 80px 20px;
    color: #777;
}

.no-result i {
    font-size: 60px;
    color: #EB5300;
    margin-bottom: 20px;
}

.no-result h4 {
    font-size: 28px;
    color: #082c4e;
    margin-bottom: 10px;
}

.no-result p {
    margin: 0;
}


/*=============================
      HOVER EFFECT
=============================*/

.opd-item {
    position: relative;
}

.opd-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 80px;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .7), transparent);
    transform: skewX(-25deg);
    transition: 1s;
}

.opd-item:hover::after {
    left: 130%;
}

.pbmit-ihbox-style-24 .pbmit-ihbox-box {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width:991px) {
    .one-col {
        border-bottom: 1px solid #ef792261;
        border-right: 1px solid #ef792261;
    }
    .two-col {
        border-bottom: 1px solid #ef792261;
    }
    .three-col {
        border-right: 1px solid #ef792261;
    }
}


/* .pbmit-ihbox-icon-wrapper i {
    font-size: 45px;
    color: #6fb36f;
    line-height: 1;
} */


/* =========================================================
   LAPAROSCOPY CENTER
   Simple • Modern • Compact • Responsive
========================================================= */

.laparoscopy-box {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 18px 20px;
    box-sizing: border-box;
    background: #f7fafc;
    border: 1px solid #edf2f5;
    border-radius: 14px;
    transition: all 0.3s ease;
}


/* =========================================================
   CONTENT
========================================================= */

.laparoscopy-box-content {
    position: relative;
    z-index: 2;
    max-width: 100%;
}


/* Small Label */

.laparoscopy-box-content>span {
    display: block;
    margin-bottom: 4px;
    font-size: 9px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #1677b8;
}


/* Main Heading */

.laparoscopy-box-content h3 {
    position: relative;
    margin: 0 0 10px;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 600;
    color: #1c2935;
}


/* =========================================================
   SERVICE LIST
========================================================= */

.laparoscopy-types {
    display: block;
    /* flex-wrap: wrap; */
    gap: 6px 18px;
}

.laparoscopy-types div {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    line-height: 2;
    color: #66737e;
    transition: color 0.25s ease;
}


/* Arrow */

.laparoscopy-types i {
    flex-shrink: 0;
    font-size: 9px;
    color: #1677b8;
    transition: transform 0.25s ease;
}


/* Hover */

.laparoscopy-types div:hover {
    color: #1677b8;
}

.laparoscopy-types div:hover i {
    transform: translateX(3px);
}


/* =========================================================
   SUBTLE BACKGROUND LAPAROSCOPIC ICON
========================================================= */

.laparoscopic-bg-icon {
    position: absolute;
    right: 18px;
    bottom: -15px;
    z-index: 1;
    width: auto;
    height: auto;
    font-size: 100px;
    line-height: 1;
    color: #1677b8;
    opacity: 0.055;
    transform: rotate(-8deg);
    pointer-events: none;
    user-select: none;
}


/* Subtle Circle Behind Icon */

.laparoscopic-bg-icon::after {
    content: "";
    position: absolute;
    width: 85px;
    height: 85px;
    right: -14px;
    bottom: -14px;
    border: 1px solid rgba(22, 119, 184, 0.35);
    border-radius: 50%;
    pointer-events: none;
}


/* =========================================================
   CARD HOVER
========================================================= */

.laparoscopy-box:hover {
    background: #f5f9fc;
    border-color: #e2ebf1;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(21, 65, 95, 0.07);
}

.laparoscopy-box:hover .laparoscopic-bg-icon {
    opacity: 0.075;
    transform: rotate(-8deg) scale(1.03);
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1600px) {
    .laparoscopy-box {
        padding: 22px 24px;
        border-radius: 16px;
    }
    .laparoscopy-box-content>span {
        font-size: 10px;
        letter-spacing: 1.7px;
    }
    .laparoscopy-box-content h3 {
        font-size: 21px;
        margin-bottom: 11px;
    }
    .laparoscopy-types {
        gap: 7px 22px;
    }
    .laparoscopy-types div {
        font-size: 13px;
    }
    .laparoscopy-types i {
        font-size: 9px;
    }
    .laparoscopic-bg-icon {
        right: 22px;
        bottom: -18px;
        font-size: 115px;
        opacity: 0.055;
    }
    .laparoscopic-bg-icon::after {
        width: 100px;
        height: 100px;
        right: -16px;
        bottom: -16px;
    }
}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199px) {
    .laparoscopy-box {
        padding: 17px 18px;
    }
    .laparoscopy-box-content h3 {
        font-size: 18px;
    }
    .laparoscopy-types {
        gap: 6px 14px;
    }
    .laparoscopy-types div {
        font-size: 11.5px;
    }
    .laparoscopic-bg-icon {
        right: 14px;
        bottom: -14px;
        font-size: 90px;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {
    .laparoscopy-box {
        padding: 16px 17px;
        border-radius: 13px;
    }
    .laparoscopy-box-content>span {
        font-size: 8.5px;
        letter-spacing: 1.3px;
    }
    .laparoscopy-box-content h3 {
        font-size: 17px;
        margin-bottom: 8px;
    }
    .laparoscopy-types {
        gap: 5px 12px;
    }
    .laparoscopy-types div {
        font-size: 11px;
    }
    .laparoscopy-types i {
        font-size: 8px;
    }
    .laparoscopic-bg-icon {
        right: 10px;
        bottom: -12px;
        font-size: 78px;
        opacity: 0.05;
    }
    .laparoscopic-bg-icon::after {
        width: 70px;
        height: 70px;
        right: -12px;
        bottom: -12px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    .laparoscopy-box {
        padding: 15px;
        border-radius: 12px;
    }
    .laparoscopy-box-content>span {
        font-size: 8px;
        letter-spacing: 1.2px;
        margin-bottom: 3px;
    }
    .laparoscopy-box-content h3 {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 8px;
    }
    .laparoscopy-types {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .laparoscopy-types div {
        font-size: 11px;
    }
    .laparoscopy-types i {
        font-size: 8px;
    }
    .laparoscopic-bg-icon {
        right: 8px;
        bottom: -9px;
        font-size: 68px;
        opacity: 0.045;
    }
    .laparoscopic-bg-icon::after {
        width: 58px;
        height: 58px;
        right: -10px;
        bottom: -10px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
    .laparoscopy-box {
        padding: 13px 14px;
        border-radius: 11px;
    }
    .laparoscopy-box-content>span {
        font-size: 7.5px;
        letter-spacing: 1px;
    }
    .laparoscopy-box-content h3 {
        font-size: 15px;
        margin-bottom: 7px;
    }
    .laparoscopy-types {
        gap: 3px;
    }
    .laparoscopy-types div {
        font-size: 10.5px;
    }
    .laparoscopy-types i {
        font-size: 7px;
    }
    .laparoscopic-bg-icon {
        right: 5px;
        bottom: -7px;
        font-size: 58px;
        opacity: 0.04;
    }
    .laparoscopic-bg-icon::after {
        width: 48px;
        height: 48px;
        right: -8px;
        bottom: -8px;
    }
}

.dhwani-p {
    position: relative;
    overflow: hidden;
}

.dhwani-p .list-group {
    position: relative;
    z-index: 1;
}

.d-symptoms {
    position: absolute;
    bottom: 0px;
    width: 308px;
    right: 0px;
    opacity: 0.5;
}

.d-visit {
    color: #1489bc;
    font-size: 300px;
    position: absolute;
    bottom: 0px;
    right: -28px;
    opacity: 0.4;
}

.emergency-badge-blink {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    background: #e53935;
    color: #fff;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    animation: emergencyBlink 1s infinite ease-in-out;
    box-shadow: 0 0 10px rgba(229, 57, 53, 0.6);
}

.emergency-badge-blink i {
    animation: phoneShake 1s infinite;
}

@keyframes emergencyBlink {
    0% {
        background: #e53935;
        box-shadow: 0 0 8px rgba(229, 57, 53, 0.5);
    }
    50% {
        background: #ff0000;
        box-shadow: 0 0 25px rgba(255, 0, 0, 0.9);
    }
    100% {
        background: #e53935;
        box-shadow: 0 0 8px rgba(229, 57, 53, 0.5);
    }
}

@keyframes phoneShake {
    0%,
    100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-15deg);
    }
    75% {
        transform: rotate(15deg);
    }
}

.emergency-contact a {
    color: #e53935;
    font-size: 22px;
    font-weight: 800;
    text-decoration: none;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.emergency-contact a:hover {
    color: #c62828;
    text-shadow: 0 0 10px rgba(229, 57, 53, 0.4);
}

@media (max-width: 767px) {
    .emergency-contact a {
        font-size: 20px;
    }
}

.orthopedic-cta {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 29px 9px;
    border-radius: 12px;
    background: rgba(22, 143, 195, 0.06);
    border: 1px solid rgba(22, 143, 195, 0.12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    margin-top: 40px !important;
    justify-content: space-between;
}

.orthopedic-cta::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    width: 5px;
    height: 74px;
    border-radius: 10px;
    background: #AAC814;
    transform: translateY(-50%);
}

.orthopedic-cta span {
    font-size: 17px;
    font-weight: 600;
    color: #168fc3;
    position: relative;
    padding-left: 12px;
}


/* .orthopedic-cta span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 20px;
    border-radius: 5px;
    background: #f4a51c;
    transform: translateY(-50%);
} */

.orthopedic-call-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 50px;
    background: #168fc3;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .4px;
    text-decoration: none;
    transition: all .3s ease;
    box-shadow: 0 5px 15px rgba(22, 143, 195, .18);
}

.orthopedic-call-btn:hover {
    background: #0d739f;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(22, 143, 195, .28);
}

@media (max-width: 576px) {
    .orthopedic-cta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
    }
    .orthopedic-cta span {
        font-size: 15px;
        line-height: 1.4;
        white-space: normal;
        flex: 1;
    }
    .orthopedic-cta span::before {
        width: 3px;
        height: 40px;
    }
    .orthopedic-call-btn {
        flex-shrink: 0;
        padding: 9px 16px;
        font-size: 12px;
        gap: 6px;
    }
    .orthopedic-call-btn i {
        font-size: 11px;
    }
}

.appointment-cta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}

.appointment-cta>span {
    position: relative;
    padding-left: 12px;
    color: #66758d;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
}

.appointment-cta>span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 3px;
    height: calc(100% - 6px);
    border-radius: 10px;
    background: #f4a51c;
}

.appointment-cta>span strong {
    color: #168fc3;
    font-weight: 600;
}

.appointment-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-shrink: 0;
    padding: 16px 20px;
    min-width: 155px;
    border-radius: 50px;
    background: #168fc3;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .3px;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(22, 143, 195, .20);
    transition: all .3s ease;
}

.appointment-btn i {
    font-size: 13px;
}

.appointment-btn:hover {
    background: #0d739f;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 9px 22px rgba(22, 143, 195, .28);
}

@media (max-width: 576px) {
    .appointment-cta {
        gap: 12px;
        padding: 12px 0;
    }
    .appointment-cta>span {
        font-size: 13px;
    }
    .appointment-btn {
        min-width: auto;
        padding: 10px 15px;
        font-size: 11px;
    }
    .appointment-btn i {
        font-size: 12px;
    }
}

.video-popup {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.90);
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.video-popup.active {
    display: flex;
}

.video-popup-content {
    position: relative;
    width: 100%;
    max-width: 900px;
    aspect-ratio: 16 / 9;
    background: #000;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
}

.video-popup-content iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.video-popup-close {
    position: absolute;
    top: -45px;
    right: 0;
    width: 38px;
    height: 38px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 32px;
    line-height: 38px;
    cursor: pointer;
    z-index: 2;
}

@media (max-width: 767px) {
    .video-popup {
        padding: 15px;
    }
    .video-popup-content {
        max-width: 100%;
        aspect-ratio: 16 / 9;
    }
    .video-popup-close {
        top: -42px;
        font-size: 28px;
    }
}


/* =========================================================
   HEALTH PACKAGE MODAL
========================================================= */

.health-package-modal {
    padding-right: 0 !important;
}


/* =========================================================
   MODAL DIALOG
========================================================= */

.health-package-modal .modal-dialog {
    width: 100%;
    max-width: 780px;
    margin: 1.75rem auto;
}


/* =========================================================
   MODAL CONTENT
========================================================= */

.health-package-modal-content {
    position: relative;
    background: #ffffff;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.15);
}


/* =========================================================
   HEADER
========================================================= */

.health-package-modal-header {
    position: relative;
    padding: 22px 55px 18px;
    text-align: center;
    background: #ffffff;
}

.health-package-modal-title {
    margin: 0;
    color: #128ac4;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
}


/* =========================================================
   CLOSE BUTTON
========================================================= */

.health-package-modal-close {
    position: absolute;
    top: 12px;
    right: 18px;
    width: 35px;
    height: 35px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #777;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.health-package-modal-close:hover {
    color: #128ac4;
    transform: rotate(90deg);
}


/* =========================================================
   MODAL BODY
========================================================= */

.health-package-modal-body {
    padding: 5px 24px 28px !important;
    background: #ffffff;
}


/* =========================================================
   ROW
========================================================= */

.health-package-form .row {
    margin-left: -9px;
    margin-right: -9px;
    row-gap: 15px;
}


/* =========================================================
   COLUMNS
========================================================= */

.health-package-form .col-md-6,
.health-package-form .col-md-12 {
    padding-left: 9px;
    padding-right: 9px;
}


/* =========================================================
   INPUT / SELECT
========================================================= */

.health-package-field {
    width: 100% !important;
    height: 42px !important;
    padding: 0 19px !important;
    border: 0 !important;
    outline: none !important;
    border-radius: 50px !important;
    background: #f0f7fd !important;
    color: #5f7698 !important;
    font-family: inherit;
    font-size: 12px !important;
    font-weight: 500;
    box-shadow: none !important;
    transition: all 0.3s ease;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.health-package-field::placeholder {
    color: #60799d;
    opacity: 1;
}


/* =========================================================
   FOCUS
========================================================= */

.health-package-field:focus {
    background: #edf6fc !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(18, 138, 196, 0.08) !important;
    color: #415e83 !important;
}


/* =========================================================
   SELECT
========================================================= */

select.health-package-field {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    padding-right: 42px !important;
    background-image: linear-gradient(45deg, transparent 50%, #66809f 50%), linear-gradient(135deg, #66809f 50%, transparent 50%) !important;
    background-position: calc(100% - 19px) 17px, calc(100% - 14px) 17px !important;
    background-size: 5px 5px, 5px 5px !important;
    background-repeat: no-repeat !important;
}


/* =========================================================
   SELECT OPTION
========================================================= */

select.health-package-field option {
    background: #ffffff;
    color: #333333;
    font-size: 13px;
}


/* =========================================================
   TEXTAREA
========================================================= */

.health-package-textarea {
    height: 112px !important;
    min-height: 112px !important;
    padding: 20px 19px !important;
    border-radius: 22px !important;
    resize: vertical;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

.health-package-submit {
    width: 100%;
    height: 45px;
    margin-top: 0;
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 50px;
    background: #72b878;
    color: #ffffff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2px;
    cursor: pointer;
    transition: all 0.3s ease;
}


/* =========================================================
   SUBMIT HOVER
========================================================= */

.health-package-submit:hover {
    background: #62aa69;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 6px 15px rgba(114, 184, 120, 0.22);
}


/* =========================================================
   SUBMIT ARROW
========================================================= */

.health-package-submit-arrow {
    font-size: 17px;
    line-height: 1;
    margin-top: -2px;
    transition: transform 0.3s ease;
}

.health-package-submit:hover .health-package-submit-arrow {
    transform: translate(3px, -3px);
}


/* =========================================================
   MODAL BACKDROP
========================================================= */

.modal-backdrop.show {
    opacity: 0.65;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 767px) {
    .health-package-modal .modal-dialog {
        max-width: calc(100% - 20px);
        margin: 10px auto;
    }
    .health-package-modal-header {
        padding: 20px 45px 15px;
    }
    .health-package-modal-title {
        font-size: 21px;
    }
    .health-package-modal-body {
        padding: 5px 15px 22px !important;
    }
    .health-package-form .row {
        row-gap: 13px;
    }
    .health-package-field {
        height: 48px !important;
        font-size: 13px !important;
    }
    .health-package-textarea {
        height: 110px !important;
        min-height: 110px !important;
    }
    .health-package-submit {
        height: 48px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
    .health-package-modal .modal-dialog {
        max-width: calc(100% - 10px);
        margin: 5px auto;
    }
    .health-package-modal-header {
        padding: 18px 40px 12px;
    }
    .health-package-modal-title {
        font-size: 19px;
    }
    .health-package-modal-close {
        top: 8px;
        right: 10px;
    }
    .health-package-modal-body {
        padding: 5px 10px 18px !important;
    }
    .health-package-form .row {
        row-gap: 10px;
    }
    .health-package-form .col-md-6,
    .health-package-form .col-md-12 {
        padding-left: 5px;
        padding-right: 5px;
    }
    .health-package-field {
        height: 45px !important;
        padding-left: 17px !important;
        padding-right: 17px !important;
        font-size: 12px !important;
    }
    .health-package-textarea {
        height: 100px !important;
        min-height: 100px !important;
        padding: 17px !important;
        border-radius: 18px !important;
    }
    .health-package-submit {
        height: 46px;
        font-size: 10px;
    }
}


/* =========================================================
   HEALTH PACKAGE TRIGGER BUTTON
   Keep original website button styling
========================================================= */

a.health-package-trigger {
    /* Do not override the theme button styling */
}


/* =========================================================
   POPUP SUBMIT BUTTON ONLY
========================================================= */

.health-package-modal .health-package-submit {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    border: 0;
    border-radius: 50px;
    background: #72b878;
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
}

.appointment_box {
    background: #fff;
    border-radius: 18px;
    padding: 35px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .08);
    max-width: 1000px;
    margin: auto
}

.radio-wrap {
    display: flex;
    gap: 20px;
    align-items: center;
    height: 55px
}


/* =========================================
   HEALTH CHECK-UP GUIDELINES
========================================= */

.health-guidelines-section {
    position: relative;
    padding: 90px 0;
    background: #f7faff;
    overflow: hidden;
}

.health-guidelines-section .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}


/* =========================================
   SECTION HEADING
========================================= */

.health-guidelines-heading {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.health-guidelines-subtitle {
    display: inline-block;
    margin-bottom: 12px;
    color: #1687c9;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.health-guidelines-heading h2 {
    margin: 0 0 15px;
    color: #172b4d;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

.health-guidelines-heading h2 span {
    color: #1687c9;
}

.health-guidelines-heading p {
    margin: 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================
   GUIDELINES GRID
========================================= */

.health-guidelines-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}


/* =========================================
   GUIDELINE CARD
========================================= */

.guideline-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 14px;
    transition: all 0.3s ease;
}

.guideline-card:hover {
    transform: translateY(-3px);
    border-color: #cfe6f5;
    box-shadow: 0 12px 35px rgba(23, 43, 77, 0.08);
}


/* =========================================
   ICON
========================================= */

.guideline-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #eaf6fc;
    color: #1687c9;
    font-size: 19px;
}

.guideline-content {
    flex: 1;
}

.guideline-content h3 {
    margin: 0 0 7px;
    color: #172b4d;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 650;
}

.guideline-content p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================
   CORPORATE NOTE
========================================= */

.corporate-guideline {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-top: 24px;
    padding: 24px 26px;
    background: #172b4d;
    border-radius: 14px;
}

.corporate-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 19px;
}

.corporate-guideline h3 {
    margin: 0 0 6px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 650;
}

.corporate-guideline p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================
   LARGE SCREENS
========================================= */

@media (min-width: 1600px) {
    .health-guidelines-section {
        padding: 110px 0;
    }
    .health-guidelines-section .container {
        max-width: 1350px;
    }
    .health-guidelines-grid {
        gap: 22px;
    }
    .guideline-card {
        padding: 27px;
    }
    .health-guidelines-heading h2 {
        font-size: 46px;
    }
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {
    .health-guidelines-section {
        padding: 70px 0;
    }
    .health-guidelines-heading {
        margin-bottom: 40px;
    }
    .health-guidelines-heading h2 {
        font-size: 34px;
    }
    .health-guidelines-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
    .health-guidelines-section {
        padding: 55px 0;
    }
    .health-guidelines-section .container {
        padding: 0 15px;
    }
    .health-guidelines-heading {
        margin-bottom: 30px;
    }
    .health-guidelines-subtitle {
        font-size: 12px;
        letter-spacing: 1.2px;
    }
    .health-guidelines-heading h2 {
        font-size: 28px;
        line-height: 1.3;
    }
    .health-guidelines-heading p {
        font-size: 14px;
        line-height: 1.7;
    }
    .guideline-card {
        gap: 14px;
        padding: 19px;
        border-radius: 12px;
    }
    .guideline-icon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        border-radius: 10px;
        font-size: 16px;
    }
    .guideline-content h3 {
        font-size: 16px;
    }
    .guideline-content p {
        font-size: 13px;
        line-height: 1.65;
    }
    .corporate-guideline {
        gap: 14px;
        padding: 20px;
        border-radius: 12px;
    }
    .corporate-icon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        border-radius: 10px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {
    .health-guidelines-heading h2 {
        font-size: 25px;
    }
    .guideline-card {
        padding: 17px;
    }
    .guideline-icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
    }
    .guideline-content h3 {
        font-size: 15px;
    }
    .guideline-content p {
        font-size: 13px;
    }
    .corporate-guideline {
        padding: 18px;
    }
}

.pbmit-pre-header-right {
    display: flex;
    align-items: center;
}


/* =========================================================
   CAREER APPLICATION MODAL
   FORM STYLE — MATCHING YOUR EXISTING DESIGN
========================================================= */

.career-apply-modal .modal-dialog {
    max-width: 900px;
    width: calc(100% - 30px);
    margin: 1.25rem auto;
}

.career-apply-modal .modal-content {
    border: 0;
    border-radius: 24px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 20px 60px rgba(0, 22, 63, 0.15);
}


/* ================================
   HEADER
================================ */

.career-modal-header {
    position: relative;
    padding: 28px 32px;
    background: #00163F;
}

.career-modal-title-wrap {
    padding-right: 45px;
}

.career-modal-subtitle {
    display: block;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.70);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.3px;
}

.career-modal-title {
    margin: 0;
    color: #ffffff;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 600;
}

.career-modal-close {
    position: absolute;
    top: 18px;
    right: 20px;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    background: transparent;
    color: #ffffff;
    font-size: 26px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.career-modal-close:hover {
    background: #ffffff;
    color: #00163F;
}


/* ================================
   BODY
================================ */

.career-modal-body {
    padding: 28px 32px 32px;
    background: #ffffff;
}


/* ================================
   SELECTED POSITION
================================ */

.career-selected-position {
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 0 22px;
    background: #F0F7FD;
    border-radius: 30px;
}

.career-selected-position span {
    color: #6B7C9A;
    font-size: 13px;
}

.career-selected-position strong {
    color: #4B6387;
    font-size: 13px;
    font-weight: 600;
}


/* ================================
   ROW SPACING
================================ */

.career-apply-modal .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 18px;
}


/* ================================
   FORM FIELD
================================ */

.career-form-group {
    margin: 0;
}

.career-form-label {
    display: none;
}


/* Input / Select / Textarea */

.career-form-control {
    width: 100%;
    height: 50px;
    padding: 0 22px;
    border: none;
    outline: none;
    background: #F0F7FD;
    border-radius: 28px;
    color: #5F7291;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.25s ease;
    box-shadow: none;
}

.career-form-control::placeholder {
    color: #6B7C9A;
    opacity: 1;
}

.career-form-control:focus {
    background: #EDF5FC;
    box-shadow: 0 0 0 2px rgba(0, 22, 63, 0.08);
}

select.career-form-control {
    appearance: auto;
    -webkit-appearance: auto;
    cursor: pointer;
}

textarea.career-form-control {
    height: 125px;
    min-height: 125px;
    padding: 17px 22px;
    border-radius: 22px;
    resize: vertical;
}


/* ================================
   FILE INPUT
================================ */

.career-file-wrapper {
    position: relative;
}

.career-file-wrapper input[type="file"] {
    height: 50px;
    padding: 13px 20px;
    border-radius: 28px;
    cursor: pointer;
    color: #6B7C9A;
}

.career-file-wrapper input[type="file"]::file-selector-button {
    margin-right: 12px;
    border: 0;
    border-radius: 20px;
    padding: 6px 13px;
    background: #ffffff;
    color: #4B6387;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.career-file-note {
    display: block;
    margin: 7px 0 0 20px;
    color: #98A6B8;
    font-size: 11px;
}


/* ================================
   SUBMIT BUTTON
================================ */

.career-submit-btn {
    width: 100%;
    min-height: 52px;
    border: 0;
    border-radius: 28px;
    background: #00163F;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.career-submit-btn:hover {
    background: #163E72;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 22, 63, 0.15);
}

.career-submit-btn i {
    font-size: 12px;
}


/* ================================
   PRIVACY TEXT
================================ */

.career-privacy-note {
    margin-top: 10px;
    text-align: center;
    color: #98A6B8;
    font-size: 11px;
    line-height: 1.5;
}


/* ================================
   DESKTOP FIELD HEIGHT
================================ */

@media (min-width: 1200px) {
    .career-form-control {
        height: 52px;
    }
    textarea.career-form-control {
        height: 130px;
    }
}


/* ================================
   TABLET
================================ */

@media (max-width: 991px) {
    .career-apply-modal .modal-dialog {
        max-width: 760px;
    }
    .career-modal-header {
        padding: 24px 26px;
    }
    .career-modal-body {
        padding: 24px 26px 28px;
    }
    .career-modal-title {
        font-size: 24px;
    }
}


/* ================================
   MOBILE
================================ */

@media (max-width: 767px) {
    .career-apply-modal .modal-dialog {
        width: calc(100% - 16px);
        margin: 8px auto;
    }
    .career-apply-modal .modal-content {
        border-radius: 18px;
    }
    .career-modal-header {
        padding: 20px 18px;
    }
    .career-modal-body {
        padding: 18px;
    }
    .career-modal-title {
        font-size: 21px;
    }
    .career-modal-close {
        top: 13px;
        right: 13px;
        width: 36px;
        height: 36px;
        font-size: 21px;
        line-height: 32px;
    }
    .career-selected-position {
        padding: 0 18px;
    }
    .career-apply-modal .row {
        --bs-gutter-x: 14px;
        --bs-gutter-y: 14px;
    }
    .career-form-control {
        height: 48px;
        padding: 0 18px;
        font-size: 12px;
    }
    textarea.career-form-control {
        height: 105px;
        min-height: 105px;
        padding: 15px 18px;
        border-radius: 20px;
    }
    .career-file-wrapper input[type="file"] {
        height: 48px;
        padding: 12px 16px;
    }
    .career-submit-btn {
        min-height: 50px;
        font-size: 12px;
    }
}


/* ================================
   SMALL MOBILE
================================ */

@media (max-width: 575px) {
    .career-apply-modal .modal-dialog {
        width: calc(100% - 10px);
        margin: 5px auto;
    }
    .career-modal-header {
        padding: 18px 16px;
    }
    .career-modal-body {
        padding: 16px;
    }
    .career-modal-title {
        font-size: 19px;
    }
    .career-modal-subtitle {
        font-size: 10px;
    }
    .career-selected-position {
        min-height: 48px;
        padding: 0 16px;
        margin-bottom: 14px;
    }
    .career-form-control {
        height: 46px;
        padding: 0 16px;
    }
    textarea.career-form-control {
        height: 100px;
        min-height: 100px;
        padding: 14px 16px;
    }
}

.pbmit-text-editor {
    text-align: justify;
    hyphens: auto;
}


/*--------------------------------------------------------------
# Treatments & Procedures – Slider Navigation (Specialities pages)
# Container markup: <div class="treatments-arrow swiper-btn-custom"></div>
# Buttons are injected by js/scripts.js via data-arrows-class="treatments-arrow"
--------------------------------------------------------------*/

.service-four .treatments-arrow {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 24px;
    position: relative;
    z-index: 3;
}


/* scripts.js appends an empty .swiper-buttons wrapper before the buttons */

.service-four .treatments-arrow .swiper-buttons {
    display: none;
}

.service-four .treatments-arrow .swiper-button-next,
.service-four .treatments-arrow .swiper-button-prev {
    position: static;
    margin: 0;
    top: auto;
    left: auto;
    right: auto;
    width: 56px;
    height: 50px;
    line-height: 50px;
    flex: 0 0 auto;
    border-radius: 6px;
    background-color: transparent;
    border: 1px solid var(--pbmit-blackish-color);
    color: var(--pbmit-blackish-color);
    cursor: pointer;
    transition: all 400ms ease;
}

.service-four .treatments-arrow .swiper-button-next:after,
.service-four .treatments-arrow .swiper-button-prev:after {
    font-size: 20px;
}

.service-four .treatments-arrow .swiper-button-next:hover,
.service-four .treatments-arrow .swiper-button-prev:hover,
.service-four .treatments-arrow .swiper-button-next:focus-visible,
.service-four .treatments-arrow .swiper-button-prev:focus-visible {
    background-color: var(--pbmit-global-color);
    border-color: var(--pbmit-global-color);
    color: var(--pbmit-white-color);
}

.service-four .treatments-arrow .swiper-button-next:focus-visible,
.service-four .treatments-arrow .swiper-button-prev:focus-visible {
    outline: 2px solid var(--pbmit-global-color);
    outline-offset: 3px;
}


/* keep the disabled state usable (slider is looped) */

.service-four .treatments-arrow .swiper-button-next.swiper-button-disabled,
.service-four .treatments-arrow .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
}


/* Tablet */

@media (max-width: 991px) {
    .service-four .treatments-arrow {
        margin-top: 24px;
        gap: 10px;
    }
    .service-four .treatments-arrow .swiper-button-next,
    .service-four .treatments-arrow .swiper-button-prev {
        width: 52px;
        height: 46px;
        line-height: 46px;
    }
}


/* Mobile */

@media (max-width: 767px) {
    .service-four .treatments-arrow {
        margin-top: 20px;
        gap: 10px;
    }
    .service-four .treatments-arrow .swiper-button-next,
    .service-four .treatments-arrow .swiper-button-prev {
        width: 48px;
        height: 44px;
        line-height: 44px;
    }
    .service-four .treatments-arrow .swiper-button-next:after,
    .service-four .treatments-arrow .swiper-button-prev:after {
        font-size: 18px;
    }
}


/* Small mobile */

@media (max-width: 575px) {
    .service-four .treatments-arrow .swiper-button-next,
    .service-four .treatments-arrow .swiper-button-prev {
        width: 44px;
        height: 42px;
        line-height: 42px;
    }
}

.health-total-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 22px;
    padding: 18px 20px;
    border-top: 3px solid #73b475;
    border-radius: 14px;
    background: #f8fafc;
    border-left: 1px solid #e5eaf0;
    border-right: 1px solid #e5eaf0;
    border-bottom: 1px solid #e5eaf0;
}

.health-total-label {
    font-size: 17px;
    font-weight: 600;
    color: #64748b;
}

.health-total-right {
    display: flex;
    align-items: center;
    gap: 14px;
}


/* Original price with red cross */

.health-original-price {
    position: relative;
    display: inline-block;
    font-size: 21px;
    font-weight: 700;
    color: #ef4444;
    line-height: 1;
}


/* Red X */

.health-original-price::before,
.health-original-price::after {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: 50%;
    height: 2px;
    background: #ef4444;
    transform-origin: center;
}

.health-original-price::before {
    transform: rotate(8deg);
}

.health-original-price::after {
    transform: rotate(-8deg);
}

.health-save-text {
    font-size: 12px;
    font-weight: 700;
    color: #15803d;
    background: #dcfce7;
    padding: 5px 9px;
    border-radius: 30px;
    white-space: nowrap;
}


/* Mobile */

@media (max-width: 575px) {
    .health-total-summary {
        padding: 15px;
        gap: 10px;
    }
    .health-total-label {
        font-size: 14px;
    }
    .health-total-right {
        gap: 8px;
    }
    .health-original-price {
        font-size: 18px;
    }
    .health-save-text {
        font-size: 10px;
        padding: 4px 7px;
    }
}

@media (max-width: 380px) {
    .health-total-summary {
        flex-direction: column;
        align-items: flex-start;
    }
    .health-total-right {
        width: 100%;
        justify-content: space-between;
    }
}

.emergency-contact a {
    background: transparent !important;
    box-shadow: none !important;
    animation: textBlink 1.2s infinite;
}


/* Only text blinking */

@keyframes textBlink {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.35;
    }
}

.emergency-contact a:hover {
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}


/* =========================================
   PRIVACY POLICY
========================================= */

.privacy-policy-section {
    padding: 50px 0 100px 0;
    background: #fff;
}

.privacy-policy-header {
    max-width: 850px;
    margin: 0 auto 70px;
    text-align: center;
}

.privacy-subtitle {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #6fb477;
}

.privacy-policy-header h1 {
    margin-bottom: 18px;
    font-size: 56px;
    line-height: 1.1;
    font-weight: 700;
    color: #172b4d;
}

.privacy-policy-header h1 span {
    color: #6fb477;
}

.privacy-policy-header p {
    margin: 0 auto;
    max-width: 700px;
    font-size: 17px;
    line-height: 1.8;
    color: #687b96;
}


/* Policy Content */

.privacy-policy-content {
    max-width: 1100px;
    margin: 0 auto;
}

.privacy-policy-item {
    display: grid;
    grid-template-columns: 75px 1fr;
    gap: 30px;
    padding: 45px 0;
    border-bottom: 1px solid #e9eef3;
}

.policy-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #eef8ef;
    color: #6fb477;
    font-size: 14px;
    font-weight: 700;
}

.privacy-policy-item h2 {
    margin: 0 0 15px;
    color: #172b4d;
    font-size: 27px;
    line-height: 1.3;
    font-weight: 700;
}

.privacy-policy-item p {
    margin-bottom: 14px;
    color: #687b96;
    font-size: 16px;
    line-height: 1.8;
}

.privacy-policy-item p:last-child {
    margin-bottom: 0;
}


/* =========================================
   CONSENT BOX
========================================= */

.privacy-consent-box {
    margin: 25px 0;
    padding: 45px 35px;
    border: 1px solid #e2eee4;
    border-radius: 20px;
    background: #f7fbf8;
}

.privacy-consent-box .consent-example {
    margin: 25px 0;
    padding: 25px 30px;
    border-radius: 12px;
    background: #fff;
    border-left: 4px solid #6fb477;
}

.consent-example>span {
    display: block;
    margin-bottom: 12px;
    color: #172b4d;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.consent-example p {
    margin: 0;
    color: #526984;
}

.consent-example strong {
    color: #6fb477;
    font-size: 20px;
}

.consent-example a {
    color: #6fb477;
    font-weight: 700;
    text-decoration: underline;
}

.consent-example a:hover {
    color: #172b4d;
}

.consent-note {
    font-size: 14px !important;
}


/* =========================================
   CONTACT BOX
========================================= */

.privacy-contact-box {
    margin-top: 70px;
    padding: 55px;
    border-radius: 25px;
    background: #eef7f0;
}

.privacy-contact-box h2 {
    margin-bottom: 15px;
    color: #172b4d;
    font-size: 32px;
}

.privacy-contact-box>p {
    max-width: 750px;
    margin-bottom: 25px;
    color: #687b96;
    line-height: 1.8;
}

.privacy-contact-details {
    padding-top: 20px;
    border-top: 1px solid rgba(23, 43, 77, .1);
}

.privacy-contact-details p {
    margin-bottom: 8px;
    color: #526984;
    line-height: 1.7;
}

.privacy-contact-details strong {
    color: #172b4d;
}

.privacy-contact-details a {
    color: #6fb477;
    font-weight: 600;
    text-decoration: none;
}

.privacy-contact-details a:hover {
    text-decoration: underline;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {
    .privacy-policy-section {
        padding: 80px 0;
    }
    .privacy-policy-header h1 {
        font-size: 46px;
    }
    .privacy-policy-item {
        grid-template-columns: 60px 1fr;
        gap: 20px;
    }
    .privacy-contact-box {
        padding: 40px;
    }
}

@media (max-width: 767px) {
    .privacy-policy-section {
        padding: 60px 0;
    }
    .privacy-policy-header {
        margin-bottom: 40px;
    }
    .privacy-policy-header h1 {
        font-size: 36px;
    }
    .privacy-policy-header p {
        font-size: 15px;
    }
    .privacy-policy-item {
        display: block;
        padding: 35px 0;
    }
    .policy-number {
        margin-bottom: 20px;
    }
    .privacy-policy-item h2 {
        font-size: 23px;
    }
    .privacy-policy-item p {
        font-size: 15px;
    }
    .privacy-consent-box {
        padding: 30px 20px;
    }
    .privacy-consent-box .consent-example {
        padding: 20px;
    }
    .privacy-contact-box {
        margin-top: 45px;
        padding: 30px 20px;
        border-radius: 18px;
    }
    .privacy-contact-box h2 {
        font-size: 26px;
    }
}


/* =========================================
   DOCTOR SAFETY TABLE
========================================= */

.doctor-safety-section {
    padding: 70px 0;
    background: #ffffff;
}

.doctor-safety-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


/* Main Table */

.doctor-safety-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border: 2px solid #1489BC;
    background: #ffffff;
    font-family: inherit;
}


/* =========================================
   TITLE
========================================= */

.doctor-safety-table .table-main-title {
    background: #ffffff;
}

.doctor-safety-table .table-main-title th {
    padding: 15px 20px;
    border-bottom: 2px solid #1489BC;
    color: #1489BC;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 700;
    text-align: center;
}


/* =========================================
   COLUMN HEADING
========================================= */

.doctor-safety-table .table-heading th {
    background: #1489BC;
    color: #ffffff;
    padding: 10px 12px;
    border: 1px solid #ffffff;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
}


/* =========================================
   COLUMN WIDTH
========================================= */

.doctor-safety-table .serial-col {
    width: 7%;
}

.doctor-safety-table .rule-col {
    width: 46%;
}

.doctor-safety-table .ipc-col {
    width: 19%;
}

.doctor-safety-table .punishment-col {
    width: 28%;
}


/* =========================================
   BODY
========================================= */

.doctor-safety-table tbody td {
    padding: 9px 12px;
    border: 1px solid #333333;
    color: #171717;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600;
    vertical-align: middle;
}

.doctor-safety-table tbody td:first-child {
    text-align: center;
}

.doctor-safety-table tbody td:nth-child(3) {
    text-align: center;
    font-weight: 700;
}

.doctor-safety-table tbody td:nth-child(4) {
    text-align: left;
}


/* Alternate Rows */

.doctor-safety-table tbody tr:nth-child(even):not(.table-footer-note) td {
    background: #1486b929;
}


/* =========================================
   FOOTER NOTE
========================================= */

.doctor-safety-table .table-footer-note td {
    background: #ffffff;
    color: #171717;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 9px 12px;
}


/* =========================================
   HOVER
========================================= */

.doctor-safety-table tbody tr:not(.table-footer-note):hover td {
    background: #1486b929;
    transition: all 0.25s ease;
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1400px) {
    .doctor-safety-table .table-main-title th {
        font-size: 28px;
        padding: 18px 25px;
    }
    .doctor-safety-table .table-heading th {
        font-size: 17px;
        padding: 12px 15px;
    }
    .doctor-safety-table tbody td {
        font-size: 17px;
        padding: 11px 15px;
    }
    .doctor-safety-table .table-footer-note td {
        font-size: 17px;
    }
}


/* =========================================
   TABLET
   768px - 1199px
========================================= */

@media (max-width: 1199px) {
    .doctor-safety-section {
        padding: 55px 0;
    }
    .doctor-safety-table .table-main-title th {
        font-size: 22px;
    }
    .doctor-safety-table .table-heading th {
        font-size: 15px;
    }
    .doctor-safety-table tbody td {
        font-size: 14px;
        padding: 8px 9px;
    }
    .doctor-safety-table .table-footer-note td {
        font-size: 14px;
    }
}


/* =========================================
   SMALL TABLET
   768px - 991px
========================================= */

@media (max-width: 991px) {
    .doctor-safety-section {
        padding: 45px 0;
    }
    .doctor-safety-table {
        min-width: 700px;
    }
    .doctor-safety-table .table-main-title th {
        font-size: 21px;
    }
    .doctor-safety-table tbody td {
        font-size: 14px;
    }
}


/* =========================================
   MOBILE
   Below 767px
========================================= */

@media (max-width: 767px) {
    .doctor-safety-section {
        padding: 35px 0;
    }
    .doctor-safety-table-wrap {
        overflow-x: auto;
        padding-bottom: 5px;
    }
    /*
       Keep the table readable on mobile.
       User can swipe horizontally.
    */
    .doctor-safety-table {
        min-width: 680px;
    }
    .doctor-safety-table .table-main-title th {
        font-size: 20px;
        line-height: 1.3;
        padding: 13px 15px;
    }
    .doctor-safety-table .table-heading th {
        font-size: 14px;
        padding: 9px 8px;
    }
    .doctor-safety-table tbody td {
        font-size: 14px;
        padding: 8px;
        line-height: 1.3;
    }
    .doctor-safety-table .table-footer-note td {
        font-size: 14px;
        padding: 9px;
    }
    .desktop-break {
        display: none;
    }
}


/* =========================================
   SMALL MOBILE
   Below 575px
========================================= */

@media (max-width: 575px) {
    .doctor-safety-section {
        padding: 30px 0;
    }
    .doctor-safety-table {
        min-width: 650px;
    }
    .doctor-safety-table .table-main-title th {
        font-size: 18px;
        padding: 12px;
    }
    .doctor-safety-table .table-heading th {
        font-size: 13px;
        padding: 8px 6px;
    }
    .doctor-safety-table tbody td {
        font-size: 13px;
        padding: 7px;
    }
    .doctor-safety-table .table-footer-note td {
        font-size: 13px;
    }
}


/* =========================================================
   TAB 06 - ALERTS & ANNOUNCEMENTS
   Premium Hospital Announcement Design
========================================================= */

#alerts-announcements {
    --alert-primary: #0b5cab;
    --alert-primary-dark: #073d73;
    --alert-secondary: #18a6a6;
    --alert-accent: #f4a62a;
    --alert-pink: #d95c83;
    --alert-text: #182b3d;
    --alert-muted: #6d7c8b;
    --alert-light: #f5f9fc;
    --alert-border: #e4edf4;
    --alert-white: #ffffff;
    width: 100%;
    padding: 0;
    color: var(--alert-text);
}


/* =========================================================
   INTRO
========================================================= */

#alerts-announcements .alerts-intro {
    position: relative;
    overflow: hidden;
    margin-bottom: 55px;
    padding: 70px 60px;
    border-radius: 28px;
    background: radial-gradient( circle at 90% 15%, rgba(24, 166, 166, 0.20), transparent 28%), radial-gradient( circle at 10% 90%, rgba(11, 92, 171, 0.15), transparent 30%), linear-gradient(135deg, #f3f9fd 0%, #eef7f8 100%);
    border: 1px solid rgba(11, 92, 171, 0.08);
}


/* Decorative circles */

#alerts-announcements .alerts-intro::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -70px;
    top: -90px;
    border-radius: 50%;
    border: 35px solid rgba(11, 92, 171, 0.06);
}

#alerts-announcements .alerts-intro::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    left: -50px;
    bottom: -60px;
    border-radius: 50%;
    background: rgba(24, 166, 166, 0.06);
}

#alerts-announcements .alerts-intro-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

#alerts-announcements .alerts-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 7px 15px;
    border-radius: 50px;
    background: rgba(11, 92, 171, 0.09);
    color: var(--alert-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

#alerts-announcements .alerts-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--alert-secondary);
    box-shadow: 0 0 0 5px rgba(24, 166, 166, 0.10);
}

#alerts-announcements .alerts-intro h3 {
    margin: 0 0 18px;
    color: var(--alert-primary-dark);
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

#alerts-announcements .alerts-intro p {
    max-width: 680px;
    margin: 0;
    color: var(--alert-muted);
    font-size: 17px;
    line-height: 1.8;
}


/* =========================================================
   CATEGORY CARDS
========================================================= */

#alerts-announcements .alerts-categories {
    margin-bottom: 75px;
}

#alerts-announcements .alert-category-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 310px;
    padding: 32px;
    overflow: hidden;
    border-radius: 24px;
    background: var(--alert-white);
    border: 1px solid var(--alert-border);
    box-shadow: 0 12px 35px rgba(15, 55, 80, 0.07);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

#alerts-announcements .alert-category-card:hover {
    transform: translateY(-9px);
    box-shadow: 0 24px 55px rgba(15, 55, 80, 0.13);
}


/* Top line */

#alerts-announcements .alert-category-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    transition: height 0.3s ease;
}

#alerts-announcements .alert-category-card:hover::before {
    height: 7px;
}


/* Category colours */

#alerts-announcements .upcoming-events::before {
    background: var(--alert-primary);
}

#alerts-announcements .hospital-updates::before {
    background: var(--alert-secondary);
}

#alerts-announcements .health-alerts::before {
    background: var(--alert-pink);
}


/* Decorative background */

#alerts-announcements .alert-category-card::after {
    content: "";
    position: absolute;
    right: -70px;
    bottom: -80px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    opacity: 0.08;
    transition: transform 0.4s ease;
}

#alerts-announcements .alert-category-card:hover::after {
    transform: scale(1.3);
}

#alerts-announcements .upcoming-events::after {
    background: var(--alert-primary);
}

#alerts-announcements .hospital-updates::after {
    background: var(--alert-secondary);
}

#alerts-announcements .health-alerts::after {
    background: var(--alert-pink);
}


/* Icon */

#alerts-announcements .alert-card-icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin-bottom: 25px;
    border-radius: 20px;
    font-size: 30px;
    transition: transform 0.35s ease;
}

#alerts-announcements .alert-category-card:hover .alert-card-icon {
    transform: scale(1.08) rotate(-3deg);
}

#alerts-announcements .upcoming-events .alert-card-icon {
    background: rgba(11, 92, 171, 0.10);
}

#alerts-announcements .hospital-updates .alert-card-icon {
    background: rgba(24, 166, 166, 0.11);
}

#alerts-announcements .health-alerts .alert-card-icon {
    background: rgba(217, 92, 131, 0.11);
}

#alerts-announcements .alert-card-content {
    position: relative;
    z-index: 2;
}

#alerts-announcements .alert-card-label {
    display: block;
    margin-bottom: 8px;
    color: var(--alert-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

#alerts-announcements .alert-card-content h4 {
    margin: 0 0 12px;
    color: var(--alert-primary-dark);
    font-size: 25px;
    font-weight: 750;
    line-height: 1.2;
}

#alerts-announcements .alert-card-content p {
    margin: 0;
    color: var(--alert-muted);
    font-size: 14px;
    line-height: 1.75;
}


/* Arrow */

#alerts-announcements .alert-card-arrow {
    position: absolute;
    z-index: 3;
    right: 28px;
    bottom: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--alert-light);
    color: var(--alert-primary);
    font-size: 20px;
    transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}

#alerts-announcements .alert-category-card:hover .alert-card-arrow {
    transform: translateX(5px);
    background: var(--alert-primary);
    color: #fff;
}

#alerts-announcements .hospital-updates:hover .alert-card-arrow {
    background: var(--alert-secondary);
}

#alerts-announcements .health-alerts:hover .alert-card-arrow {
    background: var(--alert-pink);
}


/* =========================================================
   POSTER SECTION
========================================================= */

#alerts-announcements .alerts-posters {
    width: 100%;
}

#alerts-announcements .alerts-poster-section {
    position: relative;
    margin-bottom: 80px;
    padding: 42px;
    border-radius: 28px;
    background: var(--alert-light);
    border: 1px solid var(--alert-border);
}


/* Section heading */

#alerts-announcements .alerts-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 32px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--alert-border);
}

#alerts-announcements .alerts-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
    color: var(--alert-primary);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#alerts-announcements .alerts-section-heading h4 {
    margin: 0 0 7px;
    color: var(--alert-primary-dark);
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2;
}

#alerts-announcements .alerts-section-heading p {
    margin: 0;
    color: var(--alert-muted);
    font-size: 14px;
    line-height: 1.6;
}


/* =========================================================
   POSTER CARD
========================================================= */

#alerts-announcements .alert-poster-card {
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    border: 1px solid var(--alert-border);
    box-shadow: 0 8px 25px rgba(15, 55, 80, 0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

#alerts-announcements .alert-poster-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 40px rgba(15, 55, 80, 0.12);
}


/* Poster image */

#alerts-announcements .alert-poster-image {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #edf3f7;
}

#alerts-announcements .alert-poster-image::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient( to bottom, transparent 70%, rgba(0, 0, 0, 0.08));
}

#alerts-announcements .alert-poster-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(.2, .7, .2, 1);
}

#alerts-announcements .alert-poster-card:hover .alert-poster-image img {
    transform: scale(1.055);
}


/* Poster info */

#alerts-announcements .alert-poster-info {
    padding: 23px 24px 25px;
}

#alerts-announcements .alert-poster-tag {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    margin-bottom: 11px;
    padding: 5px 10px;
    border-radius: 6px;
    background: rgba(11, 92, 171, 0.08);
    color: var(--alert-primary);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

#alerts-announcements .alert-poster-info h5 {
    margin: 0 0 8px;
    color: var(--alert-primary-dark);
    font-size: 18px;
    font-weight: 750;
    line-height: 1.35;
}

#alerts-announcements .alert-poster-info p {
    margin: 0;
    color: var(--alert-muted);
    font-size: 13px;
    line-height: 1.65;
}


/* =========================================================
   CATEGORY-SPECIFIC POSTER ACCENTS
========================================================= */

#alerts-announcements .upcoming-events+.alert-card-arrow,
#alerts-announcements .upcoming-events~* {
    --category-color: var(--alert-primary);
}


/* Upcoming */

#alerts-announcements .alerts-poster-section:nth-child(1) .alert-poster-tag {
    background: rgba(11, 92, 171, 0.09);
    color: var(--alert-primary);
}


/* Hospital */

#alerts-announcements .alerts-poster-section:nth-child(2) .alert-poster-tag {
    background: rgba(24, 166, 166, 0.10);
    color: #078888;
}


/* Health */

#alerts-announcements .alerts-poster-section:nth-child(3) .alert-poster-tag {
    background: rgba(217, 92, 131, 0.10);
    color: #c44870;
}


/* =========================================================
   EMPTY STATE
========================================================= */

#alerts-announcements .alerts-empty-state {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    padding: 65px 30px;
    text-align: center;
    border-radius: 25px;
    background: #fff;
    border: 1px dashed #cbdbe7;
}

#alerts-announcements .alerts-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: var(--alert-light);
    font-size: 30px;
}

#alerts-announcements .alerts-empty-state h4 {
    margin: 0 0 10px;
    color: var(--alert-primary-dark);
    font-size: 24px;
    font-weight: 750;
}

#alerts-announcements .alerts-empty-state p {
    max-width: 550px;
    margin: 0 auto;
    color: var(--alert-muted);
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   POSTER IMAGE LOADING PLACEHOLDER
========================================================= */

#alerts-announcements .alert-poster-image img[src=""],
#alerts-announcements .alert-poster-image img:not([src]) {
    display: none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {
    #alerts-announcements .alerts-intro {
        padding: 55px 40px;
        margin-bottom: 45px;
    }
    #alerts-announcements .alerts-intro h3 {
        font-size: 40px;
    }
    #alerts-announcements .alerts-poster-section {
        padding: 30px;
        margin-bottom: 55px;
    }
    #alerts-announcements .alerts-section-heading {
        margin-bottom: 25px;
    }
    #alerts-announcements .alert-category-card {
        min-height: 285px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    #alerts-announcements .alerts-intro {
        padding: 42px 25px;
        margin-bottom: 35px;
        border-radius: 20px;
    }
    #alerts-announcements .alerts-intro h3 {
        font-size: 32px;
        letter-spacing: -0.8px;
    }
    #alerts-announcements .alerts-intro p {
        font-size: 14px;
        line-height: 1.7;
    }
    #alerts-announcements .alerts-categories {
        margin-bottom: 50px;
    }
    #alerts-announcements .alert-category-card {
        min-height: 260px;
        padding: 27px;
        border-radius: 20px;
    }
    #alerts-announcements .alert-card-icon {
        width: 62px;
        height: 62px;
        margin-bottom: 20px;
        border-radius: 17px;
        font-size: 27px;
    }
    #alerts-announcements .alert-card-content h4 {
        font-size: 22px;
    }
    #alerts-announcements .alert-card-content p {
        font-size: 13px;
    }
    #alerts-announcements .alerts-poster-section {
        padding: 22px;
        border-radius: 20px;
        margin-bottom: 45px;
    }
    #alerts-announcements .alerts-section-heading {
        display: block;
        margin-bottom: 23px;
        padding-bottom: 18px;
    }
    #alerts-announcements .alerts-section-heading h4 {
        font-size: 25px;
    }
    #alerts-announcements .alerts-section-heading p {
        font-size: 13px;
    }
    #alerts-announcements .alert-poster-info {
        padding: 19px 20px 22px;
    }
    #alerts-announcements .alert-poster-info h5 {
        font-size: 17px;
    }
    #alerts-announcements .alerts-empty-state {
        padding: 50px 22px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
    #alerts-announcements .alerts-intro {
        padding: 35px 20px;
    }
    #alerts-announcements .alerts-intro h3 {
        font-size: 29px;
    }
    #alerts-announcements .alerts-eyebrow {
        font-size: 10px;
        letter-spacing: 1px;
    }
    #alerts-announcements .alert-category-card {
        min-height: 245px;
        padding: 24px;
    }
    #alerts-announcements .alert-card-arrow {
        right: 22px;
        bottom: 21px;
        width: 38px;
        height: 38px;
    }
    #alerts-announcements .alerts-poster-section {
        padding: 18px;
    }
    #alerts-announcements .alert-poster-image {
        aspect-ratio: 4 / 5;
    }
}


/* =========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {
    #alerts-announcements *,
    #alerts-announcements *::before,
    #alerts-announcements *::after {
        transition: none !important;
        animation: none !important;
    }
}


/* =========================================================
   HEALTH TABS - FIXED HEIGHT + INTERNAL SCROLL
========================================================= */


/* Main content area of every tab */

.health-content {
    height: 650px;
    max-height: 650px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 35px 30px 5px;
    box-sizing: border-box;
    /* Smooth scrolling */
    scroll-behavior: smooth;
    /* Firefox scrollbar */
    scrollbar-width: thin;
    scrollbar-color: #2c9bc5 #eef4f8;
}


/* =========================================================
   CUSTOM SCROLLBAR - CHROME / EDGE / SAFARI
========================================================= */

.health-content::-webkit-scrollbar {
    width: 7px;
}

.health-content::-webkit-scrollbar-track {
    background: #eef4f8;
    border-radius: 20px;
}

.health-content::-webkit-scrollbar-thumb {
    background: linear-gradient( 180deg, #2398c4, #1478a8);
    border-radius: 20px;
}

.health-content::-webkit-scrollbar-thumb:hover {
    background: #0b6d9c;
}


/* =========================================================
   IMPORTANT:
   Do NOT allow individual disease/test sections to
   create another scrollbar.
========================================================= */

.health-content .health-disease-item,
.health-content .health-test-department,
.health-content .health-myth-category,
.health-content .health-myth-intro,
.health-content .health-myth-message,
.health-content .health-test-intro,
.health-content .health-test-report-warning,
.health-content .alerts-intro,
.health-content .alerts-categories,
.health-content .alerts-posters,
.health-content .alerts-poster-section,
.health-content .alerts-empty-state {
    max-width: 100%;
}


/* =========================================================
   TAB CONTENT SPACING
========================================================= */

.health-content>* {
    margin-bottom: 35px;
}

.health-content>*:last-child {
    margin-bottom: 10px;
}


/* =========================================================
   KNOW YOUR DISEASE
========================================================= */

.health-content .health-disease-item {
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e6edf2;
}

.health-content .health-disease-item:last-child {
    border-bottom: 0;
}


/* =========================================================
   KNOW YOUR TEST
========================================================= */

.health-content .health-test-department {
    margin-bottom: 35px;
}

.health-content .health-test-item {
    margin-bottom: 25px;
}


/* =========================================================
   MYTHS & FACTS
========================================================= */

.health-content .health-myth-category {
    margin-bottom: 35px;
}

.health-content .myth-fact-item {
    margin-bottom: 25px;
}


/* =========================================================
   ALERTS & ANNOUNCEMENTS
========================================================= */

.health-content#alerts-announcements {
    padding-right: 25px;
}

.health-content#alerts-announcements .alerts-intro {
    margin-bottom: 35px;
}

.health-content#alerts-announcements .alerts-categories {
    margin-bottom: 45px;
}

.health-content#alerts-announcements .alerts-poster-section {
    margin-bottom: 45px;
}


/* =========================================================
   KEEP POSTERS INSIDE THE TAB
========================================================= */

.health-content#alerts-announcements .alert-poster-image {
    overflow: hidden;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {
    .health-content {
        height: 620px;
        max-height: 620px;
        padding-right: 28px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    .health-content {
        height: 600px;
        max-height: 600px;
        padding: 5px 18px 25px 0;
        scrollbar-width: thin;
    }
    .health-content::-webkit-scrollbar {
        width: 5px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
    .health-content {
        height: 60px;
        max-height: 111px;
        padding-right: 14px;
    }
}


/* =====================================================
   MAIN SECTION
===================================================== */

.alerts-poster-section {
    width: 100%;
    position: relative;
}


/* =====================================================
   HEADING
===================================================== */

.alerts-poster-section .alerts-section-heading {
    margin-bottom: 30px;
}

.alerts-poster-section .alerts-section-kicker {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}

.alerts-poster-section .alerts-section-heading h4 {
    margin: 0 0 8px;
}

.alerts-poster-section .alerts-section-heading p {
    margin: 0;
}


/* =====================================================
   CAROUSEL
===================================================== */

.health-alert-carousel {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    padding: 0 55px 45px;
}


/* =====================================================
   VIEWPORT
===================================================== */

.health-alert-viewport {
    width: 100%;
    overflow: hidden;
    border-radius: 18px;
}


/* =====================================================
   TRACK
===================================================== */

.health-alert-track {
    display: flex;
    width: 100%;
    transition: transform 0.5s ease;
}


/* =====================================================
   EACH BOX
===================================================== */

.health-alert-slide {
    min-width: 50%;
    width: 50%;
    flex: 0 0 50%;
    padding: 0 10px;
    box-sizing: border-box;
}


/* =====================================================
   IMAGE BOX
===================================================== */

.health-alert-slide a {
    display: block;
    width: 100%;
    cursor: zoom-in;
    overflow: hidden;
    border-radius: 18px;
    background: #f5f5f5;
}


/* =====================================================
   IMAGE WRAPPER
===================================================== */

.health-alert-image-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
}


/* =====================================================
   IMAGES
===================================================== */

.health-alert-image-wrap img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.4s ease, transform 0.4s ease;
}


/* DEFAULT IMAGE */

.alert-img-default {
    position: relative;
    z-index: 1;
    opacity: 1;
}


/* HOVER IMAGE */

.alert-img-hover {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 2;
    opacity: 0;
}


/* =====================================================
   HOVER
===================================================== */

.health-alert-slide a:hover .alert-img-default {
    opacity: 0;
}

.health-alert-slide a:hover .alert-img-hover {
    opacity: 1;
}

.health-alert-slide a:hover img {
    transform: scale(1.02);
}


/* =====================================================
   ARROWS
===================================================== */

.health-alert-prev,
.health-alert-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.70);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    transition: all 0.3s ease;
}

.health-alert-prev {
    left: 0;
}

.health-alert-next {
    right: 0;
}

.health-alert-prev span,
.health-alert-next span {
    font-size: 18px;
    line-height: 1;
}

.health-alert-prev:hover,
.health-alert-next:hover {
    background: #000;
    transform: translateY(-50%) scale(1.08);
}


/* =====================================================
   DOTS
===================================================== */

.health-alert-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.health-alert-dot {
    width: 9px;
    height: 9px;
    border: 0;
    padding: 0;
    border-radius: 50%;
    background: #cfcfcf;
    cursor: pointer;
    transition: all 0.3s ease;
}

.health-alert-dot.active {
    width: 24px;
    border-radius: 10px;
    background: #222;
}


/* =====================================================
   LIGHTBOX
===================================================== */

.health-alert-modal {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.92);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    padding: 40px;
}

.health-alert-modal.active {
    display: flex;
}


/* Popup image */

.health-alert-modal-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.health-alert-modal-content img {
    max-width: 90%;
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
}


/* =====================================================
   POPUP CLOSE
===================================================== */

.health-alert-modal-close {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 45px;
    height: 45px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    z-index: 10;
}


/* =====================================================
   POPUP ARROWS
===================================================== */

.health-alert-modal-prev,
.health-alert-modal-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    z-index: 10;
}

.health-alert-modal-prev {
    left: 25px;
}

.health-alert-modal-next {
    right: 25px;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {
    .health-alert-carousel {
        padding-left: 48px;
        padding-right: 48px;
    }
    .health-alert-slide {
        padding: 0 7px;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {
    .health-alert-carousel {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 40px;
    }
    /* ONE BOX ON MOBILE */
    .health-alert-slide {
        min-width: 100%;
        width: 100%;
        flex: 0 0 100%;
        padding: 0;
    }
    .health-alert-viewport {
        border-radius: 12px;
    }
    .health-alert-slide a {
        border-radius: 12px;
    }
    /* Mobile arrows */
    .health-alert-prev,
    .health-alert-next {
        width: 36px;
        height: 36px;
        top: auto;
        bottom: 38px;
        transform: none;
    }
    .health-alert-prev {
        left: 10px;
    }
    .health-alert-next {
        right: 10px;
    }
    .health-alert-prev:hover,
    .health-alert-next:hover {
        transform: scale(1.05);
    }
    /* Dots */
    .health-alert-dots {
        bottom: 3px;
    }
    /* Popup */
    .health-alert-modal {
        padding: 20px 10px;
    }
    .health-alert-modal-content img {
        max-width: 96%;
        max-height: 82vh;
    }
    .health-alert-modal-close {
        top: 12px;
        right: 12px;
        width: 40px;
        height: 40px;
        font-size: 28px;
    }
    .health-alert-modal-prev,
    .health-alert-modal-next {
        width: 38px;
        height: 38px;
        font-size: 20px;
    }
    .health-alert-modal-prev {
        left: 8px;
    }
    .health-alert-modal-next {
        right: 8px;
    }
}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {
    .health-alert-prev,
    .health-alert-next {
        width: 32px;
        height: 32px;
    }
    .health-alert-prev span,
    .health-alert-next span {
        font-size: 14px;
    }
    .health-alert-dot {
        width: 7px;
        height: 7px;
    }
    .health-alert-dot.active {
        width: 20px;
    }
}

@media (max-width: 767px) {
    /* Internal details only */
    .health-tab-detail {
        height: 70vh;
        max-height: 70vh;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    .health-tab-detail::-webkit-scrollbar {
        width: 4px;
    }
    .health-tab-detail::-webkit-scrollbar-thumb {
        border-radius: 10px;
    }
    /* When the main FAQ/tab is closed */
    .health-content:not(.active) .health-tab-detail {
        height: 0;
        max-height: 0;
        overflow: hidden;
    }
}


/* =========================================
   MOBILE HEALTH TABS / FAQ HEIGHT FIX
   ========================================= */


/* =====================================================
   TABLET / MOBILE TAB HEIGHT
===================================================== */

@media (max-width: 991px) {
    /* Closed tab */
    .health-content {
        height: 65px !important;
        min-height: 0 !important;
        max-height: 86px !important;
        overflow: hidden !important;
        transition: max-height 0.3s ease;
    }
    .health-content:not(.mobile-open) {
        height: 65px !important;
        min-height: 0 !important;
        max-height: 86px !important;
        overflow: hidden !important;
    }
    /* Open tab */
    .health-content.mobile-open {
        height: auto !important;
        min-height: 0 !important;
        /* IMPORTANT */
        max-height: 700px !important;
        /* IMPORTANT */
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding-right: 10px;
    }
}


/* =====================================================
   MOBILE SCROLLER - ALL TABS
===================================================== */

@media (max-width: 767px) {
    /*
       Every currently opened tab
       gets the same scroll area.
    */
    .health-tab-content .health-content.mobile-open {
        /* height: 700px !important; */
        max-height: 700px !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding-right: 10px;
    }
    /* =================================================
       MOBILE SCROLLBAR
    ================================================= */
    .health-tab-content .health-content.mobile-open::-webkit-scrollbar {
        width: 5px;
    }
    .health-tab-content .health-content.mobile-open::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    .health-tab-content .health-content.mobile-open::-webkit-scrollbar-thumb {
        background: #999;
        border-radius: 10px;
    }
    .health-tab-content .health-content.mobile-open::-webkit-scrollbar-thumb:hover {
        background: #666;
    }
}


/* ==========================================================================
   SUMANDEEP HOSPITAL - MOBILE STICKY ACTION BAR
   --------------------------------------------------------------------------
   Bottom-fixed quick-action bar shown ONLY on small screens (<= 1099px).

   It mirrors the 5 desktop floating quick actions
   (Location / OPD Time / Cashless / Emergency / Appointment)
   using the same icons, labels, colours and destinations.

   The desktop floating panel (.floating-links) is NOT touched by this file.
   It stays exactly as it is and is already hidden below 1100px by
   Bootstrap's `d-none d-lg-flex` (<=991px) and by
   css/responsive.css (992px - 1099px).

   No clamp() is used anywhere. Plain media queries only.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. Hidden by default  ->  desktop / large tablet is completely unaffected
   -------------------------------------------------------------------------- */

.sh-mbar,
.sh-mbar * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sh-mbar {
    display: none;
}


/* --------------------------------------------------------------------------
   2. MOBILE + SMALL TABLET  (0px - 1099px)
   -------------------------------------------------------------------------- */

@media (max-width: 1099px) {

    /* ---- The bar itself ------------------------------------------------- */
    .sh-mbar {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        margin: 0;
        z-index: 9990;
        /* below theme modals (999999), search overlay (100000)
           and scroll-to-top (10000), above normal page content */
        background: #1289BC;
        border-top: 1px solid rgba(255, 255, 255, .18);
        -webkit-box-shadow: 0 -6px 24px rgba(0, 0, 0, .18);
        box-shadow: 0 -6px 24px rgba(0, 0, 0, .18);
        overflow: hidden;
        /* iPhone / Android gesture-bar safe area (fallback first) */
        padding-bottom: 0;
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    /* ---- Row of 5 evenly distributed actions ----------------------------- */
    .sh-mbar__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    /* ---- Single action --------------------------------------------------- */
    .sh-mbar__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        width: 20%;
        min-width: 0;
        /* lets the label shrink instead of overflowing */
        min-height: 56px;
        /* >= 44px touch target */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 8px 2px;
        text-decoration: none;
        color: #ffffff;
        background: transparent;
        border: 0;
        border-left: 1px solid rgba(255, 255, 255, .14);
        -webkit-tap-highlight-color: rgba(255, 255, 255, .15);
        -webkit-transition: background-color .25s ease;
        transition: background-color .25s ease;
    }

    .sh-mbar__item:first-child {
        border-left: 0;
    }

    .sh-mbar__item:hover,
    .sh-mbar__item:focus,
    .sh-mbar__item:active {
        color: #ffffff;
        text-decoration: none;
        background-color: rgba(255, 255, 255, .12);
    }

    .sh-mbar__item:focus-visible {
        outline: 2px solid #ffbf00;
        outline-offset: -2px;
    }

    /* ---- Icon (same gradient treatment as the desktop buttons) ----------- */
    .sh-mbar__icon {
        display: block;
        font-size: 17px;
        line-height: 20px;
        height: 20px;
        margin: 0 0 3px;
        background: -webkit-linear-gradient(315deg, #beee5d, #ffbf00);
        background: linear-gradient(135deg, #beee5d, #ffbf00);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    /* Safety net: if background-clip:text is unsupported, keep icons visible */
    @supports not ((-webkit-background-clip: text) or (background-clip: text)) {
        .sh-mbar__icon {
            background: none;
            -webkit-text-fill-color: #ffbf00;
            color: #ffbf00;
        }
    }

    /* ---- Label ----------------------------------------------------------- */
    .sh-mbar__label {
        display: block;
        width: 100%;
        max-width: 100%;
        font-size: 9px;
        line-height: 12px;
        font-weight: 700;
        letter-spacing: -.2px;
        text-align: center;
        color: #ffffff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    /* ---- Lift the theme's scroll-to-top button above the bar ------------- */
    .pbmit-progress-wrap {
        bottom: 78px;
        bottom: calc(78px + constant(safe-area-inset-bottom));
        bottom: calc(78px + env(safe-area-inset-bottom));
    }
}


/* --------------------------------------------------------------------------
   3. 360px and up  -  slightly larger icon + label
   -------------------------------------------------------------------------- */

@media (min-width: 360px) and (max-width: 1099px) {
    .sh-mbar__item {
        padding-left: 3px;
        padding-right: 3px;
    }
    .sh-mbar__icon {
        font-size: 18px;
    }
    .sh-mbar__label {
        font-size: 10px;
        line-height: 13px;
    }
}


/* --------------------------------------------------------------------------
   4. 375px and up
   -------------------------------------------------------------------------- */

@media (min-width: 375px) and (max-width: 1099px) {
    .sh-mbar__item {
        padding-left: 4px;
        padding-right: 4px;
    }
    .sh-mbar__icon {
        line-height: 22px;
        height: 22px;
        margin-bottom: 4px;
    }
  
}


/* --------------------------------------------------------------------------
   5. 414px and up
   -------------------------------------------------------------------------- */

@media (min-width: 414px) and (max-width: 1099px) {
    .sh-mbar__icon {
        font-size: 19px;
    }
    .sh-mbar__label {
        font-size: 11px;
        line-height: 14px;
        letter-spacing: normal;
    }
}


/* --------------------------------------------------------------------------
   6. 600px and up  (large phones landscape / small tablets)
   -------------------------------------------------------------------------- */

@media (min-width: 600px) and (max-width: 1099px) {
    .sh-mbar__inner {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }
    .sh-mbar__item {
        min-height: 62px;
        padding: 10px 6px;
    }
    .sh-mbar__icon {
        font-size: 22px;
        line-height: 26px;
        height: 26px;
        margin-bottom: 4px;
    }
    .sh-mbar__label {
        font-size: 12px;
        line-height: 16px;
    }
   
}


/* --------------------------------------------------------------------------
   7. Very short landscape phones - keep the bar compact
   -------------------------------------------------------------------------- */

@media (max-width: 1099px) and (max-height: 430px) and (orientation: landscape) {
    .sh-mbar__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 46px;
        padding: 6px 4px;
    }
    .sh-mbar__icon {
        font-size: 16px;
        line-height: 18px;
        height: 18px;
        margin: 0 6px 0 0;
    }
    .sh-mbar__label {
        width: auto;
        font-size: 11px;
        line-height: 16px;
    }
 
    .pbmit-progress-wrap {
        bottom: 66px;
        bottom: calc(66px + constant(safe-area-inset-bottom));
        bottom: calc(66px + env(safe-area-inset-bottom));
    }
}


/* --------------------------------------------------------------------------
   8. Print - never print the bar
   -------------------------------------------------------------------------- */

@media print {
    .sh-mbar {
        display: none !important;
    }
    
}


  /* =========================================================
   CUSTOM DROPDOWN
   IMPORTANT:
   Original SELECT appearance is NOT changed.
========================================================= */

.rs-custom-select-wrap {
    position: relative;
    width: 100%;
    overflow: visible !important;
}


/* Keep original select visually EXACTLY as it is,
   but don't let it capture the mouse click */
.rs-custom-select-wrap > select {
    pointer-events: none !important;
}


/* Transparent click layer */
.rs-custom-select-trigger {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    z-index: 20 !important;

    border: 0 !important;
    outline: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    cursor: pointer;
}


/* =========================================================
   CUSTOM DROPDOWN PANEL
========================================================= */

.rs-custom-select-menu {
    position: absolute;

    top: calc(100% + 5px);
    left: 0;
    right: 0;

    z-index: 999999 !important;

    padding: 7px;

    background: #ffffff;

    border: 1px solid #e4e9f0;

    border-radius: 10px;

    box-shadow:
        0 18px 45px rgba(0, 22, 63, 0.12),
        0 5px 15px rgba(0, 22, 63, 0.06);

    opacity: 0;
    visibility: hidden;

    transform: translateY(-6px);

    pointer-events: none;

    transition:
        opacity 0.18s ease,
        transform 0.18s ease,
        visibility 0.18s ease;
}


/* OPEN */
.rs-custom-select-wrap.is-open
.rs-custom-select-menu {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);

    pointer-events: auto;
}


/* =========================================================
   OPTIONS SCROLL
========================================================= */

.rs-custom-select-options {
    max-height: 280px;

    overflow-y: auto;

    padding-right: 2px;

    scrollbar-width: thin;

    scrollbar-color: #c7d0dc transparent;
}


/* Chrome / Edge */
.rs-custom-select-options::-webkit-scrollbar {
    width: 5px;
}

.rs-custom-select-options::-webkit-scrollbar-track {
    background: transparent;
}

.rs-custom-select-options::-webkit-scrollbar-thumb {
    background: #c7d0dc;
    border-radius: 20px;
}


/* =========================================================
   OPTION
========================================================= */

.rs-custom-select-option {
    width: 100%;

    min-height: 44px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    box-sizing: border-box;

    padding: 9px 12px;

    border-radius: 7px;

    color: #16345f;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.4;

    cursor: pointer;

    transition:
        background-color 0.15s ease,
        color 0.15s ease;
}


/* Hover */
.rs-custom-select-option:hover {
    background: #f1f6fb;

    color: #00163f;
}


/* Selected */
.rs-custom-select-option.is-selected {
    background: #001b4d;

    color: #ffffff;

    font-weight: 600;
}


/* =========================================================
   CHECK
========================================================= */

.rs-custom-select-check {
    width: 17px;
    height: 17px;

    flex: 0 0 17px;

    margin-left: 12px;

    opacity: 0;
}

.rs-custom-select-option.is-selected
.rs-custom-select-check {
    opacity: 1;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .rs-custom-select-menu {
        top: calc(100% + 5px);

        border-radius: 9px;

        padding: 6px;
    }

    .rs-custom-select-option {
        min-height: 42px;

        padding: 9px 10px;

        font-size: 14px;
    }

    .rs-custom-select-options {
        max-height: 250px;
    }
}