@font-face {
    font-display: swap;
    font-family: 'lato-regular';
    src: url(assets_copiedSite/fonts/Lato-Regular.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'lato-semibold';
    src: url(assets_copiedSite/fonts/Lato-Semibold.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'lato-bold';
    src: url(assets_copiedSite/fonts/Lato-Bold.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'lato-black';
    src: url(assets_copiedSite/fonts/Lato-Black.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'lato-light';
    src: url(assets_copiedSite/fonts/Lato-Light.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'lato-italic';
    src: url(assets_copiedSite/fonts/Lato-Italic.ttf);
    font-weight: 400;
    font-style: normal
}

body,
html {
    margin: 0;
    padding: 0;
    font-family: "lato-regular", "thesans-plain", sans-serif;
    overflow-x: hidden
}

body.page {
    line-height: 1
}

:root {
    /* --blue_col : #4277ED; */
    --blue_col: #a53d79;
    --indigo_sections_col: #1d051c;
}

body {
    line-height: 1
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1
}

.clear {
    clear: both
}

.hidden {
    display: none
}

.noLink {
    cursor: default;
    pointer-events: none
}

*:hover,
*:focus,
*:active,
a:hover,
a:focus,
a:active {
    text-decoration: none!important;
    outline: none
}

.fullMenuWrapper,
.fullMenuWrapper .middleMenuHolder ul.sub-menu,
.fullMenuWrapper .middleMenuHolder.subMenuOpened ul.sub-menu.getMe,
.fullMenuWrapper.openMe,
.homePage .thirdSection .swiper-container .swiper-slide,
.homePage .thirdSection .swiper-container .swiper-slide.swiper-slide-active {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.menuOpenerHolder span:nth-child(3),
.menuOpenerHolder:hover span:nth-child(3),
.blueButton,
.blueButton:hover,
.moreInfoSection .buttonsHolder a:nth-child(1) i,
.moreInfoSection .buttonsHolder a.whatsAppButton i,
.moreInfoSection .buttonsHolder a:nth-child(1):hover i,
.moreInfoSection .buttonsHolder a.whatsAppButton:hover i,
.moreBtnWrap a.next,
.moreBtnWrap a.next:hover,
.topHeader,
.topHeader .leftSection ul li a,
.topHeader .leftSection ul li a:hover,
.topHeader .rightSection,
.topHeader .rightSection a.languageSwitcher,
.topHeader.scrolling,
.topHeader.scrolling .rightSection,
.topHeader.scrolling .rightSection .languageSwitcher,
.fullMenuWrapper .middleMenuHolder ul:not(.sub-menu) li a:hover:after,
.fullMenuWrapper .middleMenuHolder ul li a,
.fullMenuWrapper .middleMenuHolder ul li a:after,
.fullMenuWrapper .middleMenuHolder.subMenuOpened ul li a,
.fullMenuWrapper .socialMediaHolder li a,
.fullMenuWrapper .socialMediaHolder li a:hover,
footer .backPart .topPart .column ul li a,
footer .backPart .topPart .column ul li a:hover,
footer .backPart .bottomPart ul li a,
footer .backPart .bottomPart ul li a:hover,
footer .frontPart .socialMediaHolder li a,
footer .frontPart .socialMediaHolder li a:hover,
.homePage .customScroll h4,
.homePage .customScroll.scrolling h4,
.homePage .firstSection .bottomSection,
.homePage .firstSection .bottomSection .container .bottomColumn,
.homePage .firstSection .bottomSection .container .bottomColumn:hover,
.homePage .firstSection .bottomSection .container .bottomColumn.active,
.homePage .firstSection .backVideoWrapper iframe,
.homePage .firstSection .backVideoWrapper iframe.showMe,
.homePage .firstSection .backVideoWrapper iframe.showMeHovered,
.homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder .hospitalsSliderPag .swiper-pagination-bullet,
.homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder .hospitalsSliderPag .swiper-pagination-bullet-active,
.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .numberAndSocialMedia a,
.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .numberAndSocialMedia a:hover,
.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a,
.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a:hover,
.homePage .forthSection:after,
.homePage .forthSection.showShadow:after,
.homePage .fifthSection .leftSection .imageHolder img,
.homePage .fifthSection .leftSection .imageHolder picture,
.homePage .fifthSection .leftSection.loading .imageHolder .mainImage,
.homePage .fifthSection .rightSection .listWrapper .eachListWrap,
.homePage .fifthSection .rightSection .listWrapper .eachListWrap.active,
.homePage .fifthSection .rightSection .listWrapper .eachListWrap.active .iconWrap,
.homePage .fifthSection .rightSection .listWrapper .eachListWrap .iconWrap,
.fullyLoaded .homePage .firstSection .bottomSection,
.whoWeAre .firstSection .rightSection .imageHolder img,
.contactUsPage .formHolder div.wpforms-container-full .wpforms-form button[type=submit],
.contactUsPage .formHolder div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderQuest,
.covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderQuest h3:after,
.covid19Page .contentHolder .faqWrapper .eachFaqWrap.opened .qaHolder .qaHolderQuest,
.covid19Page .contentHolder .faqWrapper .eachFaqWrap.opened .qaHolder .qaHolderQuest h3:after,
.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap .faqHead span i,
.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap.opened .faqHead span i,
.newsPage .newsHolder .eachNewsWrap .imageHolder img,
.newsPage .newsHolder .eachNewsWrap:hover .imageHolder img,
.hospitalsPage .firstSection .leftSection .innerLeftSection a,
.hospitalsPage .firstSection .leftSection .innerLeftSection a:hover,
.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .loader,
.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .loader.loading,
.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainTitle,
.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription,
.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .eachAdditionalInfo a,
.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .eachAdditionalInfo a:hover,
.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subRightSection a,
.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subRightSection a:hover,
.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap:hover .mainTitle,
.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap:hover .mainDescription {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.page-template-page-news .topHeader.otherHeader,
.post-type-archive-media_gallery .topHeader.otherHeader,
.single-post .topHeader.otherHeader,
.single-blogs .topHeader.otherHeader,
.post-type-archive-services .topHeader.otherHeader,
.post-type-archive-blogs .topHeader.otherHeader,
.page-template-page-corporatesocial .topHeader.otherHeader,
.page-template-page-transparency-char .topHeader.otherHeader,
.page-template-page-quality-policy .topHeader.otherHeader,
.page-template-page-privacy .topHeader.otherHeader,
.page-template-page-faq .topHeader.otherHeader,
.page-template-page-whoweare .topHeader.otherHeader,
.page-template-covid-page .topHeader.otherHeader,
.services-template-default .topHeader.otherHeader,
.page-template-page-malaffi-connected .topHeader.otherHeader,
.page-id-12353 .topHeader.otherHeader,
.page-template-pagespage-clinical-training-php .topHeader.otherHeader,
.page-id-12357 .topHeader.otherHeader,
.page-template-page-safety .topHeader.otherHeader {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

bold,
strong {
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.onlyOnMobile {
    display: none
}

.container {
    width: 1400px!important;
    max-width: 1400px!important
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.paddingTop {
    padding-top: 75px
}

.menuOpenerHolder {
    width: 50px;
    height: 43px;
    z-index: 5;
    text-align: right
}

.menuOpenerHolder h6 {
    color: #fff;
    font-size: 14px;
    font-family: "lato-italic", "thesans-plain", sans-serif;
    margin: 0 0 6px 0;
    text-shadow: 0 3px 10px rgba(0, 0, 0, .6)
}

.menuOpenerHolder span {
    background-color: #fff;
    height: 2.5px;
    width: 100%;
    display: block
}

.menuOpenerHolder span:nth-child(2) {
    margin: 10px 0 10px 0;
    height: 3px
}

.menuOpenerHolder span:nth-child(3) {
    width: 50%;
    height: 3px;
    margin: auto 0 auto auto
}

.menuOpenerHolder:hover span:nth-child(3) {
    width: 100%
}

.blueButton {
    background-color: var(--blue_col);
    border: 1px solid var(--blue_col);
    border-radius: 25px;
    color: #fff;
    text-align: center;
    padding: 13px 24px 15px 24px;
    display: inline-block;
    font-family: "lato-bold", "thesans-bold", sans-serif
}

@media (max-width:600px) {
    .blueButton {
        display: block;
        max-width: 205px
    }
}

.blueButton:hover {
    text-decoration: none;
    color: var(--blue_col);
    background-color: #fff
}

.moreInfoSection {
    text-align: center;
    margin: 40px 0 0 0
}

.moreInfoSection h2 {
    font-size: 42px;
    color: var(--indigo_sections_col);
    margin: 0;
    text-transform: uppercase
}

.moreInfoSection h3 {
    font-size: 15px;
    color: #A3ABB7;
    margin: 25px 0;
    padding: 0 15px
}

.moreInfoSection .buttonsHolder a {
    margin: 0 10px;
    min-width: 136px
}

@media (max-width:600px) {
    .moreInfoSection .buttonsHolder a {
        margin: 10px auto
    }
}

.moreInfoSection .buttonsHolder a.whatsAppButton {
    padding: 10px 24px 7px 24px;
    min-width: 136px;
    display: inline-block
}

.moreInfoSection .buttonsHolder a.whatsAppButton.desktop {
    display: inline-block
}

@media (max-width:600px) {
    .moreInfoSection .buttonsHolder a.whatsAppButton.desktop {
        display: none
    }
}

.moreInfoSection .buttonsHolder a.whatsAppButton.mobile {
    display: none
}

@media (max-width:600px) {
    .moreInfoSection .buttonsHolder a.whatsAppButton.mobile {
        display: block
    }
}

.moreInfoSection .buttonsHolder a.whatsAppButton img {
    max-width: 25px;
    margin: 0 0 0 5px
}

.moreInfoSection .buttonsHolder a:nth-child(1),
.moreInfoSection .buttonsHolder a.whatsAppButton {
    background-color: #fff;
    color: var(--indigo_sections_col)
}

.moreInfoSection .buttonsHolder a:nth-child(1) i,
.moreInfoSection .buttonsHolder a.whatsAppButton i {
    transform: rotate(-45deg);
    margin: 0 5px 0 0;
    color: var(--blue_col)
}

.moreInfoSection .buttonsHolder a:nth-child(1):hover,
.moreInfoSection .buttonsHolder a.whatsAppButton:hover {
    background-color: var(--blue_col);
    color: #fff
}

.moreInfoSection .buttonsHolder a:nth-child(1):hover i,
.moreInfoSection .buttonsHolder a.whatsAppButton:hover i {
    color: #fff
}

.moreBtnWrap {
    text-align: center
}

.moreBtnWrap a,
.moreBtnWrap .page-numbers {
    display: none
}

.moreBtnWrap a.next {
    background-color: var(--blue_col);
    border: 1px solid var(--blue_col);
    font-family: "lato-bold", "thesans-bold", sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 0;
    font-size: 14px;
    display: inline-block;
    margin: 40px 0;
    padding: 13px 26px;
    border-radius: 25px
}

.moreBtnWrap a.next:hover {
    background-color: #fff;
    color: var(--blue_col);
    text-decoration: none
}

.loaderWrapper {
    text-align: center;
    margin: 30px 0
}

.loaderWrapper span {
    font-size: 45px;
    color: var(--blue_col)
}

.loaderWrapper span i {
    animation: spin 1s linear infinite
}

.blueCircle {
    background-color: var(--blue_col);
    border-radius: 100%
}

.greyCircle {
    width: 452px;
    height: 452px;
    background-color: #EEEFF2;
    border-radius: 100%;
    z-index: -1;
    top: -280px;
    right: -55px;
    position: absolute
}

.customScroll {
    z-index: 10;
    text-align: center
}

.customScroll h4 {
    color: var(--blue_col);
    font-size: 12px;
    margin: 0 0 8px 0
}

.customScroll h4:nth-child(3) {
    margin: 8px 0 0 0
}

.customScroll .lineParent {
    height: 300px;
    background-color: rgba(0, 0, 0, .15);
    border-radius: 4px;
    text-align: center;
    width: 4px;
    margin: 0 auto;
    position: relative
}

.customScroll .lineParent .innerLine {
    background-color: var(--blue_col);
    min-height: 30px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%
}

.grecaptcha-badge {
    display: none!important
}

.eltFixed {
    top: 75px;
    position: fixed
}

.hiddenOnDesktop {
    display: none
}

@media (max-width:768px) {
    .hiddenOnDesktop {
        display: block
    }
}

.pageHasTopSection .topSection {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px
}

.pageHasTopSection .topSection:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .16);
    z-index: 1
}

.pageHasTopSection .topSection h1 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-size: 45px;
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0 15px;
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, .5)
}

.topHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px 0;
    z-index: 999
}

.topHeader .container {
    width: 1600px!important;
    max-width: 1600px!important
}

.topHeader.otherHeader {
    padding: 15px 0;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
    background-color: #fff
}

.topHeader.otherHeader .rightSection a.number,
.topHeader.otherHeader .rightSection a.languageSwitcher,
.topHeader.otherHeader .rightSection a.whatsapp {
    background-color: #F6F7FA;
    color: var(--indigo_sections_col)
}

.topHeader.otherHeader .rightSection a.number i,
.topHeader.otherHeader .rightSection a.languageSwitcher i,
.topHeader.otherHeader .rightSection a.whatsapp i {
    color: var(--blue_col)
}

.topHeader.otherHeader .rightSection a.menuOpenerHolder h6 {
    color: var(--indigo_sections_col);
    text-shadow: none
}

.topHeader.otherHeader .rightSection a.menuOpenerHolder span {
    background-color: var(--indigo_sections_col)
}

.topHeader .leftSection {
    float: left
}

.topHeader .leftSection a {
    display: inline-block
}

.topHeader .leftSection a.logoHolder {
    position: relative
}

.topHeader .leftSection a img {
    max-width: 193px;
    height: auto
}

.topHeader .leftSection ul {
    margin: 14px 0 14px 30px;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top
}

.topHeader .leftSection ul li {
    display: inline-block;
    margin: 0 15px 0 0
}

.topHeader .leftSection ul li a {
    font-size: 15px;
    color: #000;
    font-family: "lato-light", "thesans-light", sans-serif
}

.topHeader .leftSection ul li a:hover {
    color: var(--blue_col)
}

.topHeader .leftSection ul li.active a {
    color: var(--blue_col);
    font-family: "lato-semibold", "thesans-bold", sans-serif
}

.topHeader .rightSection {
    float: right;
    min-width: 0
}

.topHeader .rightSection a {
    display: inline-block;
    vertical-align: top
}

.topHeader .rightSection a.number,
.topHeader .rightSection a.whatsapp {
    color: #fff;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    font-size: 17px;
    padding: 13px 22px;
    display: inline-block;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 22px
}

.topHeader .rightSection a.number i,
.topHeader .rightSection a.whatsapp i {
    transform: rotate(-32deg);
    margin: 0 10px 0 0
}

.topHeader .rightSection a.whatsapp.desktop {
    display: inline-block
}

@media (max-width:768px) {
    .topHeader .rightSection a.whatsapp.desktop {
        display: none
    }
}

.topHeader .rightSection a.whatsapp.mobile {
    display: none
}

@media (max-width:768px) {
    .topHeader .rightSection a.whatsapp.mobile {
        display: inline-block
    }
}

@media (max-width:768px) {
    .topHeader .rightSection a.whatsapp {
        padding: 12px
    }
}

@media (max-width:500px) {
    .topHeader .rightSection a.whatsapp {
        padding: 0;
        width: 33px;
        height: 33px;
        margin-top: 3px;
        position: relative
    }
}

.topHeader .rightSection a.whatsapp img {
    max-width: 20px;
    margin-left: 10px
}

@media (max-width:768px) {
    .topHeader .rightSection a.whatsapp img {
        margin: 0
    }
}

@media (max-width:500px) {
    .topHeader .rightSection a.whatsapp img {
        max-width: 19px;
        position: absolute;
        top: 50%;
        transform: translatey(-50%);
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

@media (max-width:768px) {
    .topHeader .rightSection a.whatsapp span {
        display: none
    }
}

.topHeader .rightSection a.menuOpenerHolder {
    margin: 0 0 0 25px
}

.topHeader .rightSection a.languageSwitcher {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, .32);
    text-align: center;
    line-height: 41px;
    font-size: 15px;
    color: #fff;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    margin: 0 20px 0 0
}

.topHeader.scrolling {
    background-color: var(--indigo_sections_col);
    padding: 10px 0
}

.topHeader.scrolling .rightSection {
    min-width: 200px
}

.topHeader.scrolling .rightSection .languageSwitcher {
    width: 43px;
    height: 43px;
    line-height: 40px
}

.topHeader.scrolled .rightSection a.menuOpenerHolder {
    display: inline-block!important
}

.callOperator {
    display: inline-block;
    margin: 0 20px 0 0
}

.callOperator .tooltip {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 300ms, opacity 300ms;
    -moz-transition: visibility 0s linear 300ms, opacity 300ms;
    -o-transition: visibility 0s linear 300ms, opacity 300ms;
    transition: visibility 0s linear 300ms, opacity 300ms;
    background-color: #fff;
    font-family: "Lato";
    padding: 20px 15px 24px 18px;
    border-radius: 22px;
    margin-top: 26px
}

.callOperator .tooltip .border {
    border: solid #4379ED 1px!important;
    max-width: 13px;
    margin-bottom: 15px
}

.callOperator .tooltip .icon {
    position: absolute;
    top: -17px;
    left: 41px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff
}

.callOperator .tooltip .button {
    margin-top: 23px
}

.callOperator .tooltip .button a {
    background-color: #4379ED;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    padding: 11px 19px;
    border-radius: 25px
}

.callOperator .tooltip .button a i {
    -webkit-transform: rotate(-32deg);
    -moz-transform: rotate(-32deg);
    -o-transform: rotate(-32deg);
    transform: rotate(-32deg);
    margin-right: 8px;
    font-size: 22px;
    line-height: 14px;
    position: relative;
    top: 3px
}

.callOperator .tooltip .title {
    font-size: 15px;
    line-height: 17px;
    font-weight: 400;
    color: #343553;
    margin-bottom: 10px
}

.callOperator .tooltip .title.bold {
    font-weight: 800
}

.callOperator .tooltip .title span {
    font-weight: 800;
    color: #4379ed
}

.callOperator:hover .tooltip {
    opacity: 1;
    visibility: visible;
    -webkit-transition: visibility 0s linear 0s, opacity 300ms;
    -moz-transition: visibility 0s linear 0s, opacity 300ms;
    -o-transition: visibility 0s linear 0s, opacity 300ms;
    transition: visibility 0s linear 0s, opacity 300ms
}

.home .topHeader .rightSection a.menuOpenerHolder {
    display: none
}

.fullMenuWrapper {
    position: fixed;
    top: 0;
    right: -220px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-image: url(assets_copiedSite/imgs/menu_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 8px solid var(--blue_col);
    display: flex;
    align-items: center;
    justify-content: center
}

.fullMenuWrapper .middleMenuHolder {
    position: relative
}

.fullMenuWrapper .middleMenuHolder ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.fullMenuWrapper .middleMenuHolder ul.sub-menu {
    position: absolute;
    top: 0;
    left: 60%;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    width: 100%;
    pointer-events: none
}

.fullMenuWrapper .middleMenuHolder ul.sub-menu li.closeSubMenu a {
    background-color: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .22);
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    font-size: 38px!important;
    padding: 0
}

.fullMenuWrapper .middleMenuHolder ul.sub-menu li a {
    font-size: 25px
}

.fullMenuWrapper .middleMenuHolder ul.sub-menu li a:after {
    display: none
}

.fullMenuWrapper .middleMenuHolder ul:not(.sub-menu) li a:hover:after {
    width: 67px
}

.fullMenuWrapper .middleMenuHolder ul li {
    margin: 0 0 18px 0
}

.fullMenuWrapper .middleMenuHolder ul li:nth-last-child(1) a:after {
    display: none
}

.fullMenuWrapper .middleMenuHolder ul li a {
    font-family: "lato-light", "thesans-light", sans-serif;
    font-size: 30px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 18px 0
}

.fullMenuWrapper .middleMenuHolder ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 27px;
    background-color: var(--blue_col);
    height: 1px
}

.fullMenuWrapper .middleMenuHolder.subMenuOpened ul li:after {
    display: none
}

.fullMenuWrapper .middleMenuHolder.subMenuOpened ul li a {
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.fullMenuWrapper .middleMenuHolder.subMenuOpened ul.sub-menu.getMe {
    left: 0;
    opacity: 1;
    visibility: visible;
    z-index: 10;
    pointer-events: all
}

.fullMenuWrapper .middleMenuHolder.subMenuOpened ul.sub-menu li {
    margin: 0
}

.fullMenuWrapper .middleMenuHolder.subMenuOpened ul.sub-menu li:nth-child(2) {
    margin: 20px 0 30px 0;
    cursor: default;
    pointer-events: none
}

.fullMenuWrapper .middleMenuHolder.subMenuOpened ul.sub-menu li:nth-child(2) a {
    font-size: 35px;
    text-transform: uppercase
}

.fullMenuWrapper .middleMenuHolder.subMenuOpened ul.sub-menu li:nth-child(2) a:after {
    display: block
}

.fullMenuWrapper .middleMenuHolder.subMenuOpened ul.sub-menu li.current_page_item a {
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.fullMenuWrapper .middleMenuHolder.subMenuOpened ul.sub-menu li a {
    opacity: 1;
    font-size: 24px;
    visibility: visible;
    z-index: 5;
    text-transform: capitalize
}

.fullMenuWrapper .menuHead {
    padding: 30px 50px 0 50px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fullMenuWrapper .menuHead .callOperator .tooltip {
    right: 35px
}

.fullMenuWrapper .menuHead .callOperator .tooltip .icon {
    right: 80px;
    left: initial
}

.fullMenuWrapper .menuHead .leftSection {
    float: left
}

.fullMenuWrapper .menuHead .leftSection a {
    display: block;
    position: relative;
    z-index: 6
}

.fullMenuWrapper .menuHead .leftSection a img {
    max-width: 193px;
    height: auto
}

.fullMenuWrapper .menuHead .rightSection {
    float: right
}

.fullMenuWrapper .menuHead .rightSection a {
    display: inline-block;
    vertical-align: top
}

.fullMenuWrapper .menuHead .rightSection a.number {
    color: #fff;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    font-size: 17px;
    padding: 13px 22px;
    display: inline-block;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 22px
}

.fullMenuWrapper .menuHead .rightSection a.number i {
    transform: rotate(-32deg);
    margin: 0 10px 0 0
}

.fullMenuWrapper .menuHead .rightSection a.menuOpenerHolder {
    margin: 0
}

.fullMenuWrapper .menuHead .rightSection a.closeHolder {
    display: none
}

.fullMenuWrapper .closeHolder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px
}

.fullMenuWrapper .closeHolder i {
    color: #fff;
    font-size: 37px
}

.fullMenuWrapper .dotsImage {
    position: absolute;
    bottom: 10px;
    left: 50px;
    width: 100%;
    max-width: 130px
}

.fullMenuWrapper .languageSwitcher {
    position: absolute;
    bottom: 20px;
    right: 50px;
    width: 49px;
    height: 49px;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, .32);
    text-align: center;
    line-height: 47px;
    font-size: 15px;
    color: #fff;
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.fullMenuWrapper .socialMediaHolder {
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center
}

.fullMenuWrapper .socialMediaHolder li {
    display: inline-block;
    margin: 0 8px;
    padding: 0 12.5px;
    position: relative
}

.fullMenuWrapper .socialMediaHolder li:after {
    position: absolute;
    content: '';
    background-color: var(--blue_col);
    width: 5px;
    height: 5px;
    right: -12.5px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100%
}

.fullMenuWrapper .socialMediaHolder li a {
    color: #fff;
    font-size: 22px
}

.fullMenuWrapper .socialMediaHolder li a:hover {
    color: var(--blue_col)
}

.fullMenuWrapper .socialMediaHolder li:nth-last-child(1):after {
    display: none
}

.fullMenuWrapper.openMe {
    right: 0;
    opacity: 1;
    visibility: visible;
    z-index: 9999
}

.careers-header .blueButton {
    background-color: #ffffff!important;
    color: var(--blue_col)!important;
    border-color: var(--blue_col)!important
}

.careers-header .blueButton:hover {
    background-color: var(--blue_col)!important;
    color: #ffffff!important
}

@media screen and (max-width:640px) {
    .careers-header .blueButton {
        font-size: 12px;
        padding: 10px 15px
    }
}

.page-template-page-factsandfigures .topHeader.otherHeader.scrolling,
.post-type-archive-board_members .topHeader.otherHeader.scrolling,
.post-type-archive-leadership_team .topHeader.otherHeader.scrolling,
.page-template-page-contact .topHeader.otherHeader.scrolling,
.page-template-page-covid19 .topHeader.otherHeader.scrolling,
.error404 .topHeader.otherHeader.scrolling,
.page-template-page-faq .topHeader.otherHeader.scrolling,
.page-template-page-customer-care .topHeader.otherHeader.scrolling,
.page-template-page-quality-policy .topHeader.otherHeader.scrolling,
.page-template-page-transparency-char .topHeader.otherHeader.scrolling,
.page-template-page-privacy .topHeader.otherHeader.scrolling,
.page-template-page-chairmanmsg .topHeader.otherHeader.scrolling,
.page-template-page-coming-soon .topHeader.otherHeader.scrolling,
.page-template-screening-locations .topHeader.otherHeader.scrolling,
.page-template-page-recruitment-fraud-alert .topHeader.otherHeader.scrolling,
.post-type-archive-doctors .topHeader.otherHeader.scrolling,
.page-template-page-careers .topHeader.otherHeader.scrolling,
.page-template-page-careers-subpage .topHeader.otherHeader.scrolling,
.page-template-page-malaffi-connected .topHeader.otherHeader.scrolling,
.single-doctors .topHeader.otherHeader.scrolling {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
    background-color: #ffffff!important
}

.page-template-page-news,
.post-type-archive-media_gallery,
.single-post,
.single-blogs,
.post-type-archive-services,
.post-type-archive-blogs,
.page-template-page-corporatesocial,
.page-template-page-transparency-char,
.page-template-page-quality-policy,
.page-template-page-privacy,
.page-template-page-faq,
.page-template-page-whoweare,
.page-template-covid-page,
.services-template-default,
.page-template-page-malaffi-connected,
.page-id-12353,
.page-template-pagespage-clinical-training-php,
.page-id-12357,
.page-template-page-safety {
    overflow-x: hidden
}

.page-template-page-news .topHeader.otherHeader,
.post-type-archive-media_gallery .topHeader.otherHeader,
.single-post .topHeader.otherHeader,
.single-blogs .topHeader.otherHeader,
.post-type-archive-services .topHeader.otherHeader,
.post-type-archive-blogs .topHeader.otherHeader,
.page-template-page-corporatesocial .topHeader.otherHeader,
.page-template-page-transparency-char .topHeader.otherHeader,
.page-template-page-quality-policy .topHeader.otherHeader,
.page-template-page-privacy .topHeader.otherHeader,
.page-template-page-faq .topHeader.otherHeader,
.page-template-page-whoweare .topHeader.otherHeader,
.page-template-covid-page .topHeader.otherHeader,
.services-template-default .topHeader.otherHeader,
.page-template-page-malaffi-connected .topHeader.otherHeader,
.page-id-12353 .topHeader.otherHeader,
.page-template-pagespage-clinical-training-php .topHeader.otherHeader,
.page-id-12357 .topHeader.otherHeader,
.page-template-page-safety .topHeader.otherHeader {
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid #E1E4E8
}

.page-template-page-news .topHeader.otherHeader.scrolling,
.post-type-archive-media_gallery .topHeader.otherHeader.scrolling,
.single-post .topHeader.otherHeader.scrolling,
.single-blogs .topHeader.otherHeader.scrolling,
.post-type-archive-services .topHeader.otherHeader.scrolling,
.post-type-archive-blogs .topHeader.otherHeader.scrolling,
.page-template-page-corporatesocial .topHeader.otherHeader.scrolling,
.page-template-page-transparency-char .topHeader.otherHeader.scrolling,
.page-template-page-quality-policy .topHeader.otherHeader.scrolling,
.page-template-page-privacy .topHeader.otherHeader.scrolling,
.page-template-page-faq .topHeader.otherHeader.scrolling,
.page-template-page-whoweare .topHeader.otherHeader.scrolling,
.page-template-covid-page .topHeader.otherHeader.scrolling,
.services-template-default .topHeader.otherHeader.scrolling,
.page-template-page-malaffi-connected .topHeader.otherHeader.scrolling,
.page-id-12353 .topHeader.otherHeader.scrolling,
.page-template-pagespage-clinical-training-php .topHeader.otherHeader.scrolling,
.page-id-12357 .topHeader.otherHeader.scrolling,
.page-template-page-safety .topHeader.otherHeader.scrolling {
    background-color: #fff;
    border-bottom: none;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3)
}

.page-template-page-news .topHeader.otherHeader.scrolling .rightSection a.number,
.page-template-page-news .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.page-template-page-news .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.post-type-archive-media_gallery .topHeader.otherHeader.scrolling .rightSection a.number,
.post-type-archive-media_gallery .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.post-type-archive-media_gallery .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.single-post .topHeader.otherHeader.scrolling .rightSection a.number,
.single-post .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.single-post .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.single-blogs .topHeader.otherHeader.scrolling .rightSection a.number,
.single-blogs .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.single-blogs .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.post-type-archive-services .topHeader.otherHeader.scrolling .rightSection a.number,
.post-type-archive-services .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.post-type-archive-services .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.post-type-archive-blogs .topHeader.otherHeader.scrolling .rightSection a.number,
.post-type-archive-blogs .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.post-type-archive-blogs .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.page-template-page-corporatesocial .topHeader.otherHeader.scrolling .rightSection a.number,
.page-template-page-corporatesocial .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.page-template-page-corporatesocial .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.page-template-page-transparency-char .topHeader.otherHeader.scrolling .rightSection a.number,
.page-template-page-transparency-char .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.page-template-page-transparency-char .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.page-template-page-quality-policy .topHeader.otherHeader.scrolling .rightSection a.number,
.page-template-page-quality-policy .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.page-template-page-quality-policy .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.page-template-page-privacy .topHeader.otherHeader.scrolling .rightSection a.number,
.page-template-page-privacy .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.page-template-page-privacy .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.page-template-page-faq .topHeader.otherHeader.scrolling .rightSection a.number,
.page-template-page-faq .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.page-template-page-faq .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.page-template-page-whoweare .topHeader.otherHeader.scrolling .rightSection a.number,
.page-template-page-whoweare .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.page-template-page-whoweare .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.page-template-covid-page .topHeader.otherHeader.scrolling .rightSection a.number,
.page-template-covid-page .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.page-template-covid-page .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.services-template-default .topHeader.otherHeader.scrolling .rightSection a.number,
.services-template-default .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.services-template-default .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.page-template-page-malaffi-connected .topHeader.otherHeader.scrolling .rightSection a.number,
.page-template-page-malaffi-connected .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.page-template-page-malaffi-connected .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.page-id-12353 .topHeader.otherHeader.scrolling .rightSection a.number,
.page-id-12353 .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.page-id-12353 .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.page-template-pagespage-clinical-training-php .topHeader.otherHeader.scrolling .rightSection a.number,
.page-template-pagespage-clinical-training-php .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.page-template-pagespage-clinical-training-php .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.page-id-12357 .topHeader.otherHeader.scrolling .rightSection a.number,
.page-id-12357 .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.page-id-12357 .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher,
.page-template-page-safety .topHeader.otherHeader.scrolling .rightSection a.number,
.page-template-page-safety .topHeader.otherHeader.scrolling .rightSection a.whatsapp,
.page-template-page-safety .topHeader.otherHeader.scrolling .rightSection a.languageSwitcher {
    background-color: #F6F7FA
}

.page-template-covid-page .topHeader.otherHeader {
    border-bottom: none
}

body.home .topNotice {
    background-color: var(--indigo_sections_col);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10
}

body.home .topNotice h3 {
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 15px 0
}

body.home .topNotice h3 a {
    color: var(--blue_col);
    text-decoration: underline
}

body.home .topHeader {
    top: 45px
}

body.home .topHeader.scrolling {
    top: 0
}

footer {
    position: relative;
    overflow: hidden;
    padding: 85px 0 0 0
}

footer .backPart {
    background-color: var(--indigo_sections_col);
    width: 85%;
    padding: 0 0 0 45px
}

footer .backPart .topPart {
    display: flex;
    padding: 30px 0 50px 0
}

footer .backPart .topPart .column:nth-child(1) {
    flex: 0 0 13%
}

footer .backPart .topPart .column:nth-child(2) {
    flex: 0 0 15%
}

footer .backPart .topPart .column:nth-child(3) {
    flex: 0 0 18%
}

footer .backPart .topPart .column:nth-child(4) {
    flex: 0 0 15%
}

footer .backPart .topPart .column:nth-child(4) ul {
    margin: 0 0 15px 0
}

footer .backPart .topPart .column:nth-child(5) {
    flex: 0 0 15%
}

footer .backPart .topPart .column .columnTitle {
    font-size: 12px;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 0 0 12px 0;
    font-family: "lato-black", "thesans-bold", sans-serif;
    position: relative;
    text-transform: uppercase
}

footer .backPart .topPart .column .columnTitle a {
    color: #fff
}

footer .backPart .topPart .column .columnTitle:after {
    background-color: var(--blue_col);
    height: 1px;
    width: 18px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

footer .backPart .topPart .column .columnTitle.customerCareLink a {
    line-height: 15px
}

footer .backPart .topPart .column ul {
    list-style: none;
    padding: 0;
    margin: 0
}

footer .backPart .topPart .column ul li {
    margin: 0 0 5px 0
}

footer .backPart .topPart .column ul li:nth-last-child(1) {
    margin: 0
}

footer .backPart .topPart .column ul li a {
    font-size: 12px;
    color: rgba(255, 255, 255, .63)
}

footer .backPart .topPart .column ul li a:hover {
    color: #fff
}

footer .backPart .bottomPart {
    padding: 15px 240px 15px 0;
    border-top: 1px solid rgba(255, 255, 255, .14)
}

footer .backPart .bottomPart ul {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0
}

footer .backPart .bottomPart ul li {
    display: inline-block;
    padding: 0 18px 0 0;
    margin: 0 15px 0 0;
    position: relative;
    vertical-align: text-bottom
}

footer .backPart .bottomPart ul li:after {
    content: "";
    width: 1px;
    height: 10px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(201, 213, 226, .21);
    position: absolute
}

footer .backPart .bottomPart ul li:nth-last-child(1):after {
    display: none
}

footer .backPart .bottomPart ul li a {
    color: #fff;
    font-size: 12px;
    display: block
}

footer .backPart .bottomPart ul li a:hover {
    color: var(--blue_col)
}

footer .backPart .bottomPart ul.socialMediaHolder {
    display: none
}

footer .frontPart {
    background-color: #3d3c62;
    width: 490px;
    height: 430px;
    position: absolute;
    bottom: -85px;
    right: -40px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-left-radius: 87%;
    border-bottom-right-radius: 0;
    display: flex;
    align-items: center;
    padding: 0 0 0 50px;
    justify-content: flex-start
}

footer .frontPart .innerFrontPart {
    width: 100%;
    max-width: 360px;
    margin: -25px 0 0 0
}

footer .frontPart .innerFrontPart h2 {
    color: #fff;
    font-size: 30px;
    line-height: 34px;
    margin: 0 0 25px 0;
    width: 100%;
    max-width: 270px
}

footer .frontPart .innerFrontPart h2 bold {
    font-family: "lato-black", "thesans-bold", sans-serif
}

footer .frontPart .innerFrontPart form {
    position: relative;
    width: 100%
}

footer .frontPart .innerFrontPart form input.email {
    width: 100%;
    border: 1px solid rgba(230, 234, 242, .15);
    height: 44px;
    color: #fff;
    font-size: 14px;
    border-radius: 25px;
    padding: 0 134px 0 15px;
    background-color: transparent
}

footer .frontPart .innerFrontPart form input.email::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

footer .frontPart .innerFrontPart form input.email::-moz-placeholder {
    color: #fff;
    opacity: 1
}

footer .frontPart .innerFrontPart form input.email:-moz-placeholder {
    color: #fff;
    opacity: 1
}

footer .frontPart .innerFrontPart form input.email:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

footer .frontPart .innerFrontPart form .submitWrapper input {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    max-width: 125px;
    font-size: 13px;
    padding: 13px 16px 15px 16px
}

footer .frontPart .innerFrontPart form .submitWrapper .loader {
    color: var(--blue_col);
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    display: none
}

footer .frontPart .innerFrontPart form .submitWrapper .loader i {
    animation: spin 1s linear infinite
}

footer .frontPart .innerFrontPart form .ajaxResponse {
    min-height: 25px;
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 20px;
    font-size: 13px;
    color: var(--blue_col);
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 8px;
    box-shadow: 4px 0 9px 1px rgba(0, 0, 0, .2);
    font-family: "lato-bold", "thesans-bold", sans-serif
}

footer .frontPart .innerFrontPart form .ajaxResponse:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

footer .frontPart h4 {
    position: absolute;
    bottom: 105px;
    left: 40px;
    color: rgba(255, 255, 255, .57);
    font-size: 11px;
    margin: 6px 0
}

footer .frontPart .socialMediaHolder {
    position: absolute;
    bottom: 105px;
    right: 90px;
    margin: 0;
    padding: 0;
    list-style: none
}

footer .frontPart .socialMediaHolder li {
    display: inline-block;
    margin: 0 0 0 10px
}

footer .frontPart .socialMediaHolder li:nth-child(1) {
    margin: 0
}

footer .frontPart .socialMediaHolder li a {
    color: #fff;
    font-size: 22px
}

footer .frontPart .socialMediaHolder li a:hover {
    color: var(--blue_col)
}

.fourOFourPage {
    min-height: calc(100vh - 346px);
    text-align: center
}

.fourOFourPage .innerFourOFourPage {
    padding: 230px 15px 100px 15px
}

.fourOFourPage .innerFourOFourPage h1 {
    color: var(--indigo_sections_col);
    font-size: 177px;
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    letter-spacing: 15px;
    margin: 0
}

.fourOFourPage .innerFourOFourPage h3 {
    color: var(--indigo_sections_col);
    font-size: 28px;
    letter-spacing: 1px;
    margin: 0
}

.fourOFourPage .innerFourOFourPage .seperator {
    background-color: var(--indigo_sections_col);
    height: 2px;
    width: 30px;
    margin: 20px auto 25px auto;
    display: block
}

.fourOFourPage .innerFourOFourPage .actionBtn {
    background-color: var(--blue_col);
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    min-width: 150px;
    margin: 0 auto;
    max-width: 230px;
    padding: 10px 0;
    text-align: center;
    border-radius: 20px
}

.fourOFourPage.comingSoonPage .innerFourOFourPage h1 {
    font-size: 70px
}

.fourOFourPage.comingSoonPage .innerFourOFourPage .actionBtn {
    font-size: 15px
}

.homePage .customScroll {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 30px
}

.homePage .customScroll h4 {
    color: #fff
}

.homePage .customScroll.scrolling h4 {
    color: var(--blue_col)
}

.homePage .firstSection {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center
}

.homePage .firstSection:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: rotate(180deg);
    background-color: transparent;
    background-image: linear-gradient(#352434 0%, rgba(204, 122, 205, 0.6) 35%, rgba(83, 52, 52, 0.15) 100%)
}

.homePage .firstSection .innerSection {
    z-index: 5;
    position: relative
}

.homePage .firstSection .innerSection h4 {
    color: #fff;
    font-size: 15px;
    margin: 0 0 15px 0;
    text-shadow: 0 3px 10px rgba(0, 0, 0, .6)
}

.homePage .firstSection .innerSection h1 {
    color: #fff;
    font-size: 48px;
    text-transform: uppercase;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0
}

.homePage .firstSection .innerSection h1:nth-child(2) {
    margin: 0 0 5px 0;
    font-family: "lato-light", "thesans-light", sans-serif
}

.homePage .firstSection .innerSection .menuOpenerHolder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px
}

.homePage .firstSection .bottomSection {
    position: absolute;
    bottom: 0;
    opacity: 0;
    left: 0;
    right: 0;
    z-index: 5
}

.homePage .firstSection .bottomSection .container {
    display: flex;
    align-items: flex-end;
    position: relative
}

.homePage .firstSection .bottomSection .container .bottomColumn {
    flex: 0 0 255px;
    padding: 0 20px;
    position: relative;
    max-height: 77px;
    overflow: hidden
}

.homePage .firstSection .bottomSection .container .bottomColumn:hover,
.homePage .firstSection .bottomSection .container .bottomColumn.active {
    max-height: 240px
}

.homePage .firstSection .bottomSection .container .bottomColumn:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: rgba(255, 255, 255, .18);
    top: 0;
    left: 0
}

.homePage .firstSection .bottomSection .container .bottomColumn img {
    width: 100%;
    max-width: 48px;
    height: 48px;
    margin: 0 0 12px 0
}

.homePage .firstSection .bottomSection .container .bottomColumn h3 {
    color: #fff;
    font-size: 15px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    margin: 0 0 6px 0
}

.homePage .firstSection .bottomSection .container .bottomColumn span {
    margin: 10px 0;
    font-size: 12px;
    font-style: italic;
    color: #fff;
    display: block
}

.homePage .firstSection .bottomSection .container .bottomColumn span img {
    vertical-align: middle;
    width: 15px;
    height: auto;
    margin: 0 5px 0 0
}

.homePage .firstSection .bottomSection .container .bottomColumn .content {
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.homePage .firstSection .bottomSection .container .bottomColumn a {
    color: #fff;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    font-size: 15px;
    padding: 10px 15px 12px 15px;
    display: inline-block;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 7px;
    margin: 12px 0 0 0
}

.homePage .firstSection .bottomSection .container .bottomColumn a i {
    margin: 0 0 0 20px
}

.homePage .firstSection .bottomSection .container .covidSection {
    position: absolute;
    right: 15px;
    bottom: -30px;
    background-color: var(--blue_col);
    width: 100%;
    max-width: 300px;
    padding: 25px;
    border-top-left-radius: 23px;
    border-top-right-radius: 23px
}

.homePage .firstSection .bottomSection .container .covidSection h3 {
    color: #fff;
    font-size: 18px;
    margin: 0 0 10px 0;
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.homePage .firstSection .bottomSection .container .covidSection h4 {
    color: #fff;
    font-size: 15px;
    line-height: 23px;
    margin: 0 0 15px 0
}

.homePage .firstSection .bottomSection .container .covidSection .blueButton {
    padding: 10px 18px 11px 18px;
    border-color: rgba(255, 255, 255, .36);
    font-size: 13px
}

.homePage .firstSection .bottomSection .container .covidSection .blueButton:nth-of-type(1) {
    margin: 0 5px 0 0;
    background-color: #fff;
    color: var(--blue_col)
}

.homePage .firstSection .backVideoWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    overflow: hidden
}

.homePage .firstSection .backVideoWrapper iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.homePage .firstSection .backVideoWrapper iframe.showMe {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

.homePage .firstSection .backVideoWrapper iframe.showMeHovered {
    opacity: 1;
    visibility: visible;
    z-index: 5
}

.homePage .covidSection.forMobile {
    display: none;
    background-color: var(--blue_col);
    width: 100%;
    padding: 25px;
    border-top-left-radius: 23px;
    border-top-right-radius: 23px
}

.homePage .covidSection.forMobile .leftSection {
    flex: 0 0 60%;
    width: 60%
}

.homePage .covidSection.forMobile .leftSection h3 {
    color: #fff;
    font-size: 18px;
    margin: 0 0 10px 0;
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.homePage .covidSection.forMobile .leftSection h4 {
    color: #fff;
    font-size: 15px;
    line-height: 23px;
    margin: 0
}

.homePage .covidSection.forMobile .rightSection {
    flex: 0 0 40%;
    width: 40%;
    text-align: right
}

.homePage .covidSection.forMobile .rightSection .blueButton {
    padding: 10px 20px 13px 20px;
    border-color: rgba(255, 255, 255, .36)
}

.homePage .covidSection.forMobile .rightSection .blueButton:nth-of-type(1) {
    margin: 0 5px 0 0
}

.homePage .secondSection {
    padding: 100px 0;
    background-image: url(../../../../../../../themes/TriTheme/images/shape-1.svg);
    background-repeat: no-repeat;
    background-size: 700px;
    background-position: 100% 0
}

.homePage .secondSection .row {
    align-items: center
}

.homePage .secondSection .leftSection h2 {
    color: var(--indigo_sections_col);
    font-size: 42px;
    font-family: "lato-light", "thesans-light", sans-serif;
    line-height: 47px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    max-width: 500px;
    width: 100%
}

.homePage .secondSection .leftSection h2 bold {
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.homePage .secondSection .leftSection p {
    color: #A3ABB7;
    font-size: 15px;
    line-height: 23px;
    margin: 0 0 18px 0;
    max-width: 390px;
    width: 100%
}

.homePage .secondSection .rightSection .innerRightSection {
    display: flex;
    justify-content: flex-end
}

.homePage .secondSection .rightSection .innerRightSection .circle {
    width: 134px;
    height: 134px;
    position: relative
}

.homePage .secondSection .rightSection .innerRightSection .circle:after {
    content: "";
    position: absolute;
    width: 0;
    transform: rotate(83deg);
    height: 0;
    margin: 0 auto;
    left: -3px;
    right: 0;
    top: -3px;
    z-index: 1;
    border-right: 70px solid var(--blue_col);
    border-top: 70px solid transparent;
    border-left: 70px solid var(--blue_col);
    border-bottom: 70px solid var(--blue_col);
    border-radius: 70px
}

.homePage .secondSection .rightSection .innerRightSection .circle .innerCircle {
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    position: relative;
    z-index: 5
}

.homePage .secondSection .rightSection .innerRightSection .circle .innerCircle h3 {
    font-size: 35px;
    margin: 0 0 10px 0;
    color: var(--blue_col);
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.homePage .secondSection .rightSection .innerRightSection .circle .innerCircle h4 {
    font-size: 12px;
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    margin: 0
}

.homePage .secondSection .rightSection .innerRightSection .circle:nth-child(2) {
    margin: 40px 30px 0 30px
}

.homePage .secondSection .rightSection .innerRightSection .circle:nth-child(3) {
    margin: 80px 0 0 0
}

.homePage .thirdSection {
    background-color: rgba(239, 242, 247, .58);
    position: relative;
    padding: 50px 0
}

.homePage .thirdSection:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 67%;
    height: 100%;
    border-top-right-radius: 30%;
    border-bottom-right-radius: 48%;
    background-color: var(--indigo_sections_col)
}

.homePage .thirdSection .swiper-container .swiper-slide {
    opacity: 0!important
}

.homePage .thirdSection .swiper-container .swiper-slide.swiper-slide-active {
    opacity: 1!important
}

.homePage .thirdSection .swiper-container .swiper-slide .container {
    position: relative
}

.homePage .thirdSection .swiper-container .swiper-slide .container .row {
    align-items: center
}

.homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    text-align: center
}

.homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder:before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 1px;
    background-color: rgba(214, 218, 226, .72);
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto
}

.homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder .hospitalsSliderPag {
    text-align: center;
    position: relative;
    min-width: 45px
}

.homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder .hospitalsSliderPag .swiper-pagination-bullet {
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 15px;
    color: rgba(52, 53, 83, .37);
    display: block;
    background: #fff;
    margin: 20px auto;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    opacity: 1;
    position: relative
}

.homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder .hospitalsSliderPag .swiper-pagination-bullet-active {
    color: #fff;
    background-color: var(--blue_col);
    width: 42px;
    line-height: 42px;
    height: 42px
}

.homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder .hospitalsSliderPag .swiper-pagination-bullet-active:before {
    content: "";
    position: absolute;
    background-color: rgba(68, 123, 237, .13);
    height: 57px;
    width: 57px;
    left: -8px;
    top: -8px;
    border-radius: 100%;
    z-index: -1
}

.homePage .thirdSection .swiper-container .swiper-slide .container .sectionTitle {
    padding: 0 0 15px 0;
    position: absolute;
    color: #fff;
    font-size: 42px;
    font-family: "lato-light", "thesans-light", sans-serif;
    left: 0;
    top: 0
}

.homePage .thirdSection .swiper-container .swiper-slide .container .sectionTitle:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--blue_col);
    height: 1px;
    width: 30px
}

.homePage .thirdSection .swiper-container .swiper-slide .container .allHospitalsBtn {
    font-size: 14px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--blue_col)
}

.homePage .thirdSection .swiper-container .swiper-slide .container .allHospitalsBtn i {
    margin: 0 5px 0 0
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection {
    padding: 0 15px 0 0
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection {
    width: 100%;
    max-width: 400px
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection h2 {
    color: #fff;
    font-size: 42px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    margin: 0 0 15px 0
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection h2 a {
    color: #fff
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .imageHolder {
    display: none
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .numberAndSocialMedia {
    margin: 0 0 20px 0
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .numberAndSocialMedia a {
    border: 1px solid rgba(255, 255, 255, .13);
    font-size: 13px;
    display: inline-block;
    border-radius: 24px;
    color: #fff
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .numberAndSocialMedia a:hover {
    background-color: var(--blue_col)
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .numberAndSocialMedia a.numberBtn {
    margin: 0 10px 0 0;
    padding: 10.5px 15px
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .numberAndSocialMedia a.numberBtn i {
    transform: rotate(-45deg);
    margin: 0 8px 0 0
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .numberAndSocialMedia ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .numberAndSocialMedia ul li {
    display: inline-block;
    margin: 0 10px 0 0
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .numberAndSocialMedia ul li a {
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 100%;
    font-size: 16px
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .description {
    font-size: 15px;
    color: #fff;
    line-height: 23px
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder {
    margin: 35px 0 0 0
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a {
    display: inline-block;
    background-color: rgba(255, 255, 255, .12);
    position: relative;
    height: 44px;
    line-height: 44px;
    padding: 0 15px 0 55px;
    font-size: 13px;
    border-radius: 24px;
    color: #fff;
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a:hover {
    background-color: var(--blue_col)
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a:nth-child(2) {
    margin: 0 0 0 15px
}

.homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 44px;
    height: 44px;
    background-color: var(--blue_col);
    color: #fff;
    font-size: 18px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.homePage .thirdSection .swiper-container .swiper-slide .container .rightSection {
    padding: 30px 0 30px 70px
}

.homePage .thirdSection .swiper-container .swiper-slide .container .rightSection .imageHolder {
    border: 1px solid rgba(68, 123, 237, .7);
    border-radius: 100%;
    display: inline-block;
    padding: 20px;
    position: relative
}

.homePage .thirdSection .swiper-container .swiper-slide .container .rightSection .imageHolder:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
    right: 0;
    margin: 0 auto;
    width: calc(100% + 50px);
    height: calc(100% + 50px);
    border: 1px solid rgba(78, 31, 235, .11);
    border-radius: 100%
}

.homePage .thirdSection .swiper-container .swiper-slide .container .rightSection .imageHolder .plusBtn {
    position: absolute;
    bottom: 55px;
    right: 30px;
    color: var(--blue_col);
    font-size: 25px
}

.homePage .thirdSection .swiper-container .swiper-slide .container .rightSection .imageHolder .dotsImage {
    position: absolute;
    bottom: 50px;
    left: 34px;
    max-width: 110px;
    width: 100%;
    z-index: 1;
    border-radius: 0
}

.homePage .thirdSection .swiper-container .swiper-slide .container .rightSection .imageHolder img {
    width: 100%;
    max-width: 506px;
    height: auto;
    position: relative;
    border-radius: 100%;
    z-index: 5
}

.homePage .forthSection {
    position: relative;
    padding: 70px 0 70px 0;
    overflow: hidden
}

.homePage .forthSection:before {
    content: "";
    background-color: #F6F7FA;
    width: 620px;
    height: 620px;
    position: absolute;
    left: -145px;
    top: -180px;
    border-radius: 100%;
    z-index: 1
}

.homePage .forthSection:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: transparent;
    z-index: 5;
    background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, .6) 35%, rgba(255, 255, 255, 0) 100%)
}

.homePage .forthSection.showShadow:after {
    width: 250px
}

.homePage .forthSection .sliderWrapper {
    position: relative;
    z-index: 5
}

.homePage .forthSection .sliderWrapper .sectionTitle {
    font-size: 42px;
    color: var(--indigo_sections_col);
    margin: 0 0 30px 0;
    padding: 0 0 0 20%;
    font-family: "lato-light", "thesans-light", sans-serif
}

.homePage .forthSection .sliderWrapper .swiper-container {
    padding: 0 0 0 20%
}

.homePage .forthSection .sliderWrapper .swiper-container .swiper-slide {
    padding: 0 0 10px 0
}

.homePage .forthSection .sliderWrapper .swiper-container .swiper-slide .imageHolder img {
    width: 100%;
    height: auto
}

.homePage .forthSection .sliderWrapper .swiper-container .swiper-slide .descriptionHolder {
    background-color: #fff;
    padding: 20px 15px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2)
}

.homePage .forthSection .sliderWrapper .swiper-container .swiper-slide .descriptionHolder h4 {
    background-color: #F6F7FA;
    color: var(--blue_col);
    font-size: 12px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    padding: 9px 14px;
    margin: 0 0 15px 0;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase
}

.homePage .forthSection .sliderWrapper .swiper-container .swiper-slide .descriptionHolder h3 {
    color: var(--indigo_sections_col);
    font-size: 15px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    line-height: 22px;
    min-height: 81px;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    position: relative
}

.homePage .forthSection .sliderWrapper .swiper-container .swiper-slide .descriptionHolder h3:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #d6dae2
}

.homePage .forthSection .sliderWrapper .swiper-container .swiper-slide .descriptionHolder h5 {
    color: var(--blue_col);
    font-size: 14px;
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.homePage .forthSection .sliderWrapper .navAndPag {
    margin: 30px 0 0 0;
    padding: 0 0 0 20%;
    display: flex;
    width: 87%;
    align-items: center
}

.homePage .forthSection .sliderWrapper .navAndPag .articlesSliderPag {
    position: relative;
    height: 4px;
    width: 100%;
    border-radius: 3px;
    background-color: #F6F7FA
}

.homePage .forthSection .sliderWrapper .navAndPag .articlesSliderPag .swiper-pagination-progressbar-fill {
    border-radius: 3px;
    background-color: var(--blue_col)
}

.homePage .forthSection .sliderWrapper .navAndPag .navigationWrapper {
    display: flex;
    margin: 0 0 0 10px
}

.homePage .forthSection .sliderWrapper .navAndPag .navigationWrapper .articlesSliderNav {
    color: var(--blue_col);
    font-size: 26px;
    margin: 0 5px;
    cursor: pointer
}

.homePage .forthSection .sliderWrapper .navAndPag .navigationWrapper .articlesSliderNav.swiper-button-disabled {
    opacity: .3
}

.homePage .forthSection .dotsImage {
    position: absolute;
    bottom: 35px;
    right: 15px
}

.homePage .fifthSection {
    padding: 70px 0 100px 0
}

.homePage .fifthSection .sectionIdentifier {
    margin: 0 0 30px 0
}

.homePage .fifthSection .sectionIdentifier h2 {
    font-size: 42px;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    position: relative
}

.homePage .fifthSection .sectionIdentifier h2:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: var(--blue_col)
}

.homePage .fifthSection .leftSection {
    text-align: right
}

.homePage .fifthSection .leftSection .imageHolder {
    position: relative;
    display: inline-block;
    z-index: 10
}

.homePage .fifthSection .leftSection .imageHolder .dotsImage {
    width: 100%;
    max-width: 160px;
    position: absolute;
    top: 35px;
    left: -50px;
    z-index: 1;
    border-radius: 0
}

.homePage .fifthSection .leftSection .imageHolder .dotsImage2 {
    width: 100%;
    max-width: 140px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    border-radius: 0
}

.homePage .fifthSection .leftSection .imageHolder .smallCircle {
    position: absolute;
    width: 68px;
    height: 68px;
    top: 0;
    right: 110px
}

.homePage .fifthSection .leftSection .imageHolder .bigCircle {
    position: absolute;
    width: 382px;
    height: 382px;
    bottom: -40px;
    left: -50px
}

.homePage .fifthSection .leftSection .imageHolder img {
    width: 100%;
    max-width: 506px;
    height: auto;
    border-radius: 100%;
    position: relative;
    z-index: 2
}

.homePage .fifthSection .leftSection .imageHolder a.goToBtn {
    background-color: #fff;
    color: var(--blue_col);
    border: 1px solid var(--blue_col);
    font-size: 14px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    border-radius: 25px;
    padding: 11px 24px 13px 24px;
    position: absolute;
    bottom: 25px;
    left: 40px;
    z-index: 15
}

.homePage .fifthSection .leftSection .imageHolder picture {
    display: block;
    position: relative;
    z-index: 10
}

.homePage .fifthSection .leftSection.loading .imageHolder .mainImage {
    transform: translateX(-100px);
    opacity: 0
}

.homePage .fifthSection .rightSection {
    position: relative
}

.homePage .fifthSection .rightSection .shapeImage {
    position: absolute;
    top: -50px;
    right: 100px;
    z-index: 1
}

.homePage .fifthSection .rightSection .listWrapper {
    width: 100%;
    max-width: 400px;
    position: relative;
    z-index: 2;
    margin: 15px 0 0 45px
}

.homePage .fifthSection .rightSection .listWrapper .eachListWrap {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0 0 5px 0;
    border-radius: 11px;
    padding: 15px 15px
}

.homePage .fifthSection .rightSection .listWrapper .eachListWrap.active {
    background-color: #fff
}

.homePage .fifthSection .rightSection .listWrapper .eachListWrap.active .iconWrap {
    background-color: var(--blue_col)
}

.homePage .fifthSection .rightSection .listWrapper .eachListWrap.active .iconWrap img {
    filter: brightness(0) invert(1)
}

.homePage .fifthSection .rightSection .listWrapper .eachListWrap .iconWrap {
    flex: 0 0 76px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 22px;
    width: 76px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center
}

.homePage .fifthSection .rightSection .listWrapper .eachListWrap .iconWrap img {
    width: 100%;
    max-width: 40px
}

.homePage .fifthSection .rightSection .listWrapper .eachListWrap .descriptionWrap {
    padding: 0 0 0 20px
}

.homePage .fifthSection .rightSection .listWrapper .eachListWrap .descriptionWrap h3 {
    font-size: 14px;
    color: #191B26;
    margin: 0 0 5px 0;
    font-family: "lato-black", "thesans-bold", sans-serif;
    text-transform: uppercase
}

.homePage .fifthSection .rightSection .listWrapper .eachListWrap .descriptionWrap h4 {
    color: #888f9a;
    font-size: 13px;
    line-height: 18px;
    margin: 0
}

.homePage .timingPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999
}

.homePage .timingPopup .innerTimingPopup {
    width: 100%;
    max-width: 800px;
    text-align: center
}

.homePage .timingPopup .innerTimingPopup .imageHolder {
    position: relative;
    display: inline-block
}

.homePage .timingPopup .innerTimingPopup .imageHolder .closeBtn {
    border-radius: 100%;
    background-color: var(--blue_col);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 24px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10
}

.homePage .timingPopup .innerTimingPopup .imageHolder img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: calc(100vh - 100px)
}

.fullyLoaded .homePage .firstSection .bottomSection {
    opacity: 1;
    bottom: 30px
}

.whoWeAre .firstSection {
    padding: 45px 0 60px 0
}

.whoWeAre .firstSection .rightSection .imageHolder {
    position: relative;
    display: inline-block
}

.whoWeAre .firstSection .rightSection .imageHolder .dotsImage {
    width: 100%;
    max-width: 160px;
    position: absolute;
    top: 35px;
    right: -50px;
    z-index: 1;
    border-radius: 0
}

.whoWeAre .firstSection .rightSection .imageHolder .smallCircle {
    position: absolute;
    width: 68px;
    height: 68px;
    top: 0;
    left: 110px
}

.whoWeAre .firstSection .rightSection .imageHolder .bigCircle {
    position: absolute;
    width: 382px;
    height: 382px;
    bottom: -30px;
    right: -25px
}

.whoWeAre .firstSection .rightSection .imageHolder img {
    width: 100%;
    max-width: 506px;
    height: auto;
    border-radius: 100%;
    position: relative;
    z-index: 2
}

.whoWeAre .firstSection .leftSection {
    position: relative;
    display: flex;
    align-items: center
}

.whoWeAre .firstSection .leftSection .shapeImage {
    position: absolute;
    top: 0;
    right: -125px;
    z-index: 1
}

.whoWeAre .firstSection .leftSection .innerLeftSection {
    position: relative;
    z-index: 5;
    margin: 0 0 0 185px
}

.whoWeAre .firstSection .leftSection .innerLeftSection h3 {
    font-size: 24px;
    font-family: "lato-light", "thesans-light", sans-serif;
    color: var(--indigo_sections_col);
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    position: relative;
    text-transform: uppercase
}

.whoWeAre .firstSection .leftSection .innerLeftSection h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 30px;
    background-color: var(--blue_col)
}

.whoWeAre .firstSection .leftSection .innerLeftSection h1 {
    font-size: 38px;
    color: var(--indigo_sections_col);
    line-height: 43px;
    margin: 0 0 20px 0;
    font-family: "lato-black", "thesans-bold", sans-serif;
    width: 100%;
    max-width: 345px;
    text-transform: uppercase
}

.whoWeAre .firstSection .leftSection .innerLeftSection p {
    font-family: "lato-light", "thesans-light", sans-serif;
    font-size: 17px;
    line-height: 24px;
    color: #000;
    width: 100%;
    max-width: 460px
}

.whoWeAre .secondSection {
    background-color: var(--indigo_sections_col);
    padding: 65px 0
}

.whoWeAre .secondSection .row {
    align-items: center
}

.whoWeAre .secondSection .row .columnWrap.leftSection h2 {
    font-size: 38px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    color: #fff;
    line-height: 43px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
    max-width: 335px
}

.whoWeAre .secondSection .row .columnWrap p {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin: 0
}

.whoWeAre .thirdSection {
    width: 100%;
    height: 340px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.whoWeAre .thirdSection .blueCircle {
    position: absolute;
    left: 30px;
    top: -35px;
    width: 72px;
    height: 72px
}

.whoWeAre .forthSection {
    padding: 100px 0;
    background-image: url(../../../../../../../themes/TriTheme/images/shape-4.svg);
    background-repeat: no-repeat;
    background-size: 650px;
    background-position: 0 100%;
    margin: 0 0 -75px 0
}

.whoWeAre .forthSection .row {
    align-items: center;
    flex-direction: row-reverse
}

.whoWeAre .forthSection .rightSection h2 {
    color: var(--indigo_sections_col);
    font-size: 36px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    line-height: 43px;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    text-transform: uppercase;
    position: relative
}

.whoWeAre .forthSection .rightSection h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 1px;
    background-color: var(--blue_col);
    left: 0
}

.whoWeAre .forthSection .rightSection .content {
    color: #000;
    font-size: 17px;
    line-height: 26px;
    margin: 0 0 18px 0;
    font-family: "lato-light", "thesans-light", sans-serif
}

.whoWeAre .forthSection .leftSection .innerRightSection {
    display: flex;
    justify-content: flex-start
}

.whoWeAre .forthSection .leftSection .innerRightSection .circle {
    width: 134px;
    height: 134px;
    position: relative
}

.whoWeAre .forthSection .leftSection .innerRightSection .circle:after {
    content: '';
    position: absolute;
    width: 0;
    transform: rotate(83deg);
    height: 0;
    margin: 0 auto;
    left: -3px;
    right: 0;
    top: -3px;
    z-index: 1;
    border-right: 70px solid var(--blue_col);
    border-top: 70px solid transparent;
    border-left: 70px solid var(--blue_col);
    border-bottom: 70px solid var(--blue_col);
    border-radius: 70px
}

.whoWeAre .forthSection .leftSection .innerRightSection .circle .innerCircle {
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    position: relative;
    z-index: 5
}

.whoWeAre .forthSection .leftSection .innerRightSection .circle .innerCircle h3 {
    font-size: 35px;
    margin: 0 0 10px 0;
    color: var(--blue_col);
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.whoWeAre .forthSection .leftSection .innerRightSection .circle .innerCircle h4 {
    font-size: 12px;
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    margin: 0
}

.whoWeAre .forthSection .leftSection .innerRightSection .circle:nth-child(2) {
    margin: 40px 30px 0 30px
}

.whoWeAre .forthSection .leftSection .innerRightSection .circle:nth-child(3) {
    margin: 80px 0 0 0
}

.chairmanMessage .container {
    width: 1000px!important;
    max-width: 1000px!important
}

.chairmanMessage .messageSection {
    padding: 200px 0 30px 0;
    position: relative
}

.chairmanMessage .messageSection .row {
    flex-direction: row-reverse
}

.chairmanMessage .messageSection .row .imageAndContent {
    padding: 0 0 0 70px
}

.chairmanMessage .messageSection .row .imageAndContent .imageHolder {
    position: relative
}

.chairmanMessage .messageSection .row .imageAndContent .imageHolder img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 5
}

.chairmanMessage .messageSection .row .imageAndContent .imageHolder .dotsImage {
    max-width: 145px;
    position: absolute;
    right: -65px;
    bottom: -40px;
    z-index: 5
}

.chairmanMessage .messageSection .row .imageAndContent .content {
    margin: 25px 0 0 0
}

.chairmanMessage .messageSection .row .imageAndContent .content h3 {
    font-size: 20px;
    color: var(--indigo_sections_col);
    position: relative;
    font-family: "lato-black", "thesans-bold", sans-serif;
    line-height: 30px;
    padding: 0 0 20px 0;
    margin: 0 0 15px 0;
    max-width: 85%;
    text-transform: uppercase
}

.chairmanMessage .messageSection .row .imageAndContent .content h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 30px;
    background-color: var(--blue_col);
    left: 0;
    height: 1px
}

.chairmanMessage .messageSection .row .imageAndContent .content .description {
    font-family: "lato-light", "thesans-light", sans-serif;
    color: #000;
    font-size: 18px;
    line-height: 25px
}

.chairmanMessage .messageSection .floatingSection {
    position: absolute;
    left: 0;
    top: 130px;
    background-color: var(--indigo_sections_col);
    border-top-right-radius: 111px;
    width: 100%;
    max-width: 45%;
    z-index: 10
}

.chairmanMessage .messageSection .floatingSection .blueCircle {
    width: 101px;
    height: 101px;
    position: absolute;
    bottom: -70px;
    left: -40px
}

.chairmanMessage .messageSection .floatingSection .innerFloatingSection {
    padding: 40px 40px 50px 40px;
    position: relative
}

.chairmanMessage .messageSection .floatingSection .innerFloatingSection .quotesImage {
    position: absolute;
    top: 40px;
    right: 75px
}

.chairmanMessage .messageSection .floatingSection .innerFloatingSection h3 {
    color: #fff;
    font-size: 24px;
    font-family: "lato-light", "thesans-light", sans-serif;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    position: relative
}

.chairmanMessage .messageSection .floatingSection .innerFloatingSection h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 30px;
    background-color: var(--blue_col);
    left: 0;
    height: 1px
}

.chairmanMessage .messageSection .floatingSection .innerFloatingSection h2 {
    color: #fff;
    font-size: 24px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 20px 0;
    line-height: 33px;
    text-transform: uppercase;
    max-width: 90%
}

.chairmanMessage .messageSection .floatingSection .innerFloatingSection .content {
    color: #fff;
    font-size: 17px;
    font-family: "lato-light", "thesans-light", sans-serif;
    margin: 0;
    line-height: 24px
}

.chairmanMessage .messageSection .floatingSection .innerFloatingSection .content p {
    margin: 0
}

.factsAndFiguresPage .topSection {
    position: relative;
    z-index: 2
}

.factsAndFiguresPage .topSection .imageHolder {
    position: relative;
    width: 100%;
    max-width: 80%
}

.factsAndFiguresPage .topSection .imageHolder img {
    width: 100%;
    height: auto
}

.factsAndFiguresPage .topSection .imageHolder img.dotsImage {
    position: absolute;
    bottom: 90px;
    right: -87px;
    width: auto;
    z-index: 5
}

.factsAndFiguresPage .topSection .imageHolder:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: rotate(180deg);
    background-color: transparent;
    background-image: linear-gradient(rgba(0, 0, 0, .59) 23%, rgba(0, 0, 0, .4) 40%, transparent 100%);
    z-index: 1
}

.factsAndFiguresPage .topSection .descriptionHolder {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5
}

.factsAndFiguresPage .topSection .descriptionHolder h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-family: "lato-light", "thesans-light", sans-serif;
    padding: 0 0 20px 0;
    margin: 0 0 15px 0;
    position: relative
}

.factsAndFiguresPage .topSection .descriptionHolder h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 30px;
    background-color: var(--blue_col);
    left: 0;
    height: 1px
}

.factsAndFiguresPage .topSection .descriptionHolder h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 60px;
    margin: 0 0 20px 0;
    font-family: "lato-black", "thesans-bold", sans-serif
}

.factsAndFiguresPage .topSection .descriptionHolder h4 {
    color: #fff;
    font-size: 17px;
    margin: 0;
    width: 100%;
    max-width: 850px;
    line-height: 25px
}

.factsAndFiguresPage .secondSection {
    margin: -50px 0 0 200px;
    padding: 80px 0 0 0;
    border-top-right-radius: 80px;
    background-color: #EEEFF2
}

.factsAndFiguresPage .secondSection .facilitiesList {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 930px;
    padding: 35px 0 0 0;
    margin: 0 auto;
    position: relative
}

.factsAndFiguresPage .secondSection .facilitiesList .sectionTitle {
    color: var(--indigo_sections_col);
    font-size: 33px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 30px 25px;
    padding: 0 0 20px 0;
    position: relative;
    width: 100%;
    text-transform: uppercase
}

.factsAndFiguresPage .secondSection .facilitiesList .sectionTitle:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 22px;
    height: 1px;
    background-color: var(--blue_col)
}

.factsAndFiguresPage .secondSection .facilitiesList .eachFacilityElt {
    width: calc(100% / 4 - 60px);
    margin: 0 30px 50px 30px;
    position: relative;
    z-index: 5
}

.factsAndFiguresPage .secondSection .facilitiesList .eachFacilityElt h1 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-size: 33px;
    color: var(--blue_col);
    padding: 0 0 22px 0;
    margin: 0 0 15px 0;
    position: relative;
    display: inline-block
}

.factsAndFiguresPage .secondSection .facilitiesList .eachFacilityElt h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 7px;
    background-color: rgba(52, 53, 83, .23);
    left: 0;
    height: 7px;
    border-radius: 100%
}

.factsAndFiguresPage .secondSection .facilitiesList .eachFacilityElt .content {
    color: var(--indigo_sections_col);
    line-height: 20px;
    font-size: 14px;
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    text-transform: capitalize
}

.factsAndFiguresPage .thirdSection {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 60px 15px 60px 15px;
    position: relative
}

.factsAndFiguresPage .thirdSection:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(52, 52, 83, .83)
}

.factsAndFiguresPage .thirdSection .innerThirdSection {
    position: relative;
    z-index: 5;
    text-align: center
}

.factsAndFiguresPage .thirdSection .innerThirdSection .sectionTitle {
    color: #fff;
    font-size: 33px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 55px 0;
    padding: 0 0 25px 0;
    position: relative;
    text-transform: uppercase;
    display: inline-block
}

.factsAndFiguresPage .thirdSection .innerThirdSection .sectionTitle:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 22px;
    height: 1px;
    background-color: var(--blue_col)
}

.factsAndFiguresPage .thirdSection .innerThirdSection .staffListHolder {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    display: flex
}

.factsAndFiguresPage .thirdSection .innerThirdSection .staffListHolder .eachStaffWrap {
    width: calc(100% / 3);
    text-align: center
}

.factsAndFiguresPage .thirdSection .innerThirdSection .staffListHolder .eachStaffWrap h3 {
    width: 152px;
    height: 152px;
    line-height: 152px;
    color: #fff;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    background-color: rgba(255, 255, 255, .09);
    border-radius: 100%;
    margin: 0 auto 20px auto;
    position: relative
}

.factsAndFiguresPage .thirdSection .innerThirdSection .staffListHolder .eachStaffWrap h3:after {
    content: '';
    border: 1px solid rgba(255, 255, 255, .09);
    width: 172px;
    height: 172px;
    top: -10px;
    position: absolute;
    left: -10px;
    border-radius: 100%
}

.factsAndFiguresPage .thirdSection .innerThirdSection .staffListHolder .eachStaffWrap h5 {
    color: #fff;
    font-size: 18px;
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    line-height: 23px;
    padding: 0 20px
}

.factsAndFiguresPage .operationsSection {
    padding: 60px 0 90px 0
}

.factsAndFiguresPage .operationsSection .sectionTitle {
    color: var(--indigo_sections_col);
    font-size: 33px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 45px 0;
    padding: 0 0 25px 0;
    position: relative;
    text-transform: uppercase;
    display: inline-block
}

.factsAndFiguresPage .operationsSection .sectionTitle:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 22px;
    height: 1px;
    background-color: var(--blue_col)
}

.factsAndFiguresPage .operationsSection .operationsListWrapper {
    display: flex
}

.factsAndFiguresPage .operationsSection .operationsListWrapper .eachListWrap {
    width: calc(100% / 4);
    position: relative
}

.factsAndFiguresPage .operationsSection .operationsListWrapper .eachListWrap h3 {
    color: var(--blue_col);
    font-size: 33px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 6px 0
}

.factsAndFiguresPage .operationsSection .operationsListWrapper .eachListWrap h4 {
    font-size: 18px;
    color: var(--indigo_sections_col);
    margin: 0 0 10px;
    padding: 0 20px 0 0
}

.factsAndFiguresPage .operationsSection .operationsListWrapper .eachListWrap .circle {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: var(--indigo_sections_col);
    display: inline-block;
    position: relative;
    z-index: 2
}

.factsAndFiguresPage .operationsSection .operationsListWrapper .eachListWrap:after {
    content: '';
    position: absolute;
    bottom: 5.5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #EEEFF2;
    z-index: 1
}

.factsAndFiguresPage .operationsSection .operationsListWrapper .eachListWrap:nth-last-child(1):after {
    display: none
}

.boardMembersPage .topSection {
    position: relative;
    padding: 70px 0;
    margin: 0 0 110px 0;
    background-image: url(../../../../../../../themes/TriTheme/images/shape-7.svg);
    background-repeat: no-repeat;
    background-size: 107%;
    background-position: -40px -150px
}

.boardMembersPage .topSection .shapeImage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.boardMembersPage .topSection .row {
    align-items: center
}

.boardMembersPage .topSection .row .imageHolder {
    width: 420px;
    padding: 0 15px;
    position: relative
}

.boardMembersPage .topSection .row .imageHolder img {
    width: 100%;
    height: auto
}

.boardMembersPage .topSection .row .imageHolder .blueCircle {
    width: 75px;
    height: 75px;
    position: absolute;
    bottom: 20px;
    left: -35px
}

.boardMembersPage .topSection .row .descriptionHolder {
    padding: 0 15px;
    width: calc(100% - 420px)
}

.boardMembersPage .topSection .row .descriptionHolder .innerDescriptionHolder {
    padding: 0 0 0 25px
}

.boardMembersPage .topSection .row .descriptionHolder .innerDescriptionHolder h3 {
    color: var(--indigo_sections_col);
    font-size: 24px;
    font-family: "lato-light", "thesans-light", sans-serif;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    position: relative;
    text-transform: uppercase
}

.boardMembersPage .topSection .row .descriptionHolder .innerDescriptionHolder h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 30px;
    background-color: var(--blue_col);
    left: 0;
    height: 1px
}

.boardMembersPage .topSection .row .descriptionHolder .innerDescriptionHolder h2 {
    color: var(--indigo_sections_col);
    font-size: 31px;
    line-height: 34px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 20px 0;
    text-transform: uppercase
}

.boardMembersPage .topSection .row .descriptionHolder .innerDescriptionHolder h4 {
    color: var(--blue_col);
    font-size: 18px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    margin: 0 0 15px 0
}

.boardMembersPage .topSection .row .descriptionHolder .innerDescriptionHolder .content {
    color: #000;
    font-size: 17px;
    font-family: "lato-light", "thesans-light", sans-serif;
    line-height: 25px;
    max-width: 90%
}

.boardMembersPage .membersList .jscroll-added .eachMemberWrap {
    opacity: 1
}

.boardMembersPage .membersList .eachMemberWrap {
    margin: 0 0 160px 0
}

.boardMembersPage .membersList .eachMemberWrap:nth-last-child(2),
.boardMembersPage .membersList .eachMemberWrap:nth-last-child(3) {
    margin: 0 0 80px 0
}

.boardMembersPage .membersList .eachMemberWrap .innerEachMemberWrap {
    background-color: #EEEFF2;
    border-radius: 21px;
    position: relative;
    padding: 60px 20px 30px 20px;
    height: 100%
}

.boardMembersPage .membersList .eachMemberWrap .innerEachMemberWrap .imageHolder {
    position: absolute;
    width: 100%;
    max-width: 146px;
    border-radius: 100%;
    top: -90px;
    left: 40px;
    border: 6px solid #fff
}

.boardMembersPage .membersList .eachMemberWrap .innerEachMemberWrap .imageHolder img {
    width: 100%;
    height: auto;
    border-radius: 100%
}

.boardMembersPage .membersList .eachMemberWrap .innerEachMemberWrap .descriptionHolder {
    padding: 15px 0 0 0
}

.boardMembersPage .membersList .eachMemberWrap .innerEachMemberWrap .descriptionHolder h3 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-size: 17px;
    margin: 0 0 15px 0;
    padding: 0 0 20px 0;
    color: var(--indigo_sections_col);
    position: relative
}

.boardMembersPage .membersList .eachMemberWrap .innerEachMemberWrap .descriptionHolder h3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 22px;
    height: 1px;
    background-color: var(--blue_col)
}

.boardMembersPage .membersList .eachMemberWrap .innerEachMemberWrap .descriptionHolder .content {
    color: #000;
    font-size: 16px;
    font-family: "lato-light", "thesans-light", sans-serif;
    line-height: 22px
}

.contactUsPage .topSection {
    position: relative
}

.contactUsPage .topSection .mapHolder {
    position: relative
}

.contactUsPage .topSection .mapHolder .textLocationHolder {
    position: absolute;
    bottom: 20px;
    right: 65px;
    background-color: #fff;
    color: var(--indigo_sections_col);
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    padding: 10px 15px;
    z-index: 10;
    width: 100%;
    max-width: 333px;
    border-radius: 9px;
    box-shadow: 0 0 9px 3px rgba(0, 0, 0, .2)
}

.contactUsPage .topSection .mapHolder .textLocationHolder a {
    color: var(--indigo_sections_col)
}

.contactUsPage .topSection #map {
    height: 700px;
    width: 100%;
    position: relative;
    z-index: 5
}

.contactUsPage .topSection .descriptionSection {
    position: absolute;
    bottom: -75px;
    left: -95px;
    z-index: 99
}

.contactUsPage .topSection .descriptionSection .innerDescriptionSection {
    position: absolute;
    z-index: 5;
    top: 75px;
    right: 140px;
    width: 100%;
    max-width: 330px
}

.contactUsPage .topSection .descriptionSection .innerDescriptionSection h3 {
    color: #fff;
    font-size: 24px;
    font-family: "lato-light", "thesans-light", sans-serif;
    padding: 0 0 20px 0;
    margin: 0 0 15px 0;
    position: relative;
    text-transform: uppercase
}

.contactUsPage .topSection .descriptionSection .innerDescriptionSection h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 30px;
    background-color: var(--blue_col);
    left: 0;
    height: 1px
}

.contactUsPage .topSection .descriptionSection .innerDescriptionSection h1 {
    color: #fff;
    font-size: 47px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    line-height: 55px;
    margin: 0 0 15px 0
}

.contactUsPage .topSection .descriptionSection ul {
    margin: 0;
    list-style: none;
    padding: 0
}

.contactUsPage .topSection .descriptionSection ul li {
    display: block;
    margin: 0 0 30px 0
}

.contactUsPage .topSection .descriptionSection ul li:nth-last-child(1) {
    margin: 0
}

.contactUsPage .topSection .descriptionSection ul li a {
    color: #fff;
    font-size: 14px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    display: flex
}

.contactUsPage .topSection .descriptionSection ul li a.desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:768px) {
    .contactUsPage .topSection .descriptionSection ul li a.desktop {
        display: none
    }
}

.contactUsPage .topSection .descriptionSection ul li a.mobile {
    display: none
}

@media (max-width:768px) {
    .contactUsPage .topSection .descriptionSection ul li a.mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.contactUsPage .topSection .descriptionSection ul li a strong {
    color: #5D8EFF;
    line-height: 20px;
    display: block;
    margin: 0 0 6px 0
}

.contactUsPage .topSection .descriptionSection ul li a span.icon {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--blue_col);
    border: 1px solid var(--blue_col);
    border-radius: 100%;
    text-align: center;
    font-size: 14px;
    margin: 0 20px 0 0
}

.contactUsPage .topSection .descriptionSection ul li a span.icon.phoneIcon i {
    width: 24px;
    height: 24px;
    background-image: url(../../../../../../../themes/TriTheme/images/phone-icon.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: block
}

.contactUsPage .topSection .descriptionSection ul li a span.icon.covidIcon i {
    width: 24px;
    height: 24px;
    background-image: url(../../../../../../../themes/TriTheme/images/covid-1-icon.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: block
}

.contactUsPage .topSection .descriptionSection ul li a span.icon.whatsappIcon i {
    width: 24px;
    height: 25px;
    background-image: url(../../../../../../../themes/TriTheme/images/whatsapp.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: block
}

.contactUsPage .topSection .descriptionSection ul li:nth-child(1) a {
    align-items: center
}

.contactUsPage .topSection .descriptionSection .blueCircle {
    width: 116px;
    height: 116px;
    position: absolute;
    bottom: -30px;
    left: 50px;
    z-index: 2
}

.contactUsPage .topSection .descriptionSection .shapeImage {
    min-height: 690px;
    max-width: 770px
}

.contactUsPage .topSection .descriptionSection .shapeImage2 {
    position: absolute;
    bottom: 60px;
    left: 220px;
    z-index: 1
}

.contactUsPage .topSection .underMapSentence {
    color: #A3ABB7;
    font-size: 13px;
    font-style: italic;
    text-align: right;
    margin: 18px 20px 0 0
}

.contactUsPage .topSection .underMapSentence a {
    display: inline-block;
    background-color: #EEEFF2;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    border-radius: 26px;
    color: var(--indigo_sections_col);
    text-align: center;
    padding: 10px 18px
}

.contactUsPage .topSection .underMapSentence a:nth-child(1) {
    margin: 0 8px 0 2px
}

.contactUsPage .topSection .underMapSentence a i {
    color: var(--blue_col);
    margin: 0 5px 0 0
}

.contactUsPage .formHolder {
    padding: 100px 15px 10px 15px;
    width: 100%;
    max-width: 650px;
    margin: 0 auto
}

.contactUsPage .formHolder h2 {
    color: var(--indigo_sections_col);
    font-size: 38px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 30px 0;
    text-transform: uppercase
}

.contactUsPage .formHolder div.wpforms-container-full .wpforms-form .wpforms-field-label {
    margin: 0 0 8px 0;
    color: var(--indigo_sections_col);
    font-size: 13px
}

.contactUsPage .formHolder div.wpforms-container-full .wpforms-form .wpforms-field-label span {
    color: var(--blue_col)
}

.contactUsPage .formHolder div.wpforms-container-full .wpforms-form label.wpforms-error {
    margin: 6px 0 0 0
}

.contactUsPage .formHolder div.wpforms-container-full .wpforms-form input[type="text"],
.contactUsPage .formHolder div.wpforms-container-full .wpforms-form input[type="number"],
.contactUsPage .formHolder div.wpforms-container-full .wpforms-form input[type="email"],
.contactUsPage .formHolder div.wpforms-container-full .wpforms-form select {
    height: 43px;
    width: 100%;
    background-color: #EEEFF2;
    border-radius: 21px;
    border: 1px solid #EEEFF2;
    color: var(--indigo_sections_col);
    padding: 0 10px;
    max-width: 100%
}

.contactUsPage .formHolder div.wpforms-container-full .wpforms-form input::-webkit-outer-spin-button,
.contactUsPage .formHolder div.wpforms-container-full .wpforms-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.contactUsPage .formHolder div.wpforms-container-full .wpforms-form input[type=number] {
    -moz-appearance: textfield
}

.contactUsPage .formHolder div.wpforms-container-full .wpforms-form select {
    overflow: hidden;
    background: #EEEFF2 url(../../../../../../../themes/TriTheme/images/bottom-arrow.png) no-repeat scroll 93% 17px!important;
    background-size: 15px!important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.contactUsPage .formHolder div.wpforms-container-full .wpforms-form textarea {
    min-height: 110px;
    width: 100%;
    background-color: #EEEFF2;
    border-radius: 21px;
    border: 1px solid #EEEFF2;
    color: var(--indigo_sections_col);
    padding: 10px
}

.contactUsPage .formHolder div.wpforms-container-full .wpforms-form button[type=submit] {
    background-color: var(--blue_col);
    border: 1px solid var(--blue_col);
    font-family: "lato-bold", "thesans-bold", sans-serif;
    color: #fff;
    width: 100%;
    max-width: 110px;
    border-radius: 25px;
    height: 49px
}

.contactUsPage .formHolder div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    background-color: #fff;
    color: var(--blue_col)
}

.contactUsPage .formHolder .preContactForm {
    background-color: #EEEFF2;
    text-align: center;
    padding: 45px 15px;
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
    border-radius: 12px
}

.contactUsPage .formHolder .preContactForm h3 {
    color: var(--indigo_sections_col);
    font-size: 24px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 18px 0;
    text-transform: uppercase
}

.contactUsPage .formHolder .preContactForm h4 {
    color: #394055;
    font-size: 14px;
    margin: 0 0 30px 0
}

.contactUsPage .formHolder .preContactForm a {
    color: #fff;
    background-color: var(--blue_col);
    font-size: 14px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    padding: 9px 20px;
    border-radius: 8px
}

.contactUsPage .wpcf7-not-valid-tip {
    color: var(--blue_col);
    margin: 5px 0 0 0;
    font-size: 12px
}

.contactUsPage div.wpcf7-validation-errors,
.contactUsPage div.wpcf7-mail-sent-ok {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--blue_col);
    color: var(--blue_col);
    padding: 0 0 5px 0;
    margin: 35px auto 0;
    max-width: 100%;
    text-align: center
}

.contactUsPage.customerCarePage .topSection .formHolderParent {
    padding: 100px 200px 100px 0;
    display: flex;
    justify-content: flex-end
}

.contactUsPage.customerCarePage .topSection .formHolderParent .formHolder {
    padding: 0;
    width: 100%;
    max-width: 600px
}

.contactUsPage.customerCarePage .topSection .formHolderParent .formHolder form .fieldWrapper.halfed:nth-child(4) {
    margin: 0 30px 30px 0
}

.contactUsPage.customerCarePage .topSection .descriptionSection {
    bottom: auto;
    top: 50px
}

.contactUsPage.customerCarePage .topSection .descriptionSection .innerDescriptionSection {
    max-width: 370px;
    right: 75px
}

.contactUsPage.customerCarePage .topSection .descriptionSection .innerDescriptionSection h1 {
    font-size: 44px
}

.socialResponsibility {
    position: relative
}

.socialResponsibility .contentHolder {
    padding: 70px 0 0 0
}

.socialResponsibility .contentHolder .pageTitle {
    color: var(--indigo_sections_col);
    font-size: 34px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    position: relative;
    text-transform: uppercase
}

.socialResponsibility .contentHolder .pageTitle:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 1px;
    background-color: var(--blue_col)
}

.socialResponsibility .contentHolder .mainDescription {
    color: #000;
    font-size: 16px;
    line-height: 25px;
    max-width: 790px;
    width: 100%
}

.socialResponsibility .contentHolder .blocksListWrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0 0 0
}

.socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap {
    flex: 0 0 50%;
    width: 50%;
    display: flex;
    border-bottom: 1px solid #EEEFF2;
    margin: 0 0 30px 0;
    padding: 0 60px 30px 0
}

.socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap .counterHolder {
    flex: 0 0 52px;
    width: 52px
}

.socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap .counterHolder span {
    width: 51px;
    height: 51px;
    background-color: #F4F6F8;
    border-radius: 100%;
    color: var(--blue_col);
    font-size: 18px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap .contentHolder {
    flex: 0 0 calc(100% - 52px);
    width: calc(100% - 52px);
    padding: 0 0 0 15px
}

.socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap .contentHolder h3 {
    color: var(--blue_col);
    font-size: 15px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 5px 0;
    text-transform: uppercase
}

.socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap .contentHolder .content {
    font-size: 16px;
    font-family: "lato-light", "thesans-light", sans-serif;
    line-height: 23px
}

.socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap.compliedByHolder ul {
    margin: 0;
    list-style: none;
    padding: 0
}

.socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap.compliedByHolder ul li {
    width: calc(100% / 2 - 10px);
    font-family: "lato-regular", "thesans-plain", sans-serif;
    display: inline-block;
    font-size: 14px;
    vertical-align: top
}

.transparencyCharterPage .subTitle {
    font-size: 16px;
    color: var(--indigo_sections_col);
    font-family: "lato-bold", "thesans-bold", sans-serif;
    margin: 0 0 25px 0
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap {
    flex: 0 0 100%;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
    border-bottom: none
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap:nth-child(1) {
    margin: 0 0 40px 0
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .titleHolder {
    flex: 0 0 200px;
    width: 200px;
    margin: 0 10px 0 0;
    display: flex;
    align-items: center
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .titleHolder .innerTitleHolder {
    padding: 0 12px 0 0
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .titleHolder span {
    display: block;
    width: 41px;
    height: 41px;
    background-color: var(--blue_col);
    border-radius: 100%;
    margin: 0 0 10px 0;
    color: #fff;
    font-size: 15px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .titleHolder h3 {
    color: var(--blue_col);
    font-size: 15px;
    line-height: 21px;
    margin: 0;
    font-family: "lato-black", "thesans-bold", sans-serif
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap {
    flex: 0 0 calc(100% / 1.75 - 200px);
    width: calc(100% / 1.75 - 200px)
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap.practiveHolder {
    margin: 0 20px 0 0
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap .sectionTitle {
    color: var(--blue_col);
    font-size: 15px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    display: none
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap .content {
    background-color: #F4F6F8;
    padding: 25px 15px 15px 15px;
    height: 100%;
    display: flex;
    align-items: center;
    line-height: 20px;
    font-size: 14px
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap .content ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 25px
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap .content ul li {
    margin: 0 0 10px 0;
    position: relative
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap .content ul li:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    left: -15px;
    top: 6px;
    background-color: var(--blue_col);
    border-radius: 100%
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap.compliedByHolder {
    justify-content: flex-end;
    margin: 20px 0 15px 0
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap.compliedByHolder .contentHolder {
    padding: 0;
    flex: 0 0 calc(100% / 1.75 - 200px);
    width: calc(100% / 1.75 - 200px)
}

.transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap:nth-child(1) .columnWrap .sectionTitle {
    display: inline-block
}

.covid19Page .customContainer {
    width: 100%;
    max-width: 890px;
    margin: 0 auto
}

.covid19Page .contentHolder {
    padding: 50px 0
}

.covid19Page .contentHolder .pageHeader {
    position: relative
}

.covid19Page .contentHolder .pageHeader .infoHolder {
    background-color: #F4F6F8;
    position: relative;
    padding: 30px 40px
}

.covid19Page .contentHolder .pageHeader .infoHolder:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../../../../../../../themes/TriTheme/images/covid-bg.svg);
    background-size: 80%;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 1;
    height: 100%;
    width: 100%
}

.covid19Page .contentHolder .pageHeader .infoHolder img {
    margin: 0 0 15px 0;
    z-index: 2;
    position: relative
}

.covid19Page .contentHolder .pageHeader .infoHolder h1 {
    font-size: 34px;
    color: #fff;
    font-family: "lato-black", "thesans-bold", sans-serif;
    line-height: 45px;
    text-transform: uppercase;
    margin: 0;
    z-index: 2;
    width: 100%;
    max-width: 610px;
    position: relative
}

.covid19Page .contentHolder .pageHeader .imageHolder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 14%;
    width: 100%;
    max-width: 190px;
    border-radius: 100%;
    z-index: 2;
    border: 1px solid rgba(68, 123, 237, .7);
    padding: 8px
}

.covid19Page .contentHolder .pageHeader .imageHolder:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    right: 0;
    margin: 0 auto;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border: 1px solid rgba(78, 31, 235, .11);
    border-radius: 100%
}

.covid19Page .contentHolder .pageHeader .imageHolder img {
    width: 100%;
    height: auto;
    border-radius: 100%
}

.covid19Page .contentHolder .pageHeader .dotsImage {
    position: absolute;
    bottom: -20px;
    right: -35px
}

.covid19Page .contentHolder .faqWrapper.customContainer {
    margin: 50px auto
}

.covid19Page .contentHolder .faqWrapper .eachFaqWrap {
    display: flex;
    margin: 0 0 30px 0;
    cursor: pointer
}

.covid19Page .contentHolder .faqWrapper .eachFaqWrap .numberHolder {
    flex: 0 0 80px;
    width: 80px;
    text-align: left;
    padding: 20px 0 0 0
}

.covid19Page .contentHolder .faqWrapper .eachFaqWrap .numberHolder h3 {
    background-color: var(--blue_col);
    color: #fff;
    font-size: 18px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0;
    width: 51px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    border-radius: 100%
}

.covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder {
    flex: 0 0 calc(100% - 80px);
    width: calc(100% - 80px);
    border-radius: 21px;
    background-color: #F4F6F8;
    padding: 0 30px
}

.covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderQuest {
    position: relative;
    padding: 33px 0
}

.covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderQuest h3 {
    color: var(--indigo_sections_col);
    font-size: 15px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    max-width: 90%;
    line-height: 20px
}

.covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderQuest h3:after {
    width: 0;
    height: 1.5px;
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    background-color: var(--blue_col)
}

.covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderQuest span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--blue_col);
    font-size: 20px;
    right: 0
}

.covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderAnsw {
    display: none;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    max-width: 650px;
    width: 100%
}

.covid19Page .contentHolder .faqWrapper .eachFaqWrap.opened .qaHolder .qaHolderQuest {
    padding: 28px 0 25px 0
}

.covid19Page .contentHolder .faqWrapper .eachFaqWrap.opened .qaHolder .qaHolderQuest h3:after {
    width: 25px
}

.covid19Page .contentHolder .usefulLinksHolder {
    border-radius: 23px;
    background-color: var(--indigo_sections_col);
    padding: 40px 30px 25px 30px;
    width: 100%;
    position: relative
}

.covid19Page .contentHolder .usefulLinksHolder h2 {
    color: #fff;
    position: relative;
    font-size: 13px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    padding: 0 0 15px 0;
    margin: 0 0 30px 0;
    text-transform: uppercase
}

.covid19Page .contentHolder .usefulLinksHolder h2:after {
    content: '';
    background-color: var(--blue_col);
    width: 22px;
    height: 1px;
    left: 0;
    bottom: 0;
    position: absolute
}

.covid19Page .contentHolder .usefulLinksHolder .attentionImg {
    position: absolute;
    top: 20px;
    right: 30px
}

.covid19Page .contentHolder .usefulLinksHolder ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 750px
}

.covid19Page .contentHolder .usefulLinksHolder ul li {
    display: inline-block;
    width: calc(100% / 3 - 15px);
    margin: 0 10px 15px 0;
    vertical-align: top
}

.covid19Page .contentHolder .usefulLinksHolder ul li a {
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: left;
    line-height: 18px;
    padding: 12px 15px;
    border-radius: 20px;
    word-break: break-word;
    border: 1px solid rgba(65, 117, 237, .66)
}

.covid19Page .contentHolder .announcementHolder {
    border-top: 2px solid #D6DAE2;
    padding: 40px 0 0 0;
    color: #000;
    line-height: 20px;
    font-size: 13px;
    margin: 50px auto 0 auto
}

.qualityPolicy .contentHolder .mainDescription h3 {
    color: var(--blue_col);
    font-size: 15px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 30px 0 10px 0;
    text-transform: uppercase
}

.qualityPolicy .contentHolder .mainDescription h4 {
    color: #000;
    font-size: 16px;
    font-family: "lato-light", "thesans-light", sans-serif;
    margin: 0;
    line-height: 23px
}

.qualityPolicy .contentHolder .mainDescription ul {
    list-style: none
}

.qualityPolicy .contentHolder .mainDescription ul li {
    position: relative
}

.qualityPolicy .contentHolder .mainDescription ul li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    left: -15px;
    top: 11px;
    background-color: var(--blue_col);
    border-radius: 100%
}

.faqPage .contentHolder .container {
    width: 100%!important;
    max-width: 990px!important;
    margin: 0 auto
}

.faqPage .contentHolder .container .faqsBlocksWrapper {
    margin: 40px 0 0 0
}

.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock {
    display: flex;
    align-items: flex-start;
    margin: 0 0 50px 0
}

.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .identifier {
    display: flex;
    align-items: center;
    width: 180px;
    flex: 0 0 180px
}

.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .identifier .number {
    background-color: var(--blue_col);
    color: #fff;
    font-size: 18px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0;
    width: 51px;
    height: 51px;
    flex: 0 0 51px;
    line-height: 51px;
    text-align: center;
    border-radius: 100%
}

.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .identifier h3 {
    color: var(--blue_col);
    font-size: 15px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0;
    text-transform: uppercase;
    padding: 0 15px;
    line-height: 22px
}

.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper {
    width: calc(100% - 180px);
    flex: 0 0 calc(100% - 180px)
}

.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap {
    background-color: #F4F6F8
}

.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap:nth-child(1) {
    border-top-left-radius: 21px;
    border-top-right-radius: 21px
}

.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap:nth-last-child(1) {
    border-bottom-left-radius: 21px;
    border-bottom-right-radius: 21px
}

.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap .faqHead {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #fff;
    justify-content: space-between;
    cursor: pointer;
    padding: 16px 35px
}

.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap .faqHead h3 {
    color: #000;
    font-size: 15px;
    margin: 0;
    max-width: 85%;
    line-height: 22px
}

.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap .faqHead span {
    color: var(--blue_col);
    font-size: 30px;
    line-height: 0
}

.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap .faqBody {
    display: none;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    line-height: 28px;
    padding: 15px 35px 40px 35px;
    font-family: "lato-light", "thesans-light", sans-serif
}

.faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap.opened .faqHead span i {
    transform: rotate(180deg)
}

.rfaPage img.dotsImage {
    top: 240px;
    right: 15px
}

.rfaPage .greyCircle {
    width: 492px;
    height: 492px;
    top: -205px;
    right: -100px
}

.rfaPage .contentHolder {
    padding: 0!important
}

.rfaPage .contentHolder .mainDescription {
    max-width: none;
    font-size: 16px;
    font-family: "lato-regular", "thesans-plain", sans-serif
}

.rfaPage .contentHolder .mainDescription .mainDescription__top {
    padding: 105px 0 80px
}

@media (max-width:768px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__top {
        padding: 75px 0 35px
    }
}

.rfaPage .contentHolder .mainDescription .mainDescription__top .mainDescription__topInner {
    display: flex;
    justify-content: space-between;
    max-width: 92%
}

@media (max-width:768px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__top .mainDescription__topInner {
        max-width: 100%;
        flex-direction: column
    }
}

.rfaPage .contentHolder .mainDescription .mainDescription__top .mainDescription__topInner .image__holder {
    width: 22vw;
    height: 22vw;
    max-width: 350px;
    max-height: 350px;
    min-width: 200px;
    min-height: 200px;
    border-radius: 50%;
    border: 5px solid #4175ED;
    overflow: hidden;
    margin: 0 25px
}

.rfaPage .contentHolder .mainDescription .mainDescription__top .mainDescription__topInner .image__holder img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width:768px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__top .mainDescription__topInner .image__holder {
        margin: 0 0 25px 0
    }
}

.rfaPage .contentHolder .mainDescription .mainDescription__top .mainDescription__topInner .texts__holder {
    width: 68%
}

.rfaPage .contentHolder .mainDescription .mainDescription__top .mainDescription__topInner .texts__holder p:first-of-type {
    width: 88%
}

@media (max-width:768px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__top .mainDescription__topInner .texts__holder {
        width: 100%;
        margin-bottom: 25px
    }
}

.rfaPage .contentHolder .mainDescription .mainDescription__center {
    padding: 70px 0 0;
    position: relative;
    background-color: #F4F6F8;
    z-index: -1
}

@media (max-width:991px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__center {
        padding: 50px 0 300px
    }
}

@media (max-width:768px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__center {
        padding: 50px 0 300px
    }
}

@media (max-width:425px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__center {
        padding: 20px 0 300px
    }
}

@media (max-width:375px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__center {
        padding: 20px 0 270px
    }
}

.rfaPage .contentHolder .mainDescription .mainDescription__center:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 525px;
    content: "";
    z-index: -1;
    background: no-repeat url(../../../../../../../themes/TriTheme/images/backimg.svg) #F4F6F8 right top 25px;
    background-size: contain
}

@media (max-width:991px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__center:after {
        bottom: 0;
        top: auto;
        max-height: 300px
    }
}

@media (max-width:375px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__center:after {
        max-height: 270px
    }
}

.rfaPage .contentHolder .mainDescription .mainDescription__center .mainDescription__centerInner {
    display: flex;
    justify-content: space-between
}

.rfaPage .contentHolder .mainDescription .mainDescription__center .mainDescription__centerInner .texts__holder {
    width: 45%
}

@media (max-width:991px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__center .mainDescription__centerInner .texts__holder {
        width: 100%
    }
}

.rfaPage .contentHolder .mainDescription .mainDescription__bottom {
    position: relative;
    padding: 60px 0 30px
}

@media (max-width:425px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__bottom {
        padding: 20px 0
    }
}

.rfaPage .contentHolder .mainDescription .mainDescription__bottom .quote__holder {
    position: absolute;
    padding: 6% 9% 12% 5%;
    max-width: 39%;
    top: 130px;
    right: -60px
}

@media (max-width:650px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__bottom .quote__holder {
        display: none
    }
}

.rfaPage .contentHolder .mainDescription .mainDescription__bottom .quote__holder:after {
    content: url(../../../../../../../themes/TriTheme/images/quoteimg.png);
    position: absolute;
    top: -25px;
    left: 60%
}

.rfaPage .contentHolder .mainDescription .mainDescription__bottom .quote__holder .quote__inner .dotsImage {
    bottom: -40px;
    right: 100px;
    top: auto
}

.rfaPage .contentHolder .mainDescription .mainDescription__bottom .quote__holder .quote__inner p {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-size: 21px;
    line-height: 1.7;
    color: #343553;
    text-transform: uppercase;
    max-width: 400px
}

@media (max-width:991px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__bottom .quote__holder .quote__inner p {
        font-size: 14px
    }
}

.rfaPage .contentHolder .mainDescription .mainDescription__bottom .mainDescription__bottomInner {
    width: 60%
}

@media (max-width:650px) {
    .rfaPage .contentHolder .mainDescription .mainDescription__bottom .mainDescription__bottomInner {
        width: 100%
    }
}

.rfaPage .contentHolder .mainDescription .bottom-text {
    background: #EFF2F7;
    padding: 15px 45px;
    border-radius: 25px;
    font-size: 15px;
    max-width: 67%;
    position: relative
}

.rfaPage .contentHolder .mainDescription .bottom-text:before {
    content: url(../../../../../../../themes/TriTheme/images/shield.png);
    position: absolute;
    top: 16px;
    left: 15px
}

@media (max-width:650px) {
    .rfaPage .contentHolder .mainDescription .bottom-text {
        max-width: 100%
    }
}

.rfaPage .contentHolder .mainDescription h3 {
    color: var(--blue_col);
    font-size: 15px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 25px 0;
    text-transform: uppercase;
    position: relative;
    padding: 0 40px;
    line-height: 25px
}

.rfaPage .contentHolder .mainDescription h3:after {
    content: url(../../../../../../../themes/TriTheme/images/question.svg);
    position: absolute;
    top: 0;
    left: 0
}

.rfaPage .contentHolder .mainDescription h4 {
    color: #000;
    font-size: 16px;
    font-family: "lato-light", "thesans-light", sans-serif;
    margin: 0;
    line-height: 23px
}

.rfaPage .contentHolder .mainDescription ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.rfaPage .contentHolder .mainDescription ul li {
    padding: 0 15px;
    margin-bottom: 10px;
    position: relative
}

.rfaPage .contentHolder .mainDescription ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    border-radius: 50%;
    background-color: #0157B8;
    width: 7px;
    height: 7px
}

.rfaPage .contentHolder .mainDescription ul li::before {
    display: none
}

.rfaPage .contentHolder .mainDescription ul li>ul {
    margin-top: 10px
}

.rfaPage .contentHolder .mainDescription ul li>ul li {
    margin-bottom: 5px
}

.rfaPage .contentHolder .mainDescription ul li>ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    display: block;
    border-radius: 50%;
    border: 1px solid #4175ED;
    background-color: transparent;
    width: 7px;
    height: 7px
}

.rfaPage .contentHolder .mainDescription ul li>ul li a {
    text-decoration: none;
    color: inherit;
    font-weight: 600
}

.rfaPage .contentHolder .mainDescription a {
    text-decoration: underline;
    color: #4175ED;
    font-weight: 600
}

.rfaPage .contentHolder .mainDescription blockquote {
    display: none
}

@media (max-width:650px) {
    .rfaPage .contentHolder .mainDescription blockquote {
        display: block;
        max-width: 300px;
        margin-left: auto
    }
}

.rfaPage .contentHolder .mainDescription blockquote p {
    background: #EFF2F7;
    padding: 15px 45px;
    border-radius: 25px;
    font-size: 15px;
    position: relative;
    max-width: max-content;
    font-weight: 700;
    text-transform: uppercase
}

.rfaPage .contentHolder .mainDescription blockquote p:before {
    content: '';
    background-image: url(../../../../../../../themes/TriTheme/images/quoteimg.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -5px;
    left: 15px;
    width: 30px;
    height: 20px
}

.covidScreeningLocs .mapHolder iframe {
    width: 100%;
    height: 550px;
    border: none
}

.covidScreeningLocs .contentHolder {
    padding: 120px 0 80px 0;
    position: relative
}

.covidScreeningLocs .contentHolder .greyCircle {
    top: 55px;
    right: auto;
    left: -240px;
    background-color: #F4F6F8
}

.covidScreeningLocs .contentHolder .dotsImage {
    position: absolute;
    top: 55px;
    transform: rotate(90deg);
    left: 10px;
    z-index: 1
}

.covidScreeningLocs .contentHolder .mainTitle {
    color: var(--indigo_sections_col);
    font-size: 31px;
    margin: 0 0 40px 0;
    font-family: "lato-black", "thesans-bold", sans-serif;
    text-transform: uppercase
}

.covidScreeningLocs .contentHolder .container {
    position: relative;
    z-index: 5
}

.covidScreeningLocs .contentHolder .columnWrapper .columnTitle {
    color: var(--blue_col);
    font-size: 15px;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    font-family: "lato-black", "thesans-bold", sans-serif;
    position: relative
}

.covidScreeningLocs .contentHolder .columnWrapper .columnTitle:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 1px;
    background-color: var(--blue_col)
}

.covidScreeningLocs .contentHolder .columnWrapper .content {
    font-size: 15px;
    line-height: 23px;
    color: #000
}

.covidScreeningLocs .contentHolder .columnWrapper .content a.number {
    background-color: #F6F7FA;
    color: var(--indigo_sections_col);
    font-family: "lato-bold", "thesans-bold", sans-serif;
    font-size: 14px;
    padding: 8px 16px;
    display: inline-block;
    border-radius: 22px
}

.covidScreeningLocs .contentHolder .columnWrapper .content a.number i {
    color: var(--blue_col);
    transform: rotate(-32deg);
    margin: 0 10px 0 0
}

.covidScreeningLocs .contentHolder .columnWrapper .content ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 25px
}

.covidScreeningLocs .contentHolder .columnWrapper .content ul li {
    margin: 0 0 5px 0;
    position: relative;
    font-family: "lato-light", "thesans-light", sans-serif
}

.covidScreeningLocs .contentHolder .columnWrapper .content ul li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    left: -15px;
    top: 6px;
    background-color: var(--blue_col);
    border-radius: 100%
}

.covidScreeningLocs .contentHolder .columnWrapper .content h5 {
    font-size: 13px;
    font-style: italic;
    color: #000;
    margin: 20px 0 0 0
}

.covidScreeningLocs .contentHolder .columnWrapper.leftSection .content {
    font-family: "lato-light", "thesans-light", sans-serif
}

.covidScreeningLocs .contentHolder .columnWrapper.leftSection h4 {
    font-size: 15px;
    color: #000;
    margin: 40px 0 20px 0
}

.covidScreeningLocs .contentHolder .columnWrapper.leftSection .appsBtnHolder a {
    display: inline-block
}

.covidScreeningLocs .contentHolder .columnWrapper.leftSection .appsBtnHolder a img {
    width: 100%;
    max-width: 160px;
    height: auto
}

.covidScreeningLocs .contentHolder .columnWrapper.leftSection .appsBtnHolder a:nth-of-type(1) {
    margin: 0 10px 0 0
}

.safetyPage .contentHolder .pageTitle {
    padding: 0 0 25px 0
}

.safetyPage .contentHolder .innerContentHolder .firstSection {
    padding: 0 0 70px 0
}

.safetyPage .contentHolder .innerContentHolder .firstSection .row {
    align-items: center
}

.safetyPage .contentHolder .innerContentHolder .firstSection .row .leftSection .content {
    font-size: 14px;
    color: var(--indigo_sections_col);
    line-height: 24px
}

.safetyPage .contentHolder .innerContentHolder .firstSection .row .leftSection .content p:nth-last-child(1) {
    margin: 0
}

.safetyPage .contentHolder .innerContentHolder .firstSection .row .rightSection .imageHolder {
    position: relative;
    cursor: pointer;
    border-bottom: 5px solid #F48B8B
}

.safetyPage .contentHolder .innerContentHolder .firstSection .row .rightSection .imageHolder:after {
    content: '';
    background-color: rgba(0, 0, 0, .52);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.safetyPage .contentHolder .innerContentHolder .firstSection .row .rightSection .imageHolder img {
    width: 100%;
    height: auto
}

.safetyPage .contentHolder .innerContentHolder .firstSection .row .rightSection .imageHolder .innerImageHolder {
    position: absolute;
    z-index: 5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.safetyPage .contentHolder .innerContentHolder .firstSection .row .rightSection .imageHolder .innerImageHolder .playIcon {
    width: 75px;
    height: 75px;
    background-image: url(../../../../../../../themes/TriTheme/images/play-icon.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 0 10px 0;
    display: inline-block
}

.safetyPage .contentHolder .innerContentHolder .firstSection .row .rightSection .imageHolder .innerImageHolder h3 {
    font-size: 18px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    color: #fff
}

.safetyPage .contentHolder .innerContentHolder .subSection .pageTitle {
    font-size: 22px;
    margin: 0 0 25px 0
}

.safetyPage .contentHolder .innerContentHolder .subSection .subTitle {
    font-size: 15px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    color: var(--blue_col);
    margin: 0 0 20px 0;
    text-transform: uppercase
}

.safetyPage .contentHolder .innerContentHolder .subSection .row .leftSection {
    padding: 0 50px 0 15px
}

.safetyPage .contentHolder .innerContentHolder .subSection .row .rightSection {
    padding: 0 15px 0 50px
}

.safetyPage .contentHolder .innerContentHolder .subSection.withBigNumbers .eachElement {
    margin: 0 0 30px 0;
    padding: 0 0 30px 70px;
    position: relative;
    border-bottom: 1px solid #E1E4E8
}

.safetyPage .contentHolder .innerContentHolder .subSection.withBigNumbers .eachElement h4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    border-radius: 100%;
    color: var(--blue_col);
    font-size: 18px;
    font-family: "lato-black", "thesans-bold", sans-serif
}

.safetyPage .contentHolder .innerContentHolder .subSection.withBigNumbers .eachElement h3 {
    color: var(--indigo_sections_col);
    font-size: 14px;
    margin: 0 0 6px 0;
    line-height: 24px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    text-transform: uppercase
}

.safetyPage .contentHolder .innerContentHolder .subSection.withBigNumbers .eachElement .content {
    color: #000;
    font-size: 15px;
    font-family: "lato-light", "thesans-light", sans-serif;
    line-height: 23px
}

.safetyPage .contentHolder .innerContentHolder .subSection.withBigNumbers .eachElement:nth-last-of-type(1) {
    margin: 0;
    border: none;
    padding: 0 0 0 70px
}

.safetyPage .contentHolder .innerContentHolder .secondSection {
    background-color: #F4F6F8;
    padding: 60px 0
}

.safetyPage .contentHolder .innerContentHolder .secondSection .imageHolder {
    width: 100%;
    max-width: 60%;
    margin: 60px auto 0 auto
}

.safetyPage .contentHolder .innerContentHolder .secondSection .imageHolder img {
    width: 100%;
    height: auto
}

.safetyPage .contentHolder .innerContentHolder .secondSection .eachElement {
    margin: 0 0 40px 0
}

.safetyPage .contentHolder .innerContentHolder .secondSection .eachElement h3 {
    color: var(--blue_col);
    font-size: 15px;
    margin: 0 0 15px 0;
    font-family: "lato-black", "thesans-bold", sans-serif;
    text-transform: uppercase
}

.safetyPage .contentHolder .innerContentHolder .secondSection .eachElement .content ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.safetyPage .contentHolder .innerContentHolder .secondSection .eachElement .content ul li {
    position: relative;
    color: var(--indigo_sections_col);
    font-size: 14px;
    margin: 0 0 8px 0;
    line-height: 18px;
    padding: 0 0 0 15px
}

.safetyPage .contentHolder .innerContentHolder .secondSection .eachElement .content ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: var(--blue_col);
    position: absolute;
    top: 6px;
    left: 0
}

.safetyPage .contentHolder .innerContentHolder .thirdSection {
    padding: 60px 0
}

.safetyPage .contentHolder .innerContentHolder .thirdSection .row {
    background-color: #F4F6F8;
    border-radius: 21px;
    padding: 30px 20px
}

.safetyPage .contentHolder .innerContentHolder .thirdSection .row .eachElement {
    margin: 0 0 30px 0;
    padding: 0 0 30px 70px;
    position: relative;
    border-bottom: 1px solid #E1E4E8
}

.safetyPage .contentHolder .innerContentHolder .thirdSection .row .eachElement h4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    border-radius: 100%;
    color: var(--blue_col);
    font-size: 18px;
    font-family: "lato-black", "thesans-bold", sans-serif
}

.safetyPage .contentHolder .innerContentHolder .thirdSection .row .eachElement h3 {
    color: var(--indigo_sections_col);
    font-size: 14px;
    margin: 0 0 6px 0;
    line-height: 24px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    text-transform: uppercase
}

.safetyPage .contentHolder .innerContentHolder .thirdSection .row .eachElement .content {
    color: #000;
    font-size: 15px;
    font-family: "lato-light", "thesans-light", sans-serif;
    line-height: 23px
}

.safetyPage .contentHolder .innerContentHolder .thirdSection .row .eachElement:nth-last-of-type(1) {
    margin: 0;
    border: none;
    padding: 0 0 0 70px
}

.safetyPage .contentHolder .innerContentHolder .thirdSection .row .rightSection .imageHolder {
    width: 100%;
    max-width: 60%;
    margin: 60px auto 0 auto
}

.safetyPage .contentHolder .innerContentHolder .thirdSection .row .rightSection .imageHolder img {
    width: 100%;
    height: auto
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row {
    background-color: #F4F6F8;
    border-radius: 21px;
    padding: 30px 20px
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection {
    display: flex;
    flex-wrap: wrap
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E1E4E8;
    padding: 0 0 40px 0;
    margin: 0 0 40px 0
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection .eachElement {
    border: none;
    padding: 0 0 0 70px;
    margin: 0
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection .imageHolder {
    position: relative;
    cursor: pointer;
    border-bottom: 5px solid #F48B8B;
    margin: 0 0 0 30px
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection .imageHolder:after {
    content: '';
    background-color: rgba(0, 0, 0, .52);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection .imageHolder img {
    width: 100%;
    height: auto
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection .imageHolder .innerImageHolder {
    position: absolute;
    z-index: 5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection .imageHolder .innerImageHolder .playIcon {
    width: 75px;
    height: 75px;
    background-image: url(../../../../../../../themes/TriTheme/images/play-icon.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 0 10px 0;
    display: inline-block
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection .imageHolder .innerImageHolder h3 {
    font-size: 18px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    color: #fff
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection .imageHolder.halfed {
    width: calc(100% / 2 - 20px);
    flex: 0 0 calc(100% / 2 - 20px)
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement {
    width: 100%;
    flex: 0 0 100%
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement.halfed {
    width: calc(100% / 2 - 10px);
    flex: 0 0 calc(100% / 2 - 10px)
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement:nth-child(3),
.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement:nth-child(4),
.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement:nth-child(5),
.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement:nth-child(6) {
    width: calc(100% / 2 - 20px);
    flex: 0 0 calc(100% / 2 - 20px)
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement:nth-child(4),
.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement:nth-child(5) {
    border-bottom: none
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement .content p,
.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement .content ul {
    margin: 0 0 8px 0
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .lastImageHolder {
    width: calc(100% / 2 - 20px);
    flex: 0 0 calc(100% / 2 - 20px);
    text-align: center;
    transform: translateY(-90px)
}

.safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .lastImageHolder img {
    width: 100%;
    max-width: 70%;
    height: auto
}

.safetyPage .contentHolder .innerContentHolder .fifthSection {
    padding: 40px 0
}

.safetyPage .contentHolder .innerContentHolder .fifthSection .pageTitle {
    font-size: 22px
}

.safetyPage .contentHolder .innerContentHolder .fifthSection .smallTitle {
    font-size: 15px
}

.safetyPage .contentHolder .innerContentHolder .fifthSection .leftSection a.number {
    color: var(--indigo_sections_col);
    font-family: "lato-bold", "thesans-bold", sans-serif;
    font-size: 18px;
    padding: 13px 22px;
    display: inline-block;
    background-color: #F6F7FA;
    border-radius: 22px;
    margin: 20px 0 0 0
}

.safetyPage .contentHolder .innerContentHolder .fifthSection .leftSection a.number i {
    transform: rotate(-32deg);
    margin: 0 10px 0 0;
    color: var(--blue_col)
}

.safetyPage .contentHolder .innerContentHolder .fifthSection .rightSection .btnsHolder {
    margin: 25px 0 0 0
}

.safetyPage .contentHolder .innerContentHolder .fifthSection .rightSection .btnsHolder a:nth-child(1) {
    margin: 0 10px 0 0
}

.safetyPage .contentHolder .innerContentHolder .fifthSection .rightSection .btnsHolder a img {
    width: 100%;
    max-width: 160px;
    height: auto
}

.safetyPage .fullPageVideoHolder {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, .8);
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    width: 100%
}

.safetyPage .fullPageVideoHolder .closeBtn {
    color: var(--indigo_sections_col);
    background-color: #fff;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    position: absolute;
    top: 40px;
    right: 40px;
    border-radius: 100%
}

.safetyPage .fullPageVideoHolder .innerFullPage {
    width: 100%
}

.safetyPage .fullPageVideoHolder .innerFullPage .videoHolder {
    margin: 20px 0;
    width: 100%
}

.safetyPage .fullPageVideoHolder .innerFullPage .videoHolder iframe {
    width: 100%;
    max-width: 950px;
    height: 500px
}

.covid__hero {
    background: #EFF2F7;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 221px;
    padding-bottom: 72px;
    position: relative
}

@media screen and (max-width:991px) {
    .covid__hero {
        padding-top: 115px
    }
}

.covid__hero:after {
    content: url("../../../../../../../themes/TriTheme/images/Ellipse 395.png");
    position: absolute;
    bottom: -38px;
    left: 105px;
    z-index: 2
}

@media screen and (max-width:991px) {
    .covid__hero:after {
        left: 15px
    }
}

.covid__hero .container {
    max-width: 1185px!important;
    width: 100%
}

.covid__hero--image {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: auto;
    object-fit: cover;
    z-index: 1;
    min-width: 70%
}

@media screen and (max-width:991px) {
    .covid__hero--image {
        width: 115%;
        height: 60%
    }
}

@media screen and (max-width:550px) {
    .covid__hero--image {
        width: 100%;
        height: 55%;
        left: 50%!important;
        transform: translate(-50%, 0)
    }
}

.covid__hero--content-block {
    position: relative;
    z-index: 2
}

.covid__hero--content-block--wrapper {
    border-radius: 54px 0 0 0;
    background: #4175ed;
    max-width: 400px;
    float: right;
    padding: 33px 38px;
    padding-bottom: 17px
}

@media screen and (max-width:991px) {
    .covid__hero--content-block--wrapper {
        float: left
    }
}

.covid__hero--content-block--wrapper--text {
    border-bottom: 1.5px solid rgba(225, 225, 225, .23)
}

.covid__hero--content-block--wrapper--text p {
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    color: #fff;
    margin-bottom: 21px
}

@media screen and (max-width:991px) {
    .covid__hero--content-block--wrapper--text p {
        max-width: 100%;
        font-size: 15px;
        line-height: 20px
    }
}

.covid__hero--content-block--wrapper--buttons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 25px
}

.covid__hero--content-block--wrapper--buttons .button {
    width: calc(100% / 2 - 7.5px);
    font-family: "lato-bold", "thesans-bold", sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: rgba(225, 225, 225, .14);
    border-radius: 20.5px;
    padding: 7px 10px;
    margin-bottom: 16px
}

@media screen and (max-width:550px) {
    .covid__hero--content-block--wrapper--buttons .button {
        font-size: 10px
    }
}

.covid__hero--content {
    position: relative;
    z-index: 2;
    padding-top: 117px
}

@media screen and (max-width:991px) {
    .covid__hero--content {
        padding-top: 0
    }
}

.covid__hero--content h1 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 47px;
    line-height: 58px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    max-width: 475px;
    margin-bottom: 22px
}

@media screen and (max-width:991px) {
    .covid__hero--content h1 {
        max-width: 100%;
        font-size: 27px;
        line-height: 35px
    }
}

.covid__hero--content p {
    max-width: 640px;
    font-family: "lato-light", "thesans-light", sans-serif;
    font-weight: 300;
    font-size: 17px;
    line-height: 26px;
    text-align: left;
    color: #fff;
    margin-bottom: 25px
}

@media screen and (max-width:991px) {
    .covid__hero--content p {
        max-width: 100%;
        font-size: 15px;
        line-height: 20px
    }
}

.covid__hero--image-wrapper {
    padding-right: 33px;
    padding-top: 10px
}

@media screen and (max-width:991px) {
    .covid__hero--image-wrapper {
        padding-right: 15px
    }
}

.covid__hero--image-wrapper--image {
    float: right;
    width: fit-content;
    position: relative
}

@media screen and (max-width:991px) {
    .covid__hero--image-wrapper--image {
        display: block;
        float: unset;
        margin: auto;
        margin-top: 33px;
        max-width: 50%
    }
}

.covid__hero--image-wrapper--image:before {
    content: '';
    width: calc(100% + 46px);
    height: calc(100% + 46px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border: 1px solid #447BED;
    border-radius: 100%
}

.covid__hero--image-wrapper--image:after {
    content: '';
    width: calc(100% + 90px);
    height: calc(100% + 90px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: 100%;
    border: 1px solid #4e1feb;
    opacity: .11
}

.covid__hero--image-wrapper--image img {
    border-radius: 100%;
    max-width: 419px;
    width: 100%;
    height: 100%;
    max-height: 419px
}

.covid__hero--image-wrapper--image .corona-img {
    width: auto;
    height: auto;
    position: absolute;
    left: -46px;
    top: -28px;
    border-radius: unset
}

.covid__section2 {
    background: #343453;
    padding-top: 72px;
    padding-bottom: 73px
}

@media screen and (max-width:991px) {
    .covid__section2 {
        padding: 45px 0
    }
}

.covid__section2 .container {
    max-width: 1185px!important;
    width: 100%
}

.covid__section2--title {
    padding-top: 70px;
    max-width: 30%
}

@media screen and (max-width:991px) {
    .covid__section2--title {
        padding-top: 0;
        max-width: 100%
    }
}

.covid__section2--title h4 {
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 18px
}

.covid__section2--title h2 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 39px;
    line-height: 48px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 37px
}

.covid__section2--title h5 {
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    color: #fff;
    margin-bottom: 30px
}

.covid__section2--title .appsBtnHolder {
    display: flex
}

@media screen and (max-width:991px) {
    .covid__section2--title .appsBtnHolder {
        margin-bottom: 30px
    }
}

@media screen and (max-width:369px) {
    .covid__section2--title .appsBtnHolder {
        flex-direction: column
    }
}

.covid__section2--title .appsBtnHolder a:first-child {
    margin-right: 22px
}

@media screen and (max-width:369px) {
    .covid__section2--title .appsBtnHolder a:first-child {
        margin-right: 0;
        margin-bottom: 25px
    }
}

.covid__section2--title .appsBtnHolder a:hover {
    opacity: .7
}

.covid__section2--description {
    max-width: 70%;
    padding-left: 85px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (max-width:991px) {
    .covid__section2--description {
        padding-left: 15px;
        max-width: 100%
    }
}

.covid__section2--description p {
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    color: #fff;
    margin-bottom: -1px
}

.covid__section2--description ul {
    margin-bottom: 22px;
    padding-left: 19px
}

.covid__section2--description ul li {
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    color: #fff;
    margin-bottom: 1px;
    padding-left: 20px
}

@media screen and (max-width:991px) {
    .covid__section2--description ul li {
        padding-left: 0
    }
}

.covid .map iframe {
    width: 100%;
    min-height: 509px;
    pointer-events: none
}

.covid .map.active iframe {
    pointer-events: all!important
}

.covid__section3-quote {
    padding-top: 49px
}

.covid__section3-quote .container {
    max-width: 968px!important
}

.covid__section3-quote--wrapper {
    width: 967.58px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .16);
    display: flex;
    align-items: center;
    border-radius: 21px;
    padding: 38px 36px;
    position: relative;
    margin-bottom: -45px
}

@media screen and (max-width:991px) {
    .covid__section3-quote--wrapper {
        flex-direction: column;
        justify-content: center;
        padding: 38px 20%
    }
}

@media screen and (max-width:500px) {
    .covid__section3-quote--wrapper {
        padding: 38px 36px
    }
}

.covid__section3-quote--wrapper:after {
    content: url("../../../../../../../themes/TriTheme/images/Ellipse 395.png");
    position: absolute;
    bottom: -37px;
    right: 39px
}

.covid__section3-quote--wrapper--image {
    margin-right: 38px;
    position: relative
}

@media screen and (max-width:991px) {
    .covid__section3-quote--wrapper--image {
        margin-left: 0;
        margin-bottom: 30px
    }
}

.covid__section3-quote--wrapper--image:before {
    content: '';
    width: calc(100% + 28px);
    height: calc(100% + 28px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: 100%;
    border: 1px solid #4175ed;
    opacity: .2
}

.covid__section3-quote--wrapper--image img {
    border-radius: 100%;
    width: 160px;
    height: 160px;
    object-fit: cover
}

.covid__section3-quote--wrapper--content p {
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    color: #343652;
    margin-bottom: 20px
}

.covid__section3-question {
    background: #343453;
    padding-top: 102px;
    padding-bottom: 75px
}

.covid__section3-question--content h3 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 33px;
    line-height: 58px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 27px
}

.covid__section3-question--content h3:after {
    content: '';
    width: 22px;
    height: 2px;
    background: #4175ed;
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translate(-50%, 0)
}

.covid__section3-question--content p {
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    margin-bottom: 27px
}

.covid__section3-question--content--links {
    width: fit-content;
    margin: auto;
    width: -moz-max-content;
    display: flex
}

.covid__section3-question--content--links a {
    font-family: "lato-bold", "thesans-bold", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
    text-align: left;
    color: #fff;
    display: flex;
    align-items: center;
    border-radius: 22px;
    background: rgba(225, 225, 225, .14);
    padding: 9px 34px 9px 16px;
    position: relative
}

.covid__section3-question--content--links a:before {
    content: '';
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: 28px;
    border: 1px solid rgba(225, 225, 225, .14)
}

.covid__section3-question--content--links a i {
    color: #4D83FF;
    margin-right: 8px;
    transform: rotate(-45deg);
    font-size: 23px
}

.covid__section3-question--content--links a img {
    margin-right: 7px
}

.covid__section3-question--content--links a:first-of-type {
    margin-right: 27px
}

.covid__section3-question--content--links a:hover {
    color: #4175ED
}

.covid__section4 {
    padding-top: 52px;
    padding-bottom: 35px
}

.covid__section4 .container {
    max-width: 1050px!important;
    width: 100%!important
}

.covid__section4--title h4 {
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    color: #4175ed
}

.covid__section4--title h2 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 33px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    color: var(--indigo_sections_col);
    margin-bottom: 36px
}

.covid__section4--items-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width:1024px) {
    .covid__section4--items-wrap {
        padding: 0 15px
    }
}

.covid__section4--item {
    border-radius: 21px;
    background: #f4f6f8;
    width: calc(100% / 4 - 25px);
    padding: 35px 20px;
    padding-bottom: 22px;
    padding-right: 5px;
    margin-bottom: 26px;
    display: flex;
    align-items: center
}

.covid__section4--item--icon {
    min-width: 42px;
    margin-right: 12.5px
}

@media screen and (max-width:1024px) {
    .covid__section4--item {
        width: calc(100% / 2 - 12px)
    }
}

@media screen and (max-width:550px) {
    .covid__section4--item {
        width: 100%
    }
}

.covid__section4--item h3 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 28px;
    text-align: left;
    color: var(--indigo_sections_col);
    margin-bottom: 3px
}

.covid__section4--item h5 {
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    color: var(--indigo_sections_col)
}

.covid__section5 {
    padding-top: 80px;
    padding-bottom: 99px;
    position: relative
}

@media screen and (max-width:1024px) {
    .covid__section5 {
        padding-bottom: 30px
    }
}

.covid__section5:before {
    content: '';
    width: 100%;
    height: 51%;
    position: absolute;
    top: 0;
    left: 0;
    background: #F4F6F8;
    z-index: -1
}

@media screen and (max-width:1024px) {
    .covid__section5:before {
        height: 86%
    }
}

.covid__section5:after {
    content: url("../../../../../../../themes/TriTheme/images/Ellipse 395.png");
    position: absolute;
    top: 51.5%;
    right: 38px;
    transform: translate(0, -50%)
}

@media screen and (max-width:1024px) {
    .covid__section5:after {
        top: 86.5%
    }
}

@media screen and (max-width:1024px) {
    .covid__section5 .row {
        display: flex;
        flex-direction: column
    }
}

.covid__section5 .container {
    width: 100%!important;
    max-width: 1090px!important
}

@media screen and (max-width:1024px) {
    .covid__section5--image {
        width: 100%;
        max-width: 100%;
        padding: 0 55px
    }
}

.covid__section5--image--image-wrap {
    position: relative;
    display: flex;
    width: fit-content
}

@media screen and (max-width:1024px) {
    .covid__section5--image--image-wrap {
        margin: auto;
        margin-bottom: 50px
    }
}

.covid__section5--image--image-wrap:before {
    content: '';
    width: calc(100% + 46px);
    height: calc(100% + 46px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border: 1px solid #447BED;
    border-radius: 100%
}

.covid__section5--image--image-wrap:after {
    content: '';
    width: calc(100% + 90px);
    height: calc(100% + 90px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: 100%;
    border: 1px solid #4e1feb;
    opacity: .11
}

.covid__section5--image--image-wrap img {
    max-width: 419px;
    max-height: 419px;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.covid__section5--image--image-wrap .dots-image {
    width: auto;
    height: auto;
    position: absolute;
    top: 56%;
    left: -119px;
    transform: translate(0, -50%);
    z-index: -1
}

.covid__section5--content {
    padding-left: 65px;
    padding-top: 33px
}

@media screen and (max-width:1024px) {
    .covid__section5--content {
        padding-left: 15px;
        width: 100%;
        max-width: 100%;
        position: relative;
        z-index: 5
    }
}

.covid__section5--content h2 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 33px;
    line-height: 38px;
    text-align: left;
    color: var(--indigo_sections_col);
    text-transform: uppercase;
    margin-bottom: 12px
}

.covid__section5--content p {
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    color: #000
}

.covid__section5--content p a {
    text-decoration: underline
}

.covid__section5--content--text p {
    font-family: "lato-light", "thesans-light", sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    color: #000;
    margin-bottom: 51px
}

@media screen and (min-width:1135px) {
    .covid__section5--content--text p {
        width: 107%
    }
}

.covid__section6 {
    background: #343453;
    padding-top: 86px;
    padding-bottom: 60px
}

.covid__section6 .container {
    max-width: 1115px!important;
    width: 100%!important
}

@media screen and (max-width:1024px) {
    .covid__section6 .row {
        display: flex;
        flex-direction: column
    }
}

.covid__section6--title {
    padding-top: 45px
}

@media screen and (max-width:1024px) {
    .covid__section6--title {
        padding-top: 0;
        margin-left: 60px;
        width: 100%;
        max-width: 100%
    }
}

.covid__section6--title h2 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 47px;
    line-height: 54px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    position: relative
}

.covid__section6--title h2:before {
    content: url(../../../../../../../themes/TriTheme/images/corona-icon-eng.png);
    position: absolute;
    top: -42px;
    left: -55px
}

.covid__section6--content {
    padding-left: 43px
}

@media screen and (max-width:1024px) {
    .covid__section6--content {
        padding-left: 15px;
        width: 100%;
        max-width: 100%
    }
}

.covid__section6--content p {
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    color: #fff;
    margin-bottom: 22px
}

.covid__section7 {
    padding-top: 66px;
    padding-bottom: 42px
}

.covid__section7--title h2 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 33px;
    line-height: 35px;
    text-align: left;
    text-transform: uppercase;
    color: var(--indigo_sections_col);
    margin-bottom: 33px
}

.covid__section7--wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.covid__section7--wrap--item {
    border-radius: 21px;
    background: #f4f6f8;
    width: calc(100% / 2 - 12px);
    margin-bottom: 25px;
    position: relative;
    padding: 37px 65px 29px 24px
}

@media screen and (max-width:991px) {
    .covid__section7--wrap--item {
        width: 100%
    }
}

.covid__section7--wrap--item .action-btn {
    position: absolute;
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-weight: 400;
    font-size: 33px;
    line-height: 70px;
    text-align: left;
    color: #4175ed;
    top: 19px;
    right: 24px
}

.covid__section7--wrap--item .action-btn:hover {
    cursor: pointer
}

.covid__section7--wrap--item .action-btn i {
    font-size: 18px
}

.covid__section7--wrap--item h5 {
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 36px;
    text-align: left;
    color: var(--indigo_sections_col);
    position: relative
}

.covid__section7--wrap--item h5:after {
    height: 1.5px;
    width: 0;
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    background-color: var(--blue_col);
    transition: all 0.5s
}

.covid__section7--wrap--item--content {
    display: none
}

.covid__section7--wrap--item--content p,
.covid__section7--wrap--item--content ul li {
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    text-align: left;
    color: var(--indigo_sections_col)
}

.covid__section7--wrap .opened h5:after {
    width: 25px
}

.covid .contentHolder {
    padding-top: 80px
}

.covid .covid__section3-question .container .row .covid__section3-question--content .numbersHolder {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 800px;
    margin: 40px auto 0 auto
}

.covid .covid__section3-question .container .row .covid__section3-question--content .numbersHolder .eachNumberHolder {
    flex: 0 0 50%;
    width: 50%;
    padding: 0 15px
}

.covid .covid__section3-question .container .row .covid__section3-question--content .numbersHolder .eachNumberHolder p {
    line-height: 20px;
    min-height: 40px
}

@media screen and (min-width:992px) {
    .page-template-covid-page .topHeader .languageSwitcher {
        background: #fff;
        color: var(--indigo_sections_col)!important
    }
    .page-template-covid-page .topHeader .menuOpenerHolder h6 {
        color: var(--indigo_sections_col)
    }
    .page-template-covid-page .topHeader .menuOpenerHolder span {
        background-color: var(--indigo_sections_col)
    }
    .page-template-covid-page .topHeader .number {
        background: #ffffff!important;
        color: var(--indigo_sections_col)!important
    }
    .page-template-covid-page .topHeader .number i {
        color: var(--indigo_sections_col)!important
    }
    .page-template-covid-page .scrolled .menuOpenerHolder h6 {
        color: #fff
    }
    .page-template-covid-page .scrolled .menuOpenerHolder span {
        background-color: #fff
    }
    .page-template-covid-page .scrolled .number {
        background: transparent!important;
        color: #ffffff!important
    }
    .page-template-covid-page .scrolled .number i {
        color: #ffffff!important
    }
    .page-template-covid-page .scrolled .languageSwitcher {
        background: transparent;
        color: #ffffff!important
    }
}

.blood-donation-header {
    border-bottom: 1px solid rgba(234, 234, 237, .26)
}

.blood-donation-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blood-donation-header .container .clear {
    display: none;
    clear: none
}

.blood-donation-header .leftSection a img {
    max-width: 297px
}

@media screen and (max-width:768px) {
    .blood-donation-header .leftSection a img {
        max-width: 215px!important
    }
}

@media screen and (max-width:510px) {
    .blood-donation-header .leftSection a img {
        max-width: 180px!important
    }
}

@media (max-width:400px) {
    .blood-donation-header .leftSection a img {
        max-width: 145px!important
    }
}

@keyframes mymove {
    from {
        top: 20%
    }
    to {
        top: 75%
    }
}

.blood-donation__hero {
    position: relative;
    background-size: cover;
    background-position: center center;
    padding-top: 324px;
    overflow-x: hidden;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .08)
}

@media screen and (max-width:768px) {
    .blood-donation__hero {
        padding-top: 370px;
        background-repeat: no-repeat;
        background-size: 200% 69%;
        background-position: 68% 0%
    }
}

.blood-donation__hero:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #343453;
    opacity: .5;
    top: 0;
    left: 0
}

.blood-donation__hero .container {
    position: relative;
    z-index: 2;
    width: 100%!important;
    max-width: 1222px!important
}

@media screen and (max-width:768px) {
    .blood-donation__hero .container {
        padding: 0 20px
    }
}

.blood-donation__hero .container .scroll-elem {
    position: absolute;
    right: 8px;
    top: 88px;
    width: 28.98px;
    height: 41.16px;
    background: transparent;
    border: 3px solid #fff;
    border-radius: 20px
}

.blood-donation__hero .container .scroll-elem:before {
    content: '';
    position: absolute;
    width: 2.73px;
    height: 7.5px;
    background: #fff;
    border-radius: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: mymove 1.5s ease-out forwards;
    animation-iteration-count: infinite;
    transition: all 1s ease
}

@media screen and (max-width:768px) {
    .blood-donation__hero .container .scroll-elem {
        position: relative;
        right: unset;
        top: unset;
        width: 25.98px;
        height: 36.16px;
        border: 2px solid #fff;
        margin-bottom: 17px
    }
    .blood-donation__hero .container .scroll-elem:before {
        border: 2px solid #fff
    }
}

.blood-donation__hero h1 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 61px;
    line-height: 69px;
    text-align: left;
    color: #fff;
    max-width: 525px;
    margin-bottom: 57px
}

@media screen and (max-width:768px) {
    .blood-donation__hero h1 {
        font-size: 37px!important;
        line-height: 42px!important;
        margin-bottom: 44px
    }
}

.blood-donation__hero--content {
    background: #fff;
    display: flex;
    align-items: center;
    width: max-content;
    position: relative
}

@media screen and (max-width:1024px) {
    .blood-donation__hero--content {
        width: calc(100% + 15px)!important
    }
}

@media screen and (max-width:768px) {
    .blood-donation__hero--content {
        flex-direction: column;
        align-items: flex-start;
        width: calc(100% + 20px)!important;
        padding-top: 20px
    }
}

.blood-donation__hero--content:before {
    content: '';
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    z-index: 2
}

.blood-donation__hero--content img {
    height: fit-content;
    margin-right: 15px
}

@media screen and (max-width:768px) {
    .blood-donation__hero--content img {
        height: fit-content;
        margin-right: 0;
        transform: scale(.75);
        left: -6px;
        position: relative;
        margin-bottom: 5px
    }
}

.blood-donation__hero--content p {
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    text-align: left;
    color: #000;
    max-width: 620px;
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .blood-donation__hero--content p {
        font-size: 15px!important;
        line-height: 24px!important;
        margin-bottom: 29px
    }
}

.blood-donation__hero--content--donation {
    background: #4175ed;
    position: relative;
    margin-left: 94px;
    padding: 45px 50px;
    border: 1px solid #4175ed
}

.blood-donation__hero--content--donation .title {
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 32px;
    color: #fff
}

.blood-donation__hero--content--donation .title i {
    margin-left: 8px
}

@media screen and (max-width:768px) {
    .blood-donation__hero--content--donation {
        width: calc(100% + 40px);
        margin-left: -20px;
        text-align: center;
        z-index: 2;
        padding: 18px 0
    }
}

.blood-donation__hero--content--donation ul {
    display: none;
    position: absolute;
    bottom: 100%;
    padding: 0;
    padding-bottom: 33px;
    left: 0;
    width: 100%;
    list-style: none;
    margin: 0
}

@media screen and (max-width:768px) {
    .blood-donation__hero--content--donation ul {
        left: -12px
    }
}

.blood-donation__hero--content--donation ul:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 16px 0 16px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translate(-50%, 0)
}

.blood-donation__hero--content--donation ul li {
    text-align: center;
    border-bottom: 1px solid #d7dbe2;
    padding: 19px 7px;
    background: #fff
}

.blood-donation__hero--content--donation ul li:last-child {
    border: unset
}

.blood-donation__hero--content--donation ul li span {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #343553;
    text-transform: uppercase;
    display: block;
    margin: auto
}

.blood-donation__hero--content--donation ul li a {
    display: block;
    width: max-content;
    margin: auto;
    text-align: center;
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 25px;
    color: #4175ed
}

.blood-donation__hero--content--donation ul li a i {
    margin-right: 8px;
    transform: rotate(-40deg)
}

.blood-donation__hero--content--donation ul li:hover {
    background: #4175ed
}

.blood-donation__hero--content--donation ul li:hover span {
    color: #fff
}

.blood-donation__hero--content--donation ul li:hover a {
    color: #fff
}

.blood-donation__hero--content--donation.is-active ul {
    display: block
}

.blood-donation__hero--content--donation:hover {
    cursor: pointer
}

.blood-donation__section2 {
    padding-top: 97px;
    padding-bottom: 91px
}

@media screen and (max-width:768px) {
    .blood-donation__section2 {
        padding-top: 41px;
        padding-bottom: 0;
        margin-bottom: -42px
    }
}

@media screen and (max-width:768px) {
    .blood-donation__section2 {
        padding-bottom: 0;
        margin-bottom: -42px
    }
}

.blood-donation__section2 .container {
    position: relative;
    z-index: 2;
    width: 100%!important;
    max-width: 1222px!important
}

.blood-donation__section2--image {
    margin: auto;
    position: relative;
    left: 73px;
    max-width: 712px
}

@media screen and (max-width:1218px) {
    .blood-donation__section2--image {
        left: 2%;
        width: 100%
    }
}

.blood-donation__section2--title h2 {
    text-transform: uppercase;
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-weight: 400;
    font-size: 42px;
    line-height: 39px;
    text-align: center;
    color: #343553;
    margin-bottom: 42px
}

.blood-donation__section2--title h2 b {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900
}

@media screen and (max-width:1218px) {
    .blood-donation__section2--title h2 {
        font-size: 30px!important;
        line-height: 32px!important;
        margin-bottom: 45px!important
    }
}

.blood-donation__section2 .num-left {
    float: left
}

.blood-donation__section2 .num-right {
    float: right
}

@media screen and (max-width:1218px) {
    .blood-donation__section2 .num-right {
        display: contents
    }
}

.blood-donation__section2--numbers {
    margin: 0;
    list-style: none;
    padding: 0
}

@media screen and (max-width:1218px) {
    .blood-donation__section2--numbers {
        width: 50%
    }
}

.blood-donation__section2--numbers li {
    display: flex;
    align-items: center;
    padding-top: 52px;
    margin-bottom: 45px;
    position: relative;
    min-height: 102px
}

.blood-donation__section2--numbers li:after {
    content: url(../../../../../../../themes/TriTheme/images/numbers-arrow.png);
    position: absolute;
    bottom: -60px;
    left: 7px
}

@media screen and (max-width:768px) {
    .blood-donation__section2--numbers li:after {
        left: 50%!important;
        right: unset!important;
        transform: translate(-50%, 0)
    }
}

@media screen and (max-width:1218px) {
    .blood-donation__section2--numbers li {
        flex-wrap: wrap;
        padding-top: 33px;
        margin-bottom: 16px;
        min-height: 150px
    }
    .blood-donation__section2--numbers li:after {
        bottom: -36px
    }
}

.blood-donation__section2--numbers li h4 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 35px;
    line-height: 39px;
    text-align: left;
    color: #343553;
    margin-bottom: 0
}

@media screen and (max-width:1218px) {
    .blood-donation__section2--numbers li h4 {
        font-size: 25px;
        line-height: 32px;
        width: 100%;
        margin-bottom: 5px
    }
}

@media screen and (max-width:768px) {
    .blood-donation__section2--numbers li h4 {
        text-align: center!important
    }
}

.blood-donation__section2--numbers li img {
    margin-left: 13px;
    margin-right: 11px
}

@media screen and (max-width:1218px) {
    .blood-donation__section2--numbers li img {
        margin-left: 0;
        margin-right: 8px
    }
}

@media screen and (max-width:768px) {
    .blood-donation__section2--numbers li img {
        display: block;
        margin: auto!important
    }
}

.blood-donation__section2--numbers li span {
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    color: #343553
}

@media screen and (max-width:1218px) {
    .blood-donation__section2--numbers li span {
        font-size: 12px!important;
        line-height: 16px!important
    }
}

@media screen and (max-width:768px) {
    .blood-donation__section2--numbers li span {
        width: 100%!important;
        text-align: center!important;
        margin-top: 13px!important;
        max-width: 100%!important
    }
}

.blood-donation__section2--numbers li:last-child:after {
    content: none
}

.blood-donation__section3 {
    position: relative;
    padding-top: 64px
}

.blood-donation__section3--image {
    position: absolute;
    top: -64px;
    right: -71px;
    z-index: 1
}

@media screen and (max-width:768px) {
    .blood-donation__section3--image {
        position: relative;
        width: calc(100% + 20px + 22%);
        top: 0;
        right: calc(20px + 22%)
    }
}

.blood-donation__section3 .container {
    position: relative;
    z-index: 2;
    width: 100%!important;
    max-width: 1222px!important
}

@media screen and (max-width:768px) {
    .blood-donation__section3 .container {
        padding: 0 20px;
        width: calc(100% + 20px)!important
    }
}

.blood-donation__section3--content {
    background: #4175ED;
    width: max-content;
    padding: 56px 117px 62px 0;
    position: relative;
    z-index: 2
}

@media screen and (max-width:768px) {
    .blood-donation__section3--content {
        padding: 48px 0 53px 0;
        width: 100%
    }
}

.blood-donation__section3--content:before {
    content: '';
    background: #4175ED;
    width: 200%;
    top: 0;
    right: 100%;
    position: absolute;
    height: 100%;
    z-index: -1
}

.blood-donation__section3--content h2 {
    font-family: "lato-light", "thesans-light", sans-serif;
    font-weight: 300;
    font-size: 42px;
    line-height: 45px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 12px
}

.blood-donation__section3--content h2 b {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900
}

@media screen and (max-width:768px) {
    .blood-donation__section3--content h2 {
        font-size: 30px!important;
        line-height: 32px!important
    }
}

.blood-donation__section3--content p {
    max-width: 330px;
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    text-align: left;
    color: #fff;
    margin-bottom: 31px
}

@media screen and (max-width:768px) {
    .blood-donation__section3--content p {
        font-size: 16px!important;
        line-height: 24px!important
    }
}

.blood-donation__section3--content a {
    border-radius: 22.5px;
    background: #fff;
    padding: 14px 23px;
    border: 1px solid #fff
}

.blood-donation__section3--content a span {
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 26px;
    text-align: center;
    color: #4175ed;
    text-transform: uppercase
}

@media screen and (max-width:768px) {
    .blood-donation__section3--content a span {
        font-size: 16px!important;
        line-height: 24px!important
    }
}

.blood-donation__section3--content a:hover {
    background: transparent
}

.blood-donation__section3--content a:hover span {
    color: #fff
}

.blood-donation__section4 {
    position: relative;
    padding-top: 125px;
    padding-bottom: 88px
}

@media screen and (max-width:768px) {
    .blood-donation__section4 {
        padding-top: 36px;
        padding-bottom: 42px
    }
}

.blood-donation__section4:after {
    content: '';
    width: 1px;
    height: 179px;
    background: #d5dce3;
    right: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    position: absolute
}

@media screen and (max-width:768px) {
    .blood-donation__section4:after {
        content: none
    }
}

.blood-donation__section4 .container {
    position: relative;
    z-index: 2;
    width: 100%!important;
    max-width: 1222px!important;
    display: flex
}

@media screen and (max-width:768px) {
    .blood-donation__section4 .container {
        flex-direction: column;
        padding: 0 20px;
        width: calc(100% + 40px)!important;
        margin-left: -20px
    }
}

.blood-donation__section4--content {
    width: 50%;
    position: relative
}

@media screen and (max-width:768px) {
    .blood-donation__section4--content {
        width: 100%;
        margin-bottom: 77px
    }
    .blood-donation__section4--content:after {
        content: '';
        width: 215px;
        height: 1px;
        background: #d5dce3;
        left: 50%;
        bottom: -46px;
        transform: translate(-50%, 0);
        z-index: 20;
        position: absolute
    }
    .blood-donation__section4--content:nth-child(2) {
        margin-bottom: 0
    }
    .blood-donation__section4--content:nth-child(2):after {
        content: none
    }
}

.blood-donation__section4--content h2 {
    font-family: "lato-light", "thesans-light", sans-serif;
    font-weight: 300;
    font-size: 42px;
    line-height: 43px;
    text-align: center;
    color: #343553;
    text-transform: uppercase;
    margin-bottom: 17px
}

@media screen and (max-width:768px) {
    .blood-donation__section4--content h2 {
        font-size: 30px!important;
        line-height: 32px!important;
        margin-bottom: 11px
    }
}

.blood-donation__section4--content h2 b {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900
}

.blood-donation__section4--content p {
    font-family: "lato-light", "thesans-light", sans-serif;
    font-weight: 300;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    color: #000;
    max-width: 395px;
    display: block;
    margin: auto;
    margin-bottom: 21px
}

@media screen and (max-width:768px) {
    .blood-donation__section4--content p {
        font-size: 15px!important;
        line-height: 24px!important
    }
}

.blood-donation__section4--content a {
    padding: 13px 25px;
    border-radius: 22.5px;
    background: #4175ed;
    display: block;
    width: max-content;
    margin: auto;
    border: 1px solid #4175ed
}

.blood-donation__section4--content a span {
    font-family: "lato-semibold", "thesans-bold", sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: -5px
}

.blood-donation__section4--content a:hover {
    background: transparent
}

.blood-donation__section4--content a:hover span {
    color: #4175ed
}

.blood-donation__section5 {
    background: #f4f6f8;
    padding-top: 50px;
    padding-bottom: 117px
}

@media screen and (max-width:768px) {
    .blood-donation__section5 {
        padding-top: 40px;
        padding-bottom: 84px
    }
}

@media screen and (max-width:500px) {
    .blood-donation__section5 {
        padding-bottom: 40px
    }
}

.blood-donation__section5 .container {
    width: 100%!important;
    max-width: 1222px!important
}

@media screen and (max-width:768px) {
    .blood-donation__section5 .container {
        padding: 0 20px
    }
}

.blood-donation__section5--title h2 {
    font-family: "lato-light", "thesans-light", sans-serif;
    font-weight: 300;
    font-size: 42px;
    line-height: 56px;
    text-align: left;
    color: #343553;
    text-transform: uppercase;
    margin-bottom: 33px
}

.blood-donation__section5--title h2 b {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900
}

@media screen and (max-width:768px) {
    .blood-donation__section5--title h2 {
        font-size: 30px!important;
        line-height: 32px!important;
        margin-bottom: 47px;
        text-align: center
    }
}

.blood-donation__section5--map {
    background: #fff;
    padding: 9px;
    margin: 0 15px;
    max-width: calc(33.3% - 30px);
    box-shadow: 0 0 10px rgba(0, 0, 0, .09);
    position: relative;
    height: fit-content
}

@media screen and (max-width:768px) {
    .blood-donation__section5--map {
        width: 90%;
        max-width: 100%;
        margin-bottom: 80px;
        margin-right: auto;
        margin-left: auto
    }
}

.blood-donation__section5--map a {
    width: 100%
}

.blood-donation__section5--map a img {
    width: 100%;
    height: auto
}

.blood-donation__section5--map--title {
    position: absolute;
    left: 28px;
    bottom: -31px;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    z-index: 5;
    padding: 21px 73px 24px 25px;
    min-width: 259px
}

@media screen and (max-width:992px) {
    .blood-donation__section5--map--title {
        padding: 21px 25px 24px 25px;
        min-width: 220px
    }
}

@media screen and (max-width:768px) {
    .blood-donation__section5--map--title {
        max-width: 284px;
        min-width: 284px;
        left: 26px
    }
}

@media screen and (max-width:500px) {
    .blood-donation__section5--map--title {
        max-width: 230px;
        min-width: 230px
    }
}

.blood-donation__section5--map--title h3 {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 13px;
    line-height: 25px;
    text-align: left;
    color: #343553;
    text-transform: uppercase;
    margin-bottom: 3px
}

@media screen and (max-width:768px) {
    .blood-donation__section5--map--title h3 {
        font-size: 12px!important;
        line-height: 19px!important
    }
}

.blood-donation__section5--map--title a i {
    margin-right: 8px;
    transform: rotate(-40deg)
}

.blood-donation__section5--map--title a span {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    color: #4175ed
}

@media screen and (max-width:768px) {
    .blood-donation__section5--map--title a span {
        font-size: 12px!important;
        line-height: 19px!important
    }
}

.blood-donation__section5--map:hover .blood-donation__section5--map--title {
    background: #4175ed
}

.blood-donation__section5--map:hover .blood-donation__section5--map--title h3 {
    color: #fff
}

.blood-donation__section5--map:hover .blood-donation__section5--map--title a {
    color: #fff
}

.blood-donation__section5--map:hover .blood-donation__section5--map--title a i {
    color: #fff
}

.blood-donation__section5--map:hover .blood-donation__section5--map--title a span {
    color: #fff
}

@media (max-width:768px) {
    .blood-donation__section5--map.hidden-responsive {
        display: none
    }
}

.blood-donation__section6 {
    padding-top: 67px;
    padding-bottom: 25px
}

@media screen and (max-width:768px) {
    .blood-donation__section6 {
        padding-top: 22px
    }
}

.blood-donation__section6 .container {
    width: 100%!important;
    max-width: 1222px!important
}

@media screen and (max-width:768px) {
    .blood-donation__section6 .container {
        padding: 0 20px
    }
}

.blood-donation__section6--title h2 {
    font-family: "lato-light", "thesans-light", sans-serif;
    font-weight: 300;
    font-size: 42px;
    line-height: 56px;
    text-align: left;
    color: #343553;
    margin-bottom: 19px
}

.blood-donation__section6--title h2 b {
    font-family: "lato-bold", "thesans-bold", sans-serif;
    font-weight: 700
}

@media screen and (max-width:768px) {
    .blood-donation__section6--title h2 {
        font-size: 30px!important;
        line-height: 32px!important
    }
}

@media screen and (max-width:1024px) {
    .blood-donation__section6 .scroll-row {
        overflow-x: scroll;
        display: flex;
        flex-wrap: nowrap
    }
}

.blood-donation__section6--post-item {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 0;
    margin: 0 12.5px;
    max-width: calc(100% / 4 - 25px);
    margin-bottom: 10px
}

@media screen and (max-width:1024px) {
    .blood-donation__section6--post-item {
        min-width: 244px;
        float: none
    }
}

.blood-donation__section6--post-item a {
    display: block;
    height: 100%;
    position: relative;
    padding: 0 0 58px 0
}

.blood-donation__section6--post-item a img {
    width: 100%;
    height: auto;
    margin-bottom: 19px
}

.blood-donation__section6--post-item a h5 {
    font-family: "lato-bold", "thesans-bold", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 23px;
    text-align: left;
    color: #447bed;
    border-radius: 5px;
    background: #f4f5f7;
    padding: 3px 9px;
    margin-left: 19px;
    width: max-content;
    text-transform: uppercase;
    margin-bottom: 17px
}

@media screen and (max-width:768px) {
    .blood-donation__section6--post-item a h5 {
        font-size: 10px!important;
        line-height: 19px!important
    }
}

.blood-donation__section6--post-item a h3 {
    font-family: "lato-bold", "thesans-bold", sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    color: var(--indigo_sections_col);
    height: 40px;
    overflow: hidden;
    max-height: 40px;
    margin-left: 19px;
    margin-bottom: 32px
}

@media screen and (max-width:768px) {
    .blood-donation__section6--post-item a h3 {
        font-size: 13px!important;
        line-height: 17px!important;
        max-height: 35px;
        margin-bottom: 25px
    }
}

.blood-donation__section6--post-item a h4 {
    font-family: "lato-bold", "thesans-bold", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #4379ed;
    margin-left: 19px;
    margin-bottom: 22px;
    position: absolute;
    bottom: 0
}

.blood-donation__section6--post-item a h4:after {
    content: '';
    width: 18px;
    height: 1px;
    background: #d6dae2;
    position: absolute;
    left: 0;
    top: -17px
}

@media screen and (max-width:768px) {
    .blood-donation__section6--post-item a h4 {
        font-size: 12px!important;
        line-height: 17px!important
    }
    .blood-donation__section6--post-item a h4:after {
        top: -12px
    }
}

.blood-donation__section6--post-item:hover {
    background: #4379ed
}

.blood-donation__section6--post-item:hover a h3 {
    color: #fff
}

.blood-donation__section6--post-item:hover a h4 {
    color: #fff
}

@media (min-width:769px) {
    .blood-donation .hidden-desktop {
        display: none
    }
}

.blood-donation .pdf-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    height: 80%;
    width: fit-content;
    padding: 60px;
    background: #fff
}

.blood-donation .pdf-popup .close {
    position: absolute;
    right: 15px;
    top: 30px;
    opacity: 1
}

.blood-donation .pdf-popup .close:before {
    content: url(../../../../../../../themes/TriTheme/images/close-pdf-popup.png);
    margin-left: auto
}

.blood-donation .pdf-popup .close:hover {
    cursor: pointer
}

.blood-donation .pdf-popup iframe {
    width: 70vw;
    height: 100%
}

.blood-donation .pdf-popup.is-active {
    display: block
}

.blood-donation .donationSlider .swiper-wrapper {
    margin-bottom: 30px
}

.blood-donation .donationSlider .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    background-color: #fff;
    border: solid #d3d3d3 2px;
    width: 14px;
    height: 14px;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
    margin: 0 6px
}

.blood-donation .donationSlider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #007aff;
    border: none
}

.pdf-popup-active:before {
    content: '';
    background: rgba(0, 0, 0, .85);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000
}

.patientRights .contentHolder .mainDescription {
    max-width: 1024px
}

.patientRights .contentHolder .mainDescription ul {
    list-style: none
}

.patientRights .contentHolder .mainDescription ul li {
    position: relative
}

.patientRights .contentHolder .mainDescription ul li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    left: -15px;
    top: 11px;
    background-color: var(--blue_col);
    border-radius: 100%
}

.patientRights .contentHolder .mainDescription ol li {
    position: relative;
    margin: 5px 0
}

.patientRights .contentHolder .mainDescription ol li::marker {
    color: var(--blue_col)
}

.careers {
    min-height: 700px
}

@media screen and (min-width:641px) {
    .careers {
        margin-top: 90px
    }
}

.careers .container {
    max-width: calc(100% - 30px)!important;
    width: 1270px!important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    z-index: 2
}

@media screen and (max-width:640px) {
    .careers .container {
        flex-direction: column
    }
}

.careers .hero {
    padding-top: 150px;
    padding-bottom: 60px
}

@media screen and (max-width:640px) {
    .careers .hero {
        padding-top: 80px
    }
}

@media screen and (max-width:640px) {
    .careers .hero__img {
        width: 100%;
        height: auto
    }
}

@media screen and (min-width:641px) {
    .careers .hero__img {
        position: absolute;
        top: 90px;
        left: 0;
        width: 47%;
        object-fit: cover
    }
}

.careers .hero h1 {
    position: relative;
    font-size: 3.625rem;
    line-height: 4.25rem;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    width: 45%;
    margin-right: 4%;
    letter-spacing: .025rem;
    font-family: "lato-black", "thesans-bold", sans-serif
}

@media screen and (max-width:1024px) {
    .careers .hero h1 {
        font-size: 2.625rem;
        line-height: 3rem
    }
}

@media screen and (max-width:640px) {
    .careers .hero h1 {
        position: absolute;
        top: -20%
    }
}

.careers .hero h1:after {
    content: '';
    position: absolute;
    bottom: -18px;
    left: 0;
    height: 1px;
    width: 30px;
    background-color: #fff
}

.careers .hero__content {
    display: flex;
    align-items: center;
    z-index: 2;
    width: 50%;
    margin-top: 10px
}

@media screen and (min-width:641px) {
    .careers .hero__content {
        position: relative
    }
}

@media (min-width:640px) and (max-width:1024px) {
    .careers .hero__content {
        flex-direction: column
    }
}

@media screen and (max-width:641px) {
    .careers .hero__content {
        margin-top: 30px;
        width: 100%;
        flex-direction: column
    }
}

.careers .hero__content p {
    font-size: 15px;
    line-height: 25px;
    margin-right: 4%;
    margin-bottom: 0
}

@media screen and (min-width:1025px) {
    .careers .hero__content p {
        width: 74%
    }
}

@media screen and (max-width:641px) {
    .careers .hero__content p {
        margin-bottom: 30px
    }
}

.careers .hero__content a {
    padding: 13px 24px;
    font-size: 12px;
    line-height: 19px
}

@media screen and (min-width:1025px) {
    .careers .hero__content a {
        width: 22%
    }
}

.careers .hero__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 45px;
    padding: 35px 35px 10px;
    background-color: var(--indigo_sections_col);
    border-radius: 45px 0 0 0
}

@media screen and (min-width:1025px) {
    .careers .hero__list {
        margin-left: 17%
    }
}

.careers .hero__list:after {
    content: '';
    position: absolute;
    top: 0;
    right: -49.5vw;
    width: 50vw;
    height: 100%;
    background-color: var(--indigo_sections_col)
}

.careers .hero__list--block {
    width: 47.5%
}

.careers .hero__list--block:nth-child(2n+1) {
    margin-right: 5%
}

@media screen and (max-width:640px) {
    .careers .hero__list--block {
        width: 100%;
        margin-right: 0
    }
}

.careers .hero__list--block h3 {
    position: relative;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 25px;
    line-height: 27px
}

.careers .hero__list--block h3:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    height: 1px;
    width: 30px;
    background-color: #4175ED
}

.careers .hero__list--block p {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 23px;
    margin-bottom: 15px
}

.careers .hero__list--block a {
    margin-bottom: 30px;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    color: #5285FA;
    text-transform: uppercase;
    line-height: 19px
}

.careers .why_seha {
    padding: 55px 0
}

@media screen and (max-width:1024px) {
    .careers .why_seha {
        padding-top: 0
    }
}

.careers .why_seha .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.careers .why_seha h2 {
    position: relative;
    width: 100%;
    font-size: 28px;
    font-weight: 900;
    line-height: 33px;
    text-transform: uppercase;
    margin-bottom: 35px;
    font-family: "lato-black", "thesans-bold", sans-serif
}

.careers .why_seha h2:after {
    content: '';
    position: absolute;
    bottom: -18px;
    left: 0;
    height: 1px;
    width: 30px;
    background-color: #4175ED
}

.careers .why_seha__left,
.careers .why_seha__right {
    width: 47.5%
}

@media screen and (max-width:1024px) {
    .careers .why_seha__left,
    .careers .why_seha__right {
        width: 100%
    }
}

.careers .why_seha__left p,
.careers .why_seha__right p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px
}

.sub-careers {
    width: 840px;
    max-width: calc(100% - 30px);
    margin: 130px auto 30px;
    text-align: center
}

.sub-careers .back_to {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    font-size: .8125rem;
    line-height: 1rem;
    color: #4175ED;
    font-weight: 500
}

.sub-careers .back_to:after {
    content: '';
    position: absolute;
    top: 5px;
    left: -10px;
    transform: translateX(-50%) rotate(135deg);
    width: 7px;
    height: 7px;
    border-right: 1px solid #4175ED;
    border-bottom: 1px solid #4175ED
}

.sub-careers .back_to:hover {
    opacity: .7
}

.sub-careers h2 {
    font-size: 1.5625rem;
    line-height: 1.9375rem;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 30px;
    font-family: "lato-black", "thesans-bold", sans-serif
}

.sub-careers__content {
    padding: 30px 4.5%;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
    border-radius: 20px;
    text-align: left
}

.sub-careers__content p {
    font-size: .9375rem;
    line-height: 1.5625rem;
    margin-bottom: 24px
}

.sub-careers__content h6 {
    font-size: 13px;
    color: #4175ED;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 10px;
    font-family: "lato-black", "thesans-bold", sans-serif
}

.sub-careers__content ul {
    list-style: none;
    padding-left: 15px;
    margin-bottom: 25px
}

@media screen and (min-width:1025px) {
    .sub-careers__content ul {
        width: 85%
    }
}

.sub-careers__content ul li {
    position: relative;
    font-size: 15px;
    margin-bottom: 7px;
    line-height: 25px
}

.sub-careers__content ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    top: 10px;
    left: -17px;
    background-color: #4175ED;
    width: 7px;
    height: 7px;
    border-radius: 50%
}

.arabicVersion .careers .hero img {
    left: inherit;
    right: 0
}

.arabicVersion .careers .hero .container {
    flex-direction: row-reverse
}

.arabicVersion .careers .hero h1 {
    margin-right: 0;
    margin-left: 4%;
    direction: rtl;
    text-align: right;
    font-family: 'thesans-bold';
    font-size: 4.0625rem
}

.arabicVersion .careers .hero h1:after {
    left: inherit;
    right: 0
}

.arabicVersion .careers .hero__content {
    flex-direction: row-reverse
}

@media screen and (max-width:1024px) {
    .arabicVersion .careers .hero__content {
        flex-direction: column
    }
}

.arabicVersion .careers .hero__content p {
    margin-right: 0;
    margin-left: 4%;
    font-family: 'thesans-plain';
    font-size: 1rem;
    direction: rtl;
    text-align: right;
    width: 70%
}

@media screen and (max-width:1024px) {
    .arabicVersion .careers .hero__content p {
        width: 100%;
        margin-bottom: 30px
    }
}

.arabicVersion .careers .hero__content a {
    width: 26%;
    font-family: 'thesans-plain';
    font-size: .875rem
}

@media screen and (max-width:1024px) {
    .arabicVersion .careers .hero__content a {
        width: auto;
        display: inline-block
    }
}

.arabicVersion .careers .hero__list {
    margin-left: 0;
    border-radius: 0 20px 0 0
}

@media screen and (min-width:641px) {
    .arabicVersion .careers .hero__list {
        margin-right: 17%;
        flex-direction: row-reverse
    }
}

.arabicVersion .careers .hero__list:after {
    right: initial;
    left: -49.5vw
}

.arabicVersion .careers .hero__list--block {
    text-align: right
}

@media screen and (max-width:640px) {
    .arabicVersion .careers .hero__list--block {
        margin-right: 0
    }
}

@media screen and (min-width:641px) {
    .arabicVersion .careers .hero__list--block {
        margin-right: 0
    }
    .arabicVersion .careers .hero__list--block:nth-child(2n+1) {
        margin-left: 5%
    }
}

.arabicVersion .careers .hero__list--block h3 {
    font-size: 1.1875rem;
    font-family: 'thesans-bold';
    direction: rtl;
    text-align: right
}

.arabicVersion .careers .hero__list--block h3:after {
    left: initial;
    right: 0
}

.arabicVersion .careers .hero__list--block p {
    font-family: 'thesans-plain';
    font-size: .875rem;
    direction: rtl;
    text-align: right
}

.arabicVersion .careers .hero__list--block a {
    direction: rtl;
    font-family: 'thesans-bold'
}

.arabicVersion .careers .why_seha h2 {
    direction: rtl;
    text-align: right;
    font-family: 'thesans-bold';
    font-size: 1.8125rem
}

.arabicVersion .careers .why_seha h2:after {
    left: initial;
    right: 0
}

.arabicVersion .careers .why_seha__left p,
.arabicVersion .careers .why_seha__right p {
    direction: rtl;
    text-align: right;
    font-family: 'thesans-plain';
    font-size: 1rem
}

.arabicVersion .careers-header .blueButton {
    font-family: "thesans-plain", "lato-regular", sans-serif;
    font-size: .875rem
}

.arabicVersion .sub-careers .back_to {
    font-size: .875rem;
    font-family: "thesans-plain", "lato-regular", sans-serif
}

.arabicVersion .sub-careers .back_to:after {
    left: auto;
    right: -20px;
    transform: rotate(315deg);
    top: 4px
}

.arabicVersion .sub-careers h2 {
    font-size: 1.8125rem;
    font-family: "thesans-bold", "lato-bold", sans-serif
}

.arabicVersion .sub-careers__content {
    direction: rtl;
    text-align: right
}

.arabicVersion .sub-careers__content ul {
    direction: rtl;
    text-align: right;
    width: 90%
}

@media screen and (max-width:1024px) {
    .arabicVersion .sub-careers__content ul {
        width: 100%
    }
}

.arabicVersion .sub-careers__content ul li {
    font-size: 1rem;
    font-family: "thesans-plain", "lato-regular", sans-serif
}

.arabicVersion .sub-careers__content ul li:after {
    left: auto;
    right: -20px
}

.arabicVersion .sub-careers__content h6 {
    font-size: 1rem;
    font-family: "thesans-bold", "lato-bold", sans-serif
}

.page-template-page-malaffi-connected.arabicVersion .row {
    flex-direction: row-reverse
}

.page-template-page-malaffi-connected.arabicVersion .section-title-dark,
.page-template-page-malaffi-connected.arabicVersion .section-title,
.page-template-page-malaffi-connected.arabicVersion .section-content {
    text-align: right
}

.page-template-page-malaffi-connected.arabicVersion .thirdSection .section-types .type-item {
    text-align: right;
    flex-direction: row-reverse
}

.page-template-page-malaffi-connected.arabicVersion .thirdSection .section-types .type-item p {
    margin-right: 15px
}

.page-template-page-malaffi-connected.arabicVersion .thirdSection .section-types .type-item:after {
    left: auto;
    right: 55px
}

@media (max-width:768px) {
    .page-template-page-malaffi-connected.arabicVersion .thirdSection .section-types .type-item:after {
        right: 15px
    }
}

.page-template-page-malaffi-connected.arabicVersion .firstSection .rightSection {
    padding: 8% 2% 0 0;
    margin-right: auto
}

@media (max-width:768px) {
    .page-template-page-malaffi-connected.arabicVersion .firstSection .rightSection .doctor-icon {
        margin-bottom: -30px
    }
}

.page-template-page-malaffi-connected.arabicVersion .firstSection .rightSection .shownMobile img {
    margin-left: auto;
    display: block
}

.page-template-page-malaffi-connected.arabicVersion .firstSection .banner-content {
    text-align: right;
    margin-left: auto
}

@media (max-width:1025px) {
    .page-template-page-malaffi-connected.arabicVersion .firstSection .banner-content {
        width: 90%
    }
}

@media (max-width:768px) {
    .page-template-page-malaffi-connected.arabicVersion .firstSection .banner-content {
        width: 100%!important
    }
}

.page-template-page-malaffi-connected.arabicVersion .firstSection .section-title-dark {
    width: 90%;
    margin-left: auto
}

@media (max-width:768px) {
    .page-template-page-malaffi-connected.arabicVersion .firstSection .section-title-dark {
        width: 100%
    }
}

.page-template-page-malaffi-connected.arabicVersion .firstSection .section-title-dark:after {
    margin-left: auto
}

.page-template-page-malaffi-connected.arabicVersion .firstSection:after {
    right: auto;
    left: 0
}

.page-template-page-malaffi-connected.arabicVersion .firstSection .doctor-icon img {
    margin-left: unset;
    margin-right: auto;
    width: 100%
}

.page-template-page-malaffi-connected.arabicVersion .firstSection .leftSection img {
    margin: 30px 0 0 auto
}

.page-template-page-malaffi-connected.arabicVersion .firstSection .leftSection img:last-child {
    margin: 0 -60% 100px auto
}

.page-template-page-malaffi-connected.arabicVersion .secondSection .rightSection {
    padding-left: unset
}

.page-template-page-malaffi-connected.arabicVersion .secondSection .rightSection>div {
    margin-left: auto
}

.page-template-page-malaffi-connected.arabicVersion .secondSection .leftSection {
    float: right;
    padding: 15px 15px 0 0
}

.page-template-page-malaffi-connected.arabicVersion .secondSection .leftSection .video-wrapper img {
    padding: 10px 10px 0 0
}

.page-template-page-malaffi-connected.arabicVersion .secondSection .leftSection .video-wrapper:before {
    left: initial;
    right: 0
}

.page-template-page-malaffi-connected.arabicVersion .secondSection .leftSection .video-wrapper:after {
    left: initial;
    right: 0
}

.page-template-page-malaffi-connected.arabicVersion .thirdSection .first-row .rightSection {
    padding-right: 50px;
    text-align: right
}

@media (max-width:768px) {
    .page-template-page-malaffi-connected.arabicVersion .thirdSection .first-row .rightSection {
        padding-right: 0
    }
}

.page-template-page-malaffi-connected.arabicVersion .forthSection .row {
    flex-direction: row
}

.page-template-page-malaffi-connected.arabicVersion .forthSection .leftSection {
    margin-left: auto
}

.page-malaffi-connected .section-title {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-size: 25px;
    color: #FFF;
    margin-bottom: 10px;
    text-transform: uppercase
}

.page-malaffi-connected .section-title-dark {
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-size: 21px;
    line-height: 30px;
    color: #121238;
    margin-bottom: 10px;
    text-transform: uppercase
}

@media (max-width:1400px) {
    .page-malaffi-connected .section-title-dark {
        font-size: 18px
    }
}

.page-malaffi-connected .section-content {
    font-family: "lato-light", "thesans-light", sans-serif;
    font-size: 16px;
    color: #FFF;
    line-height: 23px
}

.page-malaffi-connected .firstSection {
    margin-top: 78px;
    position: relative;
    padding-bottom: 110px
}

@media (max-width:1400px) {
    .page-malaffi-connected .firstSection {
        padding-bottom: 180px
    }
}

@media (max-width:1300px) {
    .page-malaffi-connected .firstSection {
        padding-bottom: 150px
    }
}

@media (max-width:1200px) {
    .page-malaffi-connected .firstSection {
        padding-bottom: 180px
    }
}

@media (max-width:1024px) {
    .page-malaffi-connected .firstSection {
        padding-bottom: 130px
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .firstSection {
        padding-bottom: 50px;
        margin-top: 75px
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .firstSection {
        margin-top: 71px
    }
}

@media (max-width:351px) {
    .page-malaffi-connected .firstSection {
        margin-top: 94px
    }
}

.page-malaffi-connected .firstSection:after {
    background: #F4F6F8;
    content: "";
    width: 83%;
    height: 82.5%;
    display: block;
    top: 0;
    position: absolute;
    right: 0;
    z-index: -3
}

@media (max-width:1720px) {
    .page-malaffi-connected .firstSection:after {
        width: 88%
    }
}

@media (max-width:1600px) {
    .page-malaffi-connected .firstSection:after {
        width: 86%
    }
}

@media (max-width:1500px) {
    .page-malaffi-connected .firstSection:after {
        width: 88%
    }
}

@media (max-width:1400px) {
    .page-malaffi-connected .firstSection:after {
        width: 83%;
        height: 74.5%
    }
}

@media (max-width:1300px) {
    .page-malaffi-connected .firstSection:after {
        width: 83%
    }
}

@media (max-width:1200px) {
    .page-malaffi-connected .firstSection:after {
        width: 77%;
        height: 82.5%
    }
}

@media (max-width:992px) {
    .page-malaffi-connected .firstSection:after {
        width: 75%
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .firstSection:after {
        content: none
    }
}

.page-malaffi-connected .firstSection .container {
    width: 1600px!important;
    max-width: 1600px!important;
    padding: 0 30px
}

@media (max-width:1600px) {
    .page-malaffi-connected .firstSection .container {
        width: 1400px!important;
        max-width: 1400px!important
    }
}

@media (max-width:1400px) {
    .page-malaffi-connected .firstSection .container {
        width: 1200px!important;
        max-width: 1200px!important
    }
}

@media (max-width:1300px) {
    .page-malaffi-connected .firstSection .container {
        width: 1200px!important;
        max-width: 1200px!important
    }
}

@media (max-width:1200px) {
    .page-malaffi-connected .firstSection .container {
        width: 972px!important;
        max-width: 972px!important
    }
}

@media (max-width:992px) {
    .page-malaffi-connected .firstSection .container {
        width: 758px!important;
        max-width: 758px!important
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .firstSection .container {
        width: 100%!important;
        max-width: 100%!important;
        padding: 0 15px
    }
}

.page-malaffi-connected .firstSection .leftSection {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.page-malaffi-connected .firstSection .leftSection img {
    display: block;
    margin: 30px auto 0 0
}

@media (max-width:1200px) {
    .page-malaffi-connected .firstSection .leftSection img {
        margin: 30px auto
    }
}

.page-malaffi-connected .firstSection .leftSection img:last-child {
    margin: 0 auto 100px -60%
}

.page-malaffi-connected .firstSection .rightSection {
    padding: 8% 0 0 2%;
    position: relative;
    max-width: 89%;
    box-sizing: border-box;
    margin-left: auto
}

@media (max-width:1500px) {
    .page-malaffi-connected .firstSection .rightSection {
        max-width: 87%
    }
}

@media (max-width:1300px) {
    .page-malaffi-connected .firstSection .rightSection {
        max-width: 85%
    }
}

@media (max-width:1200px) {
    .page-malaffi-connected .firstSection .rightSection {
        max-width: 81%;
        padding: 5% 0 0 2%
    }
}

@media (max-width:1025px) {
    .page-malaffi-connected .firstSection .rightSection {
        margin-bottom: -20px
    }
}

@media (max-width:992px) {
    .page-malaffi-connected .firstSection .rightSection {
        max-width: 79%
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .firstSection .rightSection {
        background: #F4F6F8;
        max-width: 100%;
        padding: 25px 15px;
        flex-basis: 100%;
        margin-bottom: 20px
    }
}

@media (max-width:1025px) {
    .page-malaffi-connected .firstSection .rightSection .banner-wrapper {
        flex-direction: column;
        padding: 0 40px
    }
    .page-malaffi-connected .firstSection .rightSection .banner-wrapper .banner-content {
        width: 90%;
        margin-bottom: 30px
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .firstSection .rightSection .banner-wrapper {
        padding: 0 20px
    }
}

@media (max-width:1025px) {
    .page-malaffi-connected .firstSection .rightSection .banner-wrapper>div {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .firstSection .rightSection .banner-wrapper>div {
        padding: 0
    }
}

.page-malaffi-connected .firstSection .rightSection .doctor-icon {
    position: relative
}

.page-malaffi-connected .firstSection .rightSection .doctor-icon img {
    margin-right: auto;
    display: block;
    max-width: 100%;
    position: relative;
    top: 37px
}

@media (max-width:1025px) {
    .page-malaffi-connected .firstSection .rightSection .doctor-icon img {
        margin-left: unset;
        position: initial
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .firstSection .rightSection .doctor-icon {
        padding-left: 10px;
        margin-bottom: -60px
    }
    .page-malaffi-connected .firstSection .rightSection .doctor-icon img {
        width: 85%
    }
}

.page-malaffi-connected .firstSection .rightSection .section-title-dark {
    font-size: 34px;
    line-height: 43px;
    margin-bottom: 24px
}

@media (max-width:1300px) {
    .page-malaffi-connected .firstSection .rightSection .section-title-dark {
        font-size: 27px;
        line-height: 35px
    }
}

.page-malaffi-connected .firstSection .rightSection .section-title-dark:after {
    content: "";
    width: 30px;
    height: 2px;
    background: #4175ED;
    display: block;
    margin-top: 18px
}

@media (max-width:768px) {
    .page-malaffi-connected .firstSection .rightSection .section-title-dark {
        font-size: 30px;
        margin: 15px 0
    }
    .page-malaffi-connected .firstSection .rightSection .section-title-dark:after {
        margin-top: 15px
    }
}

.page-malaffi-connected .firstSection .rightSection .slick-initialized .slick-slide {
    display: flex
}

@media (max-width:768px) {
    .page-malaffi-connected .firstSection .rightSection .slick-initialized .slick-slide {
        flex-direction: column
    }
    .page-malaffi-connected .firstSection .rightSection .slick-initialized .slick-slide img {
        width: 75%
    }
}

.page-malaffi-connected .firstSection .banner-content {
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-size: 16px;
    line-height: 23px;
    width: 84%
}

@media (max-width:1400px) {
    .page-malaffi-connected .firstSection .banner-content {
        width: 100%
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .firstSection .banner-content {
        width: 100%
    }
}

.page-malaffi-connected .secondSection {
    background: #121238;
    padding: 75px 0 190px 0
}

.page-malaffi-connected .secondSection .mw-610 {
    max-width: 610px
}

@media (max-width:1025px) {
    .page-malaffi-connected .secondSection {
        padding: 75px 0 200px 0
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .secondSection {
        padding: 40px 0 350px 0
    }
}

.page-malaffi-connected .secondSection .leftSection {
    box-sizing: border-box;
    position: relative;
    max-width: 556px
}

.page-malaffi-connected .secondSection .leftSection .video-wrapper {
    position: relative
}

.page-malaffi-connected .secondSection .leftSection .video-wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 84.5%;
    background: #4CD9ED
}

.page-malaffi-connected .secondSection .leftSection .video-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 91%;
    height: 10px;
    background: #4CD9ED
}

.page-malaffi-connected .secondSection .leftSection .video-wrapper img {
    padding: 10px 0 0 10px;
    max-width: 100%
}

.page-malaffi-connected .secondSection .leftSection .video-wrapper iframe {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-malaffi-connected .secondSection .leftSection .video-wrapper iframe .player {
    height: 100%!important
}

.page-malaffi-connected .secondSection .leftSection .play-button {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    width: 77px;
    height: 77px;
    cursor: pointer;
    background: url(../../../../../../../themes/TriTheme/images/play.png);
    background-size: contain;
    transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    z-index: 9999
}

@media (max-width:768px) {
    .page-malaffi-connected .secondSection .leftSection {
        width: 90%;
        height: 95%
    }
    .page-malaffi-connected .secondSection .leftSection .play-button {
        width: 60px;
        height: 60px;
        z-index: 1
    }
}

.page-malaffi-connected .secondSection .rightSection {
    display: flex;
    align-self: center;
    flex-direction: column;
    padding-top: 40px;
    padding-left: 0
}

.page-malaffi-connected .secondSection .rightSection>div {
    width: 400px
}

@media (max-width:1025px) {
    .page-malaffi-connected .secondSection .rightSection>div {
        width: 300px
    }
}

@media (max-width:1330px) {
    .page-malaffi-connected .secondSection .rightSection {
        padding-left: 80px
    }
}

@media (max-width:1025px) {
    .page-malaffi-connected .secondSection .rightSection {
        padding-left: 40px
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .secondSection .rightSection {
        padding-top: 75px;
        padding-left: 15px
    }
    .page-malaffi-connected .secondSection .rightSection>div {
        width: 100%
    }
}

.page-malaffi-connected .thirdSection {
    margin-top: -70px;
    background: #fff;
    padding: 50px 55px 20px 55px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
    margin-bottom: 50px
}

@media (max-width:1100px) {
    .page-malaffi-connected .thirdSection {
        padding: 20px 30px
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .thirdSection {
        padding: 20px;
        margin-top: -330px
    }
}

.page-malaffi-connected .thirdSection .row:nth-of-type(2) .section-title-dark {
    padding: 0 15px
}

.page-malaffi-connected .thirdSection .first-row {
    padding: 0 0 30px 0;
    margin: 0 0 40px 0;
    border-bottom: 1px solid #ccc
}

.page-malaffi-connected .thirdSection .first-row .leftSection,
.page-malaffi-connected .thirdSection .first-row .rightSection {
    padding: 0
}

@media (max-width:1025px) {
    .page-malaffi-connected .thirdSection .first-row {
        padding: 0 0 10px 0;
        margin: 0 0 20px 0
    }
}

.page-malaffi-connected .thirdSection .rightSection {
    font-family: "lato-light", "thesans-light", sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 23px;
    display: flex;
    align-items: center
}

.page-malaffi-connected .thirdSection .section-types {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px
}

@media (max-width:768px) {
    .page-malaffi-connected .thirdSection .section-types {
        padding: 0 20px
    }
}

.page-malaffi-connected .thirdSection .section-types .type-item {
    display: flex;
    position: relative;
    flex-basis: 50%;
    margin-bottom: 60px
}

.page-malaffi-connected .thirdSection .section-types .type-item h2 {
    color: #4CD9ED;
    font-family: "lato-black", "thesans-bold", sans-serif;
    font-size: 30px;
    margin-top: 5px
}

.page-malaffi-connected .thirdSection .section-types .type-item p {
    width: 70%;
    font-size: 16px;
    font-family: "lato-light", "thesans-light", sans-serif;
    line-height: 23px;
    margin: 0 15px
}

.page-malaffi-connected .thirdSection .section-types .type-item:after {
    content: "";
    width: 45px;
    height: 3px;
    background: #4CD9ED;
    position: absolute;
    bottom: -30px;
    left: 65px
}

@media (max-width:768px) {
    .page-malaffi-connected .thirdSection .section-types .type-item {
        flex-basis: auto;
        flex-direction: column
    }
    .page-malaffi-connected .thirdSection .section-types .type-item p {
        width: 100%;
        margin: 0
    }
    .page-malaffi-connected .thirdSection .section-types .type-item:after {
        left: 0
    }
}

.page-malaffi-connected .forthSection {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 55px 0
}

@media (max-width:991px) {
    .page-malaffi-connected .forthSection {
        background-position-x: -150px
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .forthSection {
        background-image: url(../../../../../../../themes/TriTheme/images/forth_background.jpg)!important;
        background-position: center!important;
        margin-bottom: 50px;
        padding-bottom: 0
    }
}

.page-malaffi-connected .forthSection .col-lg-6.col-md-6.col-sm-12 {
    background-repeat: no-repeat;
    background-position: bottom 6% right 28%
}

@media (max-width:768px) {
    .page-malaffi-connected .forthSection .col-lg-6.col-md-6.col-sm-12 {
        margin-bottom: 50px;
        background-position: bottom 5% right 16%
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .forthSection .row .leftSection {
        max-width: 590px;
        width: 100%
    }
}

.page-malaffi-connected .forthSection .leftSection {
    border-radius: 50%;
    border: 1px solid rgba(72, 217, 237, .15);
    padding: 20px;
    max-width: 590px
}

@media (max-width:1330px) {
    .page-malaffi-connected .forthSection .leftSection {
        max-width: 500px
    }
}

@media (max-width:1025px) {
    .page-malaffi-connected .forthSection .leftSection {
        max-width: 450px
    }
}

.page-malaffi-connected .forthSection .leftSection>div {
    border-radius: 50%;
    border: 1px solid #4CD9ED;
    padding: 20px
}

.page-malaffi-connected .forthSection .leftSection img {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    max-width: 100%;
    object-fit: cover
}

.page-malaffi-connected .forthSection .rightSection {
    display: flex;
    align-items: center
}

.page-malaffi-connected .forthSection .rightSection .type-item {
    margin-bottom: 50px
}

.page-malaffi-connected .shownMobile {
    display: none
}

@media (max-width:768px) {
    .page-malaffi-connected .shownMobile {
        display: block
    }
}

@media (max-width:768px) {
    .page-malaffi-connected .hiddenOnMobile {
        display: none!important
    }
}

.page-malaffi-connected .popup__overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(53, 36, 22, .95);
    text-align: center;
    z-index: 100
}

.page-malaffi-connected .popup__overlay:after {
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
    content: ""
}

.page-malaffi-connected .popup {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 640px;
    max-height: 480px;
    padding: 20px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    vertical-align: middle
}

.page-malaffi-connected .popup-form__row {
    margin: 1em 0
}

.page-malaffi-connected .popup__close {
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 12px;
    height: 12px;
    padding: 8px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    color: rgba(53, 36, 22, .95);
    text-decoration: none;
    font-weight: 700
}

.page-malaffi-connected .popup__close:hover {
    color: #eea200
}

.page-malaffi-connected iframe {
    width: 100%;
    height: 100%
}

.page-malaffi-connected input[type="button"] {
    border: none;
    padding: .5em;
    background-color: #ffa34d;
    font-size: 1.4em
}

.page-malaffi-connected input[type="button"]:hover {
    background-color: yellowgreen
}

.page-malaffi-connected ul {
    text-align: left;
    display: inline-block
}

.page-malaffi-connected .popup {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: none
}

.page-malaffi-connected .popup.is-visible {
    visibility: visible;
    display: block
}

.page-malaffi-connected .popup.is-visible .modal-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.page-malaffi-connected .popup.is-visible .modal-transition {
    top: 0;
    left: 0;
    opacity: 1
}

.page-malaffi-connected .popup .modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #121238;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s
}

.page-malaffi-connected .popup .modal-body {
    width: 100%;
    height: 100%
}

.page-malaffi-connected .popup .modal-wrapper {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%
}

.page-malaffi-connected .popup .modal-transition {
    transition: all 0.3s 0.12s;
    opacity: 0
}

.page-malaffi-connected .popup .modal-content {
    max-width: 900px;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    padding: 0
}

.page-malaffi-connected .popup .modal-content iframe {
    width: 100%;
    height: 100%;
    border: none
}

@media (max-width:768px) {
    .page-malaffi-connected .popup .modal-content {
        width: 100%;
        height: 300px
    }
}

.page-malaffi-connected .popup .modal-close {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 1em;
    color: #aaa;
    background: none;
    border: 0;
    padding: 15px;
    background: #4073ED;
    border-radius: 50%
}

.page-malaffi-connected .popup .modal-close img {
    width: 25px
}

@media (max-width:768px) {
    .page-malaffi-connected .popup .modal-close {
        top: 10px;
        right: 10px
    }
    .page-malaffi-connected .popup .modal-close img {
        width: 15px
    }
}

.page-malaffi-connected .popup .modal-close:hover {
    color: #777
}

.training-admin {
    background: #F4F6F8;
    padding: 65px;
    font-family: "lato-regular", "thesans-plain", sans-serif;
    margin-top: 78px;
    display: flex;
    justify-content: center;
    margin-bottom: -85px
}

@media (max-width:768px) {
    .training-admin {
        padding: 40px 20px;
        flex-direction: column;
        margin-bottom: 0
    }
}

.training-admin input[type="date"] {
    position: relative
}

.training-admin input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent
}

.training-admin input[type="radio"]+label {
    padding-left: 29px
}

.training-admin input[type="radio"]+label:before,
.training-admin [type="checkbox"]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    border: 1px solid #DEE1E5;
    background: #F4F6F8;
    border-radius: 100%
}

.training-admin input[type="radio"]:checked+label:after,
.training-admin [type="checkbox"]:checked+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #4175ED;
    position: absolute;
    top: 10px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.training-admin textarea {
    border: none;
    width: 100%;
    background: #F4F6F8;
    resize: none;
    border-radius: 20px;
    height: 120px;
    padding: 20px
}

.training-admin .mb30 {
    margin-bottom: 30px
}

.training-admin .df {
    display: flex
}

.training-admin label {
    font-size: 13px;
    margin-bottom: 10px;
    color: #343553;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400
}

.training-admin h2.title {
    color: #343553;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

.training-admin .forms-pagination {
    display: flex;
    flex-direction: column;
    margin-top: 120px;
    margin-right: 45px;
    border: none
}

@media (max-width:768px) {
    .training-admin .forms-pagination {
        flex-direction: row;
        margin: 10px auto 30px auto
    }
}

.training-admin .forms-pagination li {
    pointer-events: none
}

.training-admin .forms-pagination li:nth-child(2):after,
.training-admin .forms-pagination li:nth-child(2):before {
    content: "";
    width: 1px;
    background: #DADCDE;
    height: 60px;
    display: block;
    margin: 0 auto
}

@media (max-width:768px) {
    .training-admin .forms-pagination li:nth-child(2):after,
    .training-admin .forms-pagination li:nth-child(2):before {
        height: 1px;
        width: 60px;
        position: absolute;
        top: 50%
    }
}

@media (max-width:768px) {
    .training-admin .forms-pagination li:nth-child(2) {
        position: relative;
        padding: 0 60px
    }
    .training-admin .forms-pagination li:nth-child(2):before {
        left: 0
    }
    .training-admin .forms-pagination li:nth-child(2):after {
        right: 0
    }
}

.training-admin .forms-pagination li:last-of-type a {
    border: none
}

.training-admin .forms-pagination li.active a {
    color: #fff!important;
    background-color: #4075EC!important;
    border: none!important
}

.training-admin .forms-pagination li:last-of-type {
    width: 0
}

.training-admin .forms-pagination a {
    border: 1px solid #4075EC;
    border-radius: 50%;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    text-align: center;
    line-height: 33px;
    width: 35px
}

.training-admin .form-content {
    width: 900px;
    margin: 0 auto;
    border: 1px solid #E7E9EF;
    border-radius: 20px;
    background: #fff;
    padding: 50px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2)
}

@media (max-width:768px) {
    .training-admin .form-content {
        width: 100%;
        padding: 20px
    }
}

.training-admin .form-content.thank-you {
    padding: 100px 0;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.training-admin .form-content.thank-you h2.title {
    display: block!important
}

.training-admin .form-content.thank-you p {
    text-align: center
}

.training-admin h3.form-title {
    color: #4175ED;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 27px;
    font-weight: 700
}

.training-admin h3.form-title:after {
    content: "";
    background: #4175ED;
    width: 27px;
    height: 2px;
    display: block;
    margin-top: 10px
}

.training-admin .input-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (max-width:768px) {
    .training-admin .input-container {
        flex-direction: column
    }
}

.training-admin .form-items {
    flex-basis: 47%;
    margin-bottom: 30px
}

@media (max-width:768px) {
    .training-admin .form-items {
        flex-basis: unset;
        margin-bottom: 25px
    }
}

.training-admin .form-items select,
.training-admin .form-items input:not([type='radio']) {
    background-color: #F4F6F8;
    display: block;
    width: 100%;
    border-radius: 20px;
    border: none;
    line-height: 47px;
    height: 47px;
    padding: 0 15px;
    box-sizing: border-box;
    outline: none
}

.training-admin .form-items select {
    background-image: url(../../../../../../../themes/TriTheme/images/select.svg);
    background-position: top 20px right 20px;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none
}

.training-admin .form-items input[type='radio'] {
    min-height: unset;
    position: absolute;
    left: -9999px
}

.training-admin .form-items input[type='tel'] {
    box-shadow: none
}

.training-admin .form-items input[type='date'] {
    background-image: url(../../../../../../../themes/TriTheme/images/calendar.svg);
    background-position: top 13px right 15px;
    background-repeat: no-repeat;
    background-size: 15px
}

.training-admin .form-items>label {
    display: block
}

.training-admin .form-items .hasDatepicker {
    display: none
}

.training-admin .form-items input[type="file"] {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.training-admin .form-items input[type="file"]+label {
    display: block;
    border: 1px solid #DEE0E6;
    border-radius: 25px;
    padding: 0 15px;
    line-height: 47px;
    position: relative
}

.training-admin .form-items input[type="file"]+label:after {
    content: "Choose File";
    background: #4175ED;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    height: 100%;
    position: absolute;
    right: 0;
    border-radius: 20px;
    width: 130px;
    text-align: center;
    line-height: 45px;
    text-transform: uppercase
}

.training-admin .form-items .next-step {
    background: #4175ED;
    border: 0;
    width: 130px;
    height: 50px;
    border-radius: 220px;
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-size: 12px;
    color: #fff;
    font-weight: 900;
    outline: none;
    cursor: pointer;
    text-transform: uppercase
}

.training-admin .form-items .prev-step {
    font-family: "lato-regular", "thesans-plain", sans-serif;
    background: #fff;
    border: 1px solid #4175ED;
    width: 130px;
    height: 50px;
    border-radius: 220px;
    font-size: 12px;
    color: #4175ED;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    margin-right: 30px
}

.training-admin .form-items.submit-btn {
    display: flex
}

.training-admin .form-items.submit-btn input {
    margin-right: 30px
}

.training-admin .form-items .intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
    background-color: transparent;
    width: 75px;
    border-right: 2px solid #B9BEC3;
    font-size: 13px
}

.training-admin .form-items .intl-tel-input .selected-flag .iti-flag {
    display: none!important
}

.training-admin .form-items .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
    padding-left: 8px
}

.training-admin .form-items .intl-tel-input.allow-dropdown .flag-container {
    padding: 10px 0
}

.training-admin .form-items .intl-tel-input .selected-flag .iti-arrow {
    border: none;
    background-image: url(../../../../../../../themes/TriTheme/images/select.svg);
    background-repeat: no-repeat;
    width: 13px;
    height: 10px;
    margin-top: -4px;
    right: 5px
}

.training-admin .form-items .form-control {
    padding-left: 80px!important
}

.training-admin .form-items .intl-tel-input {
    width: 100%
}

.training-admin .radio-wrapper {
    margin-right: 50px;
    display: inline-block
}

.training-admin .radio-wrapper label {
    position: relative
}

.newsPage {
    background-image: url(../../../../../../../themes/TriTheme/images/shape-1.svg);
    background-repeat: no-repeat;
    background-size: 900px;
    background-position: 100% 0;
    position: relative
}

.newsPage .dotsImage {
    position: absolute;
    top: 370px;
    right: 5px
}

.newsPage .newsHolder {
    padding: 70px 0 40px 0
}

.newsPage .newsHolder .pageTitle {
    color: var(--indigo_sections_col);
    font-size: 38px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 30px 0
}

.newsPage .newsHolder .eachNewsWrap {
    margin: 0 0 70px 0
}

.newsPage .newsHolder .eachNewsWrap .imageHolder {
    position: relative;
    overflow: hidden
}

.newsPage .newsHolder .eachNewsWrap .imageHolder img {
    width: 100%;
    height: auto
}

.newsPage .newsHolder .eachNewsWrap .imageHolder span.plus {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--blue_col);
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    text-align: center;
    width: 54px;
    height: 54px;
    padding: 11px 12px;
    border-top-right-radius: 100%
}

.newsPage .newsHolder .eachNewsWrap .descriptionHolder {
    padding: 15px 0 0 0
}

.newsPage .newsHolder .eachNewsWrap .descriptionHolder h4 {
    background-color: #F6F7FA;
    color: var(--blue_col);
    font-size: 12px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    padding: 9px 14px;
    margin: 0 0 10px 0;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase
}

.newsPage .newsHolder .eachNewsWrap .descriptionHolder h3 {
    font-size: 16px;
    color: var(--indigo_sections_col);
    margin: 0 0 8px 0;
    text-transform: uppercase;
    font-family: "lato-black", "thesans-bold", sans-serif;
    line-height: 23px
}

.newsPage .newsHolder .eachNewsWrap .descriptionHolder h5 {
    font-size: 15px;
    color: rgba(0, 0, 0, .42);
    margin: 0
}

.newsPage .newsHolder .eachNewsWrap:hover .imageHolder img {
    transform: scale(1.1)
}

.newsPage .newsHolder .moreBtnWrap a.next {
    margin: 0
}

.newsPage.archiveBlogs .newsHolder .eachNewsWrap .innerEachNewsWrap {
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .15)
}

.newsPage.archiveBlogs .newsHolder .eachNewsWrap .innerEachNewsWrap .descriptionHolder {
    padding: 25px 20px
}

.newsPage.archiveBlogs .newsHolder .eachNewsWrap .innerEachNewsWrap .descriptionHolder h3 {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    position: relative;
    min-height: 61px
}

.newsPage.archiveBlogs .newsHolder .eachNewsWrap .innerEachNewsWrap .descriptionHolder h3:after {
    content: '';
    background-color: #D6DAE2;
    width: 22px;
    height: 1px;
    left: 0;
    bottom: 0;
    position: absolute
}

.newsPage.archiveBlogs .newsHolder .eachNewsWrap .innerEachNewsWrap .descriptionHolder h5 {
    font-size: 14px;
    color: var(--blue_col);
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.mediaGalleryPage {
    background-image: none
}

.mediaGalleryPage .blueCircle {
    width: 65px;
    height: 65px;
    position: absolute;
    left: -25px;
    top: 115px;
    z-index: -1
}

.mediaGalleryPage .dotsImage {
    top: 110px;
    right: 40px
}

.mediaGalleryPage.newsPage .newsHolder .eachNewsWrap .imageHolder span.plus.loading i {
    animation: spin 1s linear infinite
}

.mediaGalleryPage .galleryPopup {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--indigo_sections_col);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999
}

.mediaGalleryPage .galleryPopup .closeBtn {
    border-radius: 100%;
    background-color: var(--blue_col);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 28px;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 10
}

.mediaGalleryPage .galleryPopup .innerGalleryPopup {
    width: 100%;
    max-width: 68%;
    max-height: calc(100vh - 100px)
}

.mediaGalleryPage .galleryPopup .innerGalleryPopup .title {
    margin: 0 0 15px 0;
    color: #fff;
    font-size: 22px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    text-align: center
}

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

.mediaGalleryPage .galleryPopup .innerGalleryPopup .swiper-container .swiper-wrapper {
    align-items: center
}

.mediaGalleryPage .galleryPopup .innerGalleryPopup .swiper-container .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.mediaGalleryPage .galleryPopup .innerGalleryPopup .swiper-container .swiper-wrapper .swiper-slide img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: calc(100vh - 140px)
}

.mediaGalleryPage .galleryPopup .innerGalleryPopup .videoHolder {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin: 0 0 10px 0
}

.mediaGalleryPage .galleryPopup .innerGalleryPopup .videoHolder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mediaGalleryPage .galleryPopup .galleryPopupSliderNav {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 60px;
    cursor: pointer
}

.mediaGalleryPage .galleryPopup .galleryPopupSliderNav.prevBut {
    left: 35px
}

.mediaGalleryPage .galleryPopup .galleryPopupSliderNav.nextBut {
    right: 35px
}

.hospitalsPage .firstSection {
    background-color: var(--indigo_sections_col);
    height: 100vh;
    display: flex;
    margin: 0 0 80px 0
}

.hospitalsPage .firstSection .leftSection {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: flex-end;
    height: 100vh;
    flex: 0 0 35%;
    width: 35%;
    position: relative
}

.hospitalsPage .firstSection .leftSection span.scrollDownIdentifier {
    width: 54px;
    height: 54px;
    border-radius: 100%;
    background-color: #F48B8B;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -27px;
    z-index: 5
}

.hospitalsPage .firstSection .leftSection span.scrollDownIdentifier i {
    width: 17px;
    height: 27px;
    background-image: url(../../../../../../../themes/TriTheme/images/mouse.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.hospitalsPage .firstSection .leftSection:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(38, 39, 64, .56);
    z-index: 1
}

.hospitalsPage .firstSection .leftSection .innerLeftSection {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 285px;
    margin: 0 0 60px 60px
}

.hospitalsPage .firstSection .leftSection .innerLeftSection h1 {
    font-size: 53px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    color: #fff;
    line-height: 57px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    text-shadow: 0 6px 6px rgba(0, 0, 0, .2)
}

.hospitalsPage .firstSection .leftSection .innerLeftSection h3 {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin: 0 0 25px 0
}

.hospitalsPage .firstSection .leftSection .innerLeftSection a {
    display: inline-block;
    background-color: var(--indigo_sections_col);
    position: relative;
    height: 44px;
    line-height: 44px;
    padding: 0 15px 0 55px;
    font-size: 12px;
    border-radius: 24px;
    color: #fff;
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.hospitalsPage .firstSection .leftSection .innerLeftSection a:hover {
    background-color: var(--blue_col)
}

.hospitalsPage .firstSection .leftSection .innerLeftSection a span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 44px;
    height: 44px;
    background-color: var(--blue_col);
    color: #fff;
    font-size: 18px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.hospitalsPage .firstSection .rightSection {
    flex: 0 0 65%;
    width: 65%;
    padding: 110px 0 0 0;
    position: relative
}

.hospitalsPage .firstSection .rightSection .simplebar-track {
    display: none
}

.hospitalsPage .firstSection .rightSection .customScroll {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px
}

.hospitalsPage .firstSection .rightSection .customScroll h4 {
    color: #fff
}

.hospitalsPage .firstSection .rightSection .customScroll .lineParent {
    background-color: rgba(255, 255, 255, .15)
}

.hospitalsPage .firstSection .rightSection .customScroll .lineParent .simplebar-track {
    display: block;
    background-color: rgba(255, 255, 255, .25);
    border-radius: 20px;
    width: 4px
}

.hospitalsPage .firstSection .rightSection .customScroll .lineParent .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    width: 4px;
    right: 0
}

.hospitalsPage .firstSection .rightSection .customScroll .lineParent .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    background-color: #fff;
    opacity: 1
}

.hospitalsPage .firstSection .rightSection:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 78px;
    z-index: 1;
    transform: rotate(180deg);
    background-color: transparent;
    background-image: linear-gradient(#343753 0%, rgba(52, 55, 83, .6) 35%, rgba(52, 55, 83, 0) 100%)
}

.hospitalsPage .firstSection .rightSection .innerRightSection {
    overflow-y: auto;
    padding: 0 100px 60px 80px;
    max-height: calc(100vh - 110px)
}

.hospitalsPage .firstSection .rightSection .innerRightSection::-webkit-scrollbar {
    display: none!important
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap {
    margin: 0 0 50px 0;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 20px 0
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .loader {
    position: absolute;
    top: -100%;
    box-shadow: 0 0 15px 6px rgba(0, 0, 0, .5);
    background-color: #fff;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--blue_col);
    text-align: center;
    left: 0;
    font-size: 22px;
    right: 0;
    margin: 0 auto
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .loader.loading {
    top: 15px
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .loader.loading i {
    animation: spin 1s linear infinite
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainImage {
    width: 100%;
    height: auto
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap picture img {
    width: 100%;
    height: auto
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainTitle {
    position: absolute;
    left: 20px;
    bottom: -10px;
    color: #fff;
    font-size: 18px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    text-transform: uppercase;
    background-color: var(--indigo_sections_col);
    padding: 15px 25px;
    border-radius: 12px;
    z-index: 5
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription {
    position: absolute;
    width: 95%;
    background-color: var(--indigo_sections_col);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding: 25px 30px 0 30px;
    z-index: 10;
    bottom: -100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection {
    flex: 0 0 calc(100% - 150px)
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .socialMediaHolder {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .socialMediaHolder li {
    display: inline-block
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .socialMediaHolder li:nth-child(2) {
    margin: 0 15px
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .socialMediaHolder li a {
    color: #fff;
    font-size: 20px
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection h1 {
    color: #fff;
    font-size: 18px;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    text-transform: uppercase;
    margin: 0 0 20px 0
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder {
    display: flex
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .holderLeft {
    flex: 0 0 35%
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .holderLeft .number {
    margin: 0 0 15px 0
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .holderRight {
    flex: 0 0 55%
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .eachAdditionalInfo a {
    display: inline-block;
    position: relative;
    height: 31px;
    line-height: 31px;
    padding: 0 15px 0 42px;
    font-size: 14px;
    color: #fff;
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .eachAdditionalInfo a span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 31px;
    height: 31px;
    background-color: rgba(255, 255, 255, .05);
    color: #ECBB4A;
    font-size: 15px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .eachAdditionalInfo.location a {
    font-family: "lato-regular", "thesans-plain", sans-serif;
    font-size: 13px;
    line-height: 18px;
    display: flex;
    align-items: center
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subRightSection {
    padding: 0 0 0 5px;
    flex: 0 0 150px
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subRightSection a {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, .19);
    background-color: var(--indigo_sections_col);
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 55px;
    font-size: 12px;
    border-radius: 24px;
    color: #fff;
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subRightSection a:hover {
    background-color: var(--blue_col)
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subRightSection a span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 40px;
    height: 40px;
    background-color: var(--blue_col);
    color: #fff;
    font-size: 18px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap:hover .mainTitle {
    bottom: -100%
}

.hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap:hover .mainDescription {
    bottom: 5px
}

.hospitalsPage .hospitalPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999999;
    text-align: center
}

.hospitalsPage .hospitalPopup .innerHospitalPopup {
    background-color: #fff;
    width: 100%;
    max-width: 810px;
    padding: 50px 70px;
    position: relative
}

.hospitalsPage .hospitalPopup .innerHospitalPopup .closeBtn {
    width: 24px;
    height: 25px;
    position: absolute;
    top: 20px;
    right: 25px;
    background-image: url(../../../../../../../themes/TriTheme/images/black-x-icon.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.hospitalsPage .hospitalPopup .innerHospitalPopup h2 {
    font-size: 27px;
    color: var(--indigo_sections_col);
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding: 0 0 20px 0;
    position: relative;
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.hospitalsPage .hospitalPopup .innerHospitalPopup h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 30px;
    background-color: var(--blue_col);
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 1px
}

.hospitalsPage .hospitalPopup .innerHospitalPopup .content {
    font-size: 18px;
    line-height: 30px;
    font-family: "lato-light", "thesans-light", sans-serif;
    color: #000;
    margin: 0 0 30px 0;
    max-height: 320px;
    overflow-y: auto;
    padding: 0 15px 0 0
}

.hospitalsPage .hospitalPopup .innerHospitalPopup .simplebar-scrollbar {
    width: 4px
}

.hospitalsPage .hospitalPopup .innerHospitalPopup .simplebar-scrollbar:before {
    background: var(--blue_col)
}

.post-type-archive-services {
    background-color: #F4F6F8
}

.servicesPage .blueCircle {
    width: 65px;
    height: 65px;
    position: absolute;
    left: -25px;
    top: 115px
}

.servicesPage .servicesHolder {
    padding: 60px 0 30px 0
}

.servicesPage .servicesHolder .pageTitle {
    color: var(--indigo_sections_col);
    font-size: 34px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    padding: 0 0 20px 0;
    margin: 0 0 30px 25px;
    position: relative
}

.servicesPage .servicesHolder .pageTitle:after {
    content: '';
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--blue_col)
}

.servicesPage .servicesHolder .eachServiceWrap {
    margin: 0 0 30px 0
}

.servicesPage .servicesHolder .eachServiceWrap .innerEachServiceWrap {
    background-color: #fff;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    border-bottom-left-radius: 21px;
    display: flex;
    padding: 20px 20px;
    align-items: center;
    position: relative;
    height: 100%
}

.servicesPage .servicesHolder .eachServiceWrap .innerEachServiceWrap .imageHolder {
    flex: 0 0 115px
}

.servicesPage .servicesHolder .eachServiceWrap .innerEachServiceWrap .imageHolder img {
    width: 100%;
    height: auto;
    border-radius: 100%
}

.servicesPage .servicesHolder .eachServiceWrap .innerEachServiceWrap .descriptionHolder {
    padding: 0 40px 0 20px
}

.servicesPage .servicesHolder .eachServiceWrap .innerEachServiceWrap .descriptionHolder h2 {
    font-size: 15px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 10px 0;
    color: var(--blue_col)
}

.servicesPage .servicesHolder .eachServiceWrap .innerEachServiceWrap .descriptionHolder .content {
    font-size: 14px;
    font-family: "lato-light", "thesans-light", sans-serif;
    margin: 0;
    color: #000;
    line-height: 18px
}

.servicesPage .servicesHolder .eachServiceWrap .innerEachServiceWrap .descriptionHolder .content p {
    margin: 0
}

.servicesPage .servicesHolder .eachServiceWrap .innerEachServiceWrap span.plus {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--blue_col);
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: center;
    width: 54px;
    height: 54px;
    padding: 12px 13px;
    border-top-left-radius: 100%
}

.doctorsArchivePage .topSection {
    min-height: 460px
}

.doctorsArchivePage .topSection:before {
    background-color: rgba(0, 0, 0, .34)
}

.doctorsArchivePage .topSection .innerTopSection {
    padding: 0 20px;
    position: relative;
    z-index: 10
}

.doctorsArchivePage .topSection .innerTopSection .content {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    max-width: 660px;
    width: 100%;
    text-align: center;
    margin: 20px auto 0 auto
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder {
    text-align: center;
    margin: 30px 0 0 0;
    display: flex
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .searchHolder {
    margin: 0;
    width: 100%;
    max-width: 350px;
    display: inline-block
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .searchHolder input {
    height: 42px;
    padding: 0 10px;
    width: calc(100% - 42px);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 1px solid #fff;
    background-color: #fff
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .searchHolder button {
    background-color: #0257B8;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border: 1px solid #0257B8;
    height: 42px;
    width: 42px;
    margin: 0 0 0 -6px;
    vertical-align: top;
    border-radius: 8px;
    outline: 0
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .searchHolder button.loading i {
    animation: spin 1s linear infinite
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper {
    display: inline-block;
    position: relative;
    min-width: 230px;
    vertical-align: top
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper .selection_garage {
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 8px;
    padding: 6.5px 15px;
    text-align: center;
    width: 100%;
    font-size: 27px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper .selection_garage h3 {
    float: left;
    margin: 6px 20px 0 0;
    font-size: 15px;
    color: #373D40;
    letter-spacing: 0
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper .selection_garage span {
    float: right;
    line-height: 0;
    color: #0257B8;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper .selection_garage span.loading i {
    animation: spin 1s linear infinite
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper.menu_opened .selection_garage span {
    transform: rotate(180deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper ul.filtering_dropdown {
    background-color: #fff;
    position: absolute;
    width: 100%;
    z-index: -1;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    top: 100px;
    border-radius: 0;
    max-height: 230px;
    overflow-y: auto;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper ul.filtering_dropdown.opened {
    z-index: 9998;
    top: 45px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper ul.filtering_dropdown li {
    padding: 12px 20px;
    color: #585858;
    cursor: pointer;
    font-size: 13px;
    border-bottom: 1px solid #EBEBEB;
    text-align: left;
    position: relative;
    letter-spacing: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper ul.filtering_dropdown li a {
    color: #585858
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper ul.filtering_dropdown li:nth-last-child(1) {
    border: none
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper ul.filtering_dropdown li:hover,
.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper ul.filtering_dropdown li:active,
.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper ul.filtering_dropdown li:focus {
    color: #000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper ul.filtering_dropdown li.selected {
    background-color: rgba(2, 87, 184, .8);
    color: #fff
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper .simplebar-scrollbar:before {
    background-color: rgba(2, 87, 184, .8)
}

.doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper#category_selector {
    margin: 0 15px
}

.doctorsArchivePage .requestAppointmentHolder {
    padding: 40px 0 0 0
}

.doctorsArchivePage .requestAppointmentHolder .parentHolder {
    background-color: #F0F2F4;
    padding: 25px 20px;
    border-radius: 11px
}

.doctorsArchivePage .requestAppointmentHolder .parentHolder .row {
    margin: 0;
    justify-content: space-between
}

.doctorsArchivePage .requestAppointmentHolder .parentHolder .row h3 {
    float: left;
    font-size: 25px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 6px 0;
    color: #282D3C
}

.doctorsArchivePage .requestAppointmentHolder .parentHolder .row .bookContainer {
    float: none;
    top: unset
}

.doctorsArchivePage .requestAppointmentHolder .parentHolder .row .bookContainer ul {
    margin: 0
}

.doctorsArchivePage .doctorsSection {
    margin: 35px 0 0 0;
    text-align: center
}

.doctorsArchivePage .doctorsSection .clearResultsButton {
    text-align: center;
    display: none;
    margin: 0 auto 30px auto;
    color: #282D3C;
    font-size: 20px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    border-bottom: 1px solid #282D3C
}

.doctorsArchivePage .doctorsSection .clearResultsButton i {
    margin: 0 8px 0 0;
    font-size: 16px
}

.doctorsArchivePage .doctorsSection .eachDoctorWrap {
    margin: 0 0 50px 0
}

.doctorsArchivePage .doctorsSection .eachDoctorWrap .innerEachDoctorWrap {
    box-shadow: 0 0 12px -1px rgba(0, 0, 0, .1);
    background-color: #fff;
    text-align: center;
    padding: 0 15px
}

.doctorsArchivePage .doctorsSection .eachDoctorWrap .innerEachDoctorWrap .imageHolder {
    border-bottom: 1px solid #D7DADE;
    min-height: 300px;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.doctorsArchivePage .doctorsSection .eachDoctorWrap .innerEachDoctorWrap .imageHolder img {
    max-width: 100%;
    height: auto;
    max-height: 280px
}

.doctorsArchivePage .doctorsSection .eachDoctorWrap .innerEachDoctorWrap .descriptionHolder {
    padding: 20px 0
}

.doctorsArchivePage .doctorsSection .eachDoctorWrap .innerEachDoctorWrap .descriptionHolder h3 {
    color: #282D3C;
    font-size: 15px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 10px 0;
    min-height: 34px
}

.doctorsArchivePage .doctorsSection .eachDoctorWrap .innerEachDoctorWrap .descriptionHolder h4 {
    color: #394055;
    font-size: 13px;
    font-family: "lato-italic", "thesans-plain", sans-serif;
    margin: 0;
    min-height: 30px
}

.singleNewsAndEvents {
    position: relative
}

.singleNewsAndEvents .dotsImage {
    top: 110px;
    right: 40px;
    position: absolute
}

.singleNewsAndEvents .contentHolder {
    width: 100%;
    max-width: 750px;
    margin: 70px auto 30px auto;
    border-bottom: 1px solid #E1E4E8;
    padding: 0 0 30px 0
}

.singleNewsAndEvents .contentHolder .backBtn {
    color: var(--blue_col);
    font-size: 15px;
    margin: 0 0 25px 0;
    display: inline-block
}

.singleNewsAndEvents .contentHolder .backBtn i {
    font-size: 20px;
    vertical-align: text-top
}

.singleNewsAndEvents .contentHolder .date {
    font-size: 19px;
    color: rgba(0, 0, 0, .46);
    margin: 0 0 15px 0
}

.singleNewsAndEvents .contentHolder .title {
    font-size: 38px;
    color: var(--indigo_sections_col);
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 25px 0;
    line-height: 43px
}

.singleNewsAndEvents .contentHolder .imageHolder {
    position: relative
}

.singleNewsAndEvents .contentHolder .imageHolder img {
    width: 100%;
    height: auto
}

.singleNewsAndEvents .contentHolder .imageHolder .blueCircle {
    position: absolute;
    width: 93px;
    height: 93px;
    left: -60px;
    bottom: 30px
}

.singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder {
    position: absolute;
    top: 0;
    right: -65px;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border-radius: 27px;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .2)
}

.singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder li {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder li:nth-last-child(1) {
    border: none;
    border-bottom-left-radius: 27px;
    border-bottom-right-radius: 27px
}

.singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder li:nth-last-child(1) a {
    padding: 15px 15px 18px 15px
}

.singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder li.first {
    background-color: var(--blue_col);
    color: #fff;
    border-color: var(--blue_col);
    border-top-left-radius: 27px;
    border-top-right-radius: 27px;
    padding: 18px 15px 15px 15px
}

.singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--indigo_sections_col);
    font-size: 18px;
    padding: 15px
}

.singleNewsAndEvents .contentHolder .content {
    font-size: 18px;
    font-family: "lato-light", "thesans-light", sans-serif;
    line-height: 30px;
    color: var(--indigo_sections_col);
    margin: 15px 0 0 0
}

.singleNewsAndEvents .relatedNewsHolder.newsPage {
    background-image: none
}

.singleNewsAndEvents .relatedNewsHolder.newsPage .newsHolder {
    width: 100%;
    max-width: 1060px;
    padding: 70px 0 0 0
}

.singleNewsAndEvents .relatedNewsHolder.newsPage .newsHolder .pageTitle {
    font-size: 28px;
    padding: 0 0 0 15px;
    margin: 0 0 20px 0
}

.singleNewsAndEvents .relatedNewsHolder.newsPage .newsHolder .articlesHolder {
    display: flex;
    flex-wrap: wrap
}

.singleNewsAndEvents .relatedNewsHolder.newsPage .newsHolder .eachNewsWrap {
    margin: 0 0 40px 0
}

.singleNewsAndEvents .relatedNewsHolder.newsPage .shapeImage {
    position: absolute;
    top: 5%;
    right: -10px;
    width: 82%;
    z-index: -1
}

.singleNewsAndEvents.singleBlog .contentHolder .date {
    color: var(--blue_col);
    font-family: "lato-bold", "thesans-bold", sans-serif;
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0
}

.singleNewsAndEvents.singleBlog .contentHolder .date:after {
    content: '';
    background-color: #D6DAE2;
    width: 22px;
    height: 1px;
    left: 0;
    bottom: 0;
    position: absolute
}

.singleNewsAndEvents.singleBlog .relatedNewsHolder .newsHolder .eachNewsWrap .descriptionHolder h3 {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    position: relative
}

.singleNewsAndEvents.singleBlog .relatedNewsHolder .newsHolder .eachNewsWrap .descriptionHolder h3:after {
    content: '';
    background-color: #D6DAE2;
    width: 22px;
    height: 1px;
    left: 0;
    bottom: 0;
    position: absolute
}

.singleNewsAndEvents.singleBlog .relatedNewsHolder .newsHolder .eachNewsWrap .descriptionHolder h5 {
    font-size: 14px;
    color: var(--blue_col);
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.single-services {
    background: #F4F6F8
}

.singleService {
    position: relative;
    padding-top: 144px
}

.singleService .blueCircle {
    width: 65px;
    height: 65px;
    position: absolute;
    left: -25px;
    top: 115px
}

.singleService .imageHolder {
    margin-bottom: 28px;
    position: relative;
    z-index: 20
}

.singleService .imageHolder:before {
    content: url(../../../../../../../themes/TriTheme/images/dots-8.svg);
    position: absolute;
    bottom: -49px;
    left: -70px;
    z-index: 19
}

.singleService .imageHolder img {
    border-radius: 50%;
    border: 5px solid var(--blue_col);
    width: 100%;
    height: 100%;
    max-width: 174px;
    max-height: 174px;
    position: relative;
    z-index: 20
}

.singleService .backLink {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #4175ED;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    position: relative;
    z-index: 20
}

.singleService .backLink:before {
    content: url(../../../../../../../themes/TriTheme/images/arrow-back.png);
    margin-right: 9px;
    position: relative;
    top: 1px
}

.singleService .backLink:hover {
    color: var(--indigo_sections_col)
}

.singleService h1 {
    color: var(--indigo_sections_col);
    font-size: 34px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    padding: 0 0 20px 0;
    margin: 0 0 15px 0;
    position: relative
}

.singleService h1:after {
    content: "";
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--blue_col)
}

.singleService__content {
    padding-bottom: 22px
}

.singleService__content p {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    font-weight: 300;
    font-family: "lato-light", "thesans-bold", sans-serif
}

.subServiceWrap {
    margin: 0 0 40px 0
}

.subService {
    background: #fff;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    border-bottom-left-radius: 21px;
    display: flex;
    padding: 26px 20px;
    align-items: center;
    position: relative;
    height: 100%
}

.subService__image {
    margin-right: 12px
}

.subService__image img {
    max-width: 213px;
    height: auto
}

.subService__content {
    position: relative
}

.subService__content h3 {
    font-size: 15px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 10px 0;
    color: var(--blue_col);
    text-transform: uppercase
}

.subService__content p {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    font-family: "lato-light", "thesans-bold", sans-serif;
    margin-bottom: 0
}

.bookContainer {
    float: right;
    position: relative;
    top: -10px
}

.bookContainer__hidden {
    position: absolute;
    z-index: 20;
    padding-left: 0;
    width: 100%;
    right: 0;
    list-style: none;
    visibility: hidden;
    padding-top: 16px
}

.bookContainer__hidden:before {
    content: '';
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    width: 100%;
    height: calc(100% - 16px);
    position: absolute;
    top: 16px;
    left: 0;
    border-radius: 25px;
    z-index: 19
}

.bookContainer__hidden--item {
    background: #fff;
    border-radius: 0 0 25px 25px;
    position: relative;
    z-index: 20
}

.bookContainer__hidden--item:first-child {
    border-bottom: 1px solid #DEE4F2;
    border-radius: 25px 25px 0 0
}

.bookContainer__hidden--item:first-child a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #000;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    text-transform: uppercase
}

.bookContainer__hidden--item a {
    text-align: left;
    padding: 20px 28px 18.5px 28px;
    display: block;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    text-transform: uppercase
}

.bookContainer__hidden--item .number {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #000;
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.bookContainer__hidden--item .number i {
    color: var(--blue_col);
    transform: rotate(-32deg);
    margin: 0 0 0 10px
}

.bookContainer__hidden--item:hover {
    background: var(--blue_col)
}

.bookContainer__hidden--item:hover a {
    color: #fff
}

.bookContainer__hidden--item:hover a i {
    color: #fff
}

.bookContainer .button {
    background: #4175ED;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 18px 16px 21px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.bookContainer .button:after {
    content: url(../../../../../../../themes/TriTheme/images/arrow-white.png);
    margin-left: 12px;
    height: fit-content
}

.bookContainer ul {
    list-style: none;
    padding-left: 0
}

.servicesPage .bookContainer {
    top: 0
}

.innerEachServiceWrap {
    position: relative
}

.innerEachServiceWrap .plus {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 47px;
    height: 47px;
    background: #4175ED;
    border-radius: 100% 0 0 0;
    padding-top: 10px;
    padding-left: 15px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "lato-bold", "thesans-bold", sans-serif
}

.innerEachServiceWrap .plus:hover {
    background: var(--indigo_sections_col)
}

@media screen and (max-width:768px) {
    .singleService .imageHolder img {
        display: block;
        margin: auto
    }
    .singleService .backLink {
        justify-content: center
    }
    .singleService .pageTitle {
        text-align: center;
        width: 100%;
        margin: 0 0 30px 0
    }
    .singleService .pageTitle:after {
        left: 50%;
        transform: translate(-50%, 0)
    }
    .singleService__content p {
        text-align: center
    }
    .bookContainer {
        display: block;
        margin: auto;
        float: unset;
        width: fit-content
    }
    .bookContainer ul li ul li a {
        text-align: center;
        justify-content: center;
        padding: 20px 15px 20px 15px!important
    }
    .archive .servicesPage .servicesHolder .pageTitle {
        text-align: center;
        width: 100%;
        margin: 0 0 30px 0
    }
    .archive .servicesPage .servicesHolder .pageTitle:after {
        left: 50%;
        transform: translate(-50%, 0)
    }
    .subService {
        flex-direction: column
    }
    .subService__image {
        margin-right: 0;
        margin-bottom: 25px
    }
    .subService__content {
        text-align: center
    }
}

@media screen and (max-width:500px) {
    .singleService .pageTitle {
        font-size: 28px
    }
}

.bookContainer.is-active ul li .button:after {
    transform: rotate(180deg)!important
}

.bookContainer.is-active ul li .bookContainer__hidden {
    visibility: visible!important
}

.singleDoctorsPage .doctorInfoSection {
    padding: 50px 0
}

.singleDoctorsPage .doctorInfoSection .columnWrapper {
    display: flex;
    align-items: center
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .leftSection a {
    font-size: 15px;
    color: #282D3C;
    display: flex;
    align-items: center;
    margin: 0 0 15px 0;
    font-family: "lato-regular", "thesans-plain", sans-serif
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .leftSection a i {
    background-color: #EFF1F5;
    color: #282D3C;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    font-size: 21px;
    justify-content: center;
    border-radius: 6px;
    margin: 0 10px 0 0
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .leftSection .imageHolder {
    padding: 0 15px;
    border: 1px solid #D7DADE
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .leftSection .imageHolder img {
    width: 100%;
    height: auto
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection {
    padding: 0 0 0 15px
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .position {
    color: var(--blue_col);
    font-size: 18px;
    font-family: "lato-italic", "thesans-plain", sans-serif;
    margin: 0 0 15px 0
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .name {
    color: #282D3C;
    font-size: 24px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 20px 0;
    text-transform: uppercase
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .generalInfoWrapper ul {
    padding: 15px 0 0 30px;
    margin: 0 0 30px 0;
    list-style: none;
    background-color: #EFF1F5;
    display: flex;
    flex-wrap: wrap
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .generalInfoWrapper ul li {
    position: relative;
    width: calc(100% / 3 - 20px);
    color: #394055;
    font-size: 13px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 20px 0 0;
    padding: 0 0 15px 0;
    text-transform: uppercase
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .generalInfoWrapper ul li:nth-last-child(1) {
    margin: 0
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .generalInfoWrapper ul li:before {
    content: '';
    background-color: #0157B8;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 5px;
    left: -15px;
    border-radius: 100%
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .educationWrapper .sectionTitle {
    color: #282D3C;
    font-size: 15px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    border-bottom: 1px solid #D7DADE;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .educationWrapper .educationList .eachEducationWrap {
    display: flex;
    margin: 0 0 30px 0
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .educationWrapper .educationList .eachEducationWrap:nth-last-child(1) {
    margin: 0
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .educationWrapper .educationList .eachEducationWrap .year {
    width: 50px
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .educationWrapper .educationList .eachEducationWrap .year h3 {
    font-size: 15px;
    background-color: #0257B8;
    padding: 5px 0;
    width: 100%;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    margin: 0
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .educationWrapper .educationList .eachEducationWrap .description {
    width: calc(100% - 50px);
    padding: 0 0 0 20px
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .educationWrapper .educationList .eachEducationWrap .description h3 {
    color: #282D3C;
    font-size: 15px;
    font-family: "lato-black", "thesans-bold", sans-serif;
    margin: 0 0 8px 0
}

.singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .educationWrapper .educationList .eachEducationWrap .description h4 {
    color: #394055;
    font-size: 15px;
    font-family: "lato-regular", "thesans-plain", sans-serif;
    margin: 0;
    line-height: 22px
}

.singleDoctorsPage .doctorsSection .sectionTitle {
    font-size: 24px;
    color: #282D3C;
    margin: 0 0 30px 0;
    padding: 0 0 25px 0;
    position: relative;
    text-align: left;
    font-family: "lato-black", "thesans-bold", sans-serif;
    text-transform: uppercase
}

.singleDoctorsPage .doctorsSection .sectionTitle:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #282D3C;
    height: 1px;
    width: 40px
}

.arabicVersion {
    font-family: "lato-black", "thesans-bold", sans-serif
}

.arabicVersion .topHeader .leftSection {
    float: right;
    direction: rtl
}

.arabicVersion .topHeader .leftSection a.logoHolder:after {
    left: auto;
    right: -24px
}

.arabicVersion .topHeader .leftSection ul {
    margin: 14px 20px 14px 0
}

.arabicVersion .topHeader .leftSection ul li {
    margin: 0 20px 0 0
}

.arabicVersion .topHeader .rightSection {
    float: left;
    direction: rtl
}

.arabicVersion .topHeader .rightSection a.languageSwitcher {
    margin: 0 0 0 20px
}

.arabicVersion .topHeader .rightSection a.number {
    direction: ltr
}

.arabicVersion .topHeader .rightSection a.whatsapp {
    direction: ltr;
    margin-right: 10px
}

.arabicVersion .topHeader .rightSection a.menuOpenerHolder {
    margin: 0 25px 0 0
}

.arabicVersion .callOperator .tooltip {
    font-family: "lato-regular", "thesans-plain", sans-serif
}

.arabicVersion .callOperator .tooltip .icon {
    left: initial;
    right: 41px
}

.arabicVersion .callOperator .tooltip .button a i {
    margin-right: initial;
    margin-left: 8px;
    -webkit-transform: rotate(32deg) scaleX(-1);
    -moz-transform: rotate(32deg) scaleX(-1);
    -o-transform: rotate(32deg) scaleX(-1);
    transform: rotate(32deg) scaleX(-1)
}

.arabicVersion .homePage .timingPopup .innerTimingPopup .imageHolder .closeBtn {
    right: auto;
    left: 10px
}

.arabicVersion .homePage .customScroll {
    right: 30px;
    left: auto
}

.arabicVersion .homePage .firstSection .innerSection {
    text-align: right
}

.arabicVersion .homePage .firstSection .innerSection .menuOpenerHolder {
    left: 15px
}

.arabicVersion .homePage .firstSection .bottomSection .container {
    flex-direction: row-reverse;
    text-align: right
}

.arabicVersion .homePage .firstSection .bottomSection .container .covidSection {
    right: auto;
    left: 15px;
    direction: rtl
}

.arabicVersion .homePage .firstSection .bottomSection .container .covidSection .blueButton:nth-of-type(1) {
    margin: 0 0 0 5px
}

.arabicVersion .homePage .firstSection .bottomSection .container .bottomColumn {
    direction: rtl
}

.arabicVersion .homePage .firstSection .bottomSection .container .bottomColumn:before {
    left: auto;
    right: 0
}

.arabicVersion .homePage .firstSection .bottomSection .container .bottomColumn a i {
    margin: 0 15px 0 0;
    transform: rotate(180deg)
}

.arabicVersion .homePage .firstSection .bottomSection .container .bottomColumn span img {
    margin: 0 0 0 5px
}

.arabicVersion .homePage .covidSection.forMobile .rightSection .blueButton:nth-of-type(1) {
    margin: 0 0 0 5px
}

.arabicVersion .homePage .secondSection {
    background-image: url(../../../../../../../themes/TriTheme/images/shape-1-rev.svg);
    background-position: 0 0;
    padding: 130px 0
}

.arabicVersion .homePage .secondSection .row {
    direction: rtl
}

.arabicVersion .homePage .secondSection .row .leftSection {
    text-align: right
}

.arabicVersion .homePage .secondSection .row .leftSection h2 {
    font-family: "thesans-bold", "lato-bold", sans-serif;
    max-width: 600px
}

.arabicVersion .homePage .secondSection .row .leftSection p {
    max-width: 490px;
    margin: 0 0 24px 0
}

.arabicVersion .homePage .secondSection .row .leftSection a {
    font-size: 14px
}

.arabicVersion .homePage .secondSection .row .rightSection .innerRightSection .circle:after {
    left: 0;
    right: -3px
}

.arabicVersion .homePage .thirdSection:before {
    transform: rotate(180deg);
    left: auto;
    right: 0
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .row {
    direction: rtl
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder {
    right: auto;
    left: 0
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .sectionTitle {
    left: auto;
    right: 0;
    padding: 0 0 25px 0
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .sectionTitle:after {
    left: auto;
    right: 0
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection {
    padding: 0 0 0 15px
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection {
    text-align: right
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection h2 {
    margin: 0 0 20px 0;
    font-family: "thesans-bold", "lato-bold", sans-serif
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .numberAndSocialMedia a.numberBtn {
    direction: ltr;
    margin: 0
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a {
    padding: 0 55px 0 15px;
    font-size: 12px
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a span {
    left: auto;
    right: 0
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a:nth-child(2) {
    margin: 0 15px 0 0
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .rightSection {
    text-align: right
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .rightSection .imageHolder:before {
    right: -25px;
    left: auto
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .rightSection .imageHolder .dotsImage {
    left: auto;
    right: 34px
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .rightSection .imageHolder .plusBtn {
    right: auto;
    left: 30px
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .allHospitalsBtn {
    left: auto;
    right: 0;
    direction: rtl
}

.arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .allHospitalsBtn i {
    margin: 0 0 0 5px
}

.arabicVersion .homePage .forthSection:before {
    left: auto;
    right: -145px
}

.arabicVersion .homePage .forthSection:after {
    left: auto;
    transform: rotate(180deg);
    right: 0
}

.arabicVersion .homePage .forthSection .sliderWrapper {
    direction: rtl
}

.arabicVersion .homePage .forthSection .sliderWrapper .sectionTitle {
    padding: 0 20% 0 0;
    text-align: right
}

.arabicVersion .homePage .forthSection .sliderWrapper .swiper-container {
    padding: 0 20% 0 0
}

.arabicVersion .homePage .forthSection .sliderWrapper .swiper-container .swiper-slide .descriptionHolder {
    text-align: right
}

.arabicVersion .homePage .forthSection .sliderWrapper .swiper-container .swiper-slide .descriptionHolder h3:after {
    left: auto;
    right: 0
}

.arabicVersion .homePage .forthSection .sliderWrapper .navAndPag {
    padding: 0 20% 0 0
}

.arabicVersion .homePage .forthSection .sliderWrapper .navAndPag .navigationWrapper {
    margin: 0 10px 0 0
}

.arabicVersion .homePage .forthSection .sliderWrapper .navAndPag .navigationWrapper .articlesSliderNav i {
    transform: rotate(180deg)
}

.arabicVersion .homePage .forthSection .sliderWrapper .navAndPag .articlesSliderPag .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.arabicVersion .homePage .forthSection .dotsImage {
    right: auto;
    left: 15px
}

.arabicVersion .homePage .fifthSection .row {
    flex-direction: row-reverse
}

.arabicVersion .homePage .fifthSection .row .sectionIdentifier h2 {
    text-align: right;
    padding: 0 0 30px 0
}

.arabicVersion .homePage .fifthSection .row .sectionIdentifier h2:after {
    left: auto;
    right: 0
}

.arabicVersion .homePage .fifthSection .row .leftSection {
    text-align: left
}

.arabicVersion .homePage .fifthSection .row .leftSection .imageHolder .dotsImage {
    left: auto;
    right: -50px
}

.arabicVersion .homePage .fifthSection .row .leftSection .imageHolder .dotsImage2 {
    right: auto;
    left: 0
}

.arabicVersion .homePage .fifthSection .row .leftSection .imageHolder .smallCircle {
    right: auto;
    left: 110px
}

.arabicVersion .homePage .fifthSection .row .leftSection .imageHolder .bigCircle {
    left: auto;
    right: -50px
}

.arabicVersion .homePage .fifthSection .row .leftSection .imageHolder a.goToBtn {
    left: auto;
    right: 40px
}

.arabicVersion .homePage .fifthSection .row .rightSection .listWrapper {
    margin: 15px 45px 0 auto
}

.arabicVersion .homePage .fifthSection .row .rightSection .listWrapper .eachListWrap {
    direction: rtl
}

.arabicVersion .homePage .fifthSection .row .rightSection .listWrapper .eachListWrap .descriptionWrap {
    padding: 0 20px 0 0;
    text-align: right
}

.arabicVersion .homePage .fifthSection .row .rightSection .shapeImage {
    right: auto;
    transform: rotateY(180deg);
    left: 100px
}

.arabicVersion .whoWeAre .firstSection .container .row {
    flex-direction: row-reverse
}

.arabicVersion .whoWeAre .firstSection .container .row .leftSection {
    text-align: right;
    justify-content: flex-end
}

.arabicVersion .whoWeAre .firstSection .container .row .leftSection .shapeImage {
    right: auto;
    left: -125px;
    transform: rotateY(180deg)
}

.arabicVersion .whoWeAre .firstSection .container .row .leftSection .innerLeftSection {
    margin: 0 185px 0 0
}

.arabicVersion .whoWeAre .firstSection .container .row .leftSection .innerLeftSection h3:after {
    left: auto;
    right: 0
}

.arabicVersion .whoWeAre .firstSection .container .row .leftSection .innerLeftSection h1 {
    margin: 0 0 20px auto
}

.arabicVersion .whoWeAre .firstSection .container .row .leftSection .innerLeftSection p {
    direction: rtl
}

.arabicVersion .whoWeAre .firstSection .container .row .rightSection {
    text-align: right
}

.arabicVersion .whoWeAre .firstSection .container .row .rightSection .imageHolder .dotsImage {
    right: auto;
    left: -50px
}

.arabicVersion .whoWeAre .firstSection .container .row .rightSection .imageHolder .smallCircle {
    left: auto;
    right: 110px
}

.arabicVersion .whoWeAre .firstSection .container .row .rightSection .imageHolder .bigCircle {
    right: auto;
    left: -25px
}

.arabicVersion .whoWeAre .secondSection .row {
    flex-direction: row-reverse;
    text-align: right
}

.arabicVersion .whoWeAre .secondSection .row .columnWrap p {
    direction: rtl
}

.arabicVersion .whoWeAre .secondSection .row .columnWrap.leftSection h2 {
    line-height: 52px;
    font-size: 32px
}

.arabicVersion .whoWeAre .thirdSection .blueCircle {
    left: auto;
    right: 30px
}

.arabicVersion .whoWeAre .forthSection {
    background-image: url(../../../../../../../themes/TriTheme/images/shape-4-rev.svg);
    background-position: 100% 100%
}

.arabicVersion .whoWeAre .forthSection .row {
    flex-direction: row
}

.arabicVersion .whoWeAre .forthSection .row .leftSection .innerRightSection {
    flex-direction: row-reverse
}

.arabicVersion .whoWeAre .forthSection .row .rightSection {
    text-align: right
}

.arabicVersion .whoWeAre .forthSection .row .rightSection h2 {
    direction: rtl
}

.arabicVersion .whoWeAre .forthSection .row .rightSection h2:after {
    left: auto;
    right: 0
}

.arabicVersion .whoWeAre .forthSection .row .rightSection .content {
    direction: rtl
}

.arabicVersion .factsAndFiguresPage .topSection .imageHolder {
    float: right
}

.arabicVersion .factsAndFiguresPage .topSection .imageHolder img.dotsImage {
    right: auto;
    left: -87px;
    transform: rotate(180deg)
}

.arabicVersion .factsAndFiguresPage .topSection .descriptionHolder {
    text-align: right
}

.arabicVersion .factsAndFiguresPage .topSection .descriptionHolder h3:after {
    left: auto;
    right: 0
}

.arabicVersion .factsAndFiguresPage .topSection .descriptionHolder h2 {
    font-size: 46px
}

.arabicVersion .factsAndFiguresPage .topSection .descriptionHolder h4 {
    margin: 0 0 0 auto;
    direction: rtl;
    font-size: 15px
}

.arabicVersion .factsAndFiguresPage .secondSection {
    margin: -50px 200px 0 0;
    border-top-right-radius: 0;
    border-top-left-radius: 80px
}

.arabicVersion .factsAndFiguresPage .secondSection .facilitiesList {
    direction: rtl
}

.arabicVersion .factsAndFiguresPage .secondSection .facilitiesList .sectionTitle {
    margin: 0 25px 30px 0;
    text-align: right
}

.arabicVersion .factsAndFiguresPage .secondSection .facilitiesList .sectionTitle:after {
    left: auto;
    right: 0
}

.arabicVersion .factsAndFiguresPage .secondSection .facilitiesList .eachFacilityElt {
    text-align: right
}

.arabicVersion .factsAndFiguresPage .secondSection .facilitiesList .eachFacilityElt h1:after {
    left: auto;
    right: 0
}

.arabicVersion .factsAndFiguresPage .thirdSection .innerThirdSection .staffListHolder {
    direction: rtl
}

.arabicVersion .factsAndFiguresPage .thirdSection .innerThirdSection .staffListHolder .eachStaffWrap h3 {
    direction: ltr
}

.arabicVersion .factsAndFiguresPage .operationsSection .container {
    text-align: right
}

.arabicVersion .factsAndFiguresPage .operationsSection .container .sectionTitle:after {
    left: auto;
    right: 0
}

.arabicVersion .factsAndFiguresPage .operationsSection .container .operationsListWrapper {
    direction: rtl
}

.arabicVersion .factsAndFiguresPage .operationsSection .container .operationsListWrapper .eachListWrap h3 {
    margin: 0 0 15px 0
}

.arabicVersion .factsAndFiguresPage .operationsSection .container .operationsListWrapper .eachListWrap h4 {
    padding: 0 0 0 20px;
    margin: 0 0 15px
}

.arabicVersion .boardMembersPage .topSection {
    background-image: url(../../../../../../../themes/TriTheme/images/shape-7-rev.svg)
}

.arabicVersion .boardMembersPage .topSection .row {
    direction: rtl
}

.arabicVersion .boardMembersPage .topSection .row .imageHolder .blueCircle {
    left: auto;
    right: -35px
}

.arabicVersion .boardMembersPage .topSection .row .descriptionHolder {
    text-align: right
}

.arabicVersion .boardMembersPage .topSection .row .descriptionHolder h3:after {
    left: auto;
    right: 0
}

.arabicVersion .boardMembersPage .membersList .container .row {
    direction: rtl
}

.arabicVersion .boardMembersPage .membersList .container .row .eachMemberWrap .innerEachMemberWrap {
    text-align: right
}

.arabicVersion .boardMembersPage .membersList .container .row .eachMemberWrap .innerEachMemberWrap .imageHolder {
    left: auto;
    right: 40px
}

.arabicVersion .boardMembersPage .membersList .container .row .eachMemberWrap .innerEachMemberWrap .descriptionHolder h3:after {
    left: auto;
    right: 0
}

.arabicVersion .boardMembersPage .membersList .container .row .eachMemberWrap .innerEachMemberWrap .descriptionHolder .content {
    line-height: 27px
}

.arabicVersion .chairmanMessage .messageSection .floatingSection {
    left: auto;
    right: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 111px
}

.arabicVersion .chairmanMessage .messageSection .floatingSection .innerFloatingSection {
    text-align: right;
    direction: rtl
}

.arabicVersion .chairmanMessage .messageSection .floatingSection .innerFloatingSection h3:after {
    left: auto;
    right: 0
}

.arabicVersion .chairmanMessage .messageSection .floatingSection .innerFloatingSection h2 {
    margin: 0 0 20px auto
}

.arabicVersion .chairmanMessage .messageSection .floatingSection .innerFloatingSection .content {
    line-height: 28px
}

.arabicVersion .chairmanMessage .messageSection .floatingSection .innerFloatingSection .quotesImage {
    right: auto;
    left: 75px;
    transform: rotateY(180deg)
}

.arabicVersion .chairmanMessage .messageSection .floatingSection .blueCircle {
    left: auto;
    right: -40px
}

.arabicVersion .chairmanMessage .messageSection .row .imageAndContent .imageHolder .dotsImage {
    right: auto;
    left: -65px
}

.arabicVersion .chairmanMessage .messageSection .row .imageAndContent .content {
    text-align: right;
    direction: rtl
}

.arabicVersion .chairmanMessage .messageSection .row .imageAndContent .content h3 {
    line-height: 32px
}

.arabicVersion .chairmanMessage .messageSection .row .imageAndContent .content h3:after {
    left: auto;
    right: 0
}

.arabicVersion .chairmanMessage .messageSection .row .imageAndContent .content .description {
    font-family: "thesans-plain", "lato-regular", sans-serif;
    font-size: 16px;
    line-height: 27px
}

.arabicVersion .hospitalsPage .firstSection {
    flex-direction: row-reverse
}

.arabicVersion .hospitalsPage .firstSection .leftSection span.scrollDownIdentifier {
    right: auto;
    left: -27px
}

.arabicVersion .hospitalsPage .firstSection .leftSection .innerLeftSection {
    margin: 0 60px 60px auto;
    text-align: right;
    max-width: 320px
}

.arabicVersion .hospitalsPage .firstSection .leftSection .innerLeftSection h1 {
    font-size: 46px
}

.arabicVersion .hospitalsPage .firstSection .leftSection .innerLeftSection h3 {
    font-size: 17px
}

.arabicVersion .hospitalsPage .firstSection .leftSection .innerLeftSection a {
    padding: 0 62px 0 25px;
    font-size: 14px
}

.arabicVersion .hospitalsPage .firstSection .leftSection .innerLeftSection a span {
    left: auto;
    right: 0
}

.arabicVersion .hospitalsPage .rightSection .customScroll {
    right: auto;
    left: 30px
}

.arabicVersion .hospitalsPage .rightSection .hospitalsWrapper .eachHospitalWrap .mainTitle {
    left: auto;
    right: 20px;
    direction: rtl
}

.arabicVersion .hospitalsPage .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription {
    flex-direction: row-reverse
}

.arabicVersion .hospitalsPage .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection {
    text-align: right
}

.arabicVersion .hospitalsPage .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection h1 {
    direction: rtl
}

.arabicVersion .hospitalsPage .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder {
    flex-direction: row-reverse
}

.arabicVersion .hospitalsPage .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .eachAdditionalInfo a {
    padding: 0 42px 0 15px
}

.arabicVersion .hospitalsPage .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .eachAdditionalInfo a span {
    left: auto;
    right: 0
}

.arabicVersion .hospitalsPage .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .eachAdditionalInfo.location a {
    direction: rtl
}

.arabicVersion .hospitalsPage .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subRightSection {
    padding: 0 5px 0 0
}

.arabicVersion .hospitalsPage .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subRightSection a {
    padding: 0 55px 0 15px
}

.arabicVersion .hospitalsPage .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subRightSection a span {
    left: auto;
    right: 0
}

.arabicVersion .hospitalsPage .hospitalPopup .innerHospitalPopup {
    direction: rtl
}

.arabicVersion .newsPage {
    background-image: url(../../../../../../../themes/TriTheme/images/shape-1-rev.svg);
    background-position: 0 0
}

.arabicVersion .newsPage .dotsImage {
    right: auto;
    left: 5px
}

.arabicVersion .newsPage .newsHolder .pageTitle {
    text-align: right;
    direction: rtl;
    margin: 0 0 35px 0
}

.arabicVersion .newsPage .newsHolder .row {
    direction: rtl
}

.arabicVersion .newsPage .newsHolder .row .eachNewsWrap {
    text-align: right
}

.arabicVersion .newsPage .newsHolder .row .eachNewsWrap .innerEachNewsWrap .descriptionHolder h3:after {
    left: auto;
    right: 0
}

.arabicVersion .newsPage .newsHolder .row .eachNewsWrap .imageHolder span.plus {
    left: auto;
    right: 0;
    border-top-left-radius: 100%;
    border-top-right-radius: 0
}

.arabicVersion .singleNewsAndEvents .dotsImage {
    right: auto;
    left: 40px
}

.arabicVersion .singleNewsAndEvents .title {
    line-height: 48px
}

.arabicVersion .singleNewsAndEvents .contentHolder {
    direction: rtl;
    text-align: right
}

.arabicVersion .singleNewsAndEvents .contentHolder .backBtn i {
    transform: rotate(180deg)
}

.arabicVersion .singleNewsAndEvents .contentHolder .date:after {
    left: auto;
    right: 0
}

.arabicVersion .singleNewsAndEvents .contentHolder .imageHolder .blueCircle {
    left: auto;
    right: -60px
}

.arabicVersion .singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder {
    right: auto;
    left: -90px
}

.arabicVersion .singleNewsAndEvents .contentHolder .content {
    font-family: "thesans-plain", "lato-regular", sans-serif
}

.arabicVersion .singleNewsAndEvents .relatedNewsHolder.newsPage .shapeImage {
    right: auto;
    left: -10px;
    transform: rotateY(180deg)
}

.arabicVersion .singleNewsAndEvents .relatedNewsHolder.newsPage .newsHolder .articlesHolder {
    direction: rtl
}

.arabicVersion .singleNewsAndEvents .relatedNewsHolder.newsPage .newsHolder .articlesHolder .eachNewsWrap {
    text-align: right
}

.arabicVersion .singleNewsAndEvents .relatedNewsHolder.newsPage .newsHolder .articlesHolder .eachNewsWrap .descriptionHolder h3:after {
    left: auto;
    right: 0
}

.arabicVersion .singleNewsAndEvents .relatedNewsHolder.newsPage .newsHolder .articlesHolder .eachNewsWrap .imageHolder span.plus {
    left: auto;
    right: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 100%
}

.arabicVersion .socialResponsibility {
    background-image: none
}

.arabicVersion .socialResponsibility .blueCircle {
    left: auto;
    right: -25px
}

.arabicVersion .socialResponsibility .mainDescription {
    margin: 0 0 0 auto;
    text-align: right;
    direction: rtl
}

.arabicVersion .socialResponsibility .contentHolder .pageTitle {
    text-align: right;
    padding: 0 0 30px 0
}

.arabicVersion .socialResponsibility .contentHolder .pageTitle:after {
    left: auto;
    right: 0
}

.arabicVersion .socialResponsibility .contentHolder .blocksListWrapper {
    direction: rtl
}

.arabicVersion .socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap {
    padding: 0 0 30px 60px
}

.arabicVersion .socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap .contentHolder {
    padding: 0 15px 0 0;
    text-align: right
}

.arabicVersion .socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap .contentHolder h3 {
    margin: 0 0 15px 0
}

.arabicVersion .socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap .contentHolder .content {
    font-family: "thesans-plain", "lato-regular", sans-serif;
    font-size: 14px;
    line-height: 24px
}

.arabicVersion .covid19Page .contentHolder .pageHeader .imageHolder {
    right: auto;
    left: 14%
}

.arabicVersion .covid19Page .contentHolder .pageHeader .infoHolder {
    text-align: right
}

.arabicVersion .covid19Page .contentHolder .pageHeader .infoHolder:before {
    background-image: url(../../../../../../../themes/TriTheme/images/covid-bg-rev.svg);
    left: auto;
    right: 0;
    background-position: 100% 0
}

.arabicVersion .covid19Page .contentHolder .pageHeader .infoHolder h1 {
    margin: 0 0 0 auto
}

.arabicVersion .covid19Page .contentHolder .pageHeader .infoHolder img {
    margin: 0 auto 15px 0
}

.arabicVersion .covid19Page .contentHolder .pageHeader .dotsImage {
    right: auto;
    left: -35px
}

.arabicVersion .covid19Page .contentHolder .faqWrapper .eachFaqWrap {
    direction: rtl
}

.arabicVersion .covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderQuest h3 {
    text-align: right;
    margin: 0 0 0 auto
}

.arabicVersion .covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderQuest h3:after {
    left: auto;
    right: 0
}

.arabicVersion .covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderQuest span {
    right: auto;
    left: 0
}

.arabicVersion .covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderAnsw {
    text-align: right
}

.arabicVersion .covid19Page .contentHolder .usefulLinksHolder .attentionImg {
    right: auto;
    left: 30px
}

.arabicVersion .covid19Page .contentHolder .usefulLinksHolder h2 {
    text-align: right
}

.arabicVersion .covid19Page .contentHolder .usefulLinksHolder h2:after {
    left: auto;
    right: 0
}

.arabicVersion .covid19Page .contentHolder .usefulLinksHolder ul {
    margin: 0 0 0 auto;
    text-align: right;
    direction: rtl
}

.arabicVersion .covid19Page .contentHolder .usefulLinksHolder ul li a {
    text-align: right
}

.arabicVersion .covid19Page .contentHolder .announcementHolder {
    text-align: right;
    direction: rtl;
    line-height: 23px
}

.arabicVersion .contactUsPage .topSection .mapHolder .textLocationHolder {
    left: 65px;
    right: auto;
    text-align: right
}

.arabicVersion .contactUsPage .topSection .descriptionSection {
    left: auto;
    right: -95px
}

.arabicVersion .contactUsPage .topSection .descriptionSection .innerDescriptionSection {
    right: auto;
    left: 140px;
    text-align: right;
    max-width: 350px
}

.arabicVersion .contactUsPage .topSection .descriptionSection .innerDescriptionSection h3:after {
    left: auto;
    right: 0
}

.arabicVersion .contactUsPage .topSection .descriptionSection .innerDescriptionSection h1 {
    font-size: 46px;
    margin: 0 0 35px 0;
    line-height: 63px
}

.arabicVersion .contactUsPage .topSection .descriptionSection .shapeImage {
    transform: rotateY(180deg)
}

.arabicVersion .contactUsPage .topSection .descriptionSection .shapeImage2 {
    left: auto;
    right: 220px
}

.arabicVersion .contactUsPage .topSection .descriptionSection .blueCircle {
    left: auto;
    right: 50px
}

.arabicVersion .contactUsPage .topSection .descriptionSection ul li a {
    direction: rtl
}

.arabicVersion .contactUsPage .topSection .descriptionSection ul li a span.icon {
    margin: 0 0 0 20px
}

.arabicVersion .contactUsPage .topSection .descriptionSection ul li a span {
    direction: ltr
}

.arabicVersion .contactUsPage .topSection .descriptionSection ul li a span.whatsapp {
    direction: ltr
}

.arabicVersion .contactUsPage .topSection .descriptionSection ul li a span.whatsapp strong {
    direction: rtl
}

.arabicVersion .contactUsPage .topSection .underMapSentence {
    direction: rtl;
    margin: 18px 0 0 20px;
    text-align: left
}

.arabicVersion .contactUsPage .topSection .underMapSentence a {
    direction: ltr
}

.arabicVersion .contactUsPage .formHolder {
    direction: rtl;
    text-align: right
}

.arabicVersion .contactUsPage .formHolder form {
    margin: 0 0 0 auto
}

.arabicVersion .contactUsPage .formHolder form .fieldWrapper label {
    margin: 0 0 15px 0;
    direction: rtl
}

.arabicVersion .contactUsPage .formHolder form .fieldWrapper textarea,
.arabicVersion .contactUsPage .formHolder form .fieldWrapper input {
    text-align: right
}

.arabicVersion .contactUsPage .formHolder form .fieldWrapper.submitField {
    direction: rtl
}

.arabicVersion .contactUsPage .formHolder form .fieldWrapper.submitField input {
    text-align: center
}

.arabicVersion .contactUsPage .formHolder form .fieldWrapper.halfed:nth-child(2) {
    margin: 0 0 30px 30px;
    float: right
}

.arabicVersion .contactUsPage .formHolder div.wpforms-container-full .wpforms-form select {
    background: #eeeff2 url(../../../../../../../themes/TriTheme/images/bottom-arrow.png) no-repeat scroll 7% 17px!important
}

.arabicVersion .contactUsPage div.wpcf7-validation-errors,
.arabicVersion .contactUsPage div.wpcf7-mail-sent-ok {
    direction: rtl
}

.arabicVersion .contactUsPage.customerCarePage .topSection .formHolderParent {
    padding: 100px 0 100px 200px;
    justify-content: flex-start
}

.arabicVersion .greyCircle {
    right: auto;
    left: -55px
}

.arabicVersion .menuOpenerHolder h6 {
    text-align: left
}

.arabicVersion .menuOpenerHolder span:nth-child(3) {
    margin: auto auto auto 0
}

.arabicVersion .fourOFourPage .innerFourOFourPage h1 {
    letter-spacing: 0
}

.arabicVersion .servicesPage .blueCircle {
    right: -25px;
    left: auto
}

.arabicVersion .servicesPage .servicesHolder .pageTitle {
    text-align: right
}

.arabicVersion .servicesPage .servicesHolder .pageTitle:after {
    left: auto;
    right: 0
}

.arabicVersion .servicesPage .servicesHolder .container .row {
    direction: rtl
}

.arabicVersion .servicesPage .servicesHolder .container .row .eachServiceWrap .innerEachServiceWrap .descriptionHolder {
    padding: 0 20px 0 40px;
    text-align: right
}

.arabicVersion .servicesPage .servicesHolder .container .row .eachServiceWrap .innerEachServiceWrap .descriptionHolder .content {
    font-family: "thesans-plain", "lato-regular", sans-serif;
    font-size: 14px;
    line-height: 22px
}

.arabicVersion .moreInfoSection {
    margin: 60px 0 20px 0
}

.arabicVersion .moreInfoSection .buttonsHolder {
    direction: rtl
}

.arabicVersion .moreInfoSection .buttonsHolder a.whatsAppButton {
    direction: ltr
}

.arabicVersion .moreInfoSection .buttonsHolder a:nth-child(1) {
    direction: ltr
}

.arabicVersion .mediaGalleryPage .galleryPopup .innerGalleryPopup .title {
    direction: rtl;
    line-height: 30px
}

.arabicVersion footer .backPart {
    float: right;
    padding: 0 45px 0 0;
    text-align: right
}

.arabicVersion footer .backPart .topPart {
    direction: rtl
}

.arabicVersion footer .backPart .topPart .column a {
    font-family: "lato-black", "thesans-bold", sans-serif
}

.arabicVersion footer .backPart .topPart .column .columnTitle:after {
    left: auto;
    right: 0
}

.arabicVersion footer .backPart .bottomPart {
    padding: 15px 0 15px 240px;
    direction: rtl
}

.arabicVersion footer .backPart .bottomPart a {
    font-family: "lato-black", "thesans-bold", sans-serif
}

.arabicVersion footer .backPart .bottomPart h4 {
    float: left;
    direction: rtl
}

.arabicVersion footer .backPart .bottomPart ul {
    float: right
}

.arabicVersion footer .backPart .bottomPart ul li {
    padding: 0 0 0 18px;
    margin: 0 0 0 15px
}

.arabicVersion footer .backPart .bottomPart ul li:after {
    right: auto;
    left: 0
}

.arabicVersion footer .frontPart {
    right: auto;
    left: -40px;
    justify-content: flex-end;
    padding: 0 50px 0 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 87%
}

.arabicVersion footer .frontPart .innerFrontPart h2 {
    text-align: right;
    margin: 0 0 25px auto;
    font-family: "lato-black", "thesans-bold", sans-serif
}

.arabicVersion footer .frontPart .innerFrontPart h2 bold {
    display: block
}

.arabicVersion footer .frontPart .innerFrontPart form input.email {
    padding: 0 15px 0 134px;
    text-align: right;
    font-family: "lato-black", "thesans-bold", sans-serif
}

.arabicVersion footer .frontPart .innerFrontPart form .submitWrapper input {
    right: auto;
    left: 0;
    padding: 13px 22px 15px 22px
}

.arabicVersion footer .frontPart .innerFrontPart form .ajaxResponse {
    left: auto;
    right: 20px;
    direction: rtl
}

.arabicVersion footer .frontPart .innerFrontPart form .ajaxResponse:before {
    left: auto;
    right: 10px
}

.arabicVersion footer .frontPart h4 {
    right: 40px;
    left: unset;
    direction: rtl;
    text-align: right;
    font-size: 10px
}

.arabicVersion footer .frontPart .socialMediaHolder {
    right: auto;
    left: 90px
}

.arabicVersion .fullMenuWrapper {
    right: auto;
    left: -220px
}

.arabicVersion .fullMenuWrapper.openMe {
    left: 0
}

.arabicVersion .fullMenuWrapper .menuHead .callOperator .tooltip {
    right: initial;
    left: 35px;
    text-align: right
}

.arabicVersion .fullMenuWrapper .menuHead .callOperator .tooltip .button {
    direction: rtl
}

.arabicVersion .fullMenuWrapper .menuHead .callOperator .tooltip .border {
    margin-left: auto
}

.arabicVersion .fullMenuWrapper .menuHead .callOperator .tooltip .icon {
    left: 80px;
    right: initial
}

.arabicVersion .fullMenuWrapper .menuHead .leftSection {
    float: right
}

.arabicVersion .fullMenuWrapper .menuHead .rightSection {
    float: left
}

.arabicVersion .fullMenuWrapper .middleMenuHolder ul li a {
    font-family: "thesans-plain", "lato-regular", sans-serif;
    font-size: 30px;
    direction: rtl
}

.arabicVersion .fullMenuWrapper .middleMenuHolder.subMenuOpened ul.sub-menu li.closeSubMenuTrigger i {
    transform: rotate(180deg)
}

.arabicVersion .fullMenuWrapper .middleMenuHolder.subMenuOpened ul.sub-menu li a {
    font-size: 21px;
    font-family: "thesans-light", "lato-light", sans-serif
}

.arabicVersion .fullMenuWrapper .closeHolder {
    right: auto;
    left: 50px
}

.arabicVersion .fullMenuWrapper .closeHolder h6 {
    text-align: right
}

.arabicVersion .fullMenuWrapper .dotsImage {
    left: auto;
    right: 50px
}

.arabicVersion .fullMenuWrapper .languageSwitcher {
    right: auto;
    left: 50px
}

.arabicVersion .transparencyCharterPage .subTitle {
    direction: rtl;
    text-align: right
}

.arabicVersion .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap {
    padding: 0
}

.arabicVersion .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .titleHolder {
    margin: 0 0 0 10px
}

.arabicVersion .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .titleHolder .innerTitleHolder {
    direction: rtl;
    text-align: right;
    padding: 0 0 0 12px
}

.arabicVersion .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap {
    text-align: right;
    direction: rtl
}

.arabicVersion .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap .content ul {
    padding: 0 25px 0 0
}

.arabicVersion .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap .content ul li:before {
    left: auto;
    right: -15px
}

.arabicVersion .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap.practiveHolder {
    margin: 0 0 0 20px
}

.arabicVersion .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap.compliedByHolder .contentHolder {
    padding: 0
}

.arabicVersion .qualityPolicy .contentHolder .mainDescription ul li:before {
    left: auto;
    right: -15px
}

.arabicVersion .faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock {
    flex-direction: row-reverse;
    text-align: right
}

.arabicVersion .faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .identifier {
    flex-direction: row-reverse
}

.arabicVersion .faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap .faqHead {
    flex-direction: row-reverse
}

.arabicVersion .faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap .faqHead h3 {
    direction: rtl
}

.arabicVersion .faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap .faqBody {
    direction: rtl
}

.arabicVersion .covidScreeningLocs .covid__hero .container .row {
    direction: rtl
}

.arabicVersion .covidScreeningLocs .covid__hero .container .row .covid__hero--content h1,
.arabicVersion .covidScreeningLocs .covid__hero .container .row .covid__hero--content p {
    text-align: right
}

.arabicVersion .covidScreeningLocs .covid__hero .container .row .covid__hero--content-block .covid__hero--content-block--wrapper--text p {
    text-align: right
}

.arabicVersion .covidScreeningLocs .covid__hero .covid__hero--image {
    left: auto;
    right: 0
}

.arabicVersion .covidScreeningLocs .covid__section2 .container .row {
    direction: rtl
}

.arabicVersion .covidScreeningLocs .covid__section2 .container .row .covid__section2--title h4,
.arabicVersion .covidScreeningLocs .covid__section2 .container .row .covid__section2--title h2,
.arabicVersion .covidScreeningLocs .covid__section2 .container .row .covid__section2--title h5 {
    text-align: right
}

.arabicVersion .covidScreeningLocs .covid__section2 .container .row .covid__section2--title .covid__section2--title .appsBtnHolder a:first-child {
    margin-right: 0;
    margin-left: 22px
}

.arabicVersion .covidScreeningLocs .covid__section2 .container .row .covid__section2--description {
    padding-left: 0;
    padding-right: 85px
}

@media (max-width:991px) {
    .arabicVersion .covidScreeningLocs .covid__section2 .container .row .covid__section2--description {
        padding-left: 15px;
        padding-right: 15px
    }
}

.arabicVersion .covidScreeningLocs .covid__section2 .container .row .covid__section2--description p {
    text-align: right
}

.arabicVersion .covidScreeningLocs .covid__section2 .container .row .covid__section2--description ul li {
    text-align: right;
    padding-right: 20px;
    padding-left: 0
}

.arabicVersion .covidScreeningLocs .covid__section3-quote .container .row .covid__section3-quote--wrapper {
    direction: rtl
}

.arabicVersion .covidScreeningLocs .covid__section3-quote .container .row .covid__section3-quote--wrapper:after {
    right: auto;
    left: 39px
}

.arabicVersion .covidScreeningLocs .covid__section3-quote .container .row .covid__section3-quote--wrapper .covid__section3-quote--wrapper--image {
    margin-right: 0;
    margin-left: 38px
}

.arabicVersion .covidScreeningLocs .covid__section3-quote .container .row .covid__section3-quote--wrapper .covid__section3-quote--wrapper--content p {
    text-align: right
}

.arabicVersion .covidScreeningLocs .covid__section4 {
    direction: rtl
}

.arabicVersion .covidScreeningLocs .covid__section4 .covid__section4--items-wrap .covid__section4--item {
    padding-right: 20px;
    padding-left: 5px
}

.arabicVersion .covidScreeningLocs .covid__section4 .covid__section4--items-wrap .covid__section4--item .covid__section4--item--icon {
    margin-right: 0;
    margin-left: 12.5px
}

.arabicVersion .covidScreeningLocs .covid__section4 .covid__section4--items-wrap .covid__section4--item .covid__section4--item--text h3,
.arabicVersion .covidScreeningLocs .covid__section4 .covid__section4--items-wrap .covid__section4--item .covid__section4--item--text h5 {
    text-align: right
}

.arabicVersion .covidScreeningLocs .covid__section5 {
    direction: rtl
}

.arabicVersion .covidScreeningLocs .covid__section5:after {
    right: auto;
    left: 38px
}

.arabicVersion .covidScreeningLocs .covid__section5 .container .row .covid__section5--content {
    padding-left: 0;
    padding-right: 65px
}

@media (max-width:991px) {
    .arabicVersion .covidScreeningLocs .covid__section5 .container .row .covid__section5--content {
        padding-left: 15px;
        padding-right: 15px
    }
}

.arabicVersion .covidScreeningLocs .covid__section5 .container .row .covid__section5--content h2 {
    text-align: right
}

.arabicVersion .covidScreeningLocs .covid__section5 .container .row .covid__section5--content p {
    text-align: right
}

.arabicVersion .covidScreeningLocs .covid__section5 .container .row .covid__section5--content .covid__section5--content--text p {
    text-align: right
}

.arabicVersion .covidScreeningLocs .covid__section6 {
    direction: rtl
}

.arabicVersion .covidScreeningLocs .covid__section6 .container .row .covid__section6--title h2 {
    text-align: right
}

@media (max-width:991px) {
    .arabicVersion .covidScreeningLocs .covid__section6 .container .row .covid__section6--title h2 {
        margin-bottom: 35px
    }
}

.arabicVersion .covidScreeningLocs .covid__section6 .container .row .covid__section6--title h2:before {
    left: auto;
    right: -55px;
    transform: rotate(70deg)
}

.arabicVersion .covidScreeningLocs .covid__section6 .container .row .covid__section6--content {
    padding-right: 43px;
    padding-left: 0
}

@media (max-width:991px) {
    .arabicVersion .covidScreeningLocs .covid__section6 .container .row .covid__section6--content {
        padding-left: 15px;
        padding-right: 15px
    }
}

.arabicVersion .covidScreeningLocs .covid__section6 .container .row .covid__section6--content p {
    text-align: right
}

.arabicVersion .covidScreeningLocs .covid__section7 {
    direction: rtl
}

.arabicVersion .covidScreeningLocs .covid__section7 .container .row .covid__section7--title h2 {
    text-align: right
}

.arabicVersion .covidScreeningLocs .covid__section7 .container .row .covid__section7--wrap .covid__section7--wrap--item {
    padding: 37px 24px 29px 65px
}

.arabicVersion .covidScreeningLocs .covid__section7 .container .row .covid__section7--wrap .covid__section7--wrap--item .action-btn {
    right: auto;
    left: 24px
}

.arabicVersion .covidScreeningLocs .covid__section7 .container .row .covid__section7--wrap .covid__section7--wrap--item h5 {
    text-align: right
}

.arabicVersion .covidScreeningLocs .covid__section7 .container .row .covid__section7--wrap .covid__section7--wrap--item h5:after {
    left: auto;
    right: 0
}

.arabicVersion .covidScreeningLocs .covid__section7 .container .row .covid__section7--wrap .covid__section7--wrap--item .covid__section7--wrap--item--content p {
    text-align: right
}

.arabicVersion .covidScreeningLocs .covid__section7 .container .row .covid__section7--wrap .covid__section7--wrap--item .covid__section7--wrap--item--content ul li {
    text-align: right
}

.arabicVersion .covidScreeningLocs .contentHolder {
    text-align: right
}

.arabicVersion .covidScreeningLocs .contentHolder .row {
    direction: rtl;
    text-align: right
}

.arabicVersion .covidScreeningLocs .contentHolder .row .columnWrapper .columnTitle:after {
    left: auto;
    right: 0
}

.arabicVersion .covidScreeningLocs .contentHolder .row .columnWrapper .content ul {
    padding: 0 25px 0 0
}

.arabicVersion .covidScreeningLocs .contentHolder .row .columnWrapper .content ul li:before {
    left: auto;
    right: -15px
}

.arabicVersion .covidScreeningLocs .contentHolder .row .columnWrapper .content a.number {
    direction: ltr
}

.arabicVersion .covidScreeningLocs .contentHolder .row .columnWrapper.leftSection .appsBtnHolder a:nth-of-type(1) {
    margin: 0 0 0 10px
}

.arabicVersion .safetyPage {
    direction: rtl
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .firstSection .row .leftSection {
    text-align: right
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .subSection .subTitle {
    text-align: right
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .subSection .row .leftSection {
    padding: 0 15px 0 50px;
    text-align: right
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .subSection .row .rightSection {
    padding: 0 50px 0 15px;
    text-align: right
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .subSection.withBigNumbers .eachElement {
    padding: 0 70px 30px 0
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .subSection.withBigNumbers .eachElement h4 {
    right: 0
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .secondSection .eachElement .content ul li {
    padding: 0 15px 0 0
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .secondSection .eachElement .content ul li:before {
    right: 0
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .thirdSection .row .eachElement {
    padding: 0 70px 30px 0
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .thirdSection .row .eachElement h4 {
    right: 0
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection {
    padding: 0 15px
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection .imageHolder {
    margin: 0 30px 0 0
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection .eachElement {
    padding: 0 70px 0 0
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .fifthSection {
    text-align: right
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .fifthSection .rightSection .btnsHolder a:nth-child(1) {
    margin: 0 0 0 10px
}

.arabicVersion .safetyPage .contentHolder .innerContentHolder .fifthSection .leftSection a.number {
    direction: ltr
}

.arabicVersion .rfaPage .contentHolder .mainDescription h3:after {
    right: 0
}

.arabicVersion .rfaPage .contentHolder .mainDescription .mainDescription__center:after {
    background: no-repeat url(../../../../../../../themes/TriTheme/images/backimg-ar.png) #f4f6f8 left top 25px;
    background-size: contain
}

.arabicVersion .rfaPage .contentHolder .mainDescription .mainDescription__bottom .quote__holder {
    padding: 6% 5% 9% 9%;
    left: -60px;
    right: auto
}

.arabicVersion .rfaPage .contentHolder .mainDescription .mainDescription__bottom .quote__holder .quote__inner p {
    font-size: 25px
}

@media (max-width:991px) {
    .arabicVersion .rfaPage .contentHolder .mainDescription .mainDescription__bottom .quote__holder .quote__inner p {
        font-size: 20px
    }
}

@media (max-width:768px) {
    .arabicVersion .rfaPage .contentHolder .mainDescription .mainDescription__bottom .quote__holder .quote__inner p {
        font-size: 15px
    }
}

.arabicVersion .rfaPage .contentHolder .mainDescription .bottom-text:before {
    content: url(../../../../../../../themes/TriTheme/images/shield.png);
    position: absolute;
    left: auto;
    right: 15px
}

.arabicVersion .rfaPage .contentHolder .mainDescription ul li:after {
    left: auto;
    right: 0;
    top: 10px
}

.arabicVersion .rfaPage .contentHolder .mainDescription ul li>ul li:after {
    left: auto;
    right: 0
}

.arabicVersion .rfaPage .contentHolder .mainDescription blockquote {
    margin-right: auto;
    margin-left: 0
}

.arabicVersion .rfaPage .contentHolder .mainDescription blockquote p:before {
    left: auto;
    right: 15px
}

.arabicVersion .doctorsArchivePage {
    direction: rtl
}

.arabicVersion .doctorsArchivePage .topSection .innerTopSection .searchHolder input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.arabicVersion .doctorsArchivePage .topSection .innerTopSection .searchHolder button {
    position: relative;
    z-index: 5;
    margin: 0 -6px 0 0
}

.arabicVersion .doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper .selection_garage h3 {
    float: right;
    margin: 6px 0 0 20px
}

.arabicVersion .doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper .selection_garage span {
    float: left
}

.arabicVersion .doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper ul.filtering_dropdown li {
    text-align: right
}

.arabicVersion .doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper .simplebar-track {
    right: auto;
    left: 0
}

.arabicVersion .doctorsArchivePage .requestAppointmentHolder .parentHolder .row {
    direction: rtl
}

.arabicVersion .doctorsArchivePage .doctorsSection .clearResultsButton i {
    margin: 0 0 0 8px
}

.arabicVersion .doctorsArchivePage .doctorsSection .innerDoctorsWrapper {
    direction: rtl
}

.arabicVersion .singleDoctorsPage {
    direction: rtl
}

.arabicVersion .singleDoctorsPage .doctorInfoSection .columnWrapper .row {
    direction: rtl;
    text-align: right
}

.arabicVersion .singleDoctorsPage .doctorInfoSection .columnWrapper .leftSection a i {
    margin: 0 0 0 10px;
    transform: rotate(180deg)
}

.arabicVersion .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection {
    padding: 0 15px 0 0
}

.arabicVersion .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .generalInfoWrapper ul {
    padding: 15px 30px 0 0
}

.arabicVersion .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .generalInfoWrapper ul li {
    margin: 0 0 0 20px
}

.arabicVersion .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .generalInfoWrapper ul li:before {
    left: 0;
    right: -15px
}

.arabicVersion .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .educationWrapper .educationList .eachEducationWrap .description {
    padding: 0 20px 0 0
}

.arabicVersion .singleDoctorsPage .doctorsSection .sectionTitle {
    text-align: right;
    padding: 0 15px 25px 0
}

.arabicVersion .singleDoctorsPage .doctorsSection .sectionTitle:after {
    right: 15px;
    left: auto
}

.arabicVersion .bookContainer {
    float: left
}

.arabicVersion .bookContainer .button {
    min-width: 201px;
    justify-content: space-between;
    font-family: "thesans-bold", "lato-bold", sans-serif
}

.arabicVersion .bookContainer .button:after {
    margin-right: 12px;
    margin-left: 0
}

.arabicVersion .bookContainer ul {
    padding-right: 0
}

.arabicVersion .bookContainer ul li ul a {
    font-family: "thesans-bold", "lato-bold", sans-serif;
    padding: 20px 18.5px 28px 15px;
    text-align: right
}

.arabicVersion .bookContainer .number {
    display: flex;
    font-family: "lato-bold", "thesans-bold", sans-serif;
    text-align: right
}

.arabicVersion .bookContainer .number i {
    order: 1;
    margin-right: 10px
}

.arabicVersion .servicesPage .innerEachServiceWrap .plus {
    right: unset;
    left: 0;
    border-radius: 0 100% 0 0;
    padding-right: 7px;
    padding-left: 0;
    padding-top: 8px
}

.arabicVersion .singleService .blueCircle {
    right: -25px;
    left: auto
}

.arabicVersion .singleService .row {
    direction: rtl
}

.arabicVersion .singleService .pageTitle {
    text-align: right;
    font-family: "thesans-bold", "lato-bold", sans-serif
}

.arabicVersion .singleService .pageTitle:after {
    left: auto;
    right: 0
}

.arabicVersion .singleService .backLink {
    font-family: "thesans-plain", "lato-regular", sans-serif;
    text-align: right;
    direction: rtl
}

.arabicVersion .singleService .backLink:before {
    margin-right: 0;
    margin-left: 9px;
    transform: rotate(-180deg);
    top: -1px
}

.arabicVersion .singleService .imageHolder {
    display: flex;
    width: 100%
}

.arabicVersion .singleService .imageHolder:before {
    right: -70px;
    left: unset
}

.arabicVersion .singleService .imageHolder img {
    float: right
}

.arabicVersion .singleService__content p {
    font-family: "thesans-plain", "lato-regular", sans-serif;
    text-align: right
}

.arabicVersion .singleService .subService__image {
    margin-left: 12px;
    margin-right: 0
}

.arabicVersion .singleService .subService__content {
    text-align: right
}

.arabicVersion .singleService .subService__content h3 {
    font-family: "thesans-bold", "lato-bold", sans-serif
}

.arabicVersion .singleService .subService__content p {
    font-family: "thesans-plain", "lato-regular", sans-serif
}

@media screen and (max-width:768px) {
    .arabicVersion .bookContainer {
        float: unset;
        top: 0
    }
    .arabicVersion .bookContainer ul li ul li a {
        text-align: center
    }
    .arabicVersion .servicesPage .pageTitle {
        text-align: center!important
    }
    .arabicVersion .servicesPage .pageTitle:after {
        left: 50%!important;
        right: unset!important;
        transform: translate(-50%, 0)!important
    }
    .arabicVersion .singleService .pageTitle {
        text-align: center
    }
    .arabicVersion .singleService .pageTitle:after {
        left: 50%;
        right: unset;
        transform: translate(-50%, 0)
    }
    .arabicVersion .singleService .subService__image {
        margin-left: 0
    }
    .arabicVersion .singleService .subService__content {
        text-align: center
    }
    .arabicVersion .singleService .imageHolder {
        justify-content: center
    }
    .arabicVersion .singleService .singleService__content p {
        text-align: center
    }
}

.arabicVersion .blood-donation__hero h1 {
    text-align: right;
    margin-left: auto;
    font-size: 60px;
    line-height: 80px;
    font-weight: 700;
    font-family: "thesans-bold", "lato-bold", sans-serif;
    max-width: 370px;
    direction: rtl
}

.arabicVersion .blood-donation__hero .container .scroll-elem {
    right: unset;
    left: 8px
}

@media screen and (max-width:768px) {
    .arabicVersion .blood-donation__hero .container .scroll-elem {
        left: 0;
        margin-left: auto
    }
}

.arabicVersion .blood-donation-header .container {
    direction: rtl
}

.arabicVersion .blood-donation__hero--content {
    direction: rtl;
    margin-left: auto
}

@media screen and (max-width:1024px) {
    .arabicVersion .blood-donation__hero--content {
        left: -20px;
        justify-content: space-between
    }
}

.arabicVersion .blood-donation__hero--content:before {
    right: unset;
    left: 100%
}

.arabicVersion .blood-donation__hero--content .blood-donation__hero--content--donation {
    margin-left: 0;
    margin-right: 94px;
    direction: rtl
}

@media screen and (max-width:768px) {
    .arabicVersion .blood-donation__hero--content .blood-donation__hero--content--donation {
        margin-right: -20px
    }
}

.arabicVersion .blood-donation__hero--content .blood-donation__hero--content--donation span {
    font-family: "thesans-bold", "lato-bold", sans-serif
}

.arabicVersion .blood-donation__hero--content .blood-donation__hero--content--donation span i {
    margin-left: 0;
    margin-right: 8px
}

.arabicVersion .blood-donation__hero--content img {
    margin-right: 0;
    margin-left: 15px
}

.arabicVersion .blood-donation__hero--content p {
    font-family: "thesans-plain", "lato-regular", sans-serif;
    text-align: right;
    font-size: 17px;
    line-height: 28px
}

@media screen and (max-width:768px) {
    .arabicVersion .blood-donation__hero--content .blood-donation__hero--content--donation ul {
        left: unset;
        right: -12px
    }
}

.arabicVersion .blood-donation__hero--content .blood-donation__hero--content--donation ul li span {
    direction: ltr;
    font-family: "thesans-bold", "lato-bold", sans-serif
}

.arabicVersion .blood-donation__hero--content .blood-donation__hero--content--donation ul li a {
    direction: ltr
}

.arabicVersion .blood-donation__section2 .container {
    direction: rtl
}

.arabicVersion .blood-donation__section2--title h2 {
    font-size: 49px;
    line-height: 55px
}

@media screen and (max-width:1218px) {
    .arabicVersion .blood-donation__section2--numbers li {
        text-align: right
    }
}

.arabicVersion .blood-donation__section2--numbers li span {
    font-family: "thesans-plain", "lato-regular", sans-serif;
    line-height: 23px;
    max-width: 130px;
    font-weight: 400;
    text-align: right
}

@media screen and (max-width:1218px) {
    .arabicVersion .blood-donation__section2--numbers li span {
        max-width: 80%
    }
}

.arabicVersion .blood-donation__section2--numbers li:after {
    left: unset;
    right: 7px
}

@media screen and (max-width:1218px) {
    .arabicVersion .blood-donation__section2--numbers li h4 {
        text-align: right
    }
}

@media screen and (max-width:1218px) {
    .arabicVersion .blood-donation__section2--numbers li img {
        margin-left: 8px;
        margin-right: 0
    }
}

.arabicVersion .blood-donation__section2 .num-right {
    float: left
}

.arabicVersion .blood-donation__section2 .num-left {
    float: right
}

.arabicVersion .blood-donation__section2 .num-left li:last-child span {
    white-space: nowrap
}

.arabicVersion .blood-donation__section3--content {
    margin-left: auto;
    padding: 56px 0 62px 117px
}

@media screen and (max-width:768px) {
    .arabicVersion .blood-donation__section3--content {
        padding: 48px 0 53px 0;
        margin-left: -20px
    }
}

.arabicVersion .blood-donation__section3--content:before {
    right: unset;
    left: 100%
}

.arabicVersion .blood-donation__section3--content h2 {
    font-family: "thesans-plain", "lato-regular", sans-serif;
    font-size: 40px;
    line-height: 50px;
    text-align: right;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    max-width: 290px;
    margin-left: auto;
    direction: rtl
}

.arabicVersion .blood-donation__section3--content h2 b {
    font-family: "thesans-bold", "lato-bold", sans-serif
}

.arabicVersion .blood-donation__section3--content p {
    font-family: "thesans-plain", "lato-regular", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    text-align: right;
    margin-left: auto;
    direction: rtl
}

.arabicVersion .blood-donation__section3--content a {
    font-family: "thesans-plain", "lato-regular", sans-serif;
    font-weight: 400;
    margin-left: auto;
    display: block;
    width: fit-content
}

.arabicVersion .blood-donation__section3--image {
    right: unset;
    left: -71px
}

@media screen and (max-width:768px) {
    .arabicVersion .blood-donation__section3--image {
        right: 20px;
        left: unset
    }
}

.arabicVersion .blood-donation__section4--content a {
    font-weight: 400;
    font-family: "thesans-plain", "lato-regular", sans-serif
}

.arabicVersion .blood-donation__section4--content p {
    direction: rtl
}

.arabicVersion .blood-donation__section4--content h2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 230px;
    font-weight: 400;
    direction: rtl;
    font-family: "thesans-plain", "lato-regular", sans-serif
}

.arabicVersion .blood-donation__section4--content h2 b {
    font-family: "thesans-bold", "lato-bold", sans-serif;
    font-weight: 700
}

.arabicVersion .blood-donation__section5--title h2 {
    text-align: right;
    font-family: "thesans-plain", "lato-regular", sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px
}

.arabicVersion .blood-donation__section5--title h2 b {
    font-family: "thesans-bold", "lato-bold", sans-serif;
    font-weight: 700
}

.arabicVersion .blood-donation__section5 .row {
    direction: rtl
}

.arabicVersion .blood-donation__section5 .blood-donation__section5--map--title {
    left: unset;
    right: 39px;
    padding: 21px 25px 24px 73px
}

@media screen and (max-width:768px) {
    .arabicVersion .blood-donation__section5 .blood-donation__section5--map--title {
        right: 26px
    }
}

.arabicVersion .blood-donation__section5 .blood-donation__section5--map--title h3 {
    text-align: right;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    font-family: "thesans-plain", "lato-regular", sans-serif
}

.arabicVersion .blood-donation__section5 .blood-donation__section5--map--title a {
    margin-left: auto;
    display: block;
    width: fit-content
}

.arabicVersion .blood-donation__section5 .blood-donation__section5--map--title a i {
    margin-right: 0;
    margin-left: 8px;
    transform: rotate(209deg)
}

.arabicVersion .blood-donation__section6--title h2 {
    text-align: right;
    font-family: "thesans-plain", "lato-regular", sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px
}

.arabicVersion .blood-donation__section6--title h2 b {
    font-family: "thesans-bold", "lato-bold", sans-serif;
    font-weight: 700
}

.arabicVersion .blood-donation__section6 .row {
    direction: rtl
}

.arabicVersion .blood-donation__section6--post-item a h3 {
    font-size: 15px;
    line-height: 23px;
    font-family: "thesans-bold", "lato-bold", sans-serif;
    font-weight: 700;
    text-align: right;
    margin-right: 19px;
    max-height: unset;
    overflow: unset;
    direction: rtl;
    height: auto
}

.arabicVersion .blood-donation__section6--post-item a h4 {
    text-align: right;
    margin-right: 19px;
    direction: rtl
}

.arabicVersion .blood-donation__section6--post-item a h4::after {
    left: unset;
    right: 0
}

@media (max-width:1600px) {
    .container {
        width: 1300px!important;
        max-width: 1300px!important
    }
    .topHeader .container {
        width: 1400px!important;
        max-width: 1400px!important
    }
    .boardMembersPage .topSection {
        background-position: -40px -100px
    }
}

@media (max-width:1500px) {
    .contactUsPage.customerCarePage .topSection .formHolderParent {
        padding: 100px 60px 100px 0
    }
    .arabicVersion .contactUsPage.customerCarePage .topSection .formHolderParent {
        padding: 100px 0 100px 60px
    }
}

@media (max-width:1400px) {
    .container,
    .topHeader .container {
        width: 1200px!important;
        max-width: 1200px!important
    }
    .homePage .customScroll {
        left: 12px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .rightSection {
        padding: 30px 0 30px 15px
    }
    .homePage .fifthSection .rightSection .shapeImage {
        right: 0
    }
    .whoWeAre .firstSection .leftSection .innerLeftSection {
        margin: 0 0 0 70px
    }
    .boardMembersPage .topSection {
        background-position: -40px 0
    }
    .singleNewsAndEvents .relatedNewsHolder.newsPage .shapeImage {
        width: 90%
    }
    footer {
        padding: 80px 0 0 0
    }
    .arabicVersion .homePage .customScroll {
        right: 12px
    }
    .arabicVersion .homePage .fifthSection .row .rightSection .shapeImage {
        left: 0
    }
    .arabicVersion .whoWeAre .firstSection .container .row .leftSection .innerLeftSection {
        margin: 0 70px 0 0
    }
}

@media (max-width:1300px) {
    .container,
    .topHeader .container {
        width: auto!important;
        max-width: unset!important;
        padding: 0 45px
    }
    .homePage .customScroll {
        left: 15px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .sectionTitle {
        padding: 0 0 15px 15px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .sectionTitle:after {
        left: 15px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection {
        padding: 0 15px 0 15px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .allHospitalsBtn {
        left: 15px
    }
    .homePage .forthSection .sliderWrapper .swiper-container .swiper-slide .descriptionHolder h3 {
        min-height: 82px
    }
    .singleNewsAndEvents .relatedNewsHolder.newsPage .newsHolder {
        margin: 0 auto;
        padding: 40px 0 0 0
    }
    .singleNewsAndEvents .relatedNewsHolder.newsPage .shapeImage {
        display: none
    }
    footer .backPart .bottomPart h4 {
        float: left;
        margin: 20px 0 3px 0
    }
    .contactUsPage.customerCarePage .topSection .formHolderParent .formHolder {
        max-width: 490px
    }
    .covidScreeningLocs .contentHolder .columnWrapper.leftSection .appsBtnHolder a img {
        max-width: 130px
    }
    .arabicVersion footer .backPart .bottomPart h4 {
        margin: 20px 0 3px 0
    }
    .arabicVersion .topHeader .leftSection ul li a {
        font-size: 14px
    }
}

@media (max-width:1200px) {
    .container,
    .topHeader .container {
        width: 992px!important;
        max-width: 992px!important
    }
    .homePage .customScroll {
        display: none
    }
    .homePage .firstSection .bottomSection .container .covidSection {
        padding: 15px;
        max-width: 200px
    }
    .homePage .firstSection .bottomSection .container .covidSection h3 {
        font-size: 15px
    }
    .homePage .firstSection .bottomSection .container .covidSection h4 {
        font-size: 12px;
        line-height: 16px
    }
    .homePage .firstSection .bottomSection .container .covidSection .blueButton {
        font-size: 10px;
        padding: 7px 10px 10px 10px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder {
        position: relative;
        top: unset;
        right: 0;
        height: auto;
        justify-content: flex-start;
        min-width: 45px;
        margin: 0
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder:before {
        display: none
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder .hospitalsSliderPag {
        text-align: center;
        position: relative;
        min-width: auto
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder .hospitalsSliderPag .swiper-pagination-bullet {
        margin: 0 10px;
        display: inline-block
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .allHospitalsBtn {
        bottom: 70px
    }
    .homePage .forthSection .sliderWrapper .sectionTitle,
    .homePage .forthSection .sliderWrapper .swiper-container,
    .homePage .forthSection .sliderWrapper .navAndPag {
        padding: 0 0 0 10%
    }
    .singleNewsAndEvents .relatedNewsHolder.newsPage .shapeImage {
        width: 120%
    }
    .hospitalsPage .firstSection .leftSection .innerLeftSection {
        margin: 0 0 60px 15px
    }
    .hospitalsPage .firstSection .leftSection .innerLeftSection h1 {
        font-size: 43px;
        line-height: 48px
    }
    .hospitalsPage .firstSection .leftSection .innerLeftSection h3 {
        font-size: 16px;
        line-height: 24px
    }
    .hospitalsPage .firstSection .rightSection .customScroll {
        right: 15px
    }
    .hospitalsPage .firstSection .rightSection .innerRightSection {
        padding: 0 50px 60px 50px
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription {
        padding: 25px 15px 0 15px
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection h1 {
        font-size: 16px
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .socialMediaHolder li a {
        font-size: 16px
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .eachAdditionalInfo.location a {
        font-size: 12px;
        line-height: 16px
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subRightSection a span {
        font-size: 16px
    }
    .covid19Page .contentHolder .pageHeader .infoHolder:before {
        background-size: 87%
    }
    .covid19Page .contentHolder .pageHeader .imageHolder {
        right: 10%
    }
    .factsAndFiguresPage .topSection .descriptionHolder h4 {
        max-width: 700px
    }
    .operationsSection .operationsListWrapper .eachListWrap h3 {
        font-size: 26px
    }
    .operationsSection .operationsListWrapper .eachListWrap h4 {
        font-size: 15px
    }
    .chairmanMessage .messageSection .row .imageAndContent {
        padding: 0 15px
    }
    footer .backPart .topPart {
        flex-wrap: wrap
    }
    footer .backPart .topPart .column:nth-child(1) {
        flex: 0 0 20%;
        margin: 0 0 80px 0
    }
    footer .backPart .topPart .column:nth-child(2) {
        flex: 0 0 21%
    }
    footer .backPart .topPart .column:nth-child(3) {
        flex: 0 0 26%
    }
    footer .backPart .topPart .column:nth-child(4) {
        flex: 0 0 41%
    }
    footer .backPart .topPart .column:nth-child(5) {
        flex: 0 0 25%
    }
    footer .backPart .bottomPart {
        padding: 15px 300px 15px 0
    }
    footer .backPart .bottomPart ul li {
        margin: 0 15px 10px 0
    }
    footer .backPart .bottomPart h4 {
        margin: 0 0 3px 0
    }
    footer .frontPart {
        top: 50px;
        right: -40px;
        height: 100%;
        border-bottom-left-radius: 100%
    }
    .contactUsPage.customerCarePage .topSection .formHolderParent {
        padding: 100px 20px 100px 0
    }
    .contactUsPage.customerCarePage .topSection .formHolderParent .formHolder {
        max-width: 360px
    }
    .contactUsPage.customerCarePage .topSection .formHolderParent .formHolder form .fieldWrapper.halfed {
        width: calc(100%)
    }
    .contactUsPage.customerCarePage .topSection .formHolderParent .formHolder form .fieldWrapper.halfed:nth-child(2),
    .contactUsPage.customerCarePage .topSection .formHolderParent .formHolder form .fieldWrapper.halfed:nth-child(4) {
        margin: 0 0 30px 0
    }
    .arabicVersion .topHeader .leftSection ul {
        margin: 14px 10px 14px 0
    }
    .arabicVersion .topHeader .leftSection ul li a {
        font-size: 12px
    }
    .arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder {
        direction: rtl
    }
    .arabicVersion .hospitalsPage .firstSection .rightSection .customScroll {
        right: auto;
        left: 15px
    }
    .arabicVersion .hospitalsPage .firstSection .leftSection .innerLeftSection {
        margin: 0 15px 60px auto
    }
    .arabicVersion .hospitalsPage .firstSection .leftSection .innerLeftSection h1 {
        font-size: 40px
    }
    .arabicVersion .singleNewsAndEvents .relatedNewsHolder.newsPage .newsHolder .pageTitle {
        padding: 0 15px 0 0
    }
    .arabicVersion footer .frontPart {
        border-bottom-right-radius: 100%
    }
    .arabicVersion footer .backPart .bottomPart h4 {
        float: right
    }
    .arabicVersion .contactUsPage.customerCarePage .topSection .formHolderParent {
        padding: 100px 0 100px 20px
    }
    .fullMenuWrapper .middleMenuHolder #menu-header-menu .hasSubmenu .sub-menu li {
        margin-right: 30px
    }
    .fullMenuWrapper .middleMenuHolder #menu-header-menu .hasSubmenu .sub-menu li:last-child {
        margin-right: 0
    }
    .fullMenuWrapper .middleMenuHolder #menu-header-menu .hasSubmenu .sub-menu li a {
        font-size: 18px;
        line-height: 18px
    }
}

@media (max-width:992px) {
    .container,
    .topHeader .container {
        width: 768px!important;
        max-width: 768px!important
    }
    .topHeader .leftSection ul {
        display: none
    }
    .moreInfoSection {
        margin: 40px 0
    }
    .homePage .firstSection .bottomSection .container .covidSection {
        display: none
    }
    .homePage .covidSection.forMobile {
        display: flex;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        align-items: center
    }
    .homePage .secondSection {
        padding: 75px 0 55px 0;
        background-size: 580px
    }
    .homePage .secondSection .leftSection h2 {
        font-size: 32px;
        line-height: 38px
    }
    .homePage .secondSection .leftSection p {
        font-size: 14px;
        line-height: 21px
    }
    .homePage .secondSection .leftSection a {
        font-size: 14px
    }
    .homePage .secondSection .rightSection .innerRightSection .circle {
        width: 84px;
        height: 84px
    }
    .homePage .secondSection .rightSection .innerRightSection .circle .innerCircle h3 {
        font-size: 20px
    }
    .homePage .secondSection .rightSection .innerRightSection .circle .innerCircle h4 {
        font-size: 12px
    }
    .homePage .secondSection .rightSection .innerRightSection .circle:after {
        border-right: 45px solid var(--blue_col);
        border-top: 45px solid transparent;
        border-left: 45px solid var(--blue_col);
        border-bottom: 45px solid var(--blue_col);
        border-radius: 45px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .sectionTitle {
        font-size: 30px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .allHospitalsBtn {
        font-size: 13px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection h2 {
        font-size: 26px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .description {
        font-size: 13px;
        line-height: 21px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a {
        padding: 0 15px 0 50px;
        font-size: 11px;
        height: 38px;
        line-height: 38px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a span {
        width: 38px;
        height: 38px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a:nth-child(2) {
        margin: 0 0 0 3px
    }
    .homePage .fifthSection .leftSection {
        z-index: 2
    }
    .homePage .fifthSection .leftSection .imageHolder .smallCircle {
        right: 55px
    }
    .homePage .fifthSection .leftSection .imageHolder a.goToBtn {
        bottom: 0;
        left: -15px
    }
    .homePage .fifthSection .rightSection .listWrapper {
        margin: 15px 0 0 0
    }
    .homePage .fifthSection .rightSection .listWrapper .eachListWrap {
        margin: 0 0 5px 0
    }
    .homePage .fifthSection .rightSection .shapeImage {
        right: -130px
    }
    .singleNewsAndEvents .contentHolder {
        position: relative;
        z-index: 2
    }
    .singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder {
        position: relative;
        top: unset;
        right: unset;
        display: inline-block;
        margin: 0 0 25px 0
    }
    .singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder li {
        display: inline-block;
        border-right: 1px solid rgba(0, 0, 0, .1);
        border-bottom: none
    }
    .singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder li.first {
        border-top-left-radius: 27px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 27px;
        padding: 17px 15px 15px 15px
    }
    .singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder li:nth-last-child(1) a {
        padding: 15px
    }
    .singleNewsAndEvents .relatedNewsHolder.newsPage .newsHolder {
        max-width: 780px;
        padding: 20px 0 0 0
    }
    .singleNewsAndEvents .relatedNewsHolder.newsPage .newsHolder .articlesHolder {
        justify-content: center
    }
    .socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap {
        flex: 0 0 100%;
        width: 100%;
        padding: 0 0 30px 0
    }
    .socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap:nth-last-child(1) {
        border-bottom: none
    }
    .hospitalsPage .firstSection {
        height: 100%;
        display: block
    }
    .hospitalsPage .firstSection .leftSection {
        height: 550px;
        justify-content: center;
        flex: 0 0 100%;
        text-align: center;
        width: 100%
    }
    .hospitalsPage .firstSection .leftSection .innerLeftSection {
        max-width: 100%;
        text-align: center;
        margin: 0 0 100px 0;
        padding: 0 15px
    }
    .hospitalsPage .firstSection .leftSection span.scrollDownIdentifier {
        top: auto;
        transform: unset;
        left: 0;
        bottom: 20px;
        right: 0;
        margin: 0 auto
    }
    .hospitalsPage .firstSection .rightSection {
        flex: 0 0 100%;
        width: 100%;
        padding: 60px 0 0 0
    }
    .hospitalsPage .firstSection .rightSection:after {
        display: none
    }
    .hospitalsPage .firstSection .rightSection .customScroll {
        display: none
    }
    .hospitalsPage .firstSection .rightSection .innerRightSection {
        max-height: 100%;
        padding: 0 50px 0 50px
    }
    .hospitalsPage .hospitalPopup .innerHospitalPopup {
        max-width: 97%;
        padding: 50px 50px
    }
    .contactUsPage .topSection .descriptionSection {
        position: relative;
        bottom: unset;
        left: unset;
        margin: 45px 0 0 0
    }
    .contactUsPage .topSection .descriptionSection .innerDescriptionSection {
        left: 140px
    }
    .contactUsPage.customerCarePage .topSection .formHolderParent {
        padding: 150px 20px 100px 20px
    }
    .contactUsPage.customerCarePage .topSection .formHolderParent .formHolder {
        max-width: 100%
    }
    .contactUsPage.customerCarePage .topSection .descriptionSection {
        margin: 0
    }
    .covid19Page .contentHolder .pageHeader .infoHolder {
        padding: 30px 20px
    }
    .covid19Page .contentHolder .pageHeader .infoHolder:before {
        background-size: 100%
    }
    .covid19Page .contentHolder .pageHeader .infoHolder img {
        max-width: 40px
    }
    .covid19Page .contentHolder .pageHeader .infoHolder h1 {
        font-size: 24px;
        line-height: 34px;
        max-width: 438px
    }
    .covid19Page .contentHolder .pageHeader .imageHolder {
        max-width: 105px;
        right: 2%
    }
    .whoWeAre .firstSection .leftSection .innerLeftSection {
        margin: 0
    }
    .whoWeAre .firstSection .leftSection .innerLeftSection h3 {
        font-size: 20px
    }
    .whoWeAre .firstSection .leftSection .innerLeftSection h1 {
        font-size: 28px;
        line-height: 34px
    }
    .whoWeAre .firstSection .leftSection .innerLeftSection p {
        font-size: 15px;
        line-height: 22px
    }
    .whoWeAre .firstSection .rightSection .imageHolder .smallCircle {
        width: 50px;
        height: 50px;
        left: 70px
    }
    .whoWeAre .firstSection .rightSection .imageHolder .bigCircle {
        width: 315px;
        height: 315px
    }
    .whoWeAre .secondSection {
        z-index: 2;
        position: relative
    }
    .whoWeAre .thirdSection {
        z-index: 5
    }
    .whoWeAre .forthSection {
        padding: 50px 0 100px 0
    }
    .whoWeAre .forthSection .rightSection h2 {
        font-size: 28px;
        line-height: 35px
    }
    .whoWeAre .forthSection .rightSection .content {
        font-size: 15px;
        line-height: 24px
    }
    .whoWeAre .forthSection .leftSection .innerRightSection .circle {
        width: 84px;
        height: 84px
    }
    .whoWeAre .forthSection .leftSection .innerRightSection .circle .innerCircle h3 {
        font-size: 20px
    }
    .whoWeAre .forthSection .leftSection .innerRightSection .circle .innerCircle h4 {
        font-size: 12px
    }
    .whoWeAre .forthSection .leftSection .innerRightSection .circle:after {
        border-right: 45px solid var(--blue_col);
        border-top: 45px solid transparent;
        border-left: 45px solid var(--blue_col);
        border-bottom: 45px solid var(--blue_col);
        border-radius: 45px
    }
    .boardMembersPage .topSection .row .descriptionHolder .innerDescriptionHolder h3 {
        font-size: 20px;
        padding: 0 0 15px 0;
        margin: 0 0 15px 0
    }
    .boardMembersPage .topSection .row .descriptionHolder .innerDescriptionHolder h2 {
        font-size: 26px;
        line-height: 34px;
        margin: 0 0 15px 0
    }
    .boardMembersPage .topSection .row .descriptionHolder .innerDescriptionHolder h4 {
        font-size: 16px;
        margin: 0 0 10px 0
    }
    .boardMembersPage .topSection .row .descriptionHolder .innerDescriptionHolder .content {
        font-size: 15px;
        line-height: 22px;
        max-width: 100%
    }
    .chairmanMessage .container {
        width: 100%!important;
        max-width: 100%!important;
        padding: 0
    }
    .chairmanMessage .messageSection {
        padding: 100px 0 30px 0
    }
    .chairmanMessage .messageSection .floatingSection {
        max-width: 100%;
        top: unset;
        position: relative
    }
    .chairmanMessage .messageSection .floatingSection .innerFloatingSection h3 {
        font-size: 20px
    }
    .chairmanMessage .messageSection .floatingSection .innerFloatingSection h2 {
        font-size: 18px;
        line-height: 26px
    }
    .chairmanMessage .messageSection .floatingSection .innerFloatingSection .content {
        font-size: 16px;
        line-height: 22px
    }
    .chairmanMessage .messageSection .imageAndContent .content {
        padding: 0 15px
    }
    .factsAndFiguresPage .topSection .imageHolder {
        max-width: 100%
    }
    .factsAndFiguresPage .topSection .descriptionHolder {
        bottom: 30px
    }
    .factsAndFiguresPage .topSection .descriptionHolder h3 {
        font-size: 20px
    }
    .factsAndFiguresPage .topSection .descriptionHolder h2 {
        font-size: 44px
    }
    .factsAndFiguresPage .topSection .descriptionHolder h4 {
        max-width: 92%;
        font-size: 15px;
        line-height: 22px
    }
    .factsAndFiguresPage .secondSection {
        margin: 0;
        padding: 30px 0 10px 0
    }
    .mediaGalleryPage .galleryPopup .innerGalleryPopup {
        max-width: 95%
    }
    .mediaGalleryPage .galleryPopup .galleryPopupSliderNav {
        top: 90%;
        transform: unset
    }
    .mediaGalleryPage .galleryPopup .galleryPopupSliderNav.nextBut {
        right: 25px
    }
    .mediaGalleryPage .galleryPopup .galleryPopupSliderNav.prevBut {
        left: 25px
    }
    footer {
        padding: 150px 0 0 0
    }
    footer .frontPart {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
    footer .backPart {
        width: 100%;
        padding: 0 15px 0 15px
    }
    footer .backPart .topPart {
        padding: 30px 0 30px 0
    }
    footer .backPart .topPart .column {
        flex: 0 0 calc(100% / 5)!important;
        margin: 0!important
    }
    footer .backPart .bottomPart {
        padding: 15px 0;
        text-align: center
    }
    footer .backPart .bottomPart h4 {
        margin: 5px 0 3px 0;
        width: 100%
    }
    footer .backPart .bottomPart ul {
        width: 100%
    }
    footer .backPart .bottomPart ul li {
        margin: 0 7.5px 10px 7.5px
    }
    footer .backPart .bottomPart ul.socialMediaHolder {
        display: block;
        margin: 8px 0 0 0
    }
    footer .backPart .bottomPart ul.socialMediaHolder ul li {
        margin: 0 15px 0 0
    }
    footer .frontPart {
        top: 0;
        right: 0;
        width: 100%;
        height: auto;
        border-bottom-left-radius: 0;
        bottom: auto;
        padding: 20px 0;
        justify-content: center
    }
    footer .frontPart .innerFrontPart {
        margin: 0
    }
    footer .frontPart .innerFrontPart h2 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 auto 15px auto;
        width: 100%;
        max-width: 220px;
        text-align: center
    }
    footer .frontPart .socialMediaHolder {
        display: none
    }
    .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap {
        display: block
    }
    .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .titleHolder,
    .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap {
        flex: 0 0 calc(100%);
        width: calc(100%)
    }
    .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap .sectionTitle {
        display: inline-block
    }
    .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap.practiveHolder {
        margin: 30px 0 20px 0
    }
    .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap.compliedByHolder .contentHolder {
        flex: 0 0 calc(100%);
        width: calc(100%)
    }
    .qualityPolicy {
        padding: 40px 0 50px 0
    }
    .covidScreeningLocs .contentHolder .columnWrapper.leftSection .appsBtnHolder a img {
        max-width: 105px
    }
    .arabicVersion .homePage .secondSection {
        padding: 75px 0 55px 0
    }
    .arabicVersion .homePage .covidSection.forMobile {
        direction: rtl
    }
    .arabicVersion .homePage .covidSection.forMobile .leftSection {
        text-align: right
    }
    .arabicVersion .homePage .covidSection.forMobile .rightSection {
        text-align: left
    }
    .arabicVersion .homePage .fifthSection .row .rightSection .shapeImage {
        left: -130px
    }
    .arabicVersion .whoWeAre .firstSection .container .row .leftSection .innerLeftSection {
        margin: 0
    }
    .arabicVersion .whoWeAre .secondSection .row .columnWrap.leftSection h2 {
        font-size: 30px;
        line-height: 40px
    }
    .arabicVersion .whoWeAre .secondSection .row .columnWrap p {
        font-size: 15px;
        line-height: 26px
    }
    .arabicVersion .factsAndFiguresPage .operationsSection .container .operationsListWrapper .eachListWrap h3 {
        font-size: 25px
    }
    .arabicVersion .factsAndFiguresPage .operationsSection .container .operationsListWrapper .eachListWrap h4 {
        font-size: 13px
    }
    .arabicVersion .hospitalsPage .firstSection .leftSection span.scrollDownIdentifier {
        left: 0;
        right: 0
    }
    .arabicVersion .hospitalsPage .firstSection .leftSection .innerLeftSection {
        max-width: 100%;
        text-align: center;
        margin: 0 0 110px 0
    }
    .arabicVersion .singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder {
        left: unset
    }
    .arabicVersion .singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder li {
        border-left: 1px solid rgba(0, 0, 0, .1);
        border-right: none
    }
    .arabicVersion .singleNewsAndEvents .contentHolder .imageHolder .socialMediaHolder li.first {
        border-top-left-radius: 0;
        border-top-right-radius: 27px;
        border-bottom-right-radius: 27px;
        border-bottom-left-radius: 0
    }
    .arabicVersion .socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap {
        padding: 0 0 30px 0
    }
    .arabicVersion footer .backPart {
        padding: 0 15px
    }
    .arabicVersion footer .backPart .bottomPart {
        padding: 15px 0
    }
    .arabicVersion footer .backPart .bottomPart h4 {
        margin: 5px 0 3px 0
    }
    .arabicVersion footer .backPart .bottomPart ul li {
        margin: 0 7.5px 10px 7.5px
    }
    .arabicVersion footer .frontPart {
        border-bottom-right-radius: 0;
        padding: 31px 0;
        left: 0;
        justify-content: center
    }
    .arabicVersion footer .frontPart .innerFrontPart h2 {
        text-align: center;
        margin: 0 auto 15px auto;
        max-width: 260px;
        direction: rtl
    }
    .arabicVersion footer .frontPart .innerFrontPart h2 bold {
        display: inline-block;
        margin: 0 5px 0 0
    }
    .arabicVersion .moreInfoSection {
        margin: 40px 0
    }
    .arabicVersion .transparencyCharterPage {
        background-image: url(../../../../../../../themes/TriTheme/images/shape-1-rev.svg)
    }
    .arabicVersion .transparencyCharterPage .contentHolder .blocksListWrapper .eachBlockWrap .columnWrap.practiveHolder {
        margin: 30px 0 20px 0
    }
    .arabicVersion .contactUsPage.customerCarePage .topSection .descriptionSection {
        text-align: right;
        right: 0
    }
    .arabicVersion .contactUsPage.customerCarePage .topSection .descriptionSection .innerDescriptionSection {
        right: 140px;
        left: auto
    }
    .arabicVersion .contactUsPage.customerCarePage .topSection .formHolderParent {
        padding: 150px 20px 50px 20px
    }
}

@media (min-width:992px) {
    .middleMenuHolder {
        width: 100%
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu {
        position: relative;
        padding-top: 10px;
        margin: 0 0 25px 0
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu>a,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu>a {
        padding: 0 0 28px 0
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu .sub-menu,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu .sub-menu {
        top: 50%;
        transform: translatey(-50%);
        -o-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -webkit-transform: translatey(-50%);
        left: 0
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu .sub-menu:after,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu .sub-menu:after {
        content: '';
        position: absolute;
        bottom: -19px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 27px;
        background-color: var(--blue_col);
        height: 1px
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu .sub-menu .closeSubMenu,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu .sub-menu .closeSubMenu {
        display: none
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu .sub-menu li,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu .sub-menu li {
        display: inline-block;
        margin-right: 62px;
        margin-bottom: 0
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu .sub-menu li:nth-child(2),
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu .sub-menu li:nth-child(2) {
        display: none!important
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu .sub-menu li:last-child,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu .sub-menu li:last-child {
        margin-right: 0
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu .sub-menu li a,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu .sub-menu li a {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 0;
        margin-bottom: 10px
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu .sub-menu li a:hover,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu .sub-menu li a:hover {
        opacity: .5
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu:hover>a,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu:hover>a {
        visibility: hidden;
        opacity: 0;
        left: 0;
        z-index: -1
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu:hover .sub-menu,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu:hover .sub-menu {
        left: 0;
        opacity: 1;
        visibility: visible;
        z-index: 0;
        pointer-events: all
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu:hover .sub-menu .closeSubMenu,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu:hover .sub-menu .closeSubMenu {
        display: none
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu:hover .sub-menu li,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu:hover .sub-menu li {
        display: inline-block
    }
    .middleMenuHolder #menu-header-menu .hasSubmenu:last-child .sub-menu:after,
    .middleMenuHolder #menu-header-menu-ar .hasSubmenu:last-child .sub-menu:after {
        height: 0
    }
}

@media (max-width:768px) {
    .callOperator.hide-responsive {
        display: none
    }
    .container,
    .topHeader .container {
        width: 100%!important;
        max-width: 100%!important
    }
    .paddingTop {
        padding-top: 70px
    }
    .fullMenuWrapper .closeHolder {
        display: none
    }
    .fullMenuWrapper .menuHead {
        padding: 20px 20px 0 20px
    }
    .fullMenuWrapper .menuHead .leftSection a img {
        max-width: 140px
    }
    .fullMenuWrapper .menuHead .rightSection a.number {
        font-size: 13px;
        padding: 11px 17px
    }
    .fullMenuWrapper .menuHead .rightSection a.closeHolder {
        display: inline-block;
        position: relative;
        top: 0;
        right: 0;
        transform: unset
    }
    .fullMenuWrapper .menuHead .rightSection a.closeHolder h6 {
        margin: 0 0 3px 0
    }
    .fullMenuWrapper .menuHead .rightSection a.closeHolder i {
        font-size: 28px;
        margin: 0 2px 0 0
    }
    .fullMenuWrapper .middleMenuHolder ul li a {
        font-size: 20px;
        padding: 0 0 16px 0
    }
    .fullMenuWrapper .middleMenuHolder ul.sub-menu li.closeSubMenu a {
        width: 45px;
        height: 45px;
        font-size: 30px!important
    }
    .fullMenuWrapper .middleMenuHolder.subMenuOpened ul.sub-menu li a {
        font-size: 18px
    }
    .fullMenuWrapper .middleMenuHolder.subMenuOpened ul.sub-menu li:nth-child(2) a {
        font-size: 22px
    }
    .fullMenuWrapper .dotsImage {
        left: -30px;
        max-width: 95px
    }
    .fullMenuWrapper .socialMediaHolder li a {
        color: #fff;
        font-size: 18px
    }
    .fullMenuWrapper .languageSwitcher {
        right: 15px
    }
    .menuOpenerHolder {
        height: 40px
    }
    .menuOpenerHolder h6 {
        font-size: 12px
    }
    .topHeader {
        padding: 22px 0
    }
    .topHeader .rightSection a.number {
        font-size: 14px
    }
    .topHeader .rightSection a.menuOpenerHolder {
        display: inline-block!important
    }
    .topHeader .leftSection a.logoHolder:after {
        background-size: 100%;
        left: -18px;
        height: 40px;
        width: 28px
    }
    .topHeader .leftSection a img {
        max-width: 140px
    }
    .topHeader.scrolling .rightSection {
        min-width: auto
    }
    .homePage .firstSection .innerSection .menuOpenerHolder {
        display: none
    }
    .homePage .firstSection .bottomSection .container {
        overflow-x: auto
    }
    .homePage .firstSection .bottomSection .container::-webkit-scrollbar {
        display: none!important
    }
    .homePage .firstSection .bottomSection .container .bottomColumn {
        flex: 0 0 calc(33% + 80px)
    }
    .homePage .covidSection.forMobile {
        display: block;
        text-align: center;
        align-items: center;
        padding: 20px 15px
    }
    .homePage .covidSection.forMobile .leftSection {
        flex: 0 0 100%;
        width: 100%
    }
    .homePage .covidSection.forMobile .rightSection {
        flex: 0 0 100%;
        width: 100%;
        text-align: center;
        margin: 15px 0 0 0
    }
    .homePage .secondSection {
        padding: 55px 0 35px 0
    }
    .homePage .secondSection .row {
        display: block
    }
    .homePage .secondSection .row .leftSection,
    .homePage .secondSection .row .rightSection {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .homePage .secondSection .row .leftSection h2 {
        max-width: 100%
    }
    .homePage .secondSection .row .leftSection p {
        max-width: 100%
    }
    .homePage .secondSection .row .rightSection {
        margin: 50px 0 0 0
    }
    .homePage .secondSection .row .rightSection .innerRightSection {
        justify-content: center
    }
    .homePage .thirdSection:before {
        width: 100%
    }
    .homePage .thirdSection .swiper-container .swiper-slide {
        padding: 0 0 15px 0
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .sectionTitle {
        position: relative;
        padding: 0 0 15px 0;
        margin: 0 0 45px 0
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .sectionTitle:after {
        left: 0
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .allHospitalsBtn {
        bottom: 0;
        position: relative;
        margin: 38px 0;
        display: block;
        left: unset
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .row {
        display: block
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .row .rightSection {
        display: none;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .row .leftSection {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .row .leftSection .innerLeftSection {
        max-width: 100%
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .row .leftSection .innerLeftSection .description {
        width: 100%;
        max-width: 95%
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .row .leftSection .innerLeftSection .imageHolder {
        display: block;
        margin: 0 0 30px 0
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .row .leftSection .innerLeftSection .imageHolder img {
        width: 100%;
        height: auto;
        border-radius: 100%
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder .hospitalsSliderPag .swiper-pagination-bullet:nth-child(1) {
        margin: 0 10px 0 6.5px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder .hospitalsSliderPag .swiper-pagination-bullet:nth-last-child(1) {
        margin: 0 0 0 10px
    }
    .homePage .forthSection:after {
        width: 0!important
    }
    .homePage .forthSection .sliderWrapper .sectionTitle,
    .homePage .forthSection .sliderWrapper .swiper-container,
    .homePage .forthSection .sliderWrapper .navAndPag {
        padding: 0 0 0 15px
    }
    .homePage .forthSection .dotsImage {
        right: -45px
    }
    .homePage .fifthSection .row {
        display: block
    }
    .homePage .fifthSection .row .leftSection,
    .homePage .fifthSection .row .rightSection {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .homePage .fifthSection .row .rightSection {
        margin: 50px 0 0 0;
        padding: 40px 0 0 0
    }
    .homePage .fifthSection .row .rightSection .shapeImage {
        right: 0;
        width: 115%;
        top: 0
    }
    .homePage .fifthSection .row .rightSection .listWrapper {
        margin: 15px auto 0 auto
    }
    .homePage .fifthSection .row .leftSection {
        text-align: center
    }
    .homePage .fifthSection .row .leftSection .imageHolder {
        margin: 0 auto
    }
    .singleNewsAndEvents .contentHolder {
        padding: 0 15px 20px 15px
    }
    .singleNewsAndEvents .relatedNewsHolder.newsPage .newsHolder {
        padding: 20px 0 40px 0
    }
    .servicesPage .servicesHolder .pageTitle {
        margin: 0 0 30px 55px
    }
    .hospitalsPage .firstSection .rightSection .innerRightSection {
        padding: 0 15px
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap {
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        padding: 0 0 40px 0;
        margin: 0 0 40px 0
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap:nth-last-child(2) {
        border-bottom: none
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap:hover .mainDescription {
        bottom: unset
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .loader.loading {
        top: 26%
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainTitle {
        display: none
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription {
        position: relative;
        width: 100%;
        bottom: unset;
        left: unset;
        right: unset;
        margin: 0;
        padding: 25px 0 0 0;
        display: block
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection {
        flex: 0 0 calc(100%)
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subRightSection {
        padding: 25px 0 0 0;
        flex: 0 0 100%
    }
    .hospitalsPage .moreInfoSection {
        margin: 40px 0 90px 0
    }
    .hospitalsPage .hospitalPopup .innerHospitalPopup {
        padding: 75px 20px 40px 20px
    }
    .hospitalsPage .hospitalPopup .innerHospitalPopup .closeBtn {
        right: 0;
        left: 0;
        margin: 0 auto
    }
    .contactUsPage .topSection .underMapSentence {
        text-align: center;
        padding: 0 15px
    }
    .contactUsPage .topSection .underMapSentence a {
        margin: 15px 20px 0 20px
    }
    .contactUsPage .topSection .underMapSentence a:nth-child(1) {
        margin: 15px 20px 0 20px
    }
    .contactUsPage .topSection .descriptionSection .innerDescriptionSection {
        left: 110px
    }
    .contactUsPage .topSection .descriptionSection .shapeImage {
        transform: translateX(-55px)
    }
    .contactUsPage .formHolder form {
        max-width: 100%
    }
    .covid19Page .contentHolder .pageHeader .infoHolder {
        background-color: var(--indigo_sections_col)
    }
    .covid19Page .contentHolder .pageHeader .infoHolder:before {
        display: none
    }
    .covid19Page .contentHolder .pageHeader .infoHolder h1 {
        font-size: 20px;
        line-height: 29px;
        max-width: 355px;
        margin: 25px 0 0 0
    }
    .covid19Page .contentHolder .pageHeader .imageHolder {
        top: 10px;
        transform: unset
    }
    .covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderQuest h3 {
        line-height: 22px
    }
    .covid19Page .contentHolder .usefulLinksHolder ul li {
        width: calc(100% / 2 - 15px)
    }
    .whoWeAre .firstSection .leftSection,
    .whoWeAre .firstSection .rightSection {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .whoWeAre .firstSection .leftSection {
        text-align: center;
        margin: 0 0 60px 0
    }
    .whoWeAre .firstSection .leftSection .innerLeftSection {
        max-width: 475px;
        margin: 0 auto
    }
    .whoWeAre .firstSection .leftSection .innerLeftSection h3:after {
        right: 0;
        margin: 0 auto
    }
    .whoWeAre .firstSection .leftSection .innerLeftSection p,
    .whoWeAre .firstSection .leftSection .innerLeftSection h1 {
        max-width: 100%
    }
    .whoWeAre .firstSection .leftSection .shapeImage {
        top: -35px;
        right: 0;
        width: 100%
    }
    .whoWeAre .firstSection .rightSection {
        text-align: center
    }
    .whoWeAre .secondSection .row .columnWrap.leftSection h2 {
        font-size: 28px;
        line-height: 36px
    }
    .whoWeAre .secondSection .row .columnWrap p {
        font-size: 14px;
        line-height: 26px
    }
    .forthSection {
        background-position: 0 126%
    }
    .forthSection .row {
        display: block
    }
    .forthSection .row .leftSection,
    .forthSection .row .rightSection {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .forthSection .row .rightSection {
        margin: 0 0 50px 0
    }
    .forthSection .row .rightSection .innerRightSection {
        justify-content: center
    }
    .forthSection .row .leftSection .innerRightSection {
        justify-content: center
    }
    .boardMembersPage .topSection .row .imageHolder {
        width: 100%;
        margin: 0 0 30px 0
    }
    .boardMembersPage .topSection .row .descriptionHolder {
        width: calc(100%)
    }
    .boardMembersPage .topSection .row .descriptionHolder .innerDescriptionHolder {
        padding: 0
    }
    .chairmanMessage .messageSection .floatingSection .innerFloatingSection .quotesImage {
        top: 20px;
        right: 65px
    }
    .factsAndFiguresPage .topSection .imageHolder {
        min-height: 350px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }
    .factsAndFiguresPage .topSection .imageHolder img {
        display: none
    }
    .factsAndFiguresPage .topSection .descriptionHolder h3 {
        font-size: 18px
    }
    .factsAndFiguresPage .topSection .descriptionHolder h2 {
        font-size: 36px
    }
    .factsAndFiguresPage .topSection .descriptionHolder h4 {
        font-size: 14px
    }
    .factsAndFiguresPage .secondSection .facilitiesList .eachFacilityElt {
        width: calc(100% / 3 - 60px)
    }
    .factsAndFiguresPage .operationsSection .sectionTitle {
        margin: 0 0 25px 0
    }
    .factsAndFiguresPage .operationsSection .operationsListWrapper {
        flex-wrap: wrap
    }
    .factsAndFiguresPage .operationsSection .operationsListWrapper .eachListWrap {
        width: calc(100%)
    }
    .factsAndFiguresPage .operationsSection .operationsListWrapper .eachListWrap h3 {
        margin: 20px 0 6px 0;
        padding: 0 0 0 25px
    }
    .factsAndFiguresPage .operationsSection .operationsListWrapper .eachListWrap h4 {
        margin: 0 0 20px;
        padding: 0 0 0 25px
    }
    .factsAndFiguresPage .operationsSection .operationsListWrapper .eachListWrap:after {
        bottom: auto;
        top: 100%;
        left: 3px;
        width: 1px;
        height: 100%
    }
    .faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock {
        display: block
    }
    .faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .identifier,
    .faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper {
        width: 100%;
        flex: 0 0 100%
    }
    .faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .identifier {
        margin: 0 0 20px 0
    }
    footer {
        padding: 158px 0 0 0
    }
    footer .backPart .topPart .column {
        flex: 0 0 calc(100% / 3)!important
    }
    footer .backPart .topPart .column:nth-child(1) {
        margin: 0 0 80px 0!important
    }
    footer .backPart .topPart .column .columnTitle:nth-last-child(1) {
        margin: 0
    }
    .covidScreeningLocs .contentHolder {
        padding: 60px 0
    }
    .covidScreeningLocs .contentHolder .greyCircle,
    .covidScreeningLocs .contentHolder .dotsImage {
        top: 25px
    }
    .covidScreeningLocs .contentHolder .columnWrapper.leftSection {
        margin: 0 0 40px 0
    }
    .covidScreeningLocs .contentHolder .columnWrapper.rightSection .innerLeftSection {
        margin: 0 0 40px 0
    }
    .arabicVersion .topHeader .leftSection a:after {
        right: -12px
    }
    .arabicVersion .homePage .secondSection {
        padding: 55px 0 35px 0
    }
    .arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .sectionTitle {
        text-align: right
    }
    .arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .row {
        margin-right: 0;
        margin-left: 0
    }
    .arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .allHospitalsBtn {
        text-align: right
    }
    .arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder .hospitalsSliderPag .swiper-pagination-bullet:nth-last-child(1) {
        margin: 0 10px 0 0
    }
    .arabicVersion .homePage .forthSection .sliderWrapper .sectionTitle {
        padding: 0 15px 0 0
    }
    .arabicVersion .homePage .forthSection .sliderWrapper .swiper-container {
        padding: 0 15px 0 0
    }
    .arabicVersion .homePage .forthSection .sliderWrapper .navAndPag {
        padding: 0 15px 0 0
    }
    .arabicVersion .homePage .forthSection .dotsImage {
        left: -45px
    }
    .arabicVersion .homePage .fifthSection .row .rightSection .shapeImage {
        left: 0
    }
    .arabicVersion .homePage .fifthSection .row .rightSection .listWrapper {
        margin: 15px auto 0 auto
    }
    .arabicVersion .homePage .fifthSection .row .leftSection {
        text-align: center
    }
    .arabicVersion .whoWeAre .firstSection .container .row .leftSection .shapeImage {
        left: 70px
    }
    .arabicVersion .whoWeAre .secondSection .row .columnWrap.leftSection h2 {
        font-size: 28px;
        line-height: 36px;
        max-width: 100%
    }
    .arabicVersion .whoWeAre .secondSection .row .columnWrap p {
        font-size: 14px;
        line-height: 26px
    }
    .arabicVersion .factsAndFiguresPage .secondSection {
        margin: 0
    }
    .arabicVersion .factsAndFiguresPage .topSection .descriptionHolder h3 {
        font-size: 16px
    }
    .arabicVersion .factsAndFiguresPage .topSection .descriptionHolder h2 {
        font-size: 36px
    }
    .arabicVersion .factsAndFiguresPage .topSection .descriptionHolder h4 {
        font-size: 14px
    }
    .arabicVersion .factsAndFiguresPage .operationsSection .container .operationsListWrapper .eachListWrap:after {
        top: 100%;
        left: auto;
        right: 0
    }
    .arabicVersion .factsAndFiguresPage .operationsSection .container .operationsListWrapper .eachListWrap h3 {
        padding: 0 25px 0 0
    }
    .arabicVersion .factsAndFiguresPage .operationsSection .container .operationsListWrapper .eachListWrap h4 {
        padding: 0 20px 0 0
    }
    .arabicVersion .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subRightSection {
        text-align: right
    }
    .arabicVersion .contactUsPage .topSection .descriptionSection {
        left: auto;
        right: unset
    }
    .arabicVersion .contactUsPage .topSection .descriptionSection .innerDescriptionSection {
        right: 140px;
        left: auto
    }
    .arabicVersion .contactUsPage .topSection .descriptionSection .shapeImage {
        transform: rotateY(180deg) translateX(55px)
    }
    .arabicVersion footer .frontPart {
        padding: 35px 0
    }
    .arabicVersion .fullMenuWrapper .languageSwitcher {
        left: 15px
    }
    .arabicVersion .fullMenuWrapper .middleMenuHolder ul li a {
        font-size: 20px
    }
    .arabicVersion .fullMenuWrapper .dotsImage {
        right: -30px
    }
    .arabicVersion .fullMenuWrapper .menuHead .rightSection {
        direction: rtl
    }
    .arabicVersion .fullMenuWrapper .menuHead .rightSection a.number {
        direction: ltr
    }
    .arabicVersion .fullMenuWrapper .menuHead .rightSection a.closeHolder {
        left: auto;
        text-align: left
    }
    .arabicVersion .fullMenuWrapper .menuHead .rightSection a.closeHolder h6 {
        text-align: left
    }
    .arabicVersion .fullMenuWrapper .menuHead .rightSection a.closeHolder i {
        margin: 0 0 0 4px
    }
    .arabicVersion .safetyPage .contentHolder .innerContentHolder .subSection .row .rightSection,
    .arabicVersion .safetyPage .contentHolder .innerContentHolder .subSection .row .leftSection {
        padding: 0
    }
    .arabicVersion .safetyPage .contentHolder .innerContentHolder .subSection.withBigNumbers .eachElement {
        padding: 0 60px 30px 0
    }
    .arabicVersion .safetyPage .contentHolder .innerContentHolder .secondSection .row .rightSection,
    .arabicVersion .safetyPage .contentHolder .innerContentHolder .secondSection .row .leftSection {
        padding: 0 15px
    }
    .arabicVersion .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection .eachElement {
        padding: 0 60px 0 0
    }
    .arabicVersion .doctorsArchivePage .topSection .bottomMenuHolder .parentHolder h3,
    .arabicVersion .doctorsArchivePage .topSection .bottomMenuHolder .parentHolder a {
        float: none
    }
    .arabicVersion .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection {
        padding: 0
    }
    .safetyPage .contentHolder .innerContentHolder .firstSection {
        padding: 0 0 40px 0
    }
    .safetyPage .contentHolder .innerContentHolder .firstSection .row .leftSection {
        margin: 0 0 30px 0
    }
    .safetyPage .contentHolder .innerContentHolder .subSection .row .rightSection,
    .safetyPage .contentHolder .innerContentHolder .subSection .row .leftSection {
        padding: 0
    }
    .safetyPage .contentHolder .innerContentHolder .subSection .pageTitle {
        font-size: 18px;
        line-height: 26px
    }
    .safetyPage .contentHolder .innerContentHolder .subSection.withBigNumbers .eachElement {
        padding: 0 0 30px 60px
    }
    .safetyPage .contentHolder .innerContentHolder .subSection.withBigNumbers .eachElement h4 {
        width: 40px;
        height: 40px;
        font-size: 16px
    }
    .safetyPage .contentHolder .innerContentHolder .secondSection .row .rightSection,
    .safetyPage .contentHolder .innerContentHolder .secondSection .row .leftSection {
        padding: 0 15px
    }
    .safetyPage .contentHolder .innerContentHolder .thirdSection .row .leftSection {
        margin: 0 0 30px 0;
        padding: 0 0 30px 0;
        border-bottom: 1px solid #E1E4E8
    }
    .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection {
        padding: 0
    }
    .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection {
        flex-wrap: wrap
    }
    .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection .imageHolder.halfed {
        width: 100%;
        flex: 0 0 100%;
        margin: 30px 0 0 0
    }
    .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .firstSubSection .eachElement {
        padding: 0 0 0 60px
    }
    .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement.halfed {
        width: 100%;
        flex: 0 0 100%
    }
    .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement:nth-child(3),
    .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement:nth-child(4),
    .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement:nth-child(5),
    .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .eachElement:nth-child(6) {
        width: 100%;
        flex: 0 0 100%
    }
    .safetyPage .contentHolder .innerContentHolder .forthSection .row .leftSection .lastImageHolder {
        width: 100%;
        flex: 0 0 100%;
        transform: translateY(0)
    }
    .safetyPage .contentHolder .innerContentHolder .forthSection .row .rightSection {
        padding: 0
    }
    .safetyPage .contentHolder .innerContentHolder .fifthSection {
        padding: 0 0 40px 0
    }
    .safetyPage .contentHolder .innerContentHolder .fifthSection .pageTitle {
        font-size: 18px;
        line-height: 26px
    }
    .safetyPage .contentHolder .innerContentHolder .fifthSection .leftSection {
        margin: 0 0 30px 0
    }
    .safetyPage .fullPageVideoHolder .closeBtn {
        right: 0;
        margin: 0 auto;
        left: 0
    }
    .safetyPage .fullPageVideoHolder .innerFullPage {
        width: 96%
    }
    .safetyPage .fullPageVideoHolder .innerFullPage .videoHolder iframe {
        height: 390px
    }
    .doctorsArchivePage .topSection {
        min-height: 100%
    }
    .doctorsArchivePage .topSection .innerTopSection {
        padding: 160px 20px 190px 20px
    }
    .doctorsArchivePage .topSection .innerTopSection .filtersHolder {
        flex-wrap: wrap
    }
    .doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper,
    .doctorsArchivePage .topSection .innerTopSection .filtersHolder .searchHolder {
        max-width: 100%;
        min-width: auto;
        width: 100%
    }
    .doctorsArchivePage .topSection .innerTopSection .filtersHolder .selector_wrapper#category_selector {
        margin: 15px 0
    }
    .doctorsArchivePage .requestAppointmentHolder {
        padding: 15px 10px
    }
    .doctorsArchivePage .requestAppointmentHolder .parentHolder .row {
        justify-content: center;
        text-align: center
    }
    .doctorsArchivePage .requestAppointmentHolder .parentHolder h3 {
        float: none;
        margin: 0 0 6px 0;
        font-size: 18px
    }
    .doctorsArchivePage .requestAppointmentHolder .parentHolder .bookContainer {
        margin: 15px auto 0 auto
    }
    .pageHasTopSection.singleDoctorsPage .topSection {
        margin: 0 0 40px 0
    }
    .singleDoctorsPage .doctorInfoSection {
        padding: 0 0 50px 0
    }
    .singleDoctorsPage .doctorInfoSection .columnWrapper {
        display: block
    }
    .singleDoctorsPage .doctorInfoSection .columnWrapper .leftSection {
        margin: 0 0 20px 0
    }
    .singleDoctorsPage .doctorInfoSection .columnWrapper .leftSection .imageHolder {
        text-align: center
    }
    .singleDoctorsPage .doctorInfoSection .columnWrapper .leftSection .imageHolder img {
        max-width: 300px
    }
    .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection {
        padding: 0
    }
    .singleDoctorsPage .doctorsSection .sectionTitle {
        padding: 0 0 25px 0
    }
    .singleDoctorsPage .doctorsSection .sectionTitle:after {
        left: 0
    }
}

@media (max-width:600px) {
    .homePage .firstSection .bottomSection .container .bottomColumn {
        flex: 0 0 calc(33% + 70px);
        padding: 0 15px 0 20px
    }
    .homePage .firstSection .bottomSection .container .bottomColumn h3 {
        font-size: 14px
    }
    .homePage .firstSection .bottomSection .container .bottomColumn .content {
        font-size: 13px;
        line-height: 18px
    }
    .homePage .firstSection .bottomSection .container .bottomColumn a {
        font-size: 13px
    }
    .homePage .fifthSection .leftSection .imageHolder a.goToBtn,
    .homePage .fifthSection .leftSection .imageHolder .bigCircle {
        left: 0
    }
    .factsAndFiguresPage .thirdSection {
        padding: 60px 15px 10px 15px
    }
    .factsAndFiguresPage .thirdSection .innerThirdSection .staffListHolder {
        flex-wrap: wrap
    }
    .factsAndFiguresPage .thirdSection .innerThirdSection .staffListHolder .eachStaffWrap {
        width: calc(100%);
        margin: 0 0 50px 0
    }
    .whoWeAre .secondSection .leftSection {
        margin: 0 0 30px 0
    }
    .arabicVersion .homePage .fifthSection .row .leftSection .imageHolder .bigCircle {
        right: 0
    }
    .arabicVersion .whoWeAre .firstSection .container .row .leftSection .shapeImage {
        left: -100px
    }
    .arabicVersion .contactUsPage .topSection .descriptionSection .innerDescriptionSection {
        right: 50px
    }
    .arabicVersion .contactUsPage.customerCarePage .topSection .descriptionSection .innerDescriptionSection {
        right: 50px
    }
}

@media (max-width:500px) {
    .paddingTop {
        padding-top: 66px
    }
    .topHeader {
        padding: 18px 0
    }
    .topHeader .rightSection a.languageSwitcher {
        margin: 3px 10px 0 0;
        width: 33px;
        height: 33px;
        line-height: 29px;
        font-size: 13px
    }
    .topHeader .rightSection a.number {
        padding: 12px 12px
    }
    .topHeader .rightSection a.menuOpenerHolder {
        margin: 0 0 0 10px
    }
    .topHeader.scrolling .rightSection .languageSwitcher {
        width: 33px;
        height: 33px;
        line-height: 31px
    }
    .fullMenuWrapper .menuHead {
        padding: 15px 15px 0 15px
    }
    .fullMenuWrapper .menuHead .leftSection a img {
        max-width: 120px
    }
    .fullMenuWrapper .menuHead .rightSection a.number {
        font-size: 12px;
        padding: 10px 14px
    }
    .fullMenuWrapper .menuHead .rightSection a.closeHolder {
        width: 40px
    }
    .fullMenuWrapper .menuHead .rightSection a.closeHolder h6 {
        margin: 0 0 1px 0
    }
    .fullMenuWrapper .menuHead .rightSection a.closeHolder i {
        font-size: 22px;
        margin: 0 4px 0 0
    }
    .fullMenuWrapper .middleMenuHolder ul li a {
        font-size: 18px;
        padding: 0 0 13px 0
    }
    .fullMenuWrapper .socialMediaHolder {
        bottom: 30px
    }
    .fullMenuWrapper .socialMediaHolder li {
        margin: 0 6px;
        padding: 0 10px
    }
    .fullyLoaded .homePage .firstSection .bottomSection {
        bottom: 15px
    }
    .homePage .firstSection {
        height: 450px
    }
    .homePage .firstSection .innerSection h1 {
        font-size: 26px
    }
    .homePage .firstSection .innerSection h4 {
        font-size: 13px
    }
    .homePage .firstSection .backVideoWrapper iframe {
        min-height: 450px
    }
    .homePage .firstSection .bottomSection .container .bottomColumn {
        flex: 0 0 calc(50% + 100px);
        max-height: 65px;
        padding: 0 15px
    }
    .homePage .firstSection .bottomSection .container .bottomColumn img {
        max-width: 34px;
        height: 34px
    }
    .homePage .firstSection .bottomSection .container .bottomColumn .content {
        line-height: 16px
    }
    .homePage .firstSection .bottomSection .container .bottomColumn h3 {
        font-size: 13px;
        margin: 0 0 4px 0
    }
    .homePage .firstSection .bottomSection .container .bottomColumn a {
        font-size: 12px;
        padding: 9px 12px 10px 12px;
        margin: 8px 0 0 0
    }
    .homePage .secondSection {
        padding: 30px 0 35px 0;
        background-size: 800px
    }
    .homePage .secondSection .leftSection h2 {
        font-size: 26px;
        line-height: 32px
    }
    .homePage .secondSection .leftSection p {
        font-size: 13px
    }
    .homePage .thirdSection {
        padding: 35px 0 10px 0
    }
    .homePage .thirdSection:before {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .sectionTitle {
        margin: 0 0 20px 0;
        font-size: 26px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection h2 {
        font-size: 18px;
        min-height: 100%;
        text-transform: uppercase;
        line-height: 28px;
        margin: 0 0 6px 0
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .imageHolder {
        margin: 0 0 20px 0
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .numberAndSocialMedia {
        margin: 0 0 5px 0
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .description {
        line-height: 19px;
        max-width: 100%
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder {
        margin: 10px 0 0 0
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a {
        padding: 0 18px 0 50px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .paginationHolder .hospitalsSliderPag .swiper-pagination-bullet {
        margin: 0 5px
    }
    .homePage .thirdSection .swiper-container .swiper-slide .container .allHospitalsBtn {
        margin: 20px 0;
        font-size: 12px
    }
    .homePage .forthSection {
        padding: 50px 0 50px 0
    }
    .homePage .forthSection .sliderWrapper .sectionTitle {
        font-size: 28px
    }
    .homePage .forthSection .dotsImage {
        right: -90px
    }
    .homePage .fifthSection {
        padding: 25px 0 10px 0
    }
    .homePage .fifthSection .sectionIdentifier h2 {
        font-size: 28px
    }
    .homePage .fifthSection .row .leftSection .imageHolder a.goToBtn {
        font-size: 13px
    }
    .homePage .fifthSection .row .leftSection .imageHolder .bigCircle {
        width: 322px;
        height: 322px
    }
    .homePage .fifthSection .row .rightSection {
        padding: 10px 0 0 0
    }
    .homePage .fifthSection .row .rightSection .listWrapper {
        background-color: rgba(0, 0, 0, .05);
        padding: 15px 15px;
        border-radius: 20px;
        max-width: 100%
    }
    .homePage .fifthSection .row .rightSection .listWrapper .eachListWrap {
        padding: 15px 10px
    }
    .homePage .fifthSection .row .rightSection .listWrapper .eachListWrap .iconWrap {
        border-radius: 13px;
        width: 50px;
        height: 52px;
        flex: 0 0 50px
    }
    .homePage .fifthSection .row .rightSection .listWrapper .eachListWrap .iconWrap img {
        max-width: 26px
    }
    .homePage .fifthSection .row .rightSection .shapeImage {
        display: none
    }
    .homePage .timingPopup .innerTimingPopup .imageHolder .closeBtn {
        top: -50px;
        right: 0;
        z-index: 10;
        left: 0;
        margin: 0 auto
    }
    .newsPage .newsHolder {
        padding: 40px 0 20px 0;
        position: relative;
        z-index: 5
    }
    .newsPage .newsHolder .pageTitle {
        font-size: 28px
    }
    .singleNewsAndEvents .dotsImage {
        top: 80px;
        right: 0
    }
    .singleNewsAndEvents .contentHolder {
        margin: 50px auto 30px auto
    }
    .singleNewsAndEvents .contentHolder .date {
        font-size: 15px
    }
    .singleNewsAndEvents .contentHolder .title {
        font-size: 28px;
        line-height: 34px
    }
    .singleNewsAndEvents .contentHolder .content {
        font-size: 17px;
        line-height: 28px
    }
    .singleNewsAndEvents .contentHolder .imageHolder .blueCircle {
        width: 60px;
        height: 60px;
        left: -35px;
        bottom: 15px
    }
    .servicesPage .servicesHolder {
        padding: 50px 0 30px 0
    }
    .servicesPage .servicesHolder .pageTitle {
        font-size: 28px
    }
    .servicesPage .servicesHolder .eachServiceWrap .innerEachServiceWrap {
        display: block
    }
    .servicesPage .servicesHolder .eachServiceWrap .innerEachServiceWrap .imageHolder {
        flex: 0 0 50%;
        width: 100%;
        max-width: 50%;
        margin: 0 auto 25px auto
    }
    .servicesPage .servicesHolder .eachServiceWrap .innerEachServiceWrap .descriptionHolder {
        padding: 0;
        text-align: center
    }
    .socialResponsibility .contentHolder {
        padding: 50px 0 0 0
    }
    .socialResponsibility .contentHolder .pageTitle {
        font-size: 28px
    }
    .socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap.compliedByHolder .contentHolder {
        flex: 0 0 calc(100%);
        width: calc(100%)
    }
    .socialResponsibility .contentHolder .blocksListWrapper .eachBlockWrap.compliedByHolder .contentHolder ul li {
        width: calc(100%);
        margin: 0 0 5px 0
    }
    .mediaGalleryPage {
        background-image: url(../../../../../../../themes/TriTheme/images/shape-1.svg);
        background-repeat: no-repeat;
        background-size: 900px;
        background-position: 100% 0
    }
    .mediaGalleryPage .blueCircle,
    .mediaGalleryPage .dotsImage,
    .mediaGalleryPage .greyCircle {
        display: none
    }
    .mediaGalleryPage .galleryPopup .closeBtn {
        right: 0;
        left: 0;
        margin: 0 auto
    }
    .mediaGalleryPage .galleryPopup .innerGalleryPopup .title {
        font-size: 18px
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder {
        display: block
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .holderRight,
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .holderLeft {
        flex: 0 0 100%
    }
    .hospitalsPage .firstSection .rightSection .hospitalsWrapper .eachHospitalWrap .mainDescription .subLeftSection .additionalInfoHolder .holderLeft {
        margin: 0 0 15px 0
    }
    .hospitalsPage .hospitalPopup .innerHospitalPopup {
        padding: 65px 20px 30px 20px
    }
    .hospitalsPage .hospitalPopup .innerHospitalPopup h2 {
        font-size: 20px;
        line-height: 26px
    }
    .hospitalsPage .hospitalPopup .innerHospitalPopup .content {
        font-size: 15px;
        line-height: 26px;
        max-height: 250px
    }
    .hospitalsPage .hospitalPopup .innerHospitalPopup a.blueButton {
        font-size: 12px
    }
    .contactUsPage .topSection .mapHolder .textLocationHolder {
        max-width: 260px
    }
    .contactUsPage .topSection .descriptionSection .innerDescriptionSection {
        left: 0;
        padding: 0 15px;
        top: 90px;
        max-width: 100%
    }
    .contactUsPage .topSection .descriptionSection .innerDescriptionSection h1 {
        font-size: 32px;
        line-height: 40px
    }
    .contactUsPage .topSection .descriptionSection ul li {
        margin: 0 0 15px 0
    }
    .contactUsPage .topSection .descriptionSection ul li a {
        font-size: 14px
    }
    .contactUsPage .topSection .descriptionSection ul li a span.icon {
        width: 48px;
        height: 48px;
        flex: 0 0 48px
    }
    .contactUsPage .formHolder {
        padding: 80px 15px 50px 15px
    }
    .contactUsPage .formHolder h2 {
        font-size: 28px
    }
    .contactUsPage .formHolder form .fieldWrapper.halfed {
        width: calc(100%)
    }
    .contactUsPage .formHolder form .fieldWrapper.halfed:nth-child(2) {
        margin: 0 0 30px 0
    }
    .contactUsPage .formHolder div.wpforms-container-full .wpforms-form .wpforms-one-half {
        width: 100%;
        margin: 0
    }
    .contactUsPage .formHolder .preContactForm h3 {
        font-size: 20px
    }
    .contactUsPage .formHolder .preContactForm h4 {
        font-size: 12px
    }
    .contactUsPage .formHolder .preContactForm a {
        font-size: 12px
    }
    .contactUsPage.customerCarePage .topSection .formHolderParent {
        padding: 150px 15px 30px 15px
    }
    .contactUsPage.customerCarePage .topSection .descriptionSection .innerDescriptionSection h1 {
        font-size: 32px
    }
    .moreInfoSection h2 {
        font-size: 30px
    }
    .moreInfoSection h3 {
        font-size: 13px
    }
    .moreInfoSection .buttonsHolder a {
        min-width: 122px;
        font-size: 14px
    }
    .covid19Page .contentHolder .pageHeader .imageHolder {
        max-width: 75px
    }
    .covid19Page .contentHolder .faqWrapper .eachFaqWrap .numberHolder {
        flex: 0 0 50px;
        width: 50px
    }
    .covid19Page .contentHolder .faqWrapper .eachFaqWrap .numberHolder h3 {
        font-size: 14px;
        width: 41px;
        height: 41px;
        line-height: 41px
    }
    .covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder {
        flex: 0 0 calc(100% - 50px);
        width: calc(100% - 50px);
        padding: 0 15px
    }
    .covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderQuest {
        padding: 28px 0
    }
    .covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderQuest h3 {
        line-height: 20px;
        font-size: 14px
    }
    .covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderQuest span {
        font-size: 14px
    }
    .covid19Page .contentHolder .faqWrapper .eachFaqWrap .qaHolder .qaHolderAnsw {
        font-size: 14px;
        line-height: 22px
    }
    .covid19Page .contentHolder .faqWrapper .eachFaqWrap.opened .qaHolder .qaHolderQuest {
        padding: 24px 0 25px 0
    }
    .covid19Page .contentHolder .usefulLinksHolder ul li {
        width: calc(100%)
    }
    .whoWeAre .firstSection .leftSection .shapeImage {
        min-width: 800px;
        right: -100px
    }
    .whoWeAre .forthSection {
        background-size: 510px
    }
    .boardMembersPage .topSection {
        padding: 40px 0 70px 0
    }
    .boardMembersPage .membersList .eachMemberWrap .innerEachMemberWrap {
        padding: 60px 15px 30px 15px
    }
    .boardMembersPage .membersList .eachMemberWrap .innerEachMemberWrap .descriptionHolder .content {
        font-size: 15px
    }
    .chairmanMessage .messageSection .floatingSection .innerFloatingSection {
        padding: 50px 15px
    }
    .chairmanMessage .messageSection .floatingSection .innerFloatingSection .quotesImage {
        top: 20px;
        left: 15px;
        right: auto;
        max-width: 25px
    }
    .chairmanMessage .messageSection .row .imageAndContent .content h3 {
        font-size: 18px;
        line-height: 28px
    }
    .chairmanMessage .messageSection .row .imageAndContent .content .description {
        font-size: 16px;
        line-height: 23px
    }
    .factsAndFiguresPage .topSection .imageHolder {
        min-height: 450px
    }
    .factsAndFiguresPage .topSection .descriptionHolder h3 {
        font-size: 16px
    }
    .factsAndFiguresPage .topSection .descriptionHolder h2 {
        font-size: 30px
    }
    .factsAndFiguresPage .topSection .descriptionHolder h4 {
        max-width: 100%
    }
    .factsAndFiguresPage .secondSection .facilitiesList {
        padding: 15px 0 0 0
    }
    .factsAndFiguresPage .secondSection .facilitiesList .sectionTitle {
        font-size: 28px;
        margin: 0 0 30px 15px
    }
    .factsAndFiguresPage .secondSection .facilitiesList .eachFacilityElt {
        width: calc(100% / 2 - 30px);
        margin: 0 15px 50px 15px
    }
    .factsAndFiguresPage .thirdSection {
        padding: 40px 15px 10px 15px
    }
    .factsAndFiguresPage .thirdSection .innerThirdSection .sectionTitle {
        font-size: 28px
    }
    .factsAndFiguresPage .thirdSection .innerThirdSection .staffListHolder .eachStaffWrap {
        margin: 0 0 25px 0
    }
    .fourOFourPage .innerFourOFourPage h1 {
        font-size: 130px
    }
    .fourOFourPage.comingSoonPage .innerFourOFourPage h1 {
        font-size: 45px
    }
    .faqPage {
        background-image: none
    }
    .faqPage .dotsImage,
    .faqPage .greyCircle {
        display: block
    }
    .faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap .faqHead {
        padding: 16px 20px
    }
    .faqPage .contentHolder .container .faqsBlocksWrapper .eachFaqBlock .faqListWrapper .eachFaqListWrap .faqBody {
        padding: 15px 20px 40px 20px
    }
    .safetyPage {
        background-image: none
    }
    .safetyPage .dotsImage,
    .safetyPage .greyCircle {
        display: block
    }
    .safetyPage .fullPageVideoHolder .innerFullPage {
        width: 97%
    }
    .safetyPage .fullPageVideoHolder .innerFullPage .videoHolder iframe {
        height: 300px
    }
    .safetyPage .contentHolder .innerContentHolder .fifthSection .rightSection .btnsHolder a img {
        max-width: 130px
    }
    footer {
        padding: 135px 0 0 0
    }
    footer .frontPart {
        padding: 26px 0
    }
    footer .frontPart .innerFrontPart {
        max-width: 96%
    }
    footer .frontPart .innerFrontPart h2 {
        font-size: 18px;
        line-height: 24px;
        max-width: 100%
    }
    footer .frontPart .innerFrontPart form .submitWrapper input {
        font-size: 14px
    }
    footer .backPart .topPart .column {
        flex: 0 0 calc(100% / 2)!important
    }
    footer .backPart .topPart .column:nth-child(1),
    footer .backPart .topPart .column:nth-child(3) {
        margin: 0 0 50px 0!important
    }
    footer .backPart .topPart .column:nth-child(5) {
        padding: 0 5px 0 0
    }
    footer .backPart .topPart .column:nth-child(2),
    footer .backPart .topPart .column:nth-child(4) {
        padding: 0 0 0 20px
    }
    footer .backPart .bottomPart h4 {
        font-size: 10px
    }
    .covidScreeningLocs .contentHolder .mainTitle {
        font-size: 26px;
        line-height: 32px
    }
    .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .position {
        font-size: 16px
    }
    .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .name {
        font-size: 22px
    }
    .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .generalInfoWrapper ul {
        flex-wrap: wrap;
        padding: 15px 0 15px 25px
    }
    .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .generalInfoWrapper ul li {
        width: calc(100%);
        margin: 0;
        font-size: 12px
    }
    .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .generalInfoWrapper ul li:nth-last-child(1) {
        padding: 0
    }
    .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .educationWrapper .educationList .eachEducationWrap .year h3 {
        font-size: 13px
    }
    .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .educationWrapper .educationList .eachEducationWrap .description h3 {
        font-size: 13px
    }
    .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .educationWrapper .educationList .eachEducationWrap .description h4 {
        font-size: 13px;
        line-height: 20px
    }
    .covid .covid__section3-question .container .row .covid__section3-question--content .numbersHolder {
        display: block
    }
    .covid .covid__section3-question .container .row .covid__section3-question--content .numbersHolder .eachNumberHolder {
        flex: 0 0 100%;
        width: 100%
    }
    .covid .covid__section3-question .container .row .covid__section3-question--content .numbersHolder .eachNumberHolder:nth-child(1) {
        margin: 0 0 60px 0
    }
    .covid .covid__section3-question .container .row .covid__section3-question--content .numbersHolder .eachNumberHolder p {
        min-height: 100%
    }
    .covid .covid__section3-question .container .row .covid__section3-question--content .numbersHolder .eachNumberHolder .covid__section3-question--content--links a:first-of-type {
        margin-right: 0
    }
    .arabicVersion .topHeader .rightSection a.languageSwitcher {
        margin: 3px 0 0 10px
    }
    .arabicVersion .topHeader .rightSection a.menuOpenerHolder {
        margin: 0 10px 0 0
    }
    .arabicVersion .homePage .timingPopup .innerTimingPopup .imageHolder .closeBtn {
        right: 0;
        left: 0
    }
    .arabicVersion .homePage .secondSection {
        padding: 30px 0 35px 0
    }
    .arabicVersion .homePage .covidSection.forMobile .leftSection,
    .arabicVersion .homePage .covidSection.forMobile .rightSection {
        text-align: center
    }
    .arabicVersion .homePage .thirdSection .swiper-container .swiper-slide .container .leftSection .innerLeftSection .buttonsHolder a {
        padding: 0 50px 0 15px
    }
    .arabicVersion .homePage .forthSection .dotsImage {
        left: -90px
    }
    .arabicVersion .fullMenuWrapper .middleMenuHolder ul li {
        min-width: 300px
    }
    .arabicVersion .fullMenuWrapper .middleMenuHolder ul li a {
        font-size: 18px
    }
    .arabicVersion .fullMenuWrapper .middleMenuHolder.subMenuOpened ul.sub-menu li a {
        font-size: 16px
    }
    .arabicVersion .chairmanMessage .messageSection .row .imageAndContent .content .description {
        font-size: 14px;
        line-height: 24px
    }
    .arabicVersion .chairmanMessage .messageSection .row .imageAndContent .content h3 {
        line-height: 26px
    }
    .arabicVersion .chairmanMessage .messageSection .floatingSection .innerFloatingSection .quotesImage {
        right: 15px;
        left: auto
    }
    .arabicVersion .factsAndFiguresPage .topSection .descriptionHolder h3 {
        font-size: 14px
    }
    .arabicVersion .factsAndFiguresPage .topSection .descriptionHolder h2 {
        font-size: 30px
    }
    .arabicVersion .servicesPage .blueCircle {
        right: auto;
        left: -25px
    }
    .arabicVersion .servicesPage .servicesHolder .container .row .eachServiceWrap .innerEachServiceWrap .descriptionHolder {
        text-align: center;
        padding: 0
    }
    .arabicVersion .singleNewsAndEvents .contentHolder .imageHolder .blueCircle {
        right: -35px
    }
    .arabicVersion .contactUsPage .topSection .underMapSentence {
        text-align: center;
        margin: 18px 0 0 0
    }
    .arabicVersion .contactUsPage .topSection .mapHolder .textLocationHolder {
        left: 25px
    }
    .arabicVersion .contactUsPage .topSection .descriptionSection .innerDescriptionSection {
        right: 0;
        max-width: 100%
    }
    .arabicVersion .contactUsPage .topSection .descriptionSection .innerDescriptionSection h1 {
        font-size: 32px;
        line-height: 42px
    }
    .arabicVersion .contactUsPage.customerCarePage .topSection .formHolderParent {
        padding: 150px 15px 30px 15px
    }
    .arabicVersion .contactUsPage.customerCarePage .topSection .descriptionSection .innerDescriptionSection {
        right: 0
    }
    .arabicVersion .moreInfoSection h2 {
        line-height: 40px
    }
    .arabicVersion footer .frontPart {
        padding: 27px 0
    }
    .arabicVersion .qualityPolicy {
        background-image: url(../../../../../../../themes/TriTheme/images/shape-1-rev.svg)
    }
    .arabicVersion .singleDoctorsPage .doctorInfoSection .columnWrapper .rightSection .innerRightSection .generalInfoWrapper ul {
        padding: 15px 30px 15px 0
    }
}

@media (max-width:400px) {
    .topHeader .leftSection a img {
        max-width: 120px
    }
    .topHeader .rightSection a.number {
        font-size: 11px
    }
    .topHeader .rightSection a.menuOpenerHolder {
        margin: 0 0 0 15px;
        width: 42px;
        height: 36px
    }
    .topHeader .rightSection a.menuOpenerHolder span:nth-child(2) {
        margin: 7px 0 7px 0
    }
}