/* for global css */
.clamp5 {display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;overflow: hidden;}
.clamp4 {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;}

.uk-breadcrumb>:last-child>*{color: #fff}
.uk-breadcrumb>*>*{color: #fff}

.underOff {text-decoration: none!important;}
.colorCC {color: #CC0000 !important;}
.color36 {color: #363636 !important;}
.colorFF {color: #FFFFFF !important;}
.color0B {color: #0B3B6C !important;}
.colorAD {color: #FFAD00 !important;}
.color99 {color: #999999 !important;}

.font36 {font-size: 36px!important;}
.font32 {font-size: 32px!important;}
.font24 {font-size: 24px!important;}
.font18 {font-size: 18px!important;}
.font16 {font-size: 16px!important;}
.font15 {font-size: 15px!important;}
.font14 {font-size: 14px!important;}
.font13 {font-size: 13px!important;}
.font12 {font-size: 12px!important;}
.font11 {font-size: 11px!important;}

.linkCircle {margin-top: 61.5px; left: -110px; border: 2px solid #363636; border-radius: 50%; width: 5px; height: 5px; background-color: #F6F6F6}

.webHeader {}
.main-slider-height{width: 100%;height: 800px}
.mobileHeader {display: none !important;}
@media (max-width: 970px) {
    .webHeader {display: none !important;}
    .mobileHeader {display: block !important;}
}
@media (max-width: 1300px) {
    .linkCircle {left: -80px}
    .main-slider-height{width: 100%;height: 630px}
}

.paddingContainer {padding: 0 60px;}
@media (max-width: 1200px) {
    .paddingContainer {padding: 0 20px;}
}

.project__area-four{padding: 60px 0}
.blog-area{padding: 90px 0}

.uk-navbar-nav>li>a{font-weight: 600;font-size: 18px;text-transform: none;line-height: 140%;display: flex;align-items: center;color: #1C1C1C;}
/*.uk-modal-dialog {background-color: #363636}*/
.uk-modal-close-full {background-color: #363636}

.logo-text{margin-left: 10px;font-size: 16px;text-transform: uppercase;font-weight: 900;line-height: 22px;}
.gallery-area{padding: 80px 0;background-color: #F3F8F9}
.about__area-two{padding: 50px 0;}
.about__area-three{position: relative;z-index: 1;padding: 80px 0;}
.about__area-three__shape img:nth-child(1) {
    position: absolute;
    z-index: -1;
    right: -22px;
    top: 0;
    max-width: 800px;
    -webkit-animation-duration: 35s;
    animation-duration: 35s;
}
.site-heading {
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}
.site-title-tagline {
    display: inline-block;
    color: #001B90;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
    background: #cfcfcf63;
    border-radius: 30px;
    padding: 5px 20px 5px 5px;
}
.site-title-tagline img{width: 50px;height: 50px;margin-right: 10px;}
.site-title-tagline i {
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    color: #fe0000;
    text-align: center;
    border-radius: 50px;
    margin-right: 5px;
}
.site-title {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 45px;
    color: #003F72;
    margin-bottom: 0;
}
.heading-divider {
    display: inline-block;
    position: relative;
    border-bottom: 4px solid #023ff9;
    width: 90px;
    height: 4px;
    border-radius: 50px;
}
.heading-divider:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    height: 6px;
    width: 15px;
    border-radius: 0px;
    background-color: #fff;
    -webkit-animation: heading-move 5s infinite linear;
    animation: heading-move 5s infinite linear;
}
@-webkit-keyframes heading-move {
    0% {
        transform: translateX(-1px);
    }
    50% {
        transform: translateX(75px);
    }
    100% {
        transform: translateX(-1px);
    }
}

@keyframes heading-move {
    0% {
        transform: translateX(-1px);
    }
    50% {
        transform: translateX(75px);
    }
    100% {
        transform: translateX(-1px);
    }
}

.banner__content {
    position: relative;
    z-index: 10;
    padding: 130px 0 80px 40px;
}
.home-left-banner{position: relative}
.home-left-banner .image-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transform: scale(1);
    border-radius: 15px;
    transform: scale(1);
    -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: transform 7000ms ease, opacity 1500ms ease-in;
    transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    z-index: 1;}
.home-left-banner .image-layer:before {
    position: absolute;
    left: -1px;
    top: 0px;
    bottom: 0;
    width: 80%;
    content: "";
    border-radius: 15px;
    background-image: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(243, 246, 248, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(243, 246, 248, 0) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(243, 246, 248, 0) 100%);
    z-index: -1;
}
.home-left-banner .swiper-slide-active .image-layer {
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* ========================
40. Gallery css
=========================== */

.gallery-item {
    position: relative;
    width: 100%;
}

.gallery-img {
    height: 300px;
    width: 100%;
}

.gallery-img img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
    object-position: center;
}

.gallery-img-two {
    height: 125px;
    width: 125px;
}

.gallery-img-two img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
    object-position: center;
}

.gallery-content-two {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
}

.gallery-content-two::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #294499;
    border-radius: 15px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.gallery-content-two:hover::before {
    opacity: 0.9;
    visibility: visible
}

.gallery-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.gallery-content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #294499;
    border-radius: 15px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.gallery-content:hover::before {
    opacity: 0.9;
    visibility: visible
}

.gallery-link {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: 0.5s;
    border-radius: 50px;
    opacity: 0;
    visibility: hidden;
    font-size: 50px;
    color: #fff;
}

.gallery-link:hover {
    color: #fff;
}

.gallery-content-two:hover .gallery-link {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}
.gallery-content:hover .gallery-link {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}



.fixed-head>ul {padding: 0;margin: 0;}
.fixed-head>ul>li {margin: 0;padding: 0;list-style-type: none;}
.fixed-head>ul>li:first-child>a {background-color: #fff;border-top-left-radius: 8px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.fixed-head>ul>li:last-child>a {background-color: #fff;border-bottom-left-radius: 8px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.fixed-head>ul>li>a {position: fixed;right: -110px;top: 40%;-webkit-box-align: center;align-items: center;display: -webkit-box;display: flex;height: 50px;width: 150px;text-align: center;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;flex-direction: row;line-height: 50px;color: #0066A6;background: #fff;z-index: 1000;font-size: 18px;-webkit-transition: .5s all;transition: .5s all;}
.fixed-head>ul>li>a>span {font-size: 10px;margin-right: 10px;display: inline-block;text-transform: uppercase;font-weight: 300;width: 110px;line-height: 12px;color: #fff}
.fixed-head>ul>li>a>i.fa {width: 40px;display: inline-block;}
.fixed-head>ul>li>a>i.fab {width: 40px;display: inline-block;}
.fixed-head>ul>li>a:hover {background: #0066A6;}
.fixed-head>ul>li>a:hover i{color: #fff;}
.fixed-head>ul>li:nth-child(1)>a {top: calc(20% + 140px);}
.fixed-head>ul>li:nth-child(2)>a {top: calc(20% + 190px);}
.fixed-head>ul>li:nth-child(3)>a {top: calc(20% + 240px);}
.fixed-head>ul>li:nth-child(4)>a {top: calc(20% + 290px);}
.fixed-head>ul>li:nth-child(5)>a {top: calc(20% + 340px);}
.fixed-head>ul>li:nth-child(6)>a {top: calc(20% + 390px)}
.fixed-head>ul>li>a:hover {right: 0;}


.footer-box{background: #0066A6}
.footer-top{padding: 35px 0;margin-bottom: 10px;background: #0066A6;border-bottom: 1px solid #1A75AF;}
.footer-bottom{padding: 20px;margin-top: 10px;border-top: 1px solid #1A75AF;}
.footer-bottom a{color: #fff}
.footer-top-box{display: flex;align-items: center;justify-content: center;margin: 0 auto}
.footer-top-menu a{font-weight: 400;font-size: 16px;line-height: 140%;display: flex;align-items: center;text-transform: uppercase;color: #CCE0ED;}
.footer-top-menu{padding-left: 60px;padding-right: 60px;border-right: 1px solid #3385B8;}
.footer-top-menu:last-child{border-right: none}
.footer-copyright{font-weight: 400;font-size: 14px;line-height: 16px;display: flex;align-items: center;justify-content: space-between;color: #CCE0ED;}
.footer-center-text{margin: 20px 0;font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #CCE0ED;}
.footer-center-link a{font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #CCE0ED;}

.footer-top-menu:hover a{color: #fff;transform: scale(0.9);}
.footer-contact-head{font-weight: 500;font-size: 16px;line-height: 140%;display: flex;align-items: flex-end;color: #FFFFFF;}
.footer-contact-address{margin: 10px 0;font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #B3D1E4;}
.footer-contact-phone{font-weight: 700;font-size: 20px;line-height: 140%;display: flex;align-items: center;color: #FFFFFF;}
.footer-contact-mail{margin: 10px 0;font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #B3D1E4;}
.footer-contact-social{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;background: #005285;border-radius: 50%;}
.footer-contact-social i{font-size: 14px;line-height: 14px;display: flex;align-items: center;text-align: center;color: #FFFFFF;}

.footer-box-emjj{background: #00cfd0}
.footer-top-emjj{padding: 35px 0;background: #00cfd0;border-bottom: 1px solid #fff;}
.footer-top-menu-emjj a{font-weight: 400;font-size: 16px;line-height: 140%;display: flex;align-items: center;text-transform: uppercase;color: #fff;}
.footer-top-menu-emjj{padding-left: 60px;padding-right: 60px;border-right: 1px solid #fff;}
.footer-top-menu-emjj:last-child{border-right: none}
.footer-center-text-emjj{margin: 20px 0;font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #fff;}
.footer-center-link-emjj a{font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #fff;}
.footer-copyright-emjj {font-weight: 400;font-size: 14px;line-height: 16px;display: flex;align-items: center;color: #fff;}
.footer-contact-address-emjj {margin: 10px 0;font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #fff;}
.footer-contact-mail-emjj{margin: 10px 0;font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #fff;}
.footer-contact-social-emjj{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;background: #005285;border-radius: 50%;}
.footer-contact-social-emjj i{font-size: 14px;line-height: 14px;display: flex;align-items: center;text-align: center;color: #FFFFFF;}

.link-btn{width: 110px;padding: 12px 24px;background: #005C95;border-radius: 23px;}
.link{font-weight: 500;font-size: 16px;line-height: 140%;text-align: center;color: #FFFFFF;z-index: 1}
.link-btn:hover{background: transparent;border: 1px solid #005C95}
.link-btn:hover .link{color: #fff}
/* for layout css */

header .search {position: relative; display: block;}
header .search .fa {position: absolute; color: #FFF; font-size: 14px}

header .other {}
header .other li {padding: 20px 0}

/* for component css */

.swiper{overflow: hidden}
.swiper-slide .content {left: 10%; top: 20vh; z-index: 2;}
.swiper-slide .content .text {width: 420px;}
.swiper-slide .content .title {margin-bottom: 20px;font-weight: 500;font-size: 48px;line-height: 56px;display: flex;align-items: flex-end;color: #FFFFFF;}
.swiper-slide .content .desc {font-weight: 400;font-size: 16px;line-height: 140%;display: flex;align-items: flex-end;color: #E6F0F6;}

.swiper-slide .content .box {right: 0; width: 60%; height: 100%}
.swiper-slide .content .box .dottedBox {border-width: 4px; width: 100%; height: 100%;}
.swiper-slide .content .box .dottedBox div {height: 70px; width: 4px;}

@media (max-width: 740px) {
    .swiper-slide .content {width: 50%;}
}
@media (max-width: 580px) {
    .swiper-slide .content {height: 50vh}
    .swiper-slide .content .title {font-size: 26px;}
    .swiper-slide .content .box .dottedBox div {height: 20px;}
}
@media (max-width: 500px) {
    .swiper-slide .content .title {font-size: 30px; margin-bottom: 10px;}
}


.about-info{width: 700px;min-width: 700px;margin: auto}
.about-title{margin-top: 30px;margin-bottom: 20px;color: #002942;font-size: 36px;font-weight: 500;line-height: 25px;}
.about-desc p{color: #363636;font-size: 16px;line-height: 25px;text-align: justify}

.swiper-main-slider{height: 620px;}
.main-slider-img img{width: 100%;height: 620px;object-fit: cover}
.uk-open>.uk-modal-dialog {opacity: 1;transform: translate(-50%, -50%);left: 50%;top: 50%;position: absolute;}

.logo-pos{display: flex;align-items: center}
.logo-txt{margin-left: 10px;text-transform: uppercase;font-size: 12px;line-height: 20px;font-weight: 600;color: #1C1C1C}
.blog__details-content iframe{width: 100%;}

.uk-navbar-dropdown-nav>li>a {padding: 0 20px;line-height: 35px;color: #000;font-size: 16px;transition: .2s all;width: 100%;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;}
.uk-navbar-dropdown {width: 290px;margin: 0;padding: 0;border-top: 2px solid #1A75AF;}
.uk-navbar-dropbar{background: transparent}
ul.uk-navbar-dropdown-nav > li { position: relative}
ul.uk-navbar-dropdown-nav > li:hover .child-drop {display: block;}
.child-drop {display: none; position: absolute; left: 100%; top: 0;}
.child-drop ul li {background-color: #fff;}
.child-drop ul li a {padding: 0 20px; width: 300px; line-height: 24px; color: #000; font-size: 16px; transition: .2s all;}
.child-drop ul li:hover {background-color: #1A75AF;}
.child-drop ul li:hover a {color: #fff !important;}
.child-drop ul li a{padding: 0 20px; line-height: 35px; color: #000!important; font-size: 16px; transition: .2s all; width: 100%; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.uk-navbar-dropdown-nav li:hover{ background: #1A75AF}
ul.uk-navbar-dropdown-nav li:hover a{ color: #fff}
.uk-navbar-nav>li:hover>a{color: #1A75AF}

.help-box{position: relative}
.category-back{background: #F5F5F5;padding-bottom: 60px}
.category-head{padding: 60px 0;color: #1C1C1C;font-size: 24px;font-weight: 700;text-align: center;text-transform: uppercase}
.category-list-img img{width: 100%;height: 280px;object-fit: cover;border-top-right-radius: 10px;border-top-left-radius: 10px}
.category-list-body{padding: 15px 0;background: #fff;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px}
.category-list-icon{display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;margin: auto;position: absolute;right: 30px;top: 30px;background: #fff;border-radius: 50%;padding: 8px;;border: 1px solid #1A75AF;transition: 1s ease-in;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.category-list-name{margin-top: 5px;color: #363636;text-align: center;font-size: 16px;font-weight: 500;line-height: 140%;}
.category-list-doctors{color: #363636;text-align: center;font-size: 18px;line-height: 140%;padding-top: 5px;font-weight: bold;margin-top: 5px;border-top: 1px solid #d3d3d3}
.help-box:hover .category-list-icon{border: 1px solid #fff;transition: 1s ease-in}

.department-back{background: #F5F5F5;padding-bottom: 60px}
.department-head{padding: 60px 0;color: #1C1C1C;font-size: 24px;font-weight: 700;text-align: center}
.department-list-img img{width: 100%;height: 280px;object-fit: cover;border-top-right-radius: 10px;border-top-left-radius: 10px}
.department-list-body{padding: 15px 0;background: #fff;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px}
.department-list-name{margin-top: 5px;color: #363636;text-align: center;font-size: 16px;font-weight: 500;line-height: 140%;}
.department-list-doctors{color: #363636;text-align: center;font-size: 18px;line-height: 140%;padding-top: 5px;font-weight: bold;margin-top: 5px;border-top: 1px solid #d3d3d3}
.help-box:hover a{border-radius: 8px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.help-box:hover .department-list-icon{border: 1px solid #fff;transition: 1s ease-in}

.staticPage-box{position: relative;padding: 50px 0}
.department-image{position: relative}
.department-name-pos-to{position: absolute;bottom: 0;left: 0;right: 0;padding: 15px 20px;z-index: 2}
.department-name{color: #fff;font-size: 26px;line-height: 25px;font-weight: bold;text-transform: uppercase;}
.department-image:before {content: "";display: block;position: absolute;width: 100%;top: 0;bottom: 0;z-index: 2;transition: all 0.3s ease;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57.1%, #1d3544 100%);border-radius: 8px}
.department-image img{width: 100%;object-fit: cover;border-radius: 8px;height: 450px;object-position: top}
.service-name{margin: 15px 0;color: #1C1C1C;font-size: 24px;font-weight: 500;}
.service-desc{color: #363636;font-size: 16px;line-height: 140%;}
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0}

.department-image-director{position: relative}
.department-image-director:before {content: "";display: block;position: absolute;width: 100%;top: 0;bottom: 0;z-index: 2;transition: all 0.3s ease;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57.1%, #1d3544 100%);border-radius: 8px}
.department-image-director img{width: 100%;object-fit: cover;border-radius: 8px;height: 450px;object-position: top}
.department-d-pos-to{position: absolute;bottom: 0;left: 0;right: 0;padding: 15px 20px;z-index: 2}
.department-director-name{color: #fff;font-size: 19px;line-height: 30px;font-weight: bold;text-transform: uppercase;}

.homeServiceSwiper{height: 540px}
.slider__area .homeServiceSwiper .swiper-button-next{justify-content: end;align-items: end;right: 30px;bottom: 20px;width: 40px;top: auto;height: 40px;left: auto;}
.slider__area .homeServiceSwiper .swiper-button-prev{justify-content: end;align-items: end;right:90px;bottom: 20px;width: 40px;top: auto;height: 40px;left: auto;}

.structure-list-box{display: flex;align-items: center;justify-content: center;padding: 10px;border-radius: 8px;border: 8px inset rgb(207 207 207 / 39%);background: #001B90;}
.structure-list-img{width: 80px;min-width: 80px;height: 80px;background: #ddd;border-radius: 50%}
.structure-list-img img{height: 100%;width: 100%;border-radius: 5%;object-fit: cover;object-position: top;}
.structure-list-name{margin-left: 10px;font-size: 15px;text-transform: uppercase;line-height: 20px;font-weight: 500;color: #fff;}

.structure-list-bottom-box{padding: 18px;border-radius: 8px;text-align: center;border: 8px outset rgb(207 207 207 / 39%);background: #001B90;}
.structure-list-bottom-head h2{padding-top: 10px;font-size: 18px;line-height: 20px;text-transform: uppercase;color: #fff}
.structure-list-bottom-name{font-size: 16px;text-transform: uppercase;line-height: 25px;color: #fff;}

.contact-list{display: flex;align-items: flex-start;justify-content: start;}
.contact-list-icon{width: 40px;height: 40px;font-size: 22px;border: 1px solid #001B90;padding: 10px;display: flex;align-items: center;justify-content: center;border-radius: 10px;margin-right: 10px;}
.contact-list-icon i{color: #001B90}
/* ===================
22. About css
====================== */

.about-area{padding: 90px 0;position: relative;z-index: 1;}
.about-left{
    position: relative;
}

.about-img img{
    border-radius: 100px;
}

.about-img .img-1{height: 384px;object-fit: cover;object-position: top;}
.about-img .img-2{
    margin-left: -25px;
    margin-top: 90px;
    border: 10px solid #fff;
    height: 380px;
    object-fit: cover;
    object-position: left;
}

.about-img .img-3{
    margin-top: -20px;
    margin-left: -50px;
    border: 10px solid #fff;
    height: 400px;
    object-fit: cover;
    object-position: left;
}

.about-right {
    position: relative;
    display: block;
}

.about-experience{
    background: #001B90;
    position: absolute;
    right: 50px;
    bottom: -30px;
    padding: 14px 25px;
    border-radius: 100px;
    text-align: center;
    border: 10px solid #fff;
}

.about-experience h5{
    color: #fff;
    font-size: 40px;
}

.about-experience p{
    margin: 0;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}

.about-content {
    margin-top: 25px;
    margin-bottom: 35px;
}

.about-item{
    height: 70px;
    padding: 15px;
    background: var(--tg-theme-primary);
    border-radius: 8px;
}

.about-item .content{
    flex: 1;
    text-align: center;
}

.about-item .content h6{
    margin: 0;
    color: var(--tg-color-white-default);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 20px;
}

.about-text{
    color: #000;
    line-height: 35px;
    text-align: justify;
}

.about-item-four{
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #001B90;
    border-radius: 20px;
    padding: 10px;
}

.about-item-four .icon{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #001B90;
    border-radius: 50px;
    transition: 1s ease-in-out
}
.about-item-four .icon i{color: #fff;font-size: 20px;}

.about-item-four .content{
    flex: 1;
}

.about-item-four .content h6{
    color: #000;
    margin-bottom: 5px;
}
.about-item-four .content p{
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
}
.about-item-four:hover .icon{transform: scale(1.1);transition: 1s ease-in-out}

@media all and (max-width: 991px) {
    .about-right {
        margin-top: 80px;
    }
}

@media all and (max-width: 767px) {
    .about-title {
        font-size: 30px;
    }

    .about-img .img-1{
        margin-left: 18px;
    }
    .about-img .img-2{
        margin-top: 60px;
        margin-left: 10px;
    }

    .about-img .img-3{
        margin-left: -10px;
    }

    .about-experience{
        right: -7px;
        bottom: -60px;
    }
}



.map-img img{width: 100%;}
.contact-head{margin: 20px 0;color: #002942;font-size: 36px;font-weight: 500;}
.contact-address{margin-bottom: 5px;color: #363636;font-size: 16px;line-height: 140%;}
.contact-phone{margin-bottom: 5px;color: #363636;font-size: 20px;font-weight: 500;line-height: 140%;}
.contact-email{margin-bottom: 10px;color: #1A75AF;font-size: 16px;line-height: 140%;text-decoration-line: underline;}
.contact-br{border-bottom: 1px solid #F5F5F5;padding-bottom: 5px;margin-bottom: 5px;}
.contact-social{display: flex;align-items: center;justify-content: start}
.contact-social-icon{width: 30px;height: 30px;border-radius: 50%;margin-right: 10px;padding: 8px}
.contact-social i{display: flex;align-items: center;justify-content: center;font-size: 16px;line-height: 15px;color: #fff}
.contact-social-icon:nth-child(1){background: #1A75AF;}
.contact-social-icon:nth-child(2){background: #1877F2;}
.contact-social-icon:nth-child(3){background: #1DA1F2;}
.contact-social-icon:nth-child(4){background: #CD201F;}

.product-view-list{display: flex;align-items: center;margin-bottom: 10px;border-bottom: 1px solid #e4e4e4;padding-bottom: 10px;}
.product-view-list-icon i{margin-right: 10px;font-size: 18px;line-height: 20px;color: #0066A6}
.product-view-list-name{font-size: 16px;line-height: 20px;font-weight: bold;color: #000}
.product-view-list-name a{font-size: 16px;line-height: 20px;font-weight: bold;color: #000}
.product-description ul li{padding-left: 20px;display: flex;align-items: start;}
.product-description ol li{padding-left: 20px;display: flex;align-items: start;}
.product-description ul li:before{content: '';width: 20px;height: 20px;position: absolute;left: 8%;margin-top: 6px;background-size: cover;background-image: url('../assets/feature.svg')}
.product-description ol li:before{content: '';width: 20px;height: 20px;position: absolute;left: 8%;margin-top: 6px;background-size: cover;background-image: url('../assets/feature.svg')}

.information-box ul li{padding-left: 20px;display: flex;align-items: center;}
.information-box ol li{padding-left: 20px;display: flex;align-items: center;}
.information-box ul li:before{content: '';width: 20px;height: 20px;position: absolute;left: 8%;background-size: cover;background-image: url('../assets/check.svg')}
.information-box ol li:before{content: '';width: 20px;height: 20px;position: absolute;left: 8%;background-size: cover;background-image: url('../assets/check.svg')}

.section-about-us{margin: 20px 0;color: #1C1C1C;font-weight: 700;font-size: 24px;}
.team-one__content{padding: 10px 30px}
.doctor-list{margin: 20px 0;color: #1C1C1C;font-weight: 700;font-size: 24px;}
.doctor-list__name{margin-bottom:10px;color: #1C1C1C;font-size: 16px;line-height: 140%;}
.doctor-list__degree a{color: #777;font-size: 14px;line-height: 140%;}
.doctor button{width: 100%}
.team-one__single{margin-bottom: 20px}
.team-one__img-box {position: relative;display: block;overflow: hidden;border-radius: 5px;}
.team-one__img-box img {height: 300px;width: 100%;object-fit: cover;object-position: top}
.team-one__img-box img {border-radius: 5px;-webkit-transform: scale(1);transform: scale(1);transition: all 500ms ease;}

.other-branch{margin-bottom: 20px;color: #1C1C1C;font-size: 20px;font-weight: 600;}
.branch-box{position: relative;overflow: hidden}
.branch-img{position: relative;overflow: hidden;border-radius: 4px;}
.branch-img img {width: 100%;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.branch-content {background-color: #fff;margin: 0 3%;margin-top: -35px;border-radius: 4px;padding: 20px;position: relative;z-index: 2;}
.branch-content .title {margin-bottom: 10px;color: #1C1C1C;font-size: 20px;font-weight: 500;}

.branch-box-2{position: relative}
.branch-box-2 img{border-radius: 8px}
.branch-overlay {
    background: -webkit-linear-gradient(top,rgba(0,0,0,0)27.4%,rgba(0,0,0,.56)58.85%,rgba(0,0,0,.8)100%);
    background: -moz-linear-gradient(top,rgba(0,0,0,0)27.4%,rgba(0,0,0,.56)58.85%,rgba(0,0,0,.8)100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0)27.4%,rgba(0,0,0,.56)58.85%,rgba(0,0,0,.8)100%);
    background: linear-gradient(180deg,rgba(0,0,0,0)27.4%,rgba(0,0,0,.56)58.85%,rgba(0,0,0,.8)100%);height: 100%;position: absolute;top: 0;width: 100%;border-radius: 4px;}
.branch-content-2{left: 20px;bottom: 20px;position: absolute;width: 80%;}
.branch-name-2{font-size: 18px;line-height: 20px;color: #fff;font-weight: 600}

.branch-head{}
.branch {border-top: 1px solid #f2f2f2; margin-top: 30px; background-color: transparent}
.branch .swiper-pagination {bottom: 0 !important;}
.branch .item {border-right: 1px solid #f2f2f2;background-color: #fff;border-bottom: 1px solid #f2f2f2;overflow: hidden}
.branch.timeline .item {border: 1px solid #f2f2f2; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.branch .item .name {padding: 20px; color: #0066A6; font-size: 14px;}
.branch .item .info .desc {display: flex; align-items: baseline}
.branch .item .info .desc {padding: 0 10px}
.branch .item .info i {padding: 0 10px 0 10px; font-size: 14px; color: #0066A6;}
.branch .item .info .text {padding-bottom: 20px;font-size: 14px;line-height: 20px;color: #363636}
.branch .item .info .text p{font-size: 14px;line-height: 20px;color: #363636}
.branch .item .info .height{height: 30px;}
.branch .into{height: 250px;border-radius: 10px;margin: 0 10px}
.branch .uk-cover-container {height: 250px; width: 100%}
.branch-view-text{margin: 20px 0;font-size: 16px;line-height: 25px;font-weight: 400;color: #363636}

.sectionTitle__title {font-size: 18px;line-height: 34px;font-weight: 700;color: #0066A6;}
.org-name{margin-top: 10px;text-align: center;font-size: 16px;line-height: 25px;font-weight: 500;color: #363636}
.org-img{display: flex;align-items: center;justify-content: center;    width: 200px;height: 80px;margin: auto;}
.org-item{}

.text-swipe{position: absolute;top: 50%;;left: 50%;font-size: 35px;line-height: 20px;color: #fff}

.service-box.style3 {position: relative;background: #fff;box-shadow: 0px 4px 30px rgb(17 17 17 / 8%);width: 100%;border-top: 5px solid #0066A6;border-radius: 10px;padding: 0;z-index: 9;cursor: pointer;}
.service-box.style3::before {background-color: #0066A6;border-radius: 6px 6px 10px 10px;z-index: -2;}
.service-box::before {content: "";height: calc(100% - 0px);width: calc(100% - 0px);background-color: #263043;position: absolute;top: 0;left: 0;transform: scaleX(0);transition: 0.4s ease-in-out;z-index: -1;}
.service-box.style3 .service_overlay {content: "";height: calc(100% - 0px);width: calc(100% - 0px);position: absolute;top: 0;left: 0;transition: 0.4s ease-in-out;z-index: -1;opacity: 0;visibility: hidden;}
.service-box.style3 .service-box_inner {display: block;padding: 40px 30px;justify-content: space-between;height: 100%;width: 100%;transition: 0.4s ease-in-out;}
.service-box.style3 .service-box_icon {position: relative;background: #fff;box-shadow: 0px 0px 15px rgb(17 17 17 / 14%);width: 80px;height: 80px;line-height: 80px;border-radius: 50%;margin: 0 auto 20px auto;transition: 0.4s ease-in-out;}
.service-box_icon svg path{fill: #0066A6}
.service-box.style3 .service-content {text-align: center;margin: 0;}
.service-box_title {font-weight: 700;font-size: 24px;line-height: 31px;margin: 0 0 15px 0;color: #00062C;}
.service-box_title a {color: #00062C;}
.service-box_text {font-weight: 400;line-height: 28px;max-width: 296px;font-size: 14px;color: #696E7C;display: block;margin: 0 auto;transition: 0.4s ease-in-out;}
.service-box:hover::before, .service-box.active::before {transform: scaleX(1);}
.service-box.style3:hover .service-box_inner {background-image: url('../assets/hover-shape.png');}
.service-box.style3:hover .service-box_icon {background-color: #fff;}
.service-box.style3:hover .service-content .service-box_title {color: #fff;}
.service-box.style3:hover .service-content .service-box_text {color: #fff;}

.faq .uk-nav {}
.faq .uk-nav .uk-parent {background-color: #eee;border: 1px solid #eee;border-radius: 5px;margin-bottom: 20px;padding: 10px;transition: 0.3s ease ; width: calc(50% - 10px);height: max-content;}
.faq .uk-nav .uk-parent:nth-child(odd) {margin-right: 10px}
.faq .uk-nav .uk-parent:nth-child(even) {margin-left: 10px}
.faq .uk-nav .uk-parent a {transition-duration: 0.5s; color: #363636}
.faq .uk-nav .uk-parent.uk-open a {border-bottom: 1px solid #088408; margin-bottom: 20px; padding-bottom: 20px; transition: 0.5s ease}
.faq .uk-nav .uk-parent.uk-open {border: 1px solid #AAB952; background-color: #fff; transition: 0.3s ease}
@media (max-width: 640px){
    .faq .uk-nav .uk-parent:nth-child(odd) {margin-right: 0}
    .faq .uk-nav .uk-parent:nth-child(even) {margin-left: 0}
    .faq .uk-nav .uk-parent {width: 100%}
}

.branch_button{width: 30px; height: 30px; background: rgba(0, 0, 0, 0.6);border-radius: 50%;margin-top: 5px;}
.swiper-button-prev:after, .swiper-button-next:after{    font-size: 18px;font-weight: 900;color: #fffd01;width: 40px;display: flex;height: 40px;background: #023ff9;border-radius: 10px;align-items: center;justify-content: center;}
@media (max-width: 640px){
    .branch_button {bottom: 100px; top: unset}
    .swiper-button-prev {left: 15px}
    .swiper-button-next {left: calc(100% - 45px)}
    .branch .uk-cover-container {height: 200px; width: 100%}
}
@media (max-width: 960px){
    .swiper-button-prev, .swiper-button-next {top: 48%}
    .swiper-button-prev {left: 15px}
    .swiper-button-next {left: calc(100% - 45px)}
}

.branch-list{padding: 0 20px 20px 20px}
.zoom-effect-container img{height: 100%;width: 100%;object-fit: cover;border-radius: 10px}
.branch.list {margin: 0; border: none}
.branch.list .item {margin-bottom: 20px;border: 1px solid #f2f2f2;border-radius: 4px;box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%)}
.career-menu-icon-in i {font-size: 32px;color: #fff;display: -webkit-inline-flex;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;align-items: center;justify-content: center;width: 82px;height: 82px;border-radius: 50%;background-color: #164da1;position: relative;overflow: hidden;}
.career-menu-icon{display: inline-block;padding: 10px;border: 1px solid #c8c8c8;border-radius: 50%;background-color: transparent;-webkit-transition: all 250ms linear 0s;-khtml-transition: all 250ms linear 0s;-moz-transition: all 250ms linear 0s;-ms-transition: all 250ms linear 0s;-o-transition: all 250ms linear 0s;transition: all 250ms linear 0s;}
.career-menu-name{margin-top: 20px;font-size: 20px;line-height: 25px;font-weight: 400;color: #363636}
.career-menu-icon-in:active, .career-menu-icon-in:focus, .career-menu-icon-in:hover {transform: scale(1.2);transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36);}
.career-box-list{display: block;text-align: center}
.career-element-back {padding: 30px;position: relative;flex-wrap: wrap;align-content: flex-start;border-radius: 10px;background: lavender;}
.career-element-head h2{font-size: 25px;line-height: 25px;text-transform: uppercase;color: #0066A6;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dashed #0066A6;}
.career-element-txt p{font-size: 16px;line-height: 25px;font-weight: 400;color: #222}
.career-element-txt span{font-size: 16px;line-height: 25px;font-weight: 400;color: #222}
.elementor-widget-container{margin: 22px 0px 0px 0px}
.elementor-icon-list-item{display: flex;align-items: flex-start;margin-bottom: 15px;}
.elementor-icon-list-icon{width: 20px;height: 20px;margin-right: 10px;font-size: 18px;color: #144DA0}
.elementor-icon-list-text{font-size: 14px;line-height: 20px;font-weight: 400;color: #363636}
.career-section-desc{margin-bottom: 20px;font-size: 16px;font-weight: 400;line-height: 25px;text-align: center;color: #666666;}
.training-name{margin: 20px 0;font-size: 16px;line-height: 25px;font-weight: 600;color: #363636;}
.training-desc p{margin-bottom: 20px;font-size: 16px;line-height: 25px;font-weight: 400;color: rgb(102, 102, 102);;}
.carrer-bottom-img{background-position: center center;   background-repeat: no-repeat;   background-size: cover;height: 467px}
.section_t_title {border-bottom: 1px solid #c4c4c4;color: #0066A6;font-weight: 700;font-size: 18px;line-height: 35px;text-transform: uppercase;position: relative;margin: 20px 0;}
.section_t_title:before {content: '';position: absolute;left: 0;width: 40px;height: 4px;background: #0066A6;bottom: -3px;}

.photos-slide > .gallery-top { width: 100%; height: auto; margin-left: auto; margin-right: auto; overflow: hidden;position: relative}
.photos-slide > .gallery-top > .swiper-wrapper > .gallery-top-image{text-align: center;}
.photos-slide > .gallery-thumbs > .swiper-wrapper > .gallery-thumbs-image{text-align: center;}
.gallery-thumbs-image img{border-color: #007bff;max-width: 100%;height: auto;cursor: zoom-in;}
.gallery-thumbs { display: block; height: 145px;margin-top: 10px;box-sizing: border-box; padding: 10px 0;overflow: hidden}
.gallery-thumbs .swiper-slide { width: 25%; opacity: 0.4; }
.gallery-thumbs .swiper-slide-active { opacity: 1; }
.slider-image{position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 50%; background-size: cover; background-position: center center;  background-repeat: no-repeat;}
.slider-bottom-image{position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 56.25%; background-size: cover; background-position: center center;  background-repeat: no-repeat;}
/*.slider-desc{    padding: 10px;color: #FFF;border: 1px solid #434343;font-size: 85%;  }*/
.slider-image-box{padding: 0 15px; box-sizing: border-box}
.photos-slide .swiper-button-next{background-image: unset;right: 2px;width: 70px}
.photos-slide .swiper-button-prev{background-image: unset;left: 2px;width: 70px}

.inner-column{display: flex;align-items: center}
.info-box{position: relative;margin-bottom: 30px;margin-right: 20px}
.info-box .box-inner {position: relative;padding: 10px;border: 1px solid #dddddd;background: #0066A6;border-radius: 8px;}
.info-box .icon {position: relative;display: block;line-height: 40px;font-size: 50px;color: #0066A6;margin-bottom: 10px;}
.head-title{margin: 0 15px;line-height: 30px;font-size: 18px;color: #363636}
.branch-text{color: #363636;font-size: 14px;line-height: 140%;}
.branch-title{margin-bottom: 20px;color: #1C1C1C;font-size: 20px;line-height: 25px;font-weight: 600;}

.branch-activity-list-box>ul>li {padding-left: 30px;position: relative;margin-bottom: 10px;color: #363636;font-size: 14px;line-height: 20px;}
.branch-activity-list-box>ul>li:before {position: absolute;left: 0;content: "\f00c";color: #0066A6;font-family: FontAwesome,sans-serif;font-size: 14px;padding-right: 10px;}

.time-widget_content {position: relative;padding: 30px 30px;border: 1px solid #dddddd;height: 175px;}
.clock_icon {position: absolute;right: 30px;top: 25px;opacity: 0.25;line-height: 1em;font-size: 70px;color: #fff}
.working-time_list{position: relative}
.working-time_list li {position: relative;display: block;font-size: 16px;color: #fff;line-height: 35px}
.working-time_list li span {position: absolute;right: 0}
.sidebar-title{font-weight: 400;font-size: 18px;line-height: 20px;margin-bottom: 15px;color: #fff}
.sidebar-desc{font-weight: 400;font-size: 14px;line-height: 20px;margin-bottom: 15px;color: #fff}
.sidebar-desc a{color: #fff}

.modal-image__profile{
    color: #55ACEE;
    font-size: 14px;
}
.modal-text p ul li{
    font-size: 14px;
}
.modal-content{
    border: none;
}
.modal-header{
    border-bottom: none;
}
.modal-image__title{
    margin: 10px 0;
    font-size: 24px;
    text-transform: uppercase;
}
.modal-image{
    display: block;!important;
    height: 400px;
    position: relative;
    padding: 40px;
}
.modal-image img{
    max-width: none;
    width: 310px;
    height: 400px;
    object-fit: cover;
}
.modal-text{
    font-size: 14px;
    display: block;
    position: relative;
    padding-right: 10px;
}
.modal-header-into{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
}
.modal-header .close-modal {
    font-size: 16px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #A3A3A4;
    background: #E9ECEF;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    cursor: pointer;
    border-radius: 50%;
    transition: color 0.15s linear;
}

.open-modal{
    width: 100%;
}
.open-modal:hover  {
    box-shadow: none;
    color: #28a745;
}
.modal{
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    align-items: center;
    justify-content: center;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
    font-family: sans-serif;
}
.modal.open {
    display: flex;
}
.modal-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    max-width: 700px;
    margin:auto;
    border-radius:0px;
    background-color: #fff;
    position: relative;
}
.modal.open .modal-container {
    animation: move 0.6s ease-out;
}

.modal-image-cover{
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
    border-radius: 4px;
    transition: all 0.3s ease-in;
}

.modal-image-cover img {object-fit: cover; width: 100%;border-radius: 10px}


/*.modal-text{*/
/*    width: 350px;*/
/*}*/

.display-flex{
    display: flex;
}

/*.modal-data{width: 100%}*/
@keyframes move {
    from {
        transform: translateY(-50px);
    }
    to {
        transform: translateY(0px);
    }
}
.member-info span{
    display: flex;
}
.modal-content {
    display: flex;
    height: 550px;
    padding: 25px;
    broder: 2px solid rgb(180 148 76);
}

@media(max-width: 700px){
    .member-info h4{
        font-size: 16px;
    }
}

.modal-content h2 {
    margin: 1.5rem 0 0.6rem 0;
}
.modal-content p {
    font-size: 0.9rem;
    margin-bottom: 0.4rem;
}
.modal-content a {
    font-size: 0.8rem;
    text-decoration: none;
    padding-bottom: 1rem;
    display: inline-block;
}
.modal-content a:hover {
    color: salmon;
}

.close-modal:hover {
    color: #28a745;
}
.location iframe{min-height: auto}

.modal-header{
    height: 40px;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #0D1A33;
}

.uk-modal-header.feedback-modal-header{padding: 24px;background: #F5F5F5;}
.modal-title{color: #1C1C1C;font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;}
.modal-close{top: 22px;right: 20px;padding: 5px;}
.modal-body-feedback{background: #fff;}
.modal-feedback-group {
    position: relative;
    margin-bottom: 10px;
}
.modal-feedback-group i.fa {
    position: absolute;
    left: 21px;
    top: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #CDCDCD;
}
.modal-feedback-group .modal-feedback-input {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    border: 1px solid #dee1e5;
}
.modal-feedback-group .modal-feedback-textarea {
    padding-top: 10px;
    padding-left: 10px;
    font-size: 14px;
    border: 1px solid #dee1e5;
}
.feedback-send-btn{padding: 12px 24px;border-radius: 4px;background: #005C95;}
.feedback-send-btn-text{color: #FFF;text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 140%;}
.show_slide-item:first-child{padding-left: 0}
.show_slide-item{padding:0 0 0 10px;}
.popup-youtube{position: relative;}
.popup-youtube {position: relative;display: block;padding-bottom: 63.88%;height: 0;overflow: hidden;background-color: #b7b7b7;border-radius: 8px}
.popup-youtube img{margin-bottom: 20px;}
.play-icon {position: absolute;top: 50%;right: 50%;padding: 10px;transform: translate(50%, -50%);background: rgb(0 0 0 / 65%);border-radius: 50%}
.video-name {position: absolute;padding: 10px 15px 10px 15px;width: 100%;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.68);}
.video-name{opacity: 0;font-size: 16px;line-height: 20px;font-weight: 400;color: #fff;transition: 1s ease-out}
.popup-youtube:hover .video-name{opacity: 1;transition: 1s ease-in-out}
.popup-youtube:hover .play-icon{background-color: #fff}
.play-icon:after, .play-icon:before {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: #0066A6;z-index: -1;border-radius: 50%;transition: all ease 0.4s;}
.play-icon:after, .play-icon:before {animation-duration: .5s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-name: ripple;}
.play-icon:after {animation-delay: 2s;}
@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    30% {
        opacity: 0.4;
    }
    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}


.president-view-box{padding: 20px;background-color: #fff;transform: translateY(-50px)}
.president-view-img{position: relative; overflow: hidden; width: 100%; height: 0;padding-bottom: 100%; background: #ccc; border-radius: 5px;}
.president-view-name{margin-top: 10px;margin-bottom: 10px;color: #1A191D;font-size: 15px;font-weight: bold;text-transform: uppercase; }
.president-view-degree{color: #1A191D;font-weight: 400;}
.president-view-data p{font-size: 16px; line-height: 30px; color: #363636;font-weight: 400; margin-bottom: 10px;}

.mission-box-wrap {position: relative;padding: 10px;width: 100%;flex-wrap: wrap;align-content: flex-start;justify-content: center;background: #1A75AF;border-radius: 4px;height: 260px;}
.mission-title{margin: 30px 0;text-align: center;font-size: 40px;line-height: 30px;font-weight: 500;color: #fff}
.mission-desc{margin: 20px 0;text-align: center;font-size: 16px;line-height: 30px;font-weight: 400;color: #fff}
.mission-data{margin: 20px 0;padding-bottom: 20px;text-align: center;font-size: 18px;line-height: 25px;text-transform: uppercase;font-weight: 400;color: #fff}
.mission-icon-svg{display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;margin: auto}
.mission-icon-svg svg path{fill: #fff}

.design-title{margin: 10px 0;font-weight: 700;font-size: 18px;line-height: 20px;color: #363636}
.president-box{position: relative;padding: 20px;}
.page__president{margin-bottom: 40px;}
.page-president__img{position: relative; overflow: hidden; width: 100%;height: 600px;background: #ccc; border-radius: 5px;}
.page-president__name{font-size: 24px; line-height: 30px; color: #1F3C92; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; margin-top: 10px;}
.page-president__desc>*,.page-president__desc{font-size: 16px; color: #000;font-weight: 400; line-height: 25px; text-align: justify}
.page-president__link{font-size: 14px; color: #FF6600; margin-top: 25px; cursor: pointer}
.page-president-btn{display: inline-flex;justify-content: center;align-items: center;text-align: center;max-width: 100%;cursor: pointer;color: #fff;padding: 0 35px;line-height: 49px;background-color: #1A75AF;border-radius: 4px;border: 1px solid #ddd}
.page-president-btn a{color: #fff}
.page-president__txt{margin-bottom: 3px;color: #000;font-size: 14px;font-weight: bold;text-transform: uppercase;z-index: 10 }
.page-president__key{color: #000;font-weight: 400;font-size: 16px;}
.page-president__content{position: relative}
.president-slogan{position: absolute;bottom: -24px;right: 100px;}
.president-slogan img{width: 180px}

.page-president-btn:hover{background-color: transparent;border: 1px solid #1A75AF}
.page-president-btn:hover a{color: #363636}

.c-content{text-align: justify;font-size: 16px; line-height: 1.75;color: #363636;}
.c-content h1 {font-family: 'Roboto', sans-serif; color: #222; font-size: 32px;margin: 10px 0px 10px 0px;font-weight: normal;}
.c-content h3 {color: #454d62;font-family: 'Roboto ', sans-serif;font-weight: bold;padding: 0;margin: 0px 0 8px;font-size: 18px;text-transform: uppercase;text-align: center}
.c-content h4 {color: #454d62;font-family: 'Roboto ', sans-serif;font-weight: bold;padding: 0;margin: 0px 0 8px;font-size: 18px;text-transform: uppercase}
.c-content h5 {color: #00497d;font-family: 'Roboto ', sans-serif;font-weight: bold;padding: 0;margin: 0px 0 8px;font-size: 18px;text-transform: uppercase;text-align: center}
.c-content h6 {color: #00497d;font-family: 'Roboto ', sans-serif;font-weight: bold;padding: 0;margin: 0px 0 8px;font-size: 18px;text-transform: uppercase}


.c-content a:hover{color: #0077dd;}
.c-content b, strong { font-weight: 600; }

.c-content p {
    margin-bottom: 15px;
    color: #000;
    margin-top: 0;
    font-size: 16px;
    text-align: justify;
}
.c-content p:first-child{margin-top: 0;}
.c-content p:last-child{margin-bottom: 0;}

.c-content a{ color: #0077dd; text-decoration: none; cursor: pointer; }
.c-content a[target=_blank]{text-decoration: underline;}

.c-content .tweetabletext{background-color:#e9ebe4;cursor:pointer;padding-left:0px;padding-right:4px; color: #000;}
.c-content .tweetabletext:after{font-family:"FontAwesome";content:'\f099';margin-left:4px}
.c-content .tweetabletext:hover{background-color:#e2f1f9}
.c-content .tweetabletext:hover:after{font-family:"FontAwesome";content:'\f099';margin-left:4px;color:#00acee}
.c-content figure{margin: 0;}
.c-content figure.image{position: relative; padding: 0; margin: 0; display: inline-block;}
.c-content figure.image figcaption{ background-color: #dbe1ea; font-size: 14px; color: #454d62; text-align: center; font-style: italic; line-height: 1.6; padding: 4px; position: absolute; bottom: 0; box-sizing: border-box; left: 0; right: 0; width: 100% }
/*.c-content blockquote { border-left: 5px solid #0077dd; background: #f1f1f1; padding: 20px; }*/
.c-content .blockquote-second p { color: #333; font-size: 16px; font-style: normal; line-height: 23px; margin: 0; }
.c-content .blockquote-second {border-radius: 3px;position: relative;  /*  <--- */font-style: normal;text-align: center;padding: 1rem 1.2rem;width: 90%;  /* create space for the quotes */color: #4a4a4a;margin: 1rem auto 2rem;color: #4a4a4a;background: #E8E8E8; overflow: hidden; border: none !important;}
.c-content .blockquote-second:hover{box-shadow: 0 0 4px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 4px rgba(0,0,0,0.4);-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);-webkit-transition: all 350ms linear;-moz-transition: all 350ms linear;-o-transition: all 350ms linear;-ms-transition: all 350ms linear;transition: all 350ms linear;}

.c-content blockquote {    font-weight: 500;padding: 3rem 1.2rem;margin: 2rem auto 2rem;text-align: center;position: relative;color: #4a4a4a;background-color: #EEEEEE;border-radius: 3px;font-style: italic}
.c-content blockquote p{font-size: 14px;line-height: 1.7;padding-left: 10px;margin-top: -.6em;font-family: "Times New Roman";color: #363636}
.c-content blockquote:after {clear: both;content: " "}
.c-content blockquote:before {color: #dbe1ea;content: "“";position: absolute;font-size: 150px;line-height: .1em;font-family: "Times New Roman", Times, serif;left: 7px;top: 25px;}

.c-content .blockquote-third { border-left: 5px solid #0080c3 !important; background: #f1f1f1 !important; padding: 10px 20px !important; overflow: hidden; width: 100%;; border-top: 1px solid #fff !important;  border-bottom: 1px solid #fff !important;  border-right: 1px solid #fff !important; margin-bottom: 10px !important;}

.c-content ol {
    padding-left: 30px;
    margin: 10px 0;
}
.c-content ol > li {
    padding: 0;
    margin-bottom: 10px;
}
.c-content li {
    display: list-item;
    list-style: disc;
    text-align: -webkit-match-parent;
    color: #000;
}
.c-content ul {
    padding-left: 60px;
    margin: 10px 0;
}
.c-content ul > li {
    padding: 0;
    margin-bottom: 10px;
}

.c-content caption{ color: #fff; background-color: #007bff; border-color: #007bff; padding: 10px; font-weight: bold; }
.c-content table {
    font-size: 13px;
    margin: 20px 0;
    width: 100%;
    border-top: 3px solid #363636;
    border-collapse: collapse
}
.c-content table th {
    border: 1px solid #ccc;
    border-bottom: 1px solid #363636;
    font-weight: bold;
    padding: 4px;
    color: #363636;
}
.c-content table td {
    border: 1px solid #dbe1ea;
    padding: 4px;
    color: #363636;
    font-weight: 300
}
.c-content .special tr th{
    border-color: #fff;
    vertical-align: middle;
    writing-mode: tb-rl;
    transform: rotate(180deg);
    background: #60a0ef;
}
.c-content .special tr th p{color: #fff}
.c-content table th > p,
.c-content table td > p {
    margin: 0;
    text-align: center;
}
.c-content table.tright tr:nth-child(even) {
    background-color: #fbfdff
}
.c-content table.tleft tr:nth-child(even) {
    background-color: #fbfdff
}
.c-content table.tshort td {
    padding: 2px
}

@media (min-width: 768px) and (max-width: 978px) {
    .c-content blockquote {
        width: 400px;
        font-size: 1.2em
    }
    .c-content blockquote > p {
        font-size: 1em
    }
}
@media (min-width: 601px) and (max-width: 767px) {
    .c-content blockquote {
        width: 300px;
        font-size: 1em
    }
    .c-content blockquote > p {
        font-size: 1em
    }
}
@media (max-width: 600px) {
    .c-content blockquote {
        width: 90%;
        font-size: 1em;
        padding: 10px 10px 40px 10px !important;
    }
    .c-content blockquote > p {
        font-size: 1em
    }
    .c-content img{
        width: 100% !important;
    }
}
@media (max-width: 480px) {
    .c-content blockquote {
        float: none;
        margin: 20px auto;
    }
    .c-content blockquote:before{
        margin-left: -.09em;
        font-size: 120px;
        top: 19px;
    }
}

@media (max-width: 600px) {
    .c-content table {
        width: 100% !important;
        overflow-x: auto;
        display: block;
        white-space: nowrap;
    }
}

.section-title h2 {font-size: 32px;font-weight: bold;margin-bottom: 20px;padding-bottom: 20px;position: relative;color: #0066A6;text-align: center;}
.section-title h2::before {content: "";position: absolute;display: block;width: 120px;height: 1px;background: #ddd;bottom: 1px;left: calc(50% - 60px);}
.section-title h2::after {content: "";position: absolute;display: block;width: 40px;height: 3px;background: #0066A6;bottom: 0;left: calc(50% - 20px);}
.section-title p{text-align: center;font-size: 14px;line-height: 20px;font-weight: 400;color: #363636;}
.section-top-img{height: 448px}
.section-bottom-img{height: 420px;object-fit: cover}

.section-title-two h2 {font-size: 25px;font-weight: bold;margin-bottom: 20px;padding-bottom: 20px;position: relative;color: #0066A6;text-align: center;text-transform: uppercase}
.section-title-two h2::before {content: "";position: absolute;display: block;width: 120px;height: 1px;background: #ddd;bottom: 1px;left: calc(50% - 60px);}
.section-title-two h2::after {content: "";position: absolute;display: block;width: 40px;height: 3px;background: #0066A6;bottom: 0;left: calc(50% - 20px);}
.section-title-two p{text-align: center;font-size: 14px;line-height: 20px;font-weight: 400;color: #363636;}

.right-language-box{ border-right: none;border-left: 1px solid var(--tg-border-2);width: auto;padding-left: 10px;}
.right-language-box .right-lang {display: flex;align-items: center;justify-content: center;height: 80px;}
.right-language-box .right-lang a{margin-left: 10px;font-size: 14px;font-weight: 600;color: var(--tg-heading-color);}
.job-box-back{background-color: #DDDDDD}
.job-list{padding: 25px;border-radius: 4px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);margin-bottom: 20px}
.job-list-date{color: #777;font-size: 14px;font-style: normal;font-weight: 400;line-height: 140%;}
.job-list-name{margin: 15px 0;color: #1C1C1C;font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;}
.job-list-desc{color: #777;font-size: 14px;font-style: normal;font-weight: 400;line-height: 140%;}
.job-list-btn{padding: 10px 20px;width: 170px;border-radius: 23px;background: #005C95;color:  #FFF;text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 140%;}
.job-list-icon{width: 20px;height: 20px;display: flex;align-items: center;}
.view-job-link{display: flex;align-items: center}
.view-job-link-btn{color: #fff;font-size: 14px;line-height: 25px}

.cd-horizontal-timeline {
    padding: 0;
    opacity: 0;
    margin: 10px auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
}
.cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;
}
.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
    left: 0;
    background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
    right: 0;
    background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    /* width will be set using JavaScript */
    background: #dfdfdf;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #7b9d6f;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 15px;
    color: #383838;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #7b9d6f;
    border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
    background-color: #7b9d6f;
    border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.older-event::after {
    border-color: #7b9d6f;
}
@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline {
        margin: 20px auto;
    }
    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
}

.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../assets/right.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
    right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
    opacity: .3;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
    max-width: 800px;
    margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
    font-weight: bold;
    font-size: 2.6rem;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
    content: '- ';
}
.cd-horizontal-timeline .events-content p {
    font-size: 1.4rem;
    color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
    line-height: 1.6;
}
@media only screen and (min-width: 768px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 25px;
    }
    .cd-horizontal-timeline .events-content em {
        font-size: 2rem;
    }
    .cd-horizontal-timeline .events-content p {
        font-size: 18px;
    }
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}



.wrapper {
    margin: 0 auto;
    padding: 0 16.66% 50px;
    width: 100%;
}

article {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
}

.timeline__nav {
    position: fixed;
    z-index: 99;
    top: 0;
    transition: top 0.3s ease-out;
}
.timeline__nav ul {
    list-style: none;
    list-style-position: inside;
    margin: 15px 0;
}
.timeline__nav ul li {
    display: block;
    margin: 15px 0;
    padding-left: 0;
    list-style-type: none;
    color: #bfc1c3;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: all 0.3s ease-out;
}
.timeline__nav ul li.active {
    font-weight: bold;
    color: #f94125;
    border-bottom: 1px dotted transparent;
    transform: scale(1.2);
}
.timeline__nav ul li:hover {
    color: #000;
}

.missionSwiper .swiper-button-next{display: flex;align-items: center;justify-content: center;right: -20px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #efefef;background: none}
.missionSwiper .swiper-button-prev{display: flex;align-items: center;justify-content: center;left: -20px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #efefef;background: none}
.missionSwiper .swiper-button-prev i{font-size: 30px;line-height: 40px;color: #363636}
.missionSwiper .swiper-button-next i{font-size: 30px;line-height: 40px;color: #363636}

.historySwiper .swiper-button-next{display: flex;align-items: center;justify-content: center;top: 100%;left: 55px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #efefef;background: #fff}
.historySwiper .swiper-button-prev{display: flex;align-items: center;justify-content: center;top: 100%;left: 0;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #efefef;background: #fff}
.historySwiper .swiper-button-prev i{font-size: 25px;line-height: 40px;color: #363636}
.historySwiper .swiper-button-next i{font-size: 25px;line-height: 40px;color: #363636}

.branchSwiper .swiper-button-next{display: flex;align-items: center;justify-content: center;right: -20px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #efefef;background: #0066A6}
.branchSwiper .swiper-button-prev{display: flex;align-items: center;justify-content: center;left: -20px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #efefef;background: #0066A6}
.branchSwiper .swiper-button-prev i{font-size: 30px;line-height: 40px;color: #fff}
.branchSwiper .swiper-button-next i{font-size: 30px;line-height: 40px;color: #fff}

.timetable-container{width: 650px;margin: auto}

/* Testimonial 2 ---------------------------------- */
.testi-card {
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(22, 37, 66, 0.33);
    border-radius: 6px;
    padding: 40px;
    margin: 20px 10px;
}
.testi-card.style2 {
    padding: 30px;
    margin: 0;
    margin-bottom: 24px;
}
.testi-card.style2 .testi-content .testi-box_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}
.testi-card .testi-box_text {
    margin-bottom: 0;
}
.testi-card_img {
    flex-basis: 240px;
    min-width: 240px;
}
.testi-card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testi-card_quote {
    position: absolute;
    top: 50%;
    left: 240px;
    margin: -25px 0 0 -25px;
}
.testi-card_content {
    text-align: center;
    padding: 30px;
}
.testi-card_avater {
    margin-bottom: 12px;
}
.testi-card_avater img {
    border-radius: 999px;
}
.testi-card_name {
    font-size: 20px;
    margin-bottom: 2px;
}
.testi-card_text {
    margin: 0 0 18px 0;
    color: #696E7C;
    line-height: 1.75;
    font-size: 15px;
    margin-bottom: -0.5em;
}

.testimonial-author {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.testimonial-author .testi-box_profile {
    margin-left: 0px;
}
.testimonial-author .testi-box_profile.style2 .testi-box_avater {
    margin-top: -30px;
}
.testimonial-author .testi-box_name {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 5px;
}

/* Small devices */
@media (max-width: 767px) {
    .testi-card {
        flex-direction: column;
    }
    .testi-card_img {
        min-width: 100%;
        max-height: 220px;
    }
    .testi-card_quote {
        left: 50%;
        top: 220px;
    }
}

.flags>ul>li>a{padding:0;padding-right:5px;min-height: 32px;}
.flags>ul>li:first-child>a{padding-left:15px;}
.flags>ul>li>a>span{background-repeat:no-repeat;height:15px;width:25px;background-image:url(../assets/flags.png)}
.flags>ul>li>a>span.en{background-position:-25px 0}
.flags>ul>li>a>span.ru{background-position:-50px 0}
.flags>ul>li>a>span.cn{background-position:-75px 0}

.flags a {padding:0;min-height: 15px;}
.flags a {padding-left:15px;}
.flags a span{background-repeat:no-repeat;height:15px;width:25px;background-image:url(../assets/flags.png)}
.flags a span.en{background-position:-25px 0}

.anket-title{display: flex;align-items: center;justify-content: flex-start;font-size: 20px;font-weight: 600;line-height: 25px;color: #000}

.form-field__upload {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-align: center;
    border: 2px dashed #cecece;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.form-field__upload-icon {
    margin-bottom: 5px;
    font-size: 24px;
    color: #999;
}
.form-field__upload-label {
    font-size: 14px;
    color: #999;
}
.form-field__upload-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}
.control-label{
    font-size: 16px;font-weight: 400;;line-height: 25px;color: #000;
}

/* for image upload */
.imageUpload {font-family: sans-serif;}
.imageUpload input {display: none !important;}
.imageUpload label { display: block; text-align: center; word-wrap: break-word; color: #1a4756;width: max-content;border-radius: 5px; overflow: hidden;}
/*.hidden,*/
/*#uploadImg + label { display: none; }*/
#file {display: none; margin: 0 auto;}
#upload {display: block; padding: 10px 20px; border: 0; font-size: 12px; letter-spacing: 0.05em; cursor: pointer; background: #FF6600; color: #fff; outline: none; transition: 0.3s ease-in-out;max-width: 120px; width: 120px;}
#upload:hover {background: #1aa39a;}
#upload:active {background: #13d4c8;transition: 0.1s ease-in-out;}
.imageUpload img {display: block;height: 100%;width: 100%;}
.section{padding: 60px 0}
.do-section{margin-bottom: 70px}
.video-section{margin-bottom: 70px}

.in-view-reveal--active{-webkit-animation: inViewReveal .6s ease-out forwards;animation: inViewReveal .6s ease-out forwards;}

@keyframes inViewReveal {
    0%{
        opacity: 0;
        transform: translate3d(0,30px,0);
    }
    100%{
        opacity: 1;
        transform: translateZ(0);
    }
}
.in-view-reveal{margin-bottom: 20px}
.blurp-spot {border: 1px solid rgba(0,0,0,.2509803922);border-radius: 8px;font-size: 16px;line-height: 1.75;margin: 0;}
.blurp-spot, .blurp-spot a {display: flex;flex-direction: column;height: 100%;}
.blurp-spot {position: relative;transition: .2s ease-out;transition-property: box-shadow,transform;}
.blurp-spot a {justify-content: space-between;color: inherit;text-decoration: none;}
.blurp-spot__image-container {padding: 0 0 24px;}
.blurp-spot img {border-radius: 8px 8px 0 0;}
.blurp-spot__image {display: block;width: 100%;height: auto;}
.blurp-spot__box {display: flex;flex-direction: column}
.blurp-spot__box {padding: 0 24px 20px;}
.blurp-spot h2 {font-size: 20px;line-height: 25px;font-weight: 600;margin-bottom: 16px;color: #000;word-break: break-word}
.blurp-spot__text{font-size: 16px;line-height: 25px;color: #000}
.ghost-button {height: 40px;width: 40px;display: flex;flex-direction: column;justify-content: center;text-align: center;font-size: 16px;font-weight: 400;padding: 3px 0 0 2px;border: 2px solid transparent;margin: 0 0 24px 24px;border-radius: 1.25rem;}
.ghost-button__arrow {width: 6px;height: 6px;margin: 14px 14px 16px;border-top: 1px solid;border-left: 1px solid;transform: rotate(135deg);}
.ghost-button__arrow:after {content: "";display: block;width: 1px;height: 8px;background-color: currentColor;transform: rotate(135deg) translate(-2.4px,-1px);}
.blurp-spot:hover {box-shadow: 0 0 0 2px rgb(0 0 0 / 25%);}
.blurp-spot:hover {transform: translate3d(0,-5px,0);}
.blurp-spot:hover:after {content: "";position: absolute;top: 100%;left: 0;right: 0;height: 5px;}
.ghost-button:hover {background-color: #f1f1f1;border: 2px solid rgba(237,4,0,.25);}

.hero {display: flex;flex-direction: column;align-items: inherit;}
.hero {width: 100%;position: relative;overflow: hidden;}
.hero__content-wrapper {display: flex;flex-direction: column;align-items: center;z-index: 1;width: 100%;}
.hero__content-wrapper {margin: auto;flex-grow: 1;padding-bottom: 0;justify-content: flex-start;}
.hero__flex-container {display: flex;justify-content: flex-start;flex-grow: 1;}
.hero__flex-container {flex-grow: .6;}
.hero__flex-container {justify-content: flex-end;}

.hero__flex-container-st {display: flex;justify-content: flex-start;flex-grow: 1;}
.hero__flex-container-st {flex-grow: .6;}
.hero__flex-container-st {justify-content: start;}

.hero__flex-container-start {display: flex;justify-content: flex-start;flex-grow: 1;}
.hero__flex-container-start {flex-grow: .6;}
.hero__flex-container-start {justify-content: start;}

.hero__content-wrapper--align-right .hero__content {margin: auto 0;text-align: left;}
.hero__background-image {position: absolute;top: 0;}
.hero__section-overlay {width: 100%;}
.hero__background-image {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;display: block;}
.hero__content {text-align: left;width: 640px;max-width: 640px;margin: auto 0;margin-bottom: 0!important;color: #fff;opacity: 0;position: relative;left: 20px;}
.hero__header {font-size: 60px;line-height: 60px;font-weight: 400;margin-bottom: 0;color: #fff}
.hero__text {font-size: 28px;line-height: 1.43;margin-bottom: 2.5rem;color: #fff;margin-top: 50px;}
.hero__background-image--loaded.in-view-reveal--active {opacity: 1;transform: scale(1);transition: all .5s ease;}
.hero__content--loaded {opacity: 1;left: 0;transition: all .5s ease;transition-delay: .5s;}
.text__header {font-size: 36px;font-weight: 400;line-height: 1.28;margin-bottom: 20px;padding-top: 40px;word-break: break-word;color: #000}
.text__header p{font-size: 36px;font-weight: 400;line-height: 1.28;margin-bottom: 20px;padding-top: 40px;word-break: break-word;color: #000}

.promotion-text {padding: 0 0 1.25rem;display: flex;flex-direction: column;}
.promotion-text__header {font-size: 36px;line-height: 35px;margin-bottom: 1rem;word-break: break-word;}
.promotion-text__text {font-size: 20px;line-height: 1.6;height: 100%;}
.image-component__image {display: block;max-width: 100%;-o-object-fit: cover;object-fit: cover;width: 100%;height: auto;}

.headline-view__heading {font-size: 54px;line-height: 60px;font-weight: 400;text-align: center;color: #000}
.content-text {padding: 0 0 1.25rem;text-align: center}
.image-component {padding: 0 0 1.25rem;}
.content-text__header {font-size: 36px;line-height: 45px;font-weight: 400;margin-bottom: 20px;word-break: break-word;}
.content-text__text{font-size: 18px;line-height: 30px;text-align: center;color: #000}
.content-text__text p{font-size: 18px;line-height: 30px;text-align: center;color: #000}

.videoplayer {position: relative;height: 0;overflow: hidden;max-width: 100%;height: auto;}
.videoplayer__youtube-popup-inner-container {position: relative;height: 0;width: 100%;}
.videoplayer__youtube-iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.videoplayer__youtube-popup-image-container {background: no-repeat;background-size: cover;background-position: 50%;position: absolute;height: 100%;width: 100%;}
.videoplayer__youtube-popup-play-button, .videoplayer__youtube-preview-image-play-button {height: 72px;width: 72px;left: 50%;top: 50%;margin-left: -36px;margin-top: -36px;position: absolute;opacity: .7;}
.videoplayer__ytp-button {fill: #333;}
.videoplayer__captions {width: 100%;padding: 8px 0;font-size: 18px;line-height: 20px;color: #000;}

.image {position: fixed;transform: translate(-50%, -50%);top: 50%;left: 50%;}
.section-scroll {display: flex;min-height: 50vh;position: relative;}
.image-container {position: relative;display: flex;}
.image {position: fixed;width: 70%;top: 50%;left: 50%;transform: translate(-50%, -50%);background-size: contain;background-position: center;background-repeat: no-repeat;opacity: 0;transition: all .5s ease-in-out;}

.section-scroll.active .image {height: 50vh;opacity: 1;transition: all .2s ease-in-out;}
.text-bold{font-weight: 700}
.window {
    /*position: relative;*/
    display: none;
    /*width: 100%;*/
    /*height: 50px;*/
    /*margin: 100px auto 0;*/
    /*box-shadow: 0 0 65px 15px rgba(0, 0, 0, 0.2);*/
    overflow: hidden;
    /*border-radius: 3px;*/
    /*background: #F1F1F1;*/
    background-color: #222222 !important;

}
.window .header {
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    height: 55px;
    background: #0066A6;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-out, background 1s ease-out;
    transition: all 0.5s ease-out, background 1s ease-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    z-index: 100;
    border-bottom: 2px solid #FDB62B;
}
.window .header .burger-container {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 50px;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-user-select: none;
    -moz-user-select: none;
    /*float: right;;*/
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.window .header .burger-container #burger {
    width: 18px;
    height: 8px;
    position: relative;
    display: block;
    margin: -4px auto 0;
    top: 50%;
}
.window .header .burger-container #burger .bar {
    width: 100%;
    height: 1px;
    display: block;
    position: relative;
    background: #FFF;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.window .header .burger-container #burger .bar.topBar {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
}
.window .header .burger-container #burger .bar.btmBar {
    -webkit-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
}
.window .header .icon {
    display: inline-block;
    position: absolute;
    height: 100%;
    line-height: 50px;
    width: 115px;
    height: 50px;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.window .header .icon img{width: 100%;height: 100%;object-fit: contain;object-position: center}
.window .header .icon.icon-bag {
    right: 0;
    top: 0;
    left: auto;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s;
}
.window .header ul.menu {
    position: relative;
    display: block;
    padding: 0px 48px 0;
    list-style: none;
}
.window .header ul.menu li.menu-item {
    border-bottom: 1px solid #ddd;
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.window .header ul.menu li:last-child.menu-item {border-bottom: none}

.window .header ul.menu li.menu-item:nth-child(1) {
    -webkit-transition-delay: 0.49s;
    transition-delay: 0.49s;
}
.window .header ul.menu li.menu-item:nth-child(2) {
    -webkit-transition-delay: 0.42s;
    transition-delay: 0.42s;
}
.window .header ul.menu li.menu-item:nth-child(3) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}
.window .header ul.menu li.menu-item:nth-child(4) {
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s;
}
.window .header ul.menu li.menu-item:nth-child(5) {
    -webkit-transition-delay: 0.21s;
    transition-delay: 0.21s;
}
.window .header ul.menu li.menu-item:nth-child(6) {
    -webkit-transition-delay: 0.14s;
    transition-delay: 0.14s;
}
.window .header ul.menu li.menu-item:nth-child(7) {
    -webkit-transition-delay: 0.07s;
    transition-delay: 0.07s;
}
.window .header ul.menu li.menu-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    color: #FFF;
    text-decoration: none;
    font-size: 22px;
    line-height: 35px;
    font-weight: 200;
    width: 100%;
    transition: 0.27s ease-in-out;
}
.window .header ul.menu li.uk-open i{transform: rotate(268deg);transition: 0.27s ease-in-out;}

.mobile-lang{font-size: 14px;display: block;float: right;line-height: 50px;margin-right: 15px;}
.mobile-lang > a{color: #fff !important;}

.window .header.menu-opened {
    height: 100%;
    background-color: #0066A6;
    -webkit-transition: all 0.3s ease-in, background 0.5s ease-in;
    transition: all 0.3s ease-in, background 0.5s ease-in;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.window .header.menu-opened .burger-container {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.window .header.menu-opened .burger-container #burger .bar {
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.window .header.menu-opened .burger-container #burger .bar.topBar {
    -webkit-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
}
.window .header.menu-opened .burger-container #burger .bar.btmBar {
    -webkit-transform: translateY(3px) rotate(-45deg);
    transform: translateY(3px) rotate(-45deg);
}
.window .header.menu-opened ul.menu li.menu-item {
    -webkit-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
    opacity: 1;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(1) {
    -webkit-transition-delay: 0.27s;
    transition-delay: 0.27s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(2) {
    -webkit-transition-delay: 0.34s;
    transition-delay: 0.34s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(3) {
    -webkit-transition-delay: 0.41s;
    transition-delay: 0.41s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(4) {
    -webkit-transition-delay: 0.48s;
    transition-delay: 0.48s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(5) {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(6) {
    -webkit-transition-delay: 0.62s;
    transition-delay: 0.62s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(7) {
    -webkit-transition-delay: 0.69s;
    transition-delay: 0.69s;
}
.window .header.menu-opened .icon.icon-bag {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.window .content {
    padding: 67px 4% 0;
    text-align: justify;
    overflow: scroll;
    max-height: 100%;
}
.window .content::-webkit-scrollbar {
    display: none;
}
.window .content h2 {
    margin-bottom: 0px;
    letter-spacing: 1px;
}
.window .content img {
    width: 95%;
    position: relative;
    display: block;
    margin: 75px auto 75px;
}
.window .content img:nth-of-type(2) {
    margin: 75px auto;
}
@media (max-width: 730px) {
    .header{
        display: none;
    }
    .window {
        width: 100%;
        /*height: 54px;*/
        margin: 0;
        border-radius: 0px;
        display: block;
    }
    .window .header {

    }
    .main-container{
        margin-top: 54px;
    }
    .content-item:nth-child(1){
        width: 300px;
    }
    .content-item:nth-child(2){
        width: 300px;
        height: 300px;
    }

}

@media (max-width: 1200px) {
    .footer-top-box{display: block}
    .footer-top-menu{padding: 0;border-right: none}
    .footer-top-menu a{border-bottom: 1px solid #ededed;justify-content: center;padding-bottom: 15px;margin-bottom: 15px;}
    .footer-top-menu:last-child a{border-bottom: none}
    .footer-box{display: block}
    .footer-center{margin-bottom: 20px}
    .home-feature{padding: 20px 10px;border: 1px solid #ddd;margin: 20px 0;border-radius: 10px;}
    .home-feature-icon:first-child{margin-top: 20px}
    .home-feature-icon{margin: auto}
    .home-feature-name{justify-content: center;margin-top: 10px;height: auto}
    .home-feature-desc{text-align: center;margin-bottom: 10px}
    .home-feature-link{margin: auto}
    .uk-grid{margin-left: 0}
    .uk-grid>*{padding-left: 0}
    .videoWrapper{padding-bottom: 111%;margin-top: 70px}
    .about-info{width: 100%;min-width: 100%;padding: 0 15px}
    .about-title{font-size: 22px}
    .service-box.style3{margin-bottom: 20px}
    .section__title h2{font-size: 22px}
    .modal-feedback-group .modal-feedback-input{padding-left: 50px}
    .breadcumb-title{font-size: 30px;line-height: 25px;}
    .career-menu-icon-in i{width: 50px;height: 50px;font-size: 19px;}
    .career-menu-name{font-size: 16px}
    .career-element-backg{padding: 0 15px;}
    .time-item{width: 100%}
    .timeline__item{position: relative}
    .section_t_title{font-size: 14px;line-height: 25px}
    .carrer-bottom-img{background-size: contain;height: 173px}
    .footer-contact-head{margin-top: 15px}
    .footer-center-text{padding-bottom: 15px}
    .footer-top{margin-bottom: 15px}
    .main-slider-img img {width: 100%;height: auto;object-fit: contain;}
    .swiper-main-slider {height: auto;}
    header .header-top{padding: 10px}
    .header-top-other p{font-size: 12px}
    .service-image img{height: auto}
    .name-service{font-size: 20px;line-height: 30px}
}


.scroll-to-text{
    display: inline-block;
    height: auto;
    position: absolute;
    bottom: 47%;
    right: 20%;
    z-index: 99;
    text-align: left;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-size: 30px;
    border-radius: 50%;
    transition: all 0.4s ease;;
}

.scroll-to-text{
    color: #ffffff;
    font-size: 28px;
    line-height: 45px;
}

.ph-full-widths{
    background-attachment: fixed;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100vh;
}

.article-text__text{
    padding-top: 30px;
    padding-bottom: 15px;
}

.container__component-spacing *{
    font-family: serif;
}
.component-theme__text-small h1{
    font-size: 26px;line-height: 45px;color: #000;font-weight: 400;text-align: center;
}

.article-text__text p{
    font-size: 34px;
    line-height: 62px;
    text-align: center;
}

.component-theme__header{
    text-align: center;
    font-size: 27px;
    font-weight: 500;
}

.image-component {
    padding: 0 0 1.25rem;
}

.image-component img{
    display: block;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.article-text{
    padding: 0 0 1.25rem;
}

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

.article-text__abstract, .article-text__text {
    font-size: 18px;
    line-height: 1.78;
}
.article-text__abstract {
    margin-bottom: 1rem;
}

.article-text{
    padding-top: 20px;
}

.article-text h4{
    font-size: 30px;
    padding-bottom: 21px;
    line-height: 34px;
    font-weight: 600;
}

.page-title{
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

.page-title h2{
    font-size: 29px;
    line-height: 40px;
    height: 100%;
    text-align: center;
    font-weight: 500;
}

.article-text__info *{font-family: serif}
.component-theme__text-big h2{font-size: 54px;line-height: 60px;font-weight: 500;text-align: center}
.component-theme__text-big p{font-size: 20px;line-height: 1.5;margin-top: 24px;text-align: center;color: #000;}
.component-theme__text-medium h2{font-size: 54px;line-height: 60px;font-weight: 500;text-align: center}
.charge-ax-width{width: 900px;margin: auto}
.parallax-text-title{font-size: 50px;line-height: 60px;color: #000;}
.parallax-text-black{font-size: 40px;line-height: 1.43;margin-bottom: 30px;color: #000;font-weight: 500}
.parallax-text-white{font-size: 40px;line-height: 1.43;margin-bottom: 30px;color: #fff;font-weight: 500}
.parallax-width-left{flex: 0 0 41.6666666667%;max-width: 41.6666666667%;margin-left: 8.3333333333%;}
.parallax-width-right{flex: 0 0 41.6666666667%;max-width: 41.6666666667%;margin-left: 50%;}
.charge-ax-box{padding: 60px 0}
.charge-text-width{width: 730px;margin: auto}

.feature-name{margin-top: 20px;font-size: 36px;line-height: 1.28;margin-bottom: 20px;font-weight: 600;color: #000}
.feature-desc{font-size: 18px;line-height: 1.78;font-weight: 400;color: #000;font-family: serif}
.page-title a {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 50px;
    line-height: 1.78;
    height: 48px;
    color: #000;
    background-color: transparent;
    border: 2px solid #000;
    margin-top: 32px;
    align-self: flex-start;
    text-align: center;
}

.page-title a:hover {
    text-decoration: none;
    transition: all .2s ease-in;
}


.page-title a {
    -ms-grid-row-align: center;
    align-self: center;
}

.page-title .image-component{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}


.image-ax{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.image-ax img{
    width: 350px;
    padding: 40px 0;
}

.page-title .image-component img{
    width: 400px;
}

.page-info{
    padding-top: 40px;
    padding-bottom: 20px;
}

.page-info h2{
    text-align: center;
    padding-bottom: 20px;
    font-size: 38px;
}

.page-info p{
    font-size: 20px;
    line-height: 25px;
    text-align: center;
}

.article-text__info h2{
    padding-bottom: 30px;
    font-size: 31px;
    font-weight: 500;
}

.article-text__info p{
    font-size: 18px;
    line-height: 28px;
}

.article-text__info a{
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 50px;
    line-height: 1.78;
    height: 48px;
    color: #000;
    background-color: transparent;
    border: 2px solid #000;
    margin-top: 32px;
    align-self: flex-start;
    text-align: center;
}

.article-text__info-btn{
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 50px;
    line-height: 1.78;
    height: 48px;
    color: #000;
    background-color: transparent;
    border: 2px solid #000;
    margin-top: 32px;
    align-self: flex-start;
    text-align: center;
}
.article-text__info-btn:hover {
    color: #fff;
    background-color: #000;
    box-shadow: 0 0 0 4px rgb(0 0 0 / 25%);
}
.article-text__info-btn:hover {
    text-decoration: none;
    transition: all .2s ease-in;
}

.article-text__info{
    padding-bottom: 30px;
}

.article-text__info h3 {
    font-size: 34px;
    font-weight: 400;
    padding-bottom: 40px;
}


.article-text__side p{
    margin: 0px;
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px;
}
.section-ax{padding: 40px 0}

.right-social p{margin-bottom: 25px;font-size: 18px;line-height: 30px;font-weight: 500;color: #000;}
.silk-text ul {padding-left: 30px}
.silk-text ul li{list-style: disc;text-align: start;line-height: 34px;}
.silk-text p{text-align: start}
.news-banner {
    margin: 20px 0;
    position: relative;
    border: none;
    padding-bottom: 16.57%;
}

.banner-slider-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    background-color: transparent;
    margin: 0;
    overflow: hidden;
}

.banner-slider-item iframe {
    height: 100%;
    width: 100%;
}

.banner-slider-item img {
    height: 100%;
    width: 100%;
}

.image-component{
    position: relative;
    height: 0;
    padding-bottom: 79%;
    overflow: hidden;
}

.image-component img{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.image-component__item{
    position: relative;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
}

.image-component__item img{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.article-text > div p{
    font-size: 18px;
    line-height: 26px;
}

.page-background__image{
    min-height: 56.25vw;
    display: flex;
    flex-direction: column;
    align-items: inherit;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero__cta{
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 50px;
    height: 48px;
    color: #000;
    background-color: #ffffff;
    border: none;
    line-height: 2;
}

.hero__cta, .hero__cta:hover {
    text-decoration: none;
    transition: all .2s ease-in;
}

.hero__cta:hover {
    color: #fff;
    background-color: #000;
    box-shadow: 0 0 0 4px rgba(0,0,0,.25);
}


.silk-block h2{
    font-weight: 400;
    padding-top: 32px;
    text-align: center;
    font-size: 54px;
    padding-bottom: 33px;
}

.font-size p{
    font-size: 12px;
    line-height: 20px;
}

.text-align-star p{
    text-align: start;
}

.modal-text h2 {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #efefef;
}

.modal-text span {
    font-size: 14px;
    line-height: 25px;
    font-weight: 700;
}

.pdf-wrapper{
    margin-bottom: 40px;
}

.pdf img{
    width: 100%;
    height: 233px;
    object-fit: contain;
}

.pdf-text h2{
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.pdf-text span{
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

.feedback-send-btn__width{
    width: 140px;
}

.pdf-text a{
    margin: 0 auto;
}

.uk-display-flex{
    display: flex;
}

.modal-text__wrap {height: 365px;overflow: auto;margin-top: 15px;padding-right: 20px}
.modal-text__wrap p{font-size: 14px;line-height: 20px;margin-bottom: 10px}
.modal-text__wrap::-webkit-scrollbar {
    background-color: #e1e1e1;
    border-radius: 0;
    width: 2px;
}
.modal-text__wrap::-webkit-scrollbar-thumb {
    background-color: #0D1A33;
}
.material-box-list{display: flex;align-items: center;justify-content: space-between;background: #fff;padding: 10px;border-radius: 10px;margin-bottom: 15px;box-shadow: 0 0 15px 5px rgb(0 0 0 / 20%)}
.material-list-icon{display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;padding: 5px;border: 3px solid #001B90;border-radius: 8px}
.material-list-icon i{font-size: 40px;line-height: 60px;color: #001B90;}
.material-top{display: flex;align-items: center}
.material-list-name{margin-left: 10px;font-size: 16px;line-height: 25px;color: #000}
.material-list-img{width: 80px;height: 80px;}
.material-list-img img{width: 100%;height: 100%;object-fit: contain}

.timeline {
    position: relative;
    max-width: 1200px;
    margin: 190px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Хэвтээ шугам */
.timeline::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 4px;
    background: #001B90;
    z-index: 1;
}

.timeline-item {
    position: relative;
    width: 200px;
    text-align: center;
    z-index: 2;
}

/* Бөөрөнхий цэгүүд */
.timeline-item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: #fe0000;
    border-radius: 50%;
    border: 3px solid #fff;
    z-index: 2;
}

.timeline-content {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: absolute;
    width: 180px;
    left: 50%;
    top: -145px;
    transform: translateX(-50%);
}

/* Дараагийн хоёр элемент доош */
.timeline-item:nth-child(even) .timeline-content{
    top: 40px; /* Доош байрлуулах, суманд зай гаргах */
    box-shadow: 0 -5px 25px rgb(0 0 0 / 14%);
}

/* Дээшээ чиглэсэн сум (дээд талын элементүүд) */
.timeline-item .timeline-content::after{
    content: '';
    position: absolute;
    bottom: -20px; /* Хайрцагны доод талд сум байрлуулах */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #fff; /* Хайрцагтай ижил өнгө */
    z-index: 3;
}

/* Доош чиглэсэн сум (доод талын элементүүд) */
.timeline-item:nth-child(even) .timeline-content::after{
    content: '';
    position: absolute;
    top: -40px; /* Хайрцагны дээд талд сум байрлуулах */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff; /* Хайрцагтай ижил өнгө */
    z-index: 3;
}

/* Сумны сүүдэр (дээд талын элементүүд) */
.timeline-item .timeline-content::before{
    content: '';
    position: absolute;
    bottom: -21px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid rgba(0, 0, 0, 0.1); /* Сүүдрийн өнгө */
    z-index: 2;
}

/* Сумны сүүдэр (доод талын элементүүд) */
.timeline-item:nth-child(even) .timeline-content::before{
    content: '';
    position: absolute;
    top: -41px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid rgba(0, 0, 0, 0.1); /* Сүүдрийн өнгө */
    z-index: 2;
}

.timeline-content h2{font-size: 16px;}
.timeline-content p{font-size: 14px;margin: 0}
@media (max-width: 600px) {
    .timeline {
        padding: 0;
        max-width: 100%;
        overflow-x: auto;
        margin: 30px 0;
    }
    /* Босоо шугам */
    .timeline::before {
        content: '';
        position: relative;
        top: 0;
        left: 20px; /* Зүүн талын зай */
        width: 4px;
        height: 100%;
        background: #3498db;
        z-index: 1;
    }

    .timeline-item {
        position: relative;
        margin: 40px 0;
        padding-left: 50px; /* Цэг болон шугамын зай */
    }

    /* Бөөрөнхий цэгүүд */
    .timeline-item::before {
        content: '';
        position: relative;
        left: 12px; /* Шугам дээр байрлуулах */
        top: 10px;
        width: 0px;
        height: 0px;
        background: #3498db;
        border-radius: 50%;
        border: none;
        z-index: 2;
    }

    .timeline-content {
        background: #fff;
        padding: 15px;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        position: relative;
        width: 175px; /* Дэлгэцэд тохируулан уян хатан */
    }

    .timeline-item {
        padding-left: 40px;
    }

    .timeline::before {
        left: 15px;
    }

    .timeline-item::before {
        left: 7px;
        width: 16px;
        height: 16px;
    }

    .timeline-content {
        width: 175px;
        padding: 10px;
        top: 0;
    }

    h2 {
        font-size: 16px;
    }

    p {
        font-size: 16px;
    }
}

.company-list-box:nth-child(2n) {flex-direction: row-reverse;}
.company-list-box {display: flex;align-items: center;flex-wrap: wrap;border-radius: 5px;margin-bottom: 40px;overflow: hidden;}
.company-list-img {width: 100%;height: 340px;background: #ccc;}
.company-list-img img {width: 100%;object-fit: cover;object-position: center;height: 100%;}
.company-list-text {background: #edf3f8;padding: 15px 15px 10px 30px;box-sizing: border-box;height: 340px;overflow: auto;}

.report-back{padding: 80px 0;    background-image: url(https://transport.ub.gov.mn/resource/transport/image/2025/02/12/fzhr04lcklbco4aq/service-bg1.png);background-size: cover;background-position: bottom;}

.report-list-v-two{position: relative;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    border-radius: 0.5rem;
    border-top: 3px solid #001B90;
    overflow: hidden;
    background-color: rgb(255 255 255/1);
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #000,0 0 #0000,0 1px 2px 0 rgba(0,0,0,.05);
    transition: 1s ease-in-out;
}
.report-list-v-two-body{padding: 1.25rem;}
.report-list-v-two-item{display: flex;}
.report-list-v-two-item-icon {
    position: relative;
    margin-bottom: 20px;
    display: inline-flex;
    height: 50px;
    width: 50px;
    min-width: 50px;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    border-radius: 10px;
    background: #001B90;
}
.report-list-v-two-item-icon i{font-size: 26px;color: #fffd01}
.report-list-v-two-item-text{flex-grow: 1}
.report-list-v-two-item-name{font-weight: 600;font-size: 16px;line-height: 20px;text-transform: uppercase;color: #fe0000}
.report-list-v-two-item-num{font-size: 32px;font-weight: bold;color: #001B90}
.crypto-main-card-icon {
    position: absolute;
    width: 100px !important;
    height: 100px !important;
    inset-inline-end: -1.5625rem;
    top: -25px;
    opacity: 0.07;
}
.report-list-v-two:hover{transform: translateY(-15px);transition: 1s ease-in-out}
.report-list-v-two:hover .crypto-main-card-icon{opacity: 1}

.top-dashboard-info-box{padding: 20px;margin-bottom: 19px;border-radius: 10px;background-color: #fff;border: 2px solid #023ff9}
.top-dashboard-info{display: flex;align-items: center}
.top-dashboard-data{display: block;margin-left: 15px}
.top-dashboard-chart{width: 80px;height: 80px;min-width: 80px;display: flex;align-items: center;justify-content:center;position: relative;border: 8px solid #fffd01;border-radius: 50%;background-color: #1546d5}
.top-dashboard-chart i{font-size: 28px;color: #fff}
.top-dashboard-value{margin-top: 10px;font-size: 32px;line-height: 30px;font-weight: bold;color: #023ff9}
.top-dashboard-name{font-size: 16px;text-transform: uppercase;line-height: 23px;font-weight: 500;color: #000}
.chart-box{padding: 10px 15px;background-color: #fff;border-radius: 10px}

.information-box-auth{display: flex;align-items: end;justify-content: end;flex-direction: column;margin-top: 20px}
.information-line p{margin: 0;color: #000;font-size: 16px;line-height: 25px;font-weight: 300;text-align: end}

.trainList-img{height: 230px;width: 100%;}
.trainList-img img{height: 100%;width: 100%;object-fit: cover;border-radius: 8px}
.trainList-desc{margin-top: 20px}
.trainList-name{margin-bottom: 15px;font-size: 18px;font-weight: bold;line-height: 25px}

.section-box{padding: 30px 20px;background: #fff;border-radius: 10px;}
.timeline-two{display: flex;justify-content: center;align-items: center;gap: 30px;position: relative;}
.timeline-item-two {display: flex;flex-direction: column;align-items: center;position: relative;}
.circle {width: 100px;height: 100px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 13px solid #fff;font-size: 12px;font-weight: 600;color: white;text-align: center;position: relative;z-index: 2;box-shadow: 5px 10px 2px #06123591;}
.arc {width: 130px;height: 65px;border-radius: 0 0 100px 100px;position: absolute;bottom: -15px;z-index: 1;}
.value{margin-top: 30px;text-align: center;font-size: 14px;color: #000;text-transform: uppercase;font-weight: 500;}
.timeline-two-box:nth-child(even) .arc{transform: rotate(180deg);top: -15px;}

.blue {background: #007991;background: -webkit-linear-gradient(to left, #78ffd6, #007991);background: linear-gradient(to left, #78ffd6, #007991);}
.purple {background: #EB5757;background: -webkit-linear-gradient(to left, #000000, #EB5757);background: linear-gradient(to left, #000000, #EB5757);}
.red {background: #4AC29A;background: -webkit-linear-gradient(to left, #BDFFF3, #4AC29A);background: linear-gradient(to left, #BDFFF3, #4AC29A);}
.blue {background: #C33764;background: -webkit-linear-gradient(to left, #1D2671, #C33764);background: linear-gradient(to left, #1D2671, #C33764);}
.yellow {background: #F7971E;background: -webkit-linear-gradient(to left, #FFD200, #F7971E);background: linear-gradient(to left, #FFD200, #F7971E);}
.green {background: #34e89e;background: -webkit-linear-gradient(to right, #0f3443, #34e89e);background: linear-gradient(to right, #0f3443, #34e89e);}

.arc.blue {background: #007991;background: -webkit-linear-gradient(to left, #78ffd6, #007991);background: linear-gradient(to left, #78ffd6, #007991);}
.arc.purple {background: #EB5757;background: -webkit-linear-gradient(to left, #000000, #EB5757);background: linear-gradient(to left, #000000, #EB5757);}
.arc.red {background: #4AC29A;background: -webkit-linear-gradient(to left, #BDFFF3, #4AC29A);background: linear-gradient(to left, #BDFFF3, #4AC29A);}
.arc.blue {background: #C33764;background: -webkit-linear-gradient(to left, #1D2671, #C33764);background: linear-gradient(to left, #1D2671, #C33764);}
.arc.yellow {background: #F7971E;background: -webkit-linear-gradient(to left, #FFD200, #F7971E);background: linear-gradient(to left, #FFD200, #F7971E);}
.arc.green {background: #34e89e;background: -webkit-linear-gradient(to right, #0f3443, #34e89e);background: linear-gradient(to right, #0f3443, #34e89e);}
.footer-bottom-site{margin-top: 15px;}
.footer-bottom-site a{font-size: 16px;color: #fff}

@media (max-width: 600px) {
    .logo{text-align: center}
    .tgmobile__menu .nav-logo img {width: 100px;}
    .hero-thumb-area2{display: block}
    .hero-thumb-area2 .thumb2{margin-bottom: 20px}
    .banner__content{padding: 40px 20px 50px}
    .home-left-banner{width: 300px}
    .homeServiceSwiper{height: 500px}
    .logo-text{text-align: justify}
    .site-title-tagline{display: flex;align-items: center;justify-content: center;font-size: 16px;text-align: center;line-height: 25px;}
    .choose-img-three .img-1{width: 100%}
    .gallery-img-two{width: 100%;height: 100px;object-fit: contain;}
    .right-language-box .right-lang{height: 50px;}
    .department-mb{padding: 0}
    .department-image-director{margin-bottom: 20px}
    .department-image img{object-fit: contain;height: auto}
    .shape-wrap-two img{display: none;}
    iframe{width: 100%}
}