body{font-family:"neuzeit-grotesk";}
@-ms-viewport { width: device-width; }
::-moz-selection { background: #999; color: #fff; } ::selection { background: #999; color: #fff; }
*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }
html {  height: 100%; }
body {background-color: #efeff7!important;}
body.active { padding-top: 133px;}
body.overflow{ overflow: hidden; }
a { -webkit-text-decoration-skip: objects; -webkit-transition: 0.4s; transition: 0.4s; }
a:hover {text-decoration: none !important;}
*, :focus { outline: 0; }
*, ul {margin: 0;padding: 0;}
li { list-style: none; }
a {
    color: #6d8493;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
::-moz-focus-inner { border: 0; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } 
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }
input[type="radio"],
input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
::-webkit-scrollbar { width: 0px; height: 4px; }
::-webkit-scrollbar-track { background: #fafafa; }
::-webkit-scrollbar-thumb { background: #888888; }
img {max-width: 100%;object-fit: cover;user-select: none;}
.map-scope { width: 100%; height: 400px; }
.map-scope .map-info { padding: 0.5rem; background: #3c3c3c; border-radius: 8px; color: #fff; font-size: 12px; line-height: 20px; } 
.map-scope .map-info h3 { font-size: 1rem; font-weight: 800; }
.map-scope .map-info a { color: #969696; }
.map-scope .map-info a:hover,
.map-scope .map-info a:focus { color: #ffffff; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.search-overflow { overflow: hidden; }
main.inner-main {
    background: #6d8493;;
}
td {
padding:30px
}
.td {
padding:30px
}
@media only screen and (max-width: 1199px){
    .search-overflow { position: fixed; top: 0; left: 0; right: 0; }
    main.inner-main{ background: #fff0; }
}

.scroll-up {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #003365;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 3;
    transition: 0.4s;
    cursor: pointer;
    transform: scale(0);
}
.scroll-up.active{
    transform: scale(1);
}
.scroll-up svg {
    transform: rotate(-90deg);
    fill: #fff;
    width: 15px;
}

.zopim {
    transition: .4s;
}

@media (hover: hover){
    .scroll-up:hover {
        background: #6d8493;
    }
}

@media only screen and (max-width: 1199px){
    .scroll-up{ display: none; }
}

/*404*/
.nf404-full { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background: #242e44; min-height: 100vh; width: 100%; }
.nf404-full .svg { margin-bottom: 2rem; min-height: 350px; overflow: hidden; position: relative; }
.nf404-full .svg svg { max-width: 100%; }
.nf404-full h2 { font-weight: bold; font-size: 25px; color: #888888; margin-bottom: 0.5rem; }
.nf404-full h3 { font-size: 20px; color: #888888; margin-bottom: 2rem; }
.nf404-full a { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 2px solid #888888; padding: 1rem 2rem; color: #888888; border-radius: 3rem; -webkit-box-shadow: inset 0 0 0 #888888; box-shadow: inset 0 0 0 #888888; -webkit-transition: 0.4s; transition: 0.4s; }
.nf404-full a svg { margin-right: 1rem; display: inline-block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 200%; }
@media only screen and (max-width: 767px) { 
.right{width:100%!important}

td {
    padding: 30px;
    width: 100%;
    display: block;
}

.nf404-full a svg { width: 200%; max-width: 200%; } }
.nf404-full a:hover { -webkit-box-shadow: inset 0 0 15px #888888; box-shadow: inset 0 0 15px #888888; }
.nf404 {position: relative;text-align: center;background: #40456A;min-height: 100vh;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.nf404 .svg {margin-bottom: 2rem;min-height: 20vw;overflow: hidden;position: relative;width: 100%;margin-top: 10vh;}
.nf404 .svg svg {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;}
.nf404 a svg path {fill: #fff;}
@media only screen and (max-width: 767px) { .nf404 .svg svg { width: 200%; max-width: 200%; } }
.nf404 h2 {font-weight: bold;font-size: 25px;color: #ffffff;margin-bottom: 0.5rem;}
.nf404 h3 {font-size: 20px;color: #ffffff;margin-bottom: 2rem;}
.nf404 a {display: inline-block;border: 2px solid #ffffff;padding: 1rem 2rem;color: #ffffff;border-radius: 3rem;-webkit-box-shadow: inset 0 0 0 #ffffff;box-shadow: inset 0 0 0 #ffffff;-webkit-transition: 0.4s;transition: 0.4s;user-select: none;}
.nf404 a svg { margin-right: 1rem; display: inline-block; }
.nf404 svg g path {fill: #ffffff;}
.nf404 .svg svg g line {stroke: #ff7f2c;}
.nf404 a:hover { -webkit-box-shadow: inset 0 0 15px #888888; box-shadow: inset 0 0 15px #888888; }

@media only screen and (min-width: 1200px) {
    .nf404 .svg svg g line {
        stroke-dasharray: 800;
        stroke-dashoffset: 800;
    }

    .nf404 .svg svg > g > g:nth-child(2) {
        opacity: 0;
    }

    .nf404 h2 {
        transform: translate(0px, 10px);
        opacity: 0;
    }

    .nf404 h3 {
        transform: translate(0px, 10px);
        opacity: 0;
    }

    .nf404 a {
        transform: translate(0px, 10px);
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-width: 991px) {
    .nf404 { min-height: calc(100vh - 345px); }
    .nf404 h2 { font-size: 18px; font-weight: 500; margin-bottom: 5px; }
    .nf404 h3 { font-size: 16px; font-weight: 400; margin-bottom: 15px; }
    .nf404 a { transform: scale(0.8); margin-top: -5px; }
}

@media only screen and (max-width: 767px) {
    .nf404 { min-height: 600px; }
    .nf404 .svg { min-height: 40vw; margin-bottom: 20px; }
}

/*alert*/
.alert { padding: 0; position: relative; line-height: 25px; border-width: 0; margin-bottom: 17px; color: #ffffff; }
.alert .icon { width: 55px; font-size: 1.846rem; vertical-align: middle; text-align: center; line-height: 22px; display: table-cell; cursor: default; padding-top: 1px; }
.alert .icon span { width: 25px; }
.alert .close { position: absolute; font-size: 1.538rem; right: 1.385rem; text-shadow: none; padding: 1.5388rem 0; opacity: 0.2; right: 4px; top: -20px; }
.alert .message { display: table-cell; padding: 1.385rem 2.1542rem 1.385rem 0.231rem; border-left-width: 0; }
.alert .message > p, .alert .message > ul { margin-bottom: 0; }
.alert .message > p + p { margin-top: 5px; }
.alert.alert-spec { padding: 0; position: relative; width: 100%; }
.alert.alert-spec > .icon { display: table-cell; width: 60px; text-align: center; vertical-align: middle; background-color: rgba(255, 255, 255, 0.25); }
.alert.alert-spec > .message { display: table-cell; padding: 14px 15px; border-left-width: 0; }
.alert.alert-icon { background-color: #ffffff; border: 0; padding: 0; position: relative; width: 100%; display: table; table-layout: fixed; -webkit-box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07); box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07); }
.alert.alert-icon > .icon { position: relative; display: table-cell; width: 60px; text-align: center; vertical-align: middle; cursor: default; }
.alert.alert-icon > .icon:after { position: absolute; right: -10px; top: 50%; margin-top: -10px; width: 0; height: 0; content: ""; z-index: 2; border-left: 11px solid #ffffff; -webkit-transform: scale(0.9999); transform: scale(0.9999); border-bottom: 11px solid transparent; border-top: 11px solid transparent; }
.alert.alert-icon > .message { display: table-cell; padding: 1.385rem 1.385rem; color: #404040; border: 1px solid #d4d4d4; border-left-width: 0; }
.alert.alert-icon.alert-dismissible .close, .alert.alert-icon.alert-dismissible .close:focus { color: #404040; opacity: 0.35; }
.alert.alert-icon.alert-dismissible .close:hover, .alert.alert-icon.alert-dismissible .close:focus:hover { color: #404040; opacity: 0.5; }
.alert.alert-icon.alert-primary > .icon { background-color: #4285f4; }
.alert.alert-icon.alert-primary > .icon:after { border-left-color: #4285f4; }
.alert.alert-icon.alert-success > .icon { background-color: #34a853; }
.alert.alert-icon.alert-success > .icon:after { border-left-color: #34a853; }
.alert.alert-icon.alert-info .icon { background-color: #6ba4ff; }
.alert.alert-icon.alert-info .icon:before { border-left-color: #6ba4ff; }
.alert.alert-icon.alert-warning > .icon { background-color: #fbbc05; }
.alert.alert-icon.alert-warning > .icon:after { border-left-color: #fbbc05; }
.alert.alert-icon.alert-danger > .icon { background-color: #ea4335; }
.alert.alert-icon.alert-danger > .icon:after { border-left-color: #ea4335; }
.alert.alert-icon.alert-light { outline-color: #d4d4d4; }
.alert.alert-icon.alert-light > .icon { background-color: #ffffff; border-right: 1px solid #d4d4d4; }
.alert.alert-icon.alert-light > .icon:after { border-left-color: #ffffff; position: absolute; right: -22px; top: 50%; margin-top: -10px; width: 0; height: 0; content: ""; z-index: 2; border: solid transparent; border-width: 11px; border-color: rgba(194, 225, 245, 0); border-left-color: #d4d4d4; }
.alert.alert-icon.alert-light > .message { border: 0px; }
.alert.alert-icon.alert-dark > .icon { background-color: #a1a1a1; }
.alert.alert-icon.alert-dark > .icon:after { border-left-color: #a1a1a1; }
.alert.alert-primary { background-color: #d5eff9; border: 1px solid #b2dff1; }
.alert.alert-success { background-color: #c5efd0; border: 1px solid #94d2a4; }
.alert.alert-info { background-color: #dde8f9; border: 1px solid #b3c1d6; }
.alert.alert-warning { background-color: #fdf4db; border: 1px solid #ecd5a0; }
.alert.alert-danger { background-color: #ffe6e4; border: 1px solid #f5c1c1; }
.alert.alert-light { background-color: #ffffff; outline: 1px solid rgba(115, 115, 115, 0.08); color: #404040; }
.alert.alert-light > .icon { color: #737373; }
.alert.alert-light.alert-spec > .icon { background-color: rgba(115, 115, 115, 0.08); }
.alert.alert-dark { background-color: #ffffff; }
.alert.alert-dismissible.alert-primary .close { color: #093d94; }
.alert.alert-dismissible.alert-primary .close:hover { color: #093d94; opacity: 0.5; }
.alert.alert-dismissible.alert-success .close { color: #103319; }
.alert.alert-dismissible.alert-success .close:hover { color: #103319; opacity: 0.5; }
.alert.alert-dismissible.alert-info .close { color: #0050d1; }
.alert.alert-dismissible.alert-info .close:hover { color: #0050d1; opacity: 0.5; }
.alert.alert-dismissible.alert-warning .close { color: #654c02; }
.alert.alert-dismissible.alert-warning .close:hover { color: #654c02; opacity: 0.5; }
.alert.alert-dismissible.alert-danter .close { color: #79150d; }
.alert.alert-dismissible.alert-danter .close:hover { color: #79150d; opacity: 0.5; }
.alert.alert-dismissible.alert-light .close { color: #404040; opacity: 0.35; }
.alert.alert-dismissible.alert-light .close:hover { color: #404040; opacity: 0.5; }
.alert.alert-dismissible.alert-dark .close { color: #ffffff; opacity: 0.35; }
.alert.alert-dismissible.alert-dark .close:hover { color: #404040; opacity: 0.5; }
.alert.alert-spec.alert-dismissible.alert-success { color: #03982a; }
.alert.alert-spec.alert-dismissible.alert-success div.icon span:before { color: #39a355; }
.alert.alert-spec.alert-dismissible.alert-info { color: #2858a2; }
.alert.alert-spec.alert-dismissible.alert-info div.icon span:before { color: #4273bd; }
.alert.alert-spec.alert-dismissible.alert-warning { color: #b57e01; }
.alert.alert-spec.alert-dismissible.alert-warning div.icon span:before { color: #dca321; }
.alert.alert-spec.alert-dismissible.alert-danger { color: #e30505; }
.alert.alert-spec.alert-dismissible.alert-danger div.icon span:before { color: red; }
.alert.alert-spec.alert-dismissible.alert-primary { color: #00959e; }
.alert.alert-spec.alert-dismissible.alert-primary div.icon span:before { color: #2fc1ca; }

/*captcha*/
.captcha { position: relative; }
.captcha a {position: absolute;top: 50%;right: 5px;width: 26px;height: 26px;background: #40456A;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: 100%;-webkit-transition-duration: 0.8s;transition-duration: 0.8s;transition-property: -webkit-transform;-webkit-transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;color: #fff;margin-top: -13px;font-size: 14px;}
.captcha a:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.captcha img.captcha_img {width: 100%;height: 100%;position: relative;border: 1px solid #ced4da;border-radius: 0.25rem;}

.section-loader { position: relative; min-height: 18vh; }
.section-loader:after { position: absolute; display: block; visibility: hidden; opacity: 0; content: ""; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 2; }
.section-loader .section-loader-spinner { display: none; position: absolute; top: 50%; right: 50%; margin-top: -20px; margin-right: -20px; z-index: 3; } .section-loader .section-loader-spinner svg { -webkit-animation: spinner-rotation 1.4s linear infinite; animation: spinner-rotation 1.4s linear infinite; stroke: #4285f4; }
.section-loader .section-loader-spinner svg .circle { stroke-dasharray: 187; stroke-dashoffset: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-animation: spinner-turn 1.4s ease-in-out infinite; animation: spinner-turn 1.4s ease-in-out infinite; }
.section-loader-active:after { visibility: visible; opacity: 1; }
.section-loader-active .section-loader-spinner { display: block; }

@-webkit-keyframes spinner-rotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } }
@keyframes spinner-rotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } }
@-webkit-keyframes spinner-turn { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } }
@keyframes spinner-turn { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } }

/*mobil menu*/
.mobile-menu {display: none;position: fixed;top: 0;right: -110%;top: 0;    background: rgb(109 132 147);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);-webkit-transition: 0.4s;transition: 0.4s;z-index: 16000002;width: 100%;max-width: 100%;bottom: 0;min-height: 100vh;padding-bottom: 0;}
@media only screen and (max-width: 991px) { .mobile-menu {display: block;} }
.mobile-menu .mobile-nav-title h3 {position: absolute;top: 50px;left: 45px;display: none;font-weight: 600;font-size: 22px;color: #fff;margin-bottom: 0;z-index: 9;}
.mobile-menu .mobile-nav-title h3 span:nth-child(1) { opacity: 1; visibility: visible; -webkit-transition: 0.4s; transition: 0.4s; }
.mobile-menu .mobile-nav-title h3 span:nth-child(2) { position: absolute; left: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.4s; transition: 0.4s; }
@media only screen and (max-width: 1024px) { .mobile-menu .mobile-nav-title h3 { display: block; } }
@media only screen and (max-width: 767px) { .mobile-menu .mobile-nav-title h3 {display: none;top: 25px;left: 25px;} }
.hamburger-menu {width: 2.2rem;height: 1.5rem;cursor: pointer;z-index: 53;-webkit-transition: 0.3s;transition: 0.3s;display: none;margin-left: 30px;position: relative;}
.hamburger-menu .bar {display: block;position: absolute;width: 100%;height: 3px;background: #fff;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 50%;margin-top: -1px;-webkit-transition: margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, -webkit-transform 0.15s ease-out 0.1s;transition: margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, -webkit-transform 0.15s ease-out 0.1s;transition: margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, transform 0.15s ease-out 0.1s;transition: margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, transform 0.15s ease-out 0.1s, -webkit-transform 0.15s ease-out 0.1s;}
.hamburger-menu .bar.first {margin-top: -10px;}
.hamburger-menu .bar.third {margin-top: 8px;}
.hamburger-menu.fixed-active { top: 0.6rem; }
@media only screen and (max-width: 1024px) { .hamburger-menu  {display: block; } }
@media only screen and (max-height: 500px) and (orientation: landscape) { .hamburger-menu { right: 5rem; } }
@-webkit-keyframes animate-arrow-1 { 
    0% { -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0; } 70%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } 
}
@keyframes animate-arrow-1 { 
    0% { -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0; } 70%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } 
}
@-webkit-keyframes animate-arrow-2 { 
    0% { -webkit-transform: translateX(20px); transform: translateX(20px); opacity: 0; } 70%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 0.5; } 
}
@keyframes animate-arrow-2 { 
    0% { -webkit-transform: translateX(20px); transform: translateX(20px); opacity: 0; } 70%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 0.5; } 
}
@-webkit-keyframes animate-arrow-3 { 
    0% { -webkit-transform: translateX(10px); transform: translateX(10px); opacity: 0; } 70%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 0.3; } 
}
@keyframes animate-arrow-3 { 
    0% { -webkit-transform: translateX(10px); transform: translateX(10px); opacity: 0; } 70%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 0.3; } 
}
.mobile-menu .mobile-menu-back { -webkit-transform: scale(0); transform: scale(0); position: fixed; right: 5rem; top: 1rem; width: 3rem; height: 3rem; z-index: 53; -webkit-transition: 0.4s; transition: 0.4s; }
.mobile-menu .mobile-menu-back a { position: relative; border: 1px solid #fff; bottom: 0; color: #fff; height: 3rem; top: 10px; line-height: 3rem; position: absolute; width: 100%; -webkit-transition: 0.1s all ease-in; transition: 0.1s all ease-in; }
.mobile-menu .mobile-menu-back a span.arrow { display: block; width: 8px; top: 0; bottom: 0; margin: auto; left: 10px; height: 2rem; position: absolute; }
.mobile-menu .mobile-menu-back a span.arrow span { display: block; width: 8px; height: 2rem; top: 0; bottom: 0; margin: auto; position: absolute; }
.mobile-menu .mobile-menu-back a span.arrow span i { position: absolute; left: 0.3rem; top: 0; font-size: 2rem; }
.mobile-menu .mobile-menu-back a span.arrow span.arrow-1 { left: 0px; opacity: 1; }
.mobile-menu .mobile-menu-back a span.arrow span.arrow-2 { left: 10px; opacity: 0.5; display: none; }
.mobile-menu .mobile-menu-back a span.arrow span.arrow-3 { left: 20px; opacity: 0.3; display: none; }
.mobile-menu .mobile-menu-back.active { -webkit-transform: scale(1); transform: scale(1); }
@-webkit-keyframes menuListAnimate { 
    0% { margin-top: 40px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } 
}
@keyframes menuListAnimate { 
    0% { margin-top: 40px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } 
}
.mobile-menu .mobile-nav {position: absolute;left: 0;top: 70px;width: 100%;max-height: 100vh;padding-bottom: 250px;overflow-y: auto;}
.mobile-menu .mobile-nav::-webkit-scrollbar { width: 0px; }
.mobile-header {display: flex;align-items: center;justify-content: space-between;padding: 0 30px;margin-bottom: 20px;}
.mobile-header .main-logo {max-width: 150px;}
.mobile-header .main-logo img { width: 100%;}
.mobile-close { width: 22px; height: 22px; position: relative; display: block;}
.mobile-close span { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 2px; border-radius: 2px; background: white;}
.mobile-menu .mobile-nav .language-item {padding: 10px 40px 0;margin-top: 15px;}
.mobile-menu .mobile-nav .language-item ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;justify-content: center;}
.mobile-menu .mobile-nav .language-item ul li.lang-active a {font-weight: bold;}
.mobile-menu .mobile-nav .language-item ul li a {padding: 10px;margin: 0;position: relative;font-weight: 300;font-size: 13px;text-align: left;color: rgba(255,255,255,.3);}
@media only screen and (max-width: 767px) { .mobile-menu .mobile-nav .language-item {padding: 0 30px;}

.yan{width:50%!important}
 }
.mobile-menu .mobile-nav > ul {position: relative;padding: 30px;width: 100%;padding: 0px;height: 100%;display: flex;flex-wrap: wrap;}
.mobile-menu .mobile-nav > ul > li:first-child > a:before,
.mobile-menu .mobile-nav > ul > li:first-child > a:after { top: 30%; }
.mobile-menu .mobile-nav > ul li a {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 15px 35px 15px 25px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;-webkit-box-orient: initial;-webkit-box-direction: initial;-ms-flex-direction: initial;flex-direction: initial;align-items: center;}
@media only screen and (max-width: 767px) {

.mobile-menu .mobile-nav > ul li a {padding: 10px 0;} }
.mobile-menu .mobile-nav > ul li a {font-weight: 600;
    font-size: 16px;
    color: #fff;}
.mobile-menu .mobile-nav ul li a.bid-btn { margin-top: 20px; opacity: 0.7; }
.mobile-menu .mobile-nav ul li a.sub-item.active {color: #fff;}
.mobile-menu .mobile-nav ul li a.sub-item.active:before,
.mobile-menu .mobile-nav ul li a.sub-item.active:after {background: #fff;}
.mobile-menu .mobile-nav ul li a.sub-item.active:before { height: 0; }
.mobile-menu .mobile-nav ul li a.sub-item.active:after { height: 8px; }
/*.mobile-menu .mobile-nav ul li a.sub-item:before,
.mobile-menu .mobile-nav ul li a.sub-item:after {content: "";position: absolute;top: 50%;right: 25px;width: 3px;height: 12px;background: #fff;-webkit-transition: 0.4s;transition: 0.4s;}
.mobile-menu .mobile-nav ul li a.sub-item:before { -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.mobile-menu .mobile-nav ul li a.sub-item:after { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }*/
.mobile-menu .mobile-nav ul li a i { margin-left: 10px; }
.mobile-menu .mobile-nav ul li ul {background: #28293b;padding: 0 0 5px;display: none;}
.mobile-menu .mobile-nav ul li ul li a {border-top: none;font-size: 15px;padding: 15px 45px;font-weight: 500;color: #fff;}
.mobile-menu .mobile-nav ul li ul li a.sub-item:before, .mobile-menu .mobile-nav ul li ul li a.sub-item:after { right: 30px; }
.mobile-menu .mobile-nav ul li ul li ul { background: #0c1e31; }
.mobile-menu .mobile-nav ul li ul li ul li a { padding: 15px 35px; }
.mobile-menu .mobile-nav ul li ul li ul li a.sub-item:before, .mobile-menu .mobile-nav ul li ul li ul li a.sub-item:after { right: 40px; }
.mobile-menu .mobile-nav ul li ul li ul li ul { background: #071625; }
.mobile-menu .mobile-nav ul li ul li ul li ul a { padding: 15px 50px; }
.mobile-menu .mobile-nav ul li.active { position: relative; z-index: 34; }
.mobile-menu .mobile-nav ul li.active ul { display: block; }
.mobile-menu.open { right: 0; }
.mobile-menu.open .mobile-nav > ul > li {-webkit-animation: menuListAnimate 0.5s ease-in-out 0s both;animation: menuListAnimate 0.5s ease-in-out 0s both;width: 50%;padding: 0 30px;}
.mobile-menu.open .mobile-nav > ul > li + li { -webkit-animation: menuListAnimate 0.5s ease-in-out 0.1s both; animation: menuListAnimate 0.5s ease-in-out 0.1s both; }
.mobile-menu.open .mobile-nav > ul > li + li + li { -webkit-animation: menuListAnimate 0.5s ease-in-out 0.2s both; animation: menuListAnimate 0.5s ease-in-out 0.2s both; }
.mobile-menu.open .mobile-nav > ul > li + li + li + li { -webkit-animation: menuListAnimate 0.5s ease-in-out 0.3s both; animation: menuListAnimate 0.5s ease-in-out 0.3s both; }
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li { -webkit-animation: menuListAnimate 0.5s ease-in-out 0.4s both; animation: menuListAnimate 0.5s ease-in-out 0.4s both; }
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li { -webkit-animation: menuListAnimate 0.5s ease-in-out 0.5s both; animation: menuListAnimate 0.5s ease-in-out 0.5s both; }
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li { -webkit-animation: menuListAnimate 0.5s ease-in-out 0.6s both; animation: menuListAnimate 0.5s ease-in-out 0.6s both; }
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li + li { -webkit-animation: menuListAnimate 0.5s ease-in-out 0.7s both; animation: menuListAnimate 0.5s ease-in-out 0.7s both; }
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li + li + li { -webkit-animation: menuListAnimate 0.5s ease-in-out 0.8s both; animation: menuListAnimate 0.5s ease-in-out 0.8s both; }
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li + li + li + li { -webkit-animation: menuListAnimate 0.5s ease-in-out 0.9s both; animation: menuListAnimate 0.5s ease-in-out 0.9s both; }
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li + li + li + li + li { -webkit-animation: menuListAnimate 0.5s ease-in-out 1s both; animation: menuListAnimate 0.5s eheader headerase-in-out 1s both; }
body.mobile-menu-open { position: fixed; top: 0; right: 0; left: 0; overflow: hidden; }
.mobile-menu-open header.header {background: #313348;}
.mobile-menu .mobile-nav .elink-item {margin-top: 30px;margin-bottom: 50px;padding: 0 30px;}
.mobile-menu .mobile-nav .elink-item ul {display: flex;align-items: center;margin: 0 -5px;}
.mobile-menu .mobile-nav .elink-item ul li {width: 100%;padding: 10 5px;}
.mobile-menu .mobile-nav .elink-item ul li a {display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 10px 8px;
    height: 75px;
    background: rgba(0,0,0,.1);
    border-radius: 10px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
    color: rgba(255, 255, 255, 0.65);}
.mobile-menu .mobile-nav .elink-item ul li a svg .a{fill: #ffffff;}
.mobile-buttons { margin-top: 60px; padding: 0 30px; }
.mobile-buttons ul { display: flex; flex-wrap: wrap; margin: 0 -5px; }
.mobile-buttons ul li { width: 50%; padding: 0 5px; }
.mobile-buttons ul li a {margin-bottom: 10px;height: 65px;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,.05);font-weight: 300;font-size: 19px;color: #fff;border-radius: 10px;}
.mobile-buttons ul li a span { display: block; margin-bottom: 5px; margin-right: 15px;}
.mobile-buttons ul li a.birim span svg .a{fill:none;stroke:#fff;}
.mobile-buttons ul li a.birim span svg .b{fill:#fff;}
.mobile-buttons ul li a.iletisim span svg .a,
.mobile-buttons ul li a.iletisim span svg .b{fill:none;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10;}.a{stroke-linejoin:round;}
.kvkk-buttons { padding: 0 30px; }
.kvkk-buttons ul li { width: 50%; padding: 0 5px;}
.kvkk-buttons ul { display: flex; align-items: center; margin: 0 -5px;}
.kvkk-buttons ul li a { display: flex;  align-items: center; justify-content: center; height: 35px; font-weight: 300; font-size: 15px; color: #fff;opacity: 0.38;border-radius: 5px;border: 2px solid rgba(255,255,255,.1);}
.mobile-menu.open .mobile-nav > ul > li:nth-child(2n) {border-right: 1px solid rgba(255,255,255,.1);}
.mobile-menu.open .mobile-nav > ul > li:nth-child(2n+1) {padding-left: 70px;}

.mobile-menu .mobile-nav .language-item ul li:first-child a:before { content: ""; position: absolute; right: 0; top: 50%;transform: translateY(-50%);width: 1px; height: 8px;background: rgba(255,255,255,.1);}
.mobile-menu .mobile-nav .language-item ul:before {content: "";position: absolute;top: 50%; left: 0; width: 30%;  height: 1px; background: rgba(255,255,255,.1);}
.mobile-menu .mobile-nav .language-item ul:after {content: "";position: absolute;top: 50%; right: 0; width: 30%;  height: 1px; background: rgba(255,255,255,.1);}
@media only screen and (max-width: 767px){
    .hamburger-menu {width: 30px;}
    .hamburger-menu .bar { height: 2px; }
    .mobile-menu .mobile-nav {top: 40px;}
    .mobile-buttons ul li {width: 100% }
    .mobile-menu .mobile-nav-title h3 {top: 35px;font-size: 18px;}
    .mobile-menu .mobile-nav ul li ul li a { padding-left: 25px; font-size: 14px; }
    .mobile-menu.open .mobile-nav > ul > li:nth-child(2n+1) {padding-left: 40px;}
    header.header .header {
        transition: 0.4s;
    }
}



@media (hover: hover) {
    body .cc-compliance a.cc-btn.cc-dismiss:hover {background: #000;border-color: #000;}
    body .cc-banner.cc-theme-edgeless .cc-message a.cc-link:hover {color: #535d74;}
}
  


/* Header */
header.header .header nav.header-scope .logo {height: 123px;
    width: 240.3px;
    overflow: hidden;
    padding-top: 5px;} 
header.header .header nav.header-scope .logo a.navbar-brand {height: 100%;width: 100%;padding: 0;margin: 0;transition: none;}
header.header {width: 100%;height: 140px;display: flex;padding: 0px 110px;position: fixed;top: 0;left: 0;right: 0;align-items: center;justify-content: center;z-index: 52;transition: 0.4s;background-color: #6d8493;}
header.header.header-scroll-up {
    height: 80px;
}
header.header .header { flex: 0 0 100%; display: flex; }
header.header.team-header {
    position: absolute;
}


header.header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .4s;
    transform: translateY(-100%);
    background:#6d8493; 
}
header.header.white-header:before {
    background: rgba(255,255,255,.8);
}

header.header .header nav.header-scope {flex: 0 0 100%;display: flex;justify-content: space-between;align-items: center;transition: 0.4s;}
header.header .header nav.header-scope .menu { display: flex; }
header.header .header nav.header-scope .menu ul.navbar-nav {flex-direction: inherit;padding-bottom: 50px;margin-bottom: -50px;}
header.header .header nav.header-scope .menu ul.navbar-nav li { margin-right: 38px; display: flex; align-items: center; justify-content: center; position: relative; }
header.header .header nav.header-scope .menu ul.navbar-nav li + li:before {content: "";position: absolute;width: 1px;height: 22px;background: #fff;opacity: 0.12;transform: rotate(20deg);left: -20px;}
header.header .header nav.header-scope .menu ul.navbar-nav li a {color: white;font-weight: 300;font-size: 19px;transition: none;/* overflow: hidden; */}
header.header .header nav.header-scope .menu .language  {display: flex;align-items: center;justify-content: center;margin-right: 30px;}
header.header .header nav.header-scope .menu .language li a { color: white; text-transform: capitalize; font-weight: 300; font-size: 19px; }
header .menu-info { position: absolute; bottom: 0px; right: 210px; transform: translate(0, 100%); background: #fff; padding: 35px 50px 40px; opacity: 0; visibility: hidden; transition: 0.4s; }
header.header .header nav.header-scope .menu ul.navbar-nav li a > span { display: inline-block; position: relative; transition: 0.4s; /* overflow: hidden; */ }
header.header .header nav.header-scope .menu ul.navbar-nav li a span {display: inline-block;}
header.header .header nav.header-scope .menu ul.navbar-nav li a > span:nth-child(2) { position: absolute; top: 0px; left: 0; right: 0; color: #6d8493; /* transform: translate(0px, 100%); */ }
header.header .header nav.header-scope .menu ul.navbar-nav li a span.empty { width: 5px; }
header.header .header nav.header-scope .menu ul.navbar-nav li a > span:nth-child(2) > span { transform: translate(0px, 100%) scaleY(0.7); opacity: 0; }
header .menu-info.active { opacity: 1; visibility: visible; }
header .menu-info .info-title { font-weight: 300; font-size: 25px; color: #40456a; display: block; margin-bottom: 15px; }
header .menu-info .line { width: 60px; height: 1px; background: #6d8493; display: block; margin-bottom: 35px; }
header .menu-info .info-link a { font-size: 20px;
    color: #6d8493;
    display: block;
    line-height: normal;
    margin-bottom: 10px; }
header .menu-info .social-media { display: flex; align-items: center; margin-top: 35px; }
header .menu-info .social-media a { display: block; position: relative; }
header .menu-info .social-media a svg { fill: #AAAAAA; max-width: 40px; max-height: 17px; transition: 0.4s; }
header .menu-info .social-media a + a { margin-left: 13px; padding-left: 13px; }
.search svg { fill: #fff; transition: 0.4s; }
header.header .header nav.header-scope .menu.color-menu ul.navbar-nav li a { color: #40456A; }
header.header .header nav.header-scope .menu.color-menu ul.navbar-nav li + li:before { background: #40456A; }
header.header .header nav.header-scope .menu.color-menu .language li a { color: #40456A; }
header .color-menu .search svg { fill: #40456A; }
header .menu-info .social-media a + a:before {}
header .menu-info:before {content: "";position: absolute;top: -31px;right: 0;width: 35px;height: 35px;background-image: url(menu-info-triangle.svg);background-size: contain;background-position: bottom right;background-repeat: no-repeat;}
header.header .header nav.header-scope .logo .main-logo { display: none; }
.search { cursor: pointer; }
header.header.team-header .header nav.header-scope .menu.color-menu ul.navbar-nav li a.active { 
    font-weight: bold;
}
header.team-header .menu-info {
    box-shadow: 0px 3px 30px 0px rgba(0,0,0,.1);
}
@media (hover: hover){
    header.header .header nav.header-scope .menu .language li a:hover { color: #6d8493; }
    header .search:hover svg { fill: #6d8493; }
    header .menu-info .social-media a:hover svg { fill: #6d8493; }
    header .menu-info .info-link a:hover { color: #6d8493; }
    .search-container .search-row:nth-child(2) .search-other-result .result-container .other-pages ul li a:hover { color: #ff6704; }
    header.header .header nav.header-scope .menu ul.navbar-nav li a:hover {
        color:#d9d9d9;;
    }
}

@media only screen and (min-width: 1200px){
    header.header .header nav.header-scope .logo { transform: translate(-100%, 0px); }
    header.header .header nav.header-scope .logo a.navbar-brand { transform: translate(100%, 0px); }
    header.header .header nav.header-scope .menu ul.navbar-nav li { transform: translate(100%, 0); overflow: hidden; }
    header.header .header nav.header-scope .menu .language li { transform: translate(-100%, 0); }
    header.header .header nav.header-scope .menu ul.navbar-nav li a { transform: translate(-110%, 0px); }
    header.header .header nav.header-scope .menu .language ul { transform: translate(100%, 0px); overflow: hidden; }
    header .search {margin-left: 10px; transform: translate(100%, 0px); overflow: hidden; }
    header .search svg { transform: translate(-100%, 0px); }
}

@media only screen and (max-width: 1470px){
    header.header { height: 80px; background-color: #6d8493;}
	.jumbotron {
    padding: 3rem 1rem!important;
}
}

@media only screen and (max-width: 1199px){
    header.header { padding: 0 50px; }
    header.header .header nav.header-scope .menu ul.navbar-nav li a {
        font-size: 16px;
    }
    header.header .header nav.header-scope .menu ul.navbar-nav li { margin-right: 25px; }
    header.header .header nav.header-scope .menu ul.navbar-nav li + li:before { left: -13px; }
    header.header .header nav.header-scope .menu .language { margin-right: 25px; }
}

@media only screen and (max-width: 991px){
    header.header .header nav.header-scope .menu .menu-item {display: none;}
    header.header { height: auto; position: fixed; transition: 0.4s; padding: 39px 50px 39px 30px; }
    header.header .header nav.header-scope .menu .language { display: none; }
    .search svg { width: 25px; height: 25px; }
    header.header.fixed-active {background: #6d8493;}
    header.header.color-fixed-active {background: #fff;}
    header.header .header nav.header-scope .logo .main-logo { display: block; }
}

@media only screen and (max-width: 767px){
    header.header { padding: 20px 20px; height: auto; align-items: center; }
    header.header .header nav.header-scope .logo { height: auto; width: auto; max-width: 130px; }
    .search svg { width: 20px; height: 20px; }
}

/*header search*/
.form-inline .form-control{ display: none; }
.btn.btn-search { padding: 0; box-shadow: none; }
.btn.btn-search i{ color: white; }

/*page title*/
section.page-title {height: calc(100vh - 167px);position: relative;overflow: hidden;}
section.page-title .bread-bg-item > span:before {content: "";position: absolute;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background: #6d8493;;opacity: 0.7;z-index: 0;pointer-events: none;}
section.page-title .bread-bg-item > span:after {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-image: url(../img/grid-bg.png);pointer-events: none;opacity: 0.08;z-index: 0;}
section.page-title .bread-bg {height: 100%;width: 100%;background: #6d8493;;}
section.page-title img { bottom: 0; right: 0; left: 0; top: 0; }
section.page-title .bread-bg .title-first{max-width: 660px;top: 58%;left: 110px;z-index: 25;position: absolute;transform: translate(0px, calc(-50% - 60px));}
section.page-title .bread-bg .title-first h1 {font-weight: 300;font-size: 19px;letter-spacing: 0.3em;text-align: left;color: #fff;margin-bottom: 43px;padding-left: 22px;position: relative;text-transform: uppercase;}
section.page-title .bread-bg .title-first h1 span {position: absolute;width: 4px;height: 100%;background: #6d8493;left: 0;bottom: 0;}
section.page-title .bread-bg .down {width: 100%;display: flex;flex-wrap: wrap;height: 155px;position: absolute;bottom: 0;justify-content: flex-end;z-index: 1;}
section.page-title .bread-bg .down .e-rnd {width: 18.5%;display: flex;align-items: center;justify-content: center;position: relative;user-select: none;}
section.page-title .bread-bg .down .e-rnd a {font-weight: bold;font-size: 20px;text-align: left;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: none;width: 100%;text-align: center;}
section.page-title .bread-bg .down .e-rnd a svg { margin-right: 24px; fill: #fff; }
section.page-title .bread-bg .title-first h2 { font-weight: 300; font-size: 67px; color: #fff; line-height: normal; margin-bottom: 0; }
section.page-title .bread-bg .down .e-rnd a + a { transform: translate(-50%, -50%) scale(0); } 
section.page-title .bread-bg-item {position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
section.page-title .bread-bg-item > span { display: block; height: 100%; background-size: cover; background-position: center bottom; }
section.page-title .bread-bg-item > span > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 1863px 478px, rgba(66, 69, 93, 0), rgb(109, 132, 147) 35%) !important; pointer-events: none; opacity: 0 !important;}

@media only screen and (min-width: 1200px){
    section.page-title .bread-bg-item { transform: translate(0px, -140%); overflow: hidden; }
    section.page-title .bread-bg-item > span {transform: translate(0px, 120px) scale(1.2) !important; }
    section.page-title .bread-bg .down { transform: translate(0px, 20px); opacity: 0; visibility: hidden; }
    section.page-title .bread-bg .title-first h1 { transform: translate(0px, 20px); opacity: 0; visibility: hidden; }
    section.page-title .bread-bg .title-first h1 span { height: 0; }
    section.page-title .bread-bg .title-first h2 { transform: translate(0px, 20px); opacity: 0; visibility: hidden; }
}

@media only screen and (max-height: 830px){
    section.page-title .bread-bg .title-first h2 { font-size: 60px; }
    section.page-title .bread-bg .title-first h1 { margin-bottom: 20px; }
    section.page-title .bread-bg .title-first { left: 25%; }
}

@media only screen and (max-width: 1470px){
    section.page-title .bread-bg .down .e-rnd a {
        font-size: 18px;
    }
    section.page-title{height: calc(58vh - 0px);}
    section.page-title .bread-bg .down .e-rnd a svg {margin-right: 10px;}
}

@media only screen and (max-width: 1199px){
    section.page-title {height: calc(100vh - 700px);}
    section.page-title .bread-bg .title-first h1 { font-size: 15px; margin-bottom: 10px; } 
    section.page-title .bread-bg .title-first h2 { font-size: 55px; }
    section.page-title .bread-bg .title-first {max-width: 400px;left: 50px;top: 65%;}
}

@media only screen and (max-width: 991px){
    section.page-title .bread-bg .down .e-rnd{ display: none; }
    section.page-title { height: 550px; }
}

@media only screen and (max-width: 767px){
    
	.kis{margin-bottom: -70px !important;}
	.elli{width:50% !important;
	max-width: 50% !important;
	flex: 50% !important;}
	
	section.page-title {
           height: 360px;
    }
    section.page-title .bread-bg .title-first h2 { font-size: 30px; }
    section.page-title .bread-bg .title-first h1 { font-size: 11px; padding-left: 10px; }
    section.page-title .bread-bg .title-first h1 span { width: 2px; }
    section.page-title .bread-bg .title-first { max-width: initial; left: 30px; right: 30px;top: 60%; }
    .dr-modal.hospital-modal .modal-item .item-container .item-text {
        padding: 40px;
    }
}

.up {width: 100%;display: flex;flex-wrap: wrap;height: 155px;position: absolute;justify-content: flex-start;top: 0;transform: translateY(-100%);}
.up .mini-menu {width: 81.5%;background: white;display: flex;align-items: center;position: relative;padding: 0 11% 0 11%;justify-content: space-between;}
.up .mini-menu .text { transform: translateY(50%); }
.up .mini-menu .text h2 { font-weight: 300; font-size: 50px; text-align: left; color: #6d8493; margin: 0; }
.up .mini-menu svg { transform: translateY(50%); cursor: pointer;}
.up .mini-menu svg  .a { fill: #e4e4e8;}

/* Footer */
footer.footer.footer-type-1 {width: 100%;overflow: hidden;position: relative;}
footer.footer.footer-type-1 .footer-top {padding: 96px 100px;width: 100%;background: #efeff7;}
footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu { display: flex; justify-content: space-between; align-items: center; }
footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu .footer-logo {width: 287px;}
footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu .footer-logo img { height: 100%; width: 100%; }
footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu .footer-contact-information h3 {font-weight: 300;font-size: 33px;text-align: left;color: #6d8493;max-width: 200px;margin-bottom: 40px;}
footer .footer-top .footer-top-right .footer-menu .footer-contact-information ul li .text a { font-weight: normal; font-size: 25px; text-align: left; color: #6d8493;}
footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu .footer-contact-information ul li .text p { margin: 0; }
footer.footer.footer-type-1 .footer-bottom {width: 100%;position: relative;padding: 0 100px;display: flex;align-items: center;justify-content: space-between;height: 95px;background: #6d8493;}
footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container {margin-bottom: 0;flex: 0 0 560px;margin-right: -80px;}
footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container li h3.footer-menu-head { font-weight: 300; font-size: 25px; color: #40456a; margin: 0; padding-bottom: 50px; position: relative; }
footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container li h3.footer-menu-head:before {content: "";position: absolute;width: 65px;height: 1px;background: #6d8493;bottom: 25%;transform: translateY(-25%);}
footer .footer-top .footer-top-right .footer-menu ol.footer-menu-container li ul.footer-menu-list li a { font-weight: normal;
    font-size: 16px;
    text-align: left;
    color: #6d8493;}
footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container ul {display: flex;flex-wrap: wrap;}
footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container ul li {flex: 0 0 50%;margin-top: 15px;}
footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container ul li:first-child {margin: 0;}
footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container ul li:nth-child(2) { margin: 0; }
footer.footer.footer-type-1 .footer-bottom .copyright p {font-weight: normal;font-size: 20px;text-align: left;color: #fff;margin: 0;opacity: 0.6;}
footer.footer.footer-type-1 .footer-bottom .copyright p strong {text-transform: uppercase;display: block;}
footer.footer.footer-type-1 .footer-bottom { flex: 0 0 100%; }
footer.footer.footer-type-1 .footer-bottom ul {display: flex;opacity: 0.6;}
footer.footer.footer-type-1 .footer-bottom ul li:first-child { margin-right: 30px; position: relative; }
footer .footer-bottom ul li a {font-weight: normal;font-size: 20px;text-align: left;color: #40456a;}
footer.footer.footer-type-1 .footer-bottom ul li:first-child:before {content: "";position: absolute;width: 1px;height: 19px;background: rgba(66, 69, 93, 0.2);transform: rotate(20deg) translateY(-50%);top: 50%;right: -14px;}
footer.footer.footer-type-1 .footer-bottom .biltek a:first-child {color: #40456a;margin-right: 18px;font-size: 17px;top: 4px;position: relative;}
footer.footer.footer-type-1 .footer-bottom .biltek a:first-child:before {content: "";position: absolute;width: 1px;height: 17px;background: #9da1b5;right: -13px;top: 44%;transform: translateY(-50%);}
footer .biltek {opacity: 0.6;user-select: none;}
footer.team-footer { position: fixed; bottom: 0; right: 0; left: 0; }
 footer .social-media {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 25px;
}
footer .social-media a {
    display: block;
}

footer .social-media a svg {
    width: 30px;
    height: 20px;
    fill: #9fa0ac;
}

footer .social-media a + a {
    margin-left: 10px;
}

@media (hover: hover){
    footer .footer-top .footer-top-right .footer-menu .footer-contact-information ul li .text a:hover { color: #6d8493; }
    footer .footer-bottom ul li a:hover { color: #6d8493; }
    footer .footer-top .footer-top-right .footer-menu ol.footer-menu-container li ul.footer-menu-list li a:hover { color: #6d8493; }
}

@media only screen and (max-width:1470px){
    footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu .footer-contact-information h3{ font-size:30px;}
    footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu .footer-logo{ height:auto; width:auto; max-width:220px;}
    footer.footer.footer-type-1 .footer-bottom .copyright p{ font-size:17px;}
    footer.footer.footer-type-1 .footer-bottom{ height:70px;}
    footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container{ flex:0 0 64%; margin-right:0;}
    footer.footer.footer-type-1 .footer-top{ padding: 10px 0px;}
}

@media only screen and (max-width:1370px){
    footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container{ margin-right:-8%;}
}

@media only screen and (max-width:1199px){
    footer.footer.footer-type-1 .footer-top{ padding:60px 50px;}
    footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu .footer-contact-information h3{ font-size:25px; margin-bottom:25px;}
    footer .footer-top .footer-top-right .footer-menu .footer-contact-information ul li .text a{ font-size:20px;}
    footer.footer.footer-type-1 .footer-bottom{ padding:0 50px;}
    footer .footer-bottom ul li a{ font-size:17px;}
}

@media only screen and (max-width:991px){
    footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu .footer-logo{ display:none;}
    footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container{ flex:0 0 60%;}
    footer.footer.footer-type-1 .footer-bottom .copyright p{font-size:15px;max-width: 100%;}
    footer .footer-bottom ul li a{ font-size:15px;}
}

@media only screen and (max-width:767px){
    footer .footer-top .footer-top-right .footer-menu .footer-contact-information ul li .text a {display: block;text-align: center;padding: 3px 0;}
    footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu{ flex-wrap:wrap;}
    footer.footer.footer-type-1 .footer-top{padding: 27px 30px 35px;text-align:center;}
    footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu .footer-contact-information{ flex:0 0 100%;}
    footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container{ display:none;}
    footer.footer.footer-type-1 .footer-bottom ul{ display:none;}
    footer.footer.footer-type-1 .footer-bottom{ display:block; padding:0; background:#f5f5f5;}
    footer.footer.footer-type-1 .footer-bottom .copyright p{ margin:0 auto; text-align:center;}
    footer.footer.footer-type-1 .footer-bottom .copyright{ margin-bottom:0px;}
    footer.footer.footer-type-1 .footer-top .footer-top-right .footer-menu .footer-contact-information h3{ margin:0 auto 20px; text-align:center;}
    footer .biltek{ display:flex; align-items:center; justify-content:center; background:#e4e4e4; margin-top:20px; padding:7px 0; opacity:1;}
  
    footer.footer.footer-type-1 .footer-bottom .biltek a{ transform:scale(0.9); opacity:0.6;}
    footer.footer.footer-type-1 .footer-bottom .biltek a:first-child{ margin-right:5px; font-size:15px;}
    footer.footer.footer-type-1 .footer-bottom .biltek a:first-child:before{ right:-8px;}
    footer.footer.footer-type-1 .footer-bottom .biltek a:nth-child(2){ margin-top:-1px;}
    footer.footer.footer-type-1 .footer-bottom .copyright{margin-bottom: -20px;padding:10px 0 10px;opacity:0.8;background: #6d8493;}
    footer .social-media {
        display: flex;
    }
}

/*referans*/
.references {margin-top: -14vh;position: relative;padding-bottom: 200px;overflow: hidden;}
.rfrn {width: 100%;display: flex;align-items: center;flex-wrap: wrap;padding: 100px 25% 0 220px;}
.rfrn .card-ref {flex: 25%;height: 160px;display: flex;align-items: center;justify-content: center;padding: 50px;box-shadow: 1px 0 0 0 #eaeaea, 0 1px 0 0 #eaeaea, 0px 1px 0 0 #eaeaea, 1px 0 0 0 #eaeaea inset, 0 1px 0 0 #eee inset;}

@media only screen and (min-width: 1200px){
    .references { transform: translate(0px, 200px); }
    .rfrn .card-ref { transform: translate(0px, 40px); opacity: 0; visibility: hidden; }
}

@media only screen and (max-width: 1370px){
    .rfrn .card-ref {flex: 33%;height: 200px;}
}

@media only screen and (max-width: 1199px){
    .references {margin-top: -10vh;padding-bottom: 100px;}
    .rfrn {padding: 30px 50px 50px;}
}

@media only screen and (max-width: 991px){
    .rfrn .card-ref img { max-width: 150px; }
}

@media only screen and (max-width: 767px){
    .references {margin-top: -50px;padding-bottom: 30px;padding-top: 40px;}
    .rfrn { margin: 0; padding: 10px 25px 30px; }
    .rfrn .card-ref {flex: 50%;height: 130px;padding: 15px;}
    .rfrn .card-ref img {max-width: 80%;max-height: 100%;}
	.contact.contact1 section.page-title .card-contact .downer .right span a{font-size: 25px!important; text-align: left; color: #6d8493;margin-top: 10px;}
	.dfr{font-size:16px !important}
}

/*hakkimizda*/
section.page-title .bread-bg .about-menu { width: 81.5%; background: white; border-bottom: 1px solid #F0F1F2; display: flex; align-items: center; justify-content: center; position: relative; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
section.page-title .bread-bg .about-menu ul { display: flex; align-items: center; justify-content: center; }
section.page-title .bread-bg .about-menu ul li { margin-right: 175px; position: relative; }
section.page-title .bread-bg .about-menu ul li a {font-weight: bold;font-size: 20px;text-align: left;color: #40456a;}
section.page-title .bread-bg .about-menu ul li:before { content: ""; position: absolute; width: 1px; height: 48px; background: #ffd9c1; right: -75px; transform: rotate(20deg) translateY(-50%); top: 50%; }
section.page-title .bread-bg .about-menu ul li:last-child:before { display: none; }
section.page-title .bread-bg .about-menu ul li:last-child { margin-right: 0; }

/*iletisim*/
.contact {
    background: #fff;
}
.contact.contact1 section.page-title .down {width: 100%;display: flex;flex-wrap: wrap;height: 155px;position: absolute;bottom: 0;justify-content: flex-end;z-index: 1;}
.contact.contact1 section.page-title .down .e-rnd {width: 18.5%;display: flex;align-items: center;justify-content: center;user-select: none;}
.contact.contact1 section.page-title .down .e-rnd a {font-weight: bold;font-size: 20px;text-align: left;color: #fff;transition: none;}
.contact.contact1 section.page-title .down .e-rnd a svg {margin-right: 24px;fill: #fff;transition: 0.4s;}
.contact.contact1 section.page-title .down .e-rnd a span { transition: 0.4s; }
.contact .map-container .map-item > div { opacity: 0; visibility: hidden; top: -150px !important; height: 140% !important; width: 150% !important; transition: 0.8s; }
.contact .map-container .map-item.active > div { opacity: 1; visibility: visible; }  
.contact.contact1 section.page-title .map-responsive {height: 160%;width: 150%;position: absolute;z-index: 1;overflow: hidden;top: -20%;}
.contact.contact1 section.page-title .map-responsive iframe {width: 174%;height: 100%;filter: grayscale(1) invert(1);transform: translateX(-300px);}
.contact.contact1 section.page-title .card-contact {position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    padding: 0px 0px 0px 0px;
    padding-left: 20px;}
.contact.contact1 section.page-title .card-contact .uper > .line {position: absolute;width: 100%;height: 1px;background: #DADCE3;left: 50%;transform: translateX(-50%);bottom: -40px;}
.contact.contact1 section.page-title .card-contact .uper {position: relative;flex: 0 0 100%;flex-wrap: wrap;display: flex;align-items: center;justify-content: space-between;}
.contact.contact1 section.page-title .card-contact  .downer {}
.contact.contact1 section.page-title .card-contact .downer .left {}
.contact.contact1 section.page-title .card-contact .downer .left span {font-weight: 300;font-size: 25px;line-height: 25px;color: #6d8493;display: block;} 
.contact.contact1 section.page-title .card-contact .downer .right span a{font-size: 18px; text-align: left; color: #6d8493;margin-top: 15px;}
.contact.contact1 section.page-title .card-contact .uper h2 {font-weight: 300;font-size: 25px;text-align: left;color: #6d8493;padding-left: 19px;position: relative;margin-bottom: 0;}
.contact.contact1 section.page-title .card-contact .uper h2 > span:nth-child(1) {position: absolute;width: 4px;height: 100%;background: #6d8493;  left: 0;top: 50%;transform: translate(0px, -50%);}
.contact.contact1 section.page-title .card-contact .uper  a {width: 42px;height: 42px;background: #efeff7;display: inline-flex;border-radius: 20px;margin-right: 10px;align-items: center;justify-content: center;transition: none;}
.contact.contact1 section.page-title .card-contact .uper a:last-child { margin-right: 0; }
.contact.contact1 section.page-title .card-contact .uper .social-link { user-select: none; }
.contact.contact1 section.page-title .card-contact .uper a svg .a { fill: #6d8493; }
.contact.contact1 section.page-title .card-contact .downer .right .social-media {margin-top:0px;user-select: none;}
.contact.contact1 section.page-title .card-contact .downer .right .social-media a {display: inline-flex;align-items: center;padding-right: 12px;position: relative;transition: none;}
.contact.contact1 section.page-title .card-contact .downer .right .social-media a .circle {position: absolute;width: 2px;height: 2px;background: black;transform: translate(0, 25%);left: -14px;}
.contact.contact1 section.page-title .card-contact .downer .right .social-media a:last-child:before { display: none; }
.contact.contact1 section.page-title .card-contact .downer .right .social-media a svg .a {fill: #6d8493;;}
.contact-bottom {position: relative;padding-bottom: 80px;margin-top: 100px;/* background: #fff; */}
.contact-bottom .contact-up {width: 100%;display: flex;flex-wrap: wrap;height: auto;position: relative;justify-content: flex-start;}
.contact-bottom .contact-up .mini-menu {width: 81.5%;background: white;display: flex;align-items: center;position: relative;padding: 0 5% 0 8%;justify-content: space-between;z-index: 3;padding-top: 50px;padding-bottom: 210px;}
.contact-bottom .contact-up .mini-menu .swiper-slide a { font-weight: 300; font-size: 18px; color: #40456a; position: relative; display: block; text-align: center; transition: none; }
.contact-bottom .contact-up .mini-menu .swiper-container { padding: 10px 0; margin-right: 50px; margin-left: 0; width: 100%; }
.contact-bottom .contact-up .mini-menu .swiper-slide a.active { font-weight: bold; }
.contact-bottom .contact-up .mini-menu .swiper-slide a:before {content: "";position: absolute;top: -20px;bottom: -20px;left: -20%;width: 1px;background: #FFD9C1;transform: translate(30px, 0px) rotate(15deg);}
.contact-bottom .contact-up .mini-menu .text { transform: translateY(50%); }
.contact-bottom .contact-up .mini-menu .text h2 { font-weight: 300; font-size: 50px; text-align: left; color: #6d8493; margin: 0; }
.contact-bottom .contact-up .mini-menu > svg { transform: translateY(50%); cursor: pointer;}
.contact-bottom .contact-up .pag a svg .a {fill: #B2B4C3;}
.contact-bottom .contact-up .mini-menu ul { width: 100%; display: flex; align-items: center; }
.contact-bottom .contact-up .mini-menu ul li a { font-weight: 300; font-size: 20px; text-align: left; color: #40456a; }
.contact-bottom .contact-up .mini-menu ul li + li:before { content: ""; position: absolute; background: #ffd9c1; height: 48px; width: 1px; top: 50%; left: -28%; transform: rotate(20deg) translate(0px, -50%); }
.contact-bottom .contact-up .mini-menu ul li { position: relative; padding-right: 170px; display: flex; align-items: center; }
.contact-bottom .contact-up .mini-menu ul li:last-child { padding-right: 0; }
.contact-bottom .contact-up .pag { display: flex; }
.contact-bottom .contact-up .pag a {width: 56px;height: 56px;background: #fff;border: 1px solid #e8e8e8;border-radius: 20pc;display: flex;align-items: center;justify-content: center;transition: none;}
.contact-bottom .contact-up .pag a:first-child { margin-right: 15px; }
.contact-bottom .contact-up .pag a svg .a { fill: #B2B4C3; }
.contact-bottom .contact-up .pag a:first-child svg {transform: scaleX(-1);}
.contact-bottom form .form-group .form-control {padding-left:30px;border: 1px solid #c3c2c2;border-radius: 0;box-shadow: none;font-weight: 300;font-size: 20px;color: #9da1b5;background: #ffff;}
.contact-bottom form .form-group input::placeholder , 
.contact-bottom form .form-group textarea::placeholder { font-weight: 300; font-size: 20px; text-align: left; color: #9da1b5; }
.contact-bottom form .form-group textarea {padding-left:30px;resize: none;box-shadow: none;border-radius: 0;padding-bottom: 70px;}
.contact-bottom form .form-group textarea::-webkit-scrollbar{ width: 0; } 
.contact-bottom .form-down {
    width: 100%;
   padding: 35px 7% 0 7%;}
.contact-bottom .form-down .form-left {flex: 0 0 45%;/* padding-left: 11%; */}
.contact-bottom .form-down .form-left h3 { font-weight: 300; font-size: 30px; text-align: left; color: #6d8493; padding-left: 20px; width: 33%; position: relative;opacity:0;}
.contact-bottom .form-down .form-left h3:nth-child(2) {top:-8%;}
.contact-bottom .form-down .form-left h3.active {opacity:1;}
.contact-bottom .form-down .form-left p {font-weight: 300;font-size: 50px;text-align: left;color: #6d8493;width: 78%;margin-top: 125px;line-height: normal;margin-bottom: 0;}
.contact-bottom .form-down .form-left h3 > span:nth-child(1) {position: absolute;width: 4px;background: #6d8493;left: 0;height: 100%;top: 50%;transform: translate(0px, -50%);}
.contact-bottom .form-down .form-right {flex: 0 0 100%;}
.contact-bottom .form-down .form-right .captcha-button .captcha-main {display: flex;margin-right: 25px;}
.contact-bottom .form-down .form-right .captcha-button .captcha-main .captcha { flex: 0 0 50%; }
.contact-bottom .form-down .form-right .captcha-button .captcha-main .captcha input {border-left: none;text-align: center;border-top-right-radius: 35px;border-bottom-right-radius: 35px;}
.contact-bottom .form-down .form-right .captcha-button {display: flex;justify-content: space-between;width: 100%;padding: 0 20px;height: 70px;}
.contact-bottom .form-down .form-right .captcha-button .captcha-main .captcha a { display: none; }
.contact-bottom .form-down .form-right .captcha-button .submit button {width: 74px;height: 100%;background: #FFFFFF;border: 1px solid #e8e8e8;border-radius: 35px;box-shadow: none;outline: 0;padding: 0;display: flex;align-items: center;justify-content: center;}
.contact-bottom .form-down .form-right .captcha-button .submit button svg .a{ fill:#C4C4C4; }
.contact .form-group:last-child {transform: translate(0px, -75%);}
.contact-bottom form .form-group input {
    
}

.contact-bottom .form-down .form-right .form-group {
    margin: 0 0 10px;
}

.contact .submit {
    background: #fff0;
}

.contact .page-title {
   height: 55vh;
    background: #6d8493; 
    padding-top: 10px;
}
.contact .map-container {
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.contact .map-container .map-item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    pointer-events: none;
}.contact .page-title .card-content-container {
  z-index: 3;
    position: absolute;
    width: 86%;
    height: 435px;
    top: 67%;
    left: 113px;
    transform: translate(0, -60%);
    overflow: hidden;
}.contact .map-container .map-item.active {
    pointer-events: all;
}

.contact.contact1 section.page-title .card-contact.active {
    opacity: 1;
    visibility: visible;
}
.contact.contact1 section.page-title .card-contact .downer .right > span {
    display: block;
}
.contact.contact1 section.page-title .card-contact .uper h2 > span:nth-child(2) {
    display: inline-block;
}
.contact .page-title .card-content-container .card-slide-pagi {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #efeff7;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}

.contact .page-title .card-content-container .card-slide-pagi span {
    display: inline-block;
    background: #9DA1B5;
    border: 0px solid #fff0;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    cursor: pointer;
}
.contact .page-title .card-content-container .card-slide-pagi span.active{background: #fff0 !important;pointer-events: none;}
.contact .page-title .card-content-container .card-slide-pagi span + span {
    margin-left: 20px;
}

.contact-bottom .form-down .form-left h3 > span:nth-child(2) {
    display: inline-block;
}
.contact .captcha img.captcha_img {
    border-color: #E8E8E8;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.contact-bottom .form-down .form-right .captcha-button .submit button svg {
    margin-right: 0;
    fill: #C4C4C4;
    transition: 0.4s;
}

.contact.contact1 section.page-title .card-contact .downer .right .social-media a svg path {
    transition: 0.4s;
}

@media (hover: hover){
    .contact.contact1 section.page-title .card-contact .downer .right span a:hover { color: #6d8493; }
    .contact.contact1 section.page-title .down .e-rnd a:hover span { color: #6d8493; }
    .contact.contact1 section.page-title .down .e-rnd a:hover svg { fill: #6d8493; }
    .contact-bottom .form-down .form-right .captcha-button .submit button:hover svg { fill: #6d8493; }
    .contact.contact1 section.page-title .card-contact .downer .right .social-media a svg:hover path { fill: #6d8493; }
}

@media only screen and (min-width: 1200px){
    .contact .map-container {
        transform: translate(0px, -120%);
        perspective: 100px;
    }
    .contact .map-container .map-item {
        transform: translate3d(0px, 120%, 40px);
    }

    .contact.contact1 section.page-title .card-contact {
        transform: translate(0px, 100%);
    }
    .contact .page-title .card-content-container {
        transform: translate(0, -160%);
    }
    
    .contact.contact1 section.page-title .card-contact .uper a {
        transform: scale(0);
    }

    .contact.contact1 section.page-title .card-contact .downer .left span {
        transform: translate(-30px, 0px);
        opacity: 0;
        visibility: hidden;
    }

    .contact.contact1 section.page-title .card-contact .downer .right .social-media a svg {
        transform: scale(0);
    }

    .contact.contact1 section.page-title .card-contact .downer .right > span {
        transform: translate(0, -10px);
        opacity: 0;
        visibility: hidden;
    }
    .contact.contact1 section.page-title .card-contact .uper > .line {width: 0;}

    .contact.contact1 section.page-title .card-contact .uper h2 > span:nth-child(1) {
        height: 0;
    }
    .contact.contact1 section.page-title .card-contact .downer .right .social-media a .circle {
        transform: translate(0, 25%) scale(0);
    }
    
    .contact.contact1 section.page-title .card-contact .uper h2 > span:nth-child(2) {
        transform: translate(-20px, 0px);
        opacity: 0;
        visibility: hidden;
    }

    .contact .page-title .card-content-container .card-slide-pagi{ opacity: 0; }

    .contact .page-title .card-content-container .card-slide-pagi span {
        transform: scale(0);
    }

    .contact.contact1 section.page-title .down .e-rnd a {
        transform: translate(0px, 20px);
        opacity: 0;
        visibility: hidden;
    }

    .contact-bottom .contact-up .mini-menu .swiper-slide a {
        transform: translate(0px, 10px);
        opacity: 0;
        visibility: hidden;
    }

    .contact-bottom .contact-up .pag .btn-next {
        transform: translate(10px, 0px);
    }

    .contact-bottom .contact-up .pag .btn-prev {transform: translate(-10px, 0px);}

    .contact-bottom .contact-up .pag a {
        opacity: 0;
        visibility: hidden;
    }

    .contact-bottom .contact-up .mini-menu {
        transform: translate(0px, 60%);
    }


    .contact-bottom .form-down .form-left h3 > span:nth-child(1) {
        height: 0;
    }

    .contact-bottom .form-down .form-left h3 > span:nth-child(2) {
        transform: translate(-10px, 0);
        opacity: 0;
        visibility: hidden;
    }

    .contact-bottom .form-down .form-left p {
        transform: translate(0, 40px);
        opacity: 0;
        visibility: hidden;
    }

    .contact-bottom .form-down .form-right .form-group.required {transform: translate(0px, 30px);opacity: 0;visibility: hidden;}

    .contact .form-group:last-child {
        transform: translate(0px, 80%);
        opacity: 0;
        visibility: hidden;
    }
}
    
	
	@media only screen and (min-width: 1600px){
    .imgs {
       height: 676px !important;
    width: 100%;
    }
	
	.main-banner .banner-container .banner-img-container {
    flex: 0 0 50%;
    height: 72vh!important;
    position: relative;
}
	.main-service .service-content {
    min-height: 807px!important;
}

.row.row-spacing {
    margin-top: -90px!important;
}
.banner-grids > .banner-grid {
    min-height: 353px!important;
    color: #ffffff;
}

}

	
@media only screen and (max-width: 1599px){
    .contact-bottom .form-down .form-left p {
        font-size: 45px;
    }
}

@media only screen and (max-width: 1470px){
    .contact .page-title .card-content-container {transform: translate(0px, -160%) scale(0.85);left: 10%;top: 60%;}
    .contact-bottom .contact-up .mini-menu {
        padding: 30px 4% 130px;
        /* width: 60%; */
    }

    .contact-bottom .contact-up .mini-menu .swiper-container {
        margin-right: 4%;
    }
    .contact-bottom {
        margin-top: 50px;
    }

    .contact.contact1 section.page-title .down {
        height: 116px;
    }

    .contact-bottom .form-down .form-left p {
        font-size: 40px;
    }
}

@media only screen and (max-width: 1370px){
    .contact .page-title .card-content-container {
        transform: translate(0px, -160%) scale(0.75);
        left: 0%;
    }

    .contact-bottom .contact-up .mini-menu .swiper-slide a {
        font-size: 18px;
    }

    .contact-bottom .form-down .form-left p {
        margin-top: 70px;
        font-size: 35px;
    }
}

@media only screen and (max-width: 1199px){
    .contact .page-title .card-content-container {
        transform: translate(0px, -60%) scale(0.75);
        left: 0;
    }

    .contact .page-title {
        height: 800px;
    }

    .contact-bottom .contact-up .mini-menu .swiper-slide a {
        text-align: left;
    }

    .contact-bottom .contact-up .mini-menu .swiper-slide a:before {
        left: -39%;
    }

    .contact.contact1 section.page-title .down .e-rnd a svg {
        margin-right: 10px;
    }

    .contact-bottom .form-down {
        width: 100%;
    }

}

@media only screen and (max-width: 991px){
    .contact-bottom .contact-up .mini-menu .swiper-slide a:before {
        visibility: hidden;
    }

    .contact-bottom .contact-up .mini-menu {
        padding-right: 50px;
        width: 60%;
    }

    .contact.contact1 section.page-title .down .e-rnd {
        width: 40%;
    }

    .contact .page-title {
        height: 100vh;
    }

    .contact .page-title .card-content-container {
        top: 70%;
        left: 50%;
        transform: translate(-50%, -60%) scale(0.75);
    }

    .contact .map-container .map-item > div {
        top: -310px !important;
    }

    .contact .page-title .card-content-container .card-slide-pagi span.active {
        border: 2px solid #6d8493;
        transform: scale(1.7);
    }

    .contact-bottom .form-down {
        flex-wrap: wrap;
        justify-content: center;
    }

    .contact-bottom .form-down .form-left {
        flex: 0 0 78%;
    }

    .contact-bottom .form-down .form-right {
        flex: 0 0 80%;
        margin-top: 70px;
    }

    .contact-bottom .form-down .form-left p {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px){

    .contact .page-title .card-content-container {
        /* top: auto; */
        top: 0%;
        transform: translate(-50%, 0) scale(1);
        width: 100%;
        height: 400px;
    }

    .contact.contact1 section.page-title .card-contact {
      padding: 21px 30px 30px;
        display: block;
    }

    .contact.contact1 section.page-title .card-contact .uper h2 {
        margin-bottom: 15px;
    }

    .contact.contact1 section.page-title .card-contact .uper > .line {
        bottom: 0;
    }

    .contact.contact1 section.page-title .card-contact .downer {
        display: block;
    }

    .contact.contact1 section.page-title .card-contact .uper {
        margin-bottom: 20px;
        padding-bottom: 20px;justify-content: center;
    }

    .contact.contact1 section.page-title .card-contact .downer .left {
        padding-right: 0;
        margin-bottom: 10px;
    }

    .contact.contact1 section.page-title .card-contact .downer .right > span {
        margin-bottom: 4px;
    }

    .contact .page-title {
        height: 1000px;
    }

    .contact .map-container .map-item > div {
        width: 100% !important;
        height: 130% !important;
    }

    .contact.contact1 section.page-title .down {
        display: none;
    }

    .contact-bottom .contact-up .mini-menu {
        width: 100%;
        padding: 20px 30px 20px;
    }

    .contact-bottom .form-down .form-left {
        flex: 0 0 100%;
    }

    .contact-bottom .form-down .form-right {
        flex: 0 0 100%;
        margin-top: 50px;
    }

    .contact-bottom .form-down .form-left h3 {
        width: auto;
        max-width: 200px;
    }

    .contact-bottom .form-down .form-left p {
        width: 100%;
        font-size: 30px;
    }

    .contact-bottom .form-down {
        padding: 20px 20px 0;
        border-top: 1px solid rgb(49 51 72 / 5%);
        width: auto;
    }

    .contact-bottom form .form-group .form-control {
        height: 60px;
        font-size: 17px;
        padding: 20px 20px;
    }

    .contact-bottom form .form-group .form-control::-webkit-input-placeholder {
     font-size: 17px;

    }

    .contact-bottom form .form-group .form-control:-ms-input-placeholder {
     font-size: 17px;

    }

    .contact-bottom form .form-group .form-control::placeholder {
     font-size: 17px;

    }

    .contact-bottom form .form-group textarea.form-control {
        height: 200px;
    }

    .contact-bottom .form-down .form-right .captcha-button {
        flex-wrap: wrap;
        justify-content: center;
    }

    .contact-bottom .form-down .form-right .captcha-button .captcha-main {
        margin-right: 0;
    }

    .contact-bottom .form-down .form-right .captcha-button .submit button {height: 74px;margin-top: 20px;border-radius: 37px;}

    .contact-bottom .contact-up .mini-menu .swiper-wrapper {
        align-items: center;
    }

    .contact-bottom .contact-up .mini-menu .swiper-slide a {
        text-align: left;
        font-size: 15px;
    }
    .contact-bottom .contact-up .pag a {
        width: 50px;
        height: 50px;
    }

    .contact-bottom .contact-up .pag a svg {
        width: 20px;
        height: 20px;
    }

    .contact-bottom .contact-up .pag a:first-child {
        margin-right: 10px;
    }
    .contact .page-title .card-content-container .card-slide-pagi {
        display: none;
    }
}

/* About */
.about{margin-top: -140px;position: relative;}
.about .page-menu{padding: 50px 0;width: 80%;background: #fff;border-bottom: 1px solid #F0F1F2;position: relative;z-index: 2;}
.about .page-menu ul{display: flex;align-items: center;justify-content: center;}
.about .page-menu ul li{padding: 5px 4% 5px;position: relative;width: auto;}
.about .page-menu ul li a{font-weight: 300;font-size: 20px;color: #40456a;display: block;position: relative;}
.about .page-menu ul li a.active{ font-weight: bold; }
.about .page-menu ul li:first-child {
    padding-left: 0;
}

.about .page-menu ul li:last-child {
    padding-right: 0;
}

.about .page-menu ul li + li:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background: #FFD9C1;
    height: 100%;
    transform: rotate(20deg);
}

.about .about-container{margin: 0 70px;display: flex;padding-left: 70px;}
.about .about-container .content-menu{flex: 0 0 200px;border-right: 1px solid #F0F1F2;padding-top: 50px;}
.about .about-container .content-menu .menu-item:nth-child(1){height: 1090px;}
.about .about-container .content-menu .menu-item > span {
    position: sticky;
    top: 50px;
    display: block;
    font-size: 20px;
    text-align: right;
    color: #ffba8d;
    padding-right: 15px;
    margin-right: 35px;
}
.about .about-container .content-menu .menu-item + .menu-item{margin-top: 15px;}
.about .about-container .content-menu .menu-item > span:before {content: "";position: absolute;top: 50%;transform: translate(100%, -50%);right: 0;width: 50px;height: 2px;background: #FFBA8D;}

.about .about-container > .content-item{margin-left: 115px;margin-top: 10px;margin-bottom: 70px;flex: 0 0 calc(100% - 315px);}
.about .about-container .content-item .item-1{max-width: 1150px;background: #fff;position: relative;z-index: 2;padding-bottom: 100px;padding-right:120px;}
.about .about-container .content-item .item-1 h3{font-weight: 300;font-size: 35px;color: #6c6f86;text-align: left;}
.about .about-container .content-item .item-1 .item-video{margin-top: 70px;position: relative;overflow: hidden;cursor: none;}
.about .about-container .content-item .item-1 .item-video video{width: 100%;transform: translate(0px, 30px) scale(1.2);}
.about .about-container .content-item .item-1 .item-video .video-icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;z-index: 1;}
.about .about-container .content-item .item-1 .item-video .video-icon span:nth-child(1){
    width: 30px;
    height: 130px;
    border-radius: 15px;
    background: #FFFFFF;
    display: block;
}.about .about-container .content-item .item-1 .item-video.click-check:before {
    opacity: 0;
}
.about .about-container .content-item .item-1 .item-video .video-icon svg:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0px;
    transform: scale(1);
}.about .about-container .content-item .item-1 .item-video .video-icon svg:nth-child(1) {
    transform: scale(0);
}
.about .about-container .content-item .item-1 .item-video .video-icon span:nth-child(2){width: 30px;height: 130px;border-radius: 15px;background: #FFFFFF;display: block;margin-left: 15px;}
.about .about-container .content-item .item-1 .item-video:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #616983;opacity: 0.7;z-index: 1;transition: 0.4s;}

.about .about-container .content-item .item-1 .item-vm .vm > span:before {content: "";position: absolute;top: 50%;transform: translate(0px, -50%);left: 0;right: 0;height: 1px;background: #EAEAEA;}

.about .about-container .content-item .item-1 .item-vm{margin-top: 130px;display: flex;}
.about .about-container .content-item .item-1 .item-vm .vm{flex: 0 0 calc(50% - 70px);}
.about .about-container .content-item .item-1 .item-vm .vm + .vm{margin-left: 140px;}
.about .about-container .content-item .item-1 .item-vm .vm > span{position: relative;display: block;}
.about .about-container .content-item .item-1 .item-vm .vm > span > span{font-size: 19px;color: #6d8493;background: #fff;position: relative;padding-right: 10px;}
.about .about-container .content-item .item-1 .item-vm .vm p{font-weight: 300;font-size: 15px;color: #6c6f86;margin-bottom: 0;margin-top: 40px;}

.about .about-container .content-item .item-2{margin-top: 140px;background: #fff;position: relative;z-index: 1;padding-left: 115px;margin-left: -115px;padding-bottom: 100px;}
.about .about-container .content-item .item-2 .faq-container{display: flex;align-items: flex-start;max-width: 1145px;}
.about .about-container .content-item .item-2 .faq-container .faq-item{flex: 0 0 40%;margin-top: 50px;position: sticky;top: 200px;}
.about .about-container .content-item .item-2 .faq-container .faq-item > span{font-weight: bold;font-size: 35px;color: #6c6f86;display: block;line-height: normal;}
.about .about-container .content-item .item-2 .faq-container .faq-item > p{margin-top: 85px;font-weight: 300;font-size: 26px;color: #6c6f86;line-height: normal;margin-right: 20px;}
.about .about-container .content-item .item-2 .faq-container .faq-content{flex: 0 0 60%;padding-left: 110px;position: relative;}
.about .about-container .content-item .item-2 .faq-container .faq-content .content-item{padding: 55px 90px;border-radius: 20px;}
.about .about-container .content-item .item-2 .faq-container .faq-content .content-item + .content-item{
    margin-top: 35px;
}
.about .about-container .content-item .item-2 .faq-container .faq-content .content-bg {
    position: absolute;
    bottom: calc(100% - 800px);
    left: 110px;
    right: 0;
    height: 400px;
    background: linear-gradient(to top, white, #ffffff00);
    z-index: 1;
    pointer-events: none;
    display: none;
}
.about .about-container .content-item .item-2 .faq-container .faq-content .content-item > span{font-weight: 300;font-size: 30px;color: #6c6f86;}
.about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul{margin-top: 60px;}
.about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;position: relative;cursor: pointer;}
.about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li + li{margin-top: 20px;padding-top: 20px;}
.about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li > span:nth-child(1){font-weight: 300;font-size: 20px;color: rgba(108, 111, 134, 0.69);padding-right: 10px;}
.about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li > span:nth-child(2){display: block;min-width: 15px;height: 15px;position: absolute;top: 25px;right: 0;}
.about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li p {
    width: 100%;
    color: rgba(108, 111, 134, 0.69);
    margin-top: 10px;
    margin-bottom: 0;
    display: none;
}.about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li:first-child > span:nth-child(2) {
    top: 8px;
}
.about .about-container .content-menu .menu-item:last-child {
    margin-top: 200px;
}
.about .about-container .content-item .item-2 .faq-container .faq-content .content-item:nth-child(even) > ul li + li {
    border-color: #CAD7E8;
}

.about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li > span:nth-child(2):before {height: 100%;width: 1px;}

.about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li > span:nth-child(2):after {
    width: 100%;
    height: 1px;
}

.about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li > span:nth-child(2):before, .about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li > span:nth-child(2):after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #9DA1B5;
}

.about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li + li {
    border-top: 1px solid #E8DECA;
}

.about .about-container .content-item .item-3{width: 100%;}
.about .about-container .content-item .item-3 .hospital-map{position: relative;}
.about .about-container .content-item .item-3 .hospital-map .map{height: 80vh;background: #6d8493;}
.about .about-container .content-item .item-3 .hospital-map .map iframe{width: 100%;height: 100%;}
.about .about-container .content-item .item-3 .hospital-map .map-content{background: #fff;position: relative;width: 100%;padding: 0 200px 100px;}
.about .about-container .content-item .item-3 .hospital-map .map-content .content-item{width: 33.3%;padding:20px;}
.about .about-container .content-item .item-3 .hospital-map .map-content .content-item:last-child {
    border: none;
}
.map-content-wrapper {
    /* margin-top: -140px; */
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.map-content-wrapper .page-title {
    position: absolute;
    top: -140px;
    right: 0;
    width: 20%;
    height: 140px;
    z-index: 1;
}

.map-top {
    width: 80%;
    padding: 0 200px;
    margin-top: -170px;
    background: white;
}

.map-content-wrapper .down {width: 100%;display: flex;flex-wrap: wrap;height: 155px;position: absolute;bottom: 0;justify-content: flex-end;z-index: 1;}
.map-content-wrapper .down .e-rnd {width: 100%;display: flex;align-items: center;justify-content: center;position: relative;user-select: none;}
.map-content-wrapper .down .e-rnd a {font-weight: bold;font-size: 20px;text-align: left;color: #000;position: absolute;top: 50%;left: 50%;display: block;transform: translate(-50%, -50%);transition: none;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.map-content-wrapper .down .e-rnd a svg {margin-right: 24px;fill: #000;}
.map-content-wrapper .down .e-rnd a + a { transform: translate(-50%, -50%) scale(0); }
 
.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .info a .icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #B4B7C9;
    transition: 0.4s;
    border-radius: 100%;
}
.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .update-date {
    font-size: 15px;
    margin-top: 30px;
}
.about .about-container .content-item .item-3 .hospital-map .map-content .content-row {
    display: flex; 
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -40px;
}

.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header{align-items: center;align-items: center;margin-top: 20px;
    border: 1px solid #d5d4d4;
    padding: 20px;}
.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > span{display: block;font-weight: bold;font-size: 20px;color: #40456a;margin-bottom: 40px;text-align: center;}
.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .info{display: flex;margin-top: 30px;justify-content: center;}
.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .info a{flex: 1 0 0;
    height: 94px;
    border-radius: 12px;
    max-width: 450px;
    background: #EFEFF7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .info a svg{fill: #6d8493;;width: 20px;}
.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .info a + a{margin-left: 20px;}

.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-address{display: flex;align-items: center;margin-top: 50px;}
.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-address .item + .item{margin-left: 10px;border-left: 1px solid #E6E6E6;padding-left: 30px;}
.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-address .item p{font-weight: 300;font-size: 20px;line-height: 25px;color: #40456a;margin-bottom: 0;max-width: 240px;}
.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-address .item a{font-weight: 300;font-size: 20px;color: #40456a;display: block;}

.about .about-container .content-item .item-3 .hospital-map .map-content > span > span {
    display: block;
    transform: rotate(-180deg);
    writing-mode: vertical-lr;
    background: #fff;
    padding-top: 40px;
}

.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-address .item a + a { 
    margin-top: 5px;
}
.about .about-container .content-item .item-3 .hospital-map .map-content > span:before {content: "";position: absolute;top: 10px;left: 40px;bottom: 0;width: 1px;background: #6d8493;}



.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header .item-image img {
      width: 100%;
    height: 340px;
    object-fit: contain;

}

.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .info a span {
   font-weight: bold;
    font-size: 20px;
    color: #40456a;
    display: block;
    line-height: normal;
    margin-top: 10px;
}

.about.hospitals {
    margin: 0;
}

.about.hospitals .about-container > .content-item {
    flex: 0 0 100%;
    margin: 0;
}

.about.hospitals .about-container {
    margin: 0;
    padding: 0;
    position: relative;
}

.about.hospitals .about-container .content-item .item-3 .hospital-map {
    margin: 0;
}

.map-content-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 0px 25px;
    width: 100%;
}

.map-content-top h3 {
    font-weight: 300;
    font-size: 50px;
    color: #6c6f86;
    max-width: 550px;
}
@media (hover: hover){
    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .info a:hover .icon { border-color: #6d8493; }
    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-address .item a:hover { color: #6d8493; }
}

@media only screen and (min-width: 1200px){
    .about .page-menu ul li {
        transform: translate(0px, 20px);
        opacity: 0;
        visibility: hidden;
    }

    .about {
        opacity: 0;
        visibility: hidden;
    }

    .about .page-menu {
        transform: translate(0px, 100%);
    }

    .about .about-container .content-item .item-2 {
        opacity: 0;
        transform: translate(0px, -60%);
    }

    .about .about-container .content-item .item-3 {
        transform: translate(0px, -60%);
        opacity: 0;
    }
}

@media screen and (max-width: 1681px) {
    .about .about-container .content-item .item-3 .hospital-map .map-content {
        padding: 50px 100px;
    }

    .map-top {
        padding: 0 100px;
    }
}

@media only screen and (max-width: 1550px) {
    .about .page-menu ul li {padding: 5px 4% 5px;}

    .about .about-container > .content-item {
        flex: 0 0 calc(100% - 415px);
    }
    .about .about-container .content-item .item-3 .hospital-map {
        margin-right: -170px;
    }
    .about .about-container .content-item .item-1 h3 {font-size: 30px;}

    .about .about-container .content-item .item-2 .faq-container .faq-item {
        top: 100px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-content {
        padding-left: 50px;
    }
}

@media only screen and (max-width: 1470px) {
    .about .about-container .content-item .item-3 .hospital-map .map-content > span {
        font-size: 40px;
        left: 25px;
        top: 35px;
    }
    .about .about-container .content-item .item-2 .faq-container .faq-content .content-item {
        padding: 50px 60px;
    }
    .about .about-container .content-item .item-3 .hospital-map .map-content {
        padding-top: 35px;
        padding: 0 50px 100px;
    }

    .map-top {
        padding: 0 50px;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content > span:before {
        left: 31px;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header .item-image {width: 100%;height: 240px;}

    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-address .item p {
        max-width: 270px;
        line-height: 1.4;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-address .item + .item {
        margin-left: 15px;
        padding-left: 15px;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .info {
        margin-top: 20px;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .info a + a {
        margin-left: 10px;
    }
}

@media only screen and (max-width: 1370px) {
    .about {
        margin-top: -100px;
    }
    .about .page-menu ul li {padding: 5px 4% 5px;}
}

@media only screen and (max-width: 1199px) {
    .about .about-container {
        margin: 0;
    }
    .about .page-menu ul li {padding: 5px 3% 5px;}
    .about .page-menu ul li a{
        
        font-size: 18px;
    }
    .about {
        margin-top: -137px;
    }
    .about .about-container .content-item .item-1 {
        padding-right: 0;
    }
    .about .about-container .content-item .item-2 .faq-container {
        display: block;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-item {
        top: 0;
        position: relative;
        margin-top: 0;
        margin-bottom: 50px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-item > p {
        margin-top: 20px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-content {
        padding-left: 0;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-content .content-bg {
        display: none;
    }

    .about .about-container .content-item .item-3 .hospital-map {
        margin-right: -100px;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .info {
        flex-wrap: wrap;
        max-width: 100%;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .info a + a {
        margin-left: 2.5px;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .info a {
        margin: 0 2.5px 5px;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header .item-image {
        height: 260px;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > span {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item + .content-item {
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content > span {
        font-size: 30px;
        left: 15px;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content > span:before {
        left: 24px;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content > span > span {
        padding-top: 20px;
    }

    .about .about-container .content-item .item-1 .item-vm .vm {
        flex: 0 0 calc(50% - 60px);
    }

    .about .about-container .content-item .item-1 .item-vm .vm + .vm {
        margin-left: 100px;
    }

    .about .about-container .content-item .item-1 .item-vm {
        margin-top: 80px;
    }

    .map-content-top {
        padding: 60px 0;
    }

    .map-content-top h3 {
        font-size: 36px;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item {
        width: 50%;
    }
}

@media only screen and (max-width: 991px) {
    .about .page-menu {
        width: 100%;
        padding: 30px 0;
        padding-left: 30px;
    }

    .about .page-menu ::-webkit-scrollbar {
       display: none;
    }

    .about .page-menu ul {
        justify-content: flex-start;
        overflow: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        position: relative;
    }

    .about .page-menu ul:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 100px;
        height: 100px;
        background: linear-gradient(to left, rgba(255,255,255,1) 5%, rgba(255,255,255,0));
        z-index: 1;
    }

    .about .page-menu ul li a{
        min-width: 169px;
        padding: 0 15px;
    }

    .about {
        margin-top: 0;
    }

    .about .about-container {padding-left: 0;}

    .about .about-container .content-menu .menu-item > span {
        font-size: 17px;
    }

    .about .about-container .content-menu {
        display: none;
    }

    .about .about-container > .content-item {
        flex: auto;
        margin: 60px 50px;
    }

    .about .about-container .content-item .item-2 {max-width: 70%;margin: 30px auto 100px;padding: 0;}

    .about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li > span:nth-child(1) {
        padding-right: 30px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-content .content-item {
        padding: 55px 60px;
    }

    .about .about-container .content-item .item-3 .hospital-map {
        margin: 0 -50px;
    }

   .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .info a {
    }

    .map-content-wrapper .page-title {  display: none; }
    .about.hospitals .about-container .content-item .item-3 .hospital-map .map-content {margin-top: -100px;width: 90%;}
    .map-white { width: 10%; }
}

@media only screen and (max-width: 767px) {
    .about .about-container .content-item .item-1 h3 {
        font-size: 22px;
    }
.about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header .item-image img {
    width: 100%;
    height: 268px;
    object-fit: contain;
}
    .about .about-container .content-item .item-1 .item-vm {
        flex-wrap: wrap;
        margin-top: 50px;
    }

    .about .about-container .content-item .item-1 .item-vm .vm {
        flex: 0 0 100%;
    }

    .about .about-container .content-item .item-1 .item-vm .vm + .vm {
        margin-left: 0;
        margin-top: 40px;
    }

    .about .about-container .content-item .item-1 .item-vm .vm p {
        margin-top: 20px;
    }

    .about .about-container .content-item .item-1 .item-video {
        margin-top: 30px;
    }

    .about .about-container > .content-item {
        margin: 40px 30px 40px;
    }

    .about .about-container .content-item .item-1 .item-video .video-icon svg {width: 50px;height: 50px;}

    .about .about-container .content-item .item-1 .item-video:before {
        top: 13px;
    }

    .about .about-container .content-item .item-2 {
        max-width: 100%;
        margin: 80px auto 40px;
        padding: 0;
    }
    .about .about-container .content-item .item-1 {
        max-width: 100%;
        padding-right: 0;
        padding-bottom: 0;
    }
    .about .about-container .content-item .item-2 .faq-container .faq-item > span {
        font-size: 25px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-item > p {
        font-size: 18px;
        margin-top: 10px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-item {
        margin-bottom: 40px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-content .content-item {
        padding: 30px 40px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-content .content-item > span {
        font-size: 25px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul {
        margin-top: 20px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li > span:nth-child(1) {
        font-size: 16px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li > span:nth-child(2) {
        min-width: 12px;
        height: 12px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li + li {
        margin-top: 13px;
        padding-top: 13px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li p {
        font-size: 15px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li:first-child > span:nth-child(2) {
        top: 6px;
    }

    .about .about-container .content-item .item-2 .faq-container .faq-content .content-item > ul li > span:nth-child(2) {
        top: 18px;
    }

    .about .about-container .content-item .item-3 {
        display: none;
    }

    .hospitals.about .about-container .content-item .item-3 {
        display: block;
    }

    .about.hospitals .about-container .content-item .item-3 .hospital-map {
        height: auto;
        overflow: hidden;
    }

    .about.hospitals .about-container .content-item .item-3 .hospital-map .map-content {
        top: 0;
        position: relative;
        width: 100%;
        padding: 0 20px;
       margin-top: 50px;
    }

    .about.hospitals .about-container .content-item .item-3 .hospital-map .map {
        height: 700px;
        top: 0;
        width: 300%;
    }
    .about .about-container .content-item .item-3 .hospital-map .map-content .content-row {
        padding-bottom: 50px;
        margin: 0;
    }
    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-header > .update-date {
        margin-top: 15px;
    }

    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-address .item p {
        max-width: 100%;
    }
    .map-content-top h3 {
        font-size: 20px;
    }
    
    .map-white {
        display: none;
    }

    .map-top {
        width: 100%;
        padding: 0 20px;
    }
    
    .map-content-top {
        padding: 30px 0;
    }
    
    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item {
        padding: 0;
        width: 100%;
        border-right: 0;
        padding-bottom: 50px;
        margin-bottom: 30px;
        border-bottom: 1px solid #DADCE3;
    }
    
    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-address {
        display: inline-block;
    }
    
    .about .about-container .content-item .item-3 .hospital-map .map-content .content-item .item-address .item + .item {
        padding-left: 0;
        margin-left: 0;
        padding-top: 10px;
        margin-top: 10px;
        border: none;
        border-top: 1px solid #E6E6E6;
    }
}

.hospital-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(66 69 93 / 0.85);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 9999;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s;
}

.blog-list-modal .ajax-doktor {
    width: 100%;
    height: 100%;
    position: relative;
}

.hospital-modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.hospital-modal .modal-close {
    position: absolute;
    top: 40px;
    left: -90px;
    cursor: pointer;
    z-index: 1;
}

.hospital-modal .modal-close svg {
    fill: #fff;
}

.hospital-modal .modal-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}

.hospital-modal .modal-item.active {
    opacity: 1;
    visibility: visible;
}

.hospital-modal .modal-item  .item-container {
    height: 100%;
    display: flex;
}

.hospital-modal .modal-item  .item-container .item-img {
    flex: 0 0 50%;
    overflow: hidden;
    position: relative;
}

.hospital-modal .modal-item .item-container .item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hospital-modal .modal-item-container {
    min-width: 1200px;
    margin-left: auto;
    height: 740px;
    position: relative;
}

.hospital-modal .modal-item  .item-container .item-img .swiper-slide a {
    display: block;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: none;
}

.hospital-modal .modal-item  .item-container .item-img .swiper-container {
    height: 100%;
}
/* .hospital-modal .modal-item .item-container .item-img .slide-events .slide-btn .item-btn + .item-btn {
    margin-left: 15px;
}

.hospital-modal .modal-item .item-container .item-img .slide-events .swiper-pagination .swiper-pagination-current {
    font-weight: bold;
    font-size: 25px;
    color: #fff;
    display: block;
    margin-right: 7px;
    margin-top: 6px;
}
.hospital-modal .modal-item .item-container .item-img .slide-events .swiper-pagination > span:before {content: "0";}

.hospital-modal .modal-item .item-container .item-img .slide-events .swiper-pagination > span.zero-inactive:before {
    display: none;
}
.hospital-modal .modal-item .item-container .item-img .slide-events .swiper-pagination .swiper-pagination-total {
    font-size: 26px;
    color: #fff;
    display: block;
    margin-left: 7px;
    margin-top: 8px;
}

.hospital-modal .modal-item .item-container .item-img .slide-events {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hospital-modal .modal-item .item-container .item-img .slide-events .slide-btn {
    display: flex;
}

.hospital-modal .modal-item .item-container .item-img .slide-events .slide-btn .item-btn {
    width: 55px;
    height: 55px;
    border: 1px solid #FFFFFF;
    border-radius: 100%;
    background: rgb(255 255 255 / 0%);
    backdrop-filter: blur(17px);
    -webkit-backdrop-filter: blur(17px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.hospital-modal .modal-item .item-container .item-img .slide-events .slide-btn .item-btn svg {
    fill: #fff;
}

.hospital-modal .modal-item .item-container .item-img .slide-events .swiper-pagination {
    position: relative;
    width: auto;
    display: flex;
    align-items: center;
    color: #6d8493;
    font-size: 30px;
    bottom: 0;
} */

.hospital-modal .modal-item .item-container .item-text {
    flex: 0 0 50%;
    background: #fff;
    padding: 40px 60px;
    position: relative;
    max-height: 100%;
    overflow: auto;
}

.hospital-modal .modal-item .item-container .item-text::-webkit-scrollbar {
  width: 5px;
}

.hospital-modal .modal-item .item-container .item-text::-webkit-scrollbar-thumb {
  background: #737692; 
}

.hospital-modal .modal-item .item-container .item-text .name {
    display: flex;
    align-items: center;
}

.hospital-modal .modal-item .item-container .item-text .name svg {
    fill: #6d8493;
    margin-right: 10px;
}

.hospital-modal .modal-item .item-container .item-text .name span {
    font-weight: bold;
    font-size: 19px;
    color: #6d8493;
    display: block;
}

.hospital-modal .modal-item .item-container .item-text h5 {
   font-weight: 300;
    font-size: 40px;
    color: #40456a;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 0;
}

.hospital-modal .modal-item .item-container .item-text > p {
    font-weight: normal;
    font-size: 19px;
    color: #9da1b5;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 80px;
}

.hospital-modal .modal-item .item-container .item-text .item-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 80px;
}

.hospital-modal .modal-item .item-container .item-text .item-info .mail-tel a {
    font-weight: 300;
    font-size: 14px;
    color: #40456a;
    display: block;
}

.hospital-modal .modal-item .item-container .item-text .item-info .mail-tel a + a {
    margin-top: 4px;
}

.hospital-modal .modal-item .item-container .item-text .item-info .icon {
    display: flex;
}

.hospital-modal .modal-item .item-container .item-text .item-info .icon a {
    width: 35px;
    height: 35px;
    background: #EFEFF7;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hospital-modal .modal-item .item-container .item-text .item-info .icon a + a {
    margin-left: 10px;
}

.hospital-modal .modal-item .item-container .item-text .item-info .icon a svg {
    fill: #6d8493;;
}

@media only screen and (max-width: 1370px){
    .hospital-modal.about-contact-modal .modal-item-container {
        min-width: 80%;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-text {
        padding: 60px 80px;
    }
}

@media only screen and (max-width: 1199px){
    .hospital-modal.about-contact-modal .modal-item .item-container .item-text {
        padding: 60px 50px;
    }
}

@media only screen and (max-width: 991px){
    .hospital-modal.about-contact-modal .modal-item .item-container .item-text h5 {
        font-size: 30px;
    }
    .hospital-modal.about-contact-modal .modal-item-container {
        height: 500px;
    }
    .hospital-modal.about-contact-modal .modal-item .item-container .item-text {
        padding: 40px;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-text > p {
        margin-top: 30px;
        font-size: 16px;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-text .item-info {
        display: block;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-text .item-info .mail-tel {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px){
    .hospital-modal .modal-item .item-container {
        flex-wrap: wrap;
    }
    .hospital-modal .modal-close {
        top: 20px;
        left: 0;
    }
    .hospital-modal .modal-item .item-container .item-text .name span {
        font-size: 15px;
    }

    .hospital-modal .modal-close svg {
        width: 30px;
        height: 30px;
    }

    .hospital-modal.about-contact-modal .modal-item-container {
        height: 100%;
        min-width: 90%;
        margin: 0 auto;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-img {
        flex: 0 0 100%;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-text {
        flex: 0 0 100%;
        padding: 40px 30px;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container {
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 80px;
        height: 85%;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-img {
        height: 300px;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-img .slide-events .swiper-pagination .swiper-pagination-current {
        font-size: 20px;
        margin-top: 2px;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-img .slide-events .swiper-pagination .swiper-pagination-total {
        font-size: 20px;
        margin-top: 4px;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-img .slide-events .swiper-pagination {
        font-size: 20px;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-img .slide-events .slide-btn .item-btn {
        width: 45px;
        height: 45px;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-img .slide-events .slide-btn .item-btn svg {
        width: 20px;
        height: 10px;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-img .slide-events {
        bottom: 15px;
        right: 20px;
        left: 20px;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-text h5 {
        margin-top: 10px;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-text .item-info .mail-tel {
        margin-bottom: 20px;
    }

    .hospital-modal.about-contact-modal .modal-item .item-container .item-text .item-info {
        margin-top: 40px;
    }
}

@media only screen and (max-height: 750px){
    .hospital-modal .modal-item-container {
        height: calc(100% - 100px);
    }
}

/* Hospital Gallery */
.hospital-gallery-modal{position: fixed;top: 0;left: 0;right: 0;bottom: 0;backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);background-color: rgb(66 69 93 / 85%);z-index: 999;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.4s;}
.hospital-gallery-modal .modal-item-container{height: 100%;position: relative;padding: 0 30px;}
.hospital-gallery-modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.hospital-gallery-modal .modal-item{position: absolute;top: auto;left: 0;right: 0px;bottom: 0;max-width: 1300px;width: 90%;margin: 0 auto;opacity: 0;visibility: hidden;transition: 0.4s;}
.hospital-gallery-modal .modal-item h5{font-weight: bold;font-size: 25px;text-align: center;color: #fff;margin-bottom: 60px;line-height: normal;}
.hospital-gallery-modal .modal-item.active {
    opacity: 1;
    visibility: visible;
}

.hospital-gallery-modal .modal-item .list-container{background: #fff;border-radius: 60px 60px 0 0;padding: 50px 150px 30px;position: relative;}
.hospital-gallery-modal .modal-item .list-container .modal-close{position: absolute;top: -35px;left: 50%;transform: translate(-50%, 0px);width: 40px;height: 30px;display: flex;align-items: center;cursor: pointer;}
.hospital-gallery-modal .modal-item .list-container .modal-close span{display: block;width: 100%;height: 4px;background: #fff;border-radius: 100px;}

.hospital-gallery-modal .modal-item .list-container .list-menu { margin-bottom: 60px; }
.hospital-gallery-modal .modal-item .list-container ul{flex-wrap: nowrap;border: none;justify-content: center;}
.hospital-gallery-modal .modal-item .list-container .list-menu.center-inactive ul {
    justify-content: initial;
}
.hospital-gallery-modal .modal-item .list-container ul li{width: auto;}
.hospital-gallery-modal .modal-item .list-container ul li a{font-weight: 300;font-size: 15px;text-align: center;color: #6d8493;display: inline-block;border: 1px solid #E6E6E6;background: #fff;border-radius: 100px;padding: 15px 40px;}
.hospital-gallery-modal .modal-item .list-container ul li a.active { background: #7c7f9a; color: #fff; }
.hospital-gallery-modal .modal-item .list-container .tab-pane .gallery-row{display: flex;flex-wrap: wrap;min-height: calc(100vh - 470px);max-height: calc(100vh - 460px);overflow-y: auto;overflow-x: hidden;margin-right: -15px;}
.hospital-gallery-modal .modal-item .list-container .tab-pane a{display: block;flex: 0 0 calc(25% - 30px);height: 220px;border-radius: 15px;background-size: cover;background-position: center;margin: 0 15px 30px;}
.hospital-gallery-modal .modal-item .list-container .tab-pane a:hover{transform: scale(0.95);}
.hospital-gallery-modal .modal-item .list-container .tab-pane .gallery-row::-webkit-scrollbar { width: 3px; }
.hospital-gallery-modal .modal-item .list-container .tab-pane .gallery-row::-webkit-scrollbar-track { border-radius: 10px; }
.hospital-gallery-modal .modal-item .list-container .tab-pane .gallery-row::-webkit-scrollbar-thumb { background: #a5a6ab; border-radius: 10px; }

@media (hover: hover){
    .hospital-gallery-modal .modal-item .list-container ul li a:hover { background: #7c7f9a; color: #fff; }
}

@media only screen and (max-width: 1370px){
    .hospital-gallery-modal .modal-item .list-container .tab-pane .gallery-row {
        min-height: calc(100vh - 400px);
        max-height: calc(100vh - 400px);
    }
}

@media only screen and (max-width: 1199px){
    .hospital-gallery-modal .modal-item .list-container .tab-pane .gallery-row {
        min-height: calc(100vh - 900px);
        max-height: calc(100vh - 900px);
    }
}

@media only screen and (max-width: 991px){
    .hospital-gallery-modal .modal-item .list-container .tab-pane .gallery-row {
        min-height: calc(100vh - 500px);
        max-height: calc(100vh - 500px);
    }

    .hospital-gallery-modal .modal-item .list-container {
        padding: 50px 20px;
    }

    .hospital-gallery-modal .modal-item .list-container .tab-pane a {
        flex: 0 0 calc(33% - 30px);
    }
}

@media only screen and (max-width: 767px){
    .hospital-gallery-modal .modal-item .list-container {
        border-radius: 30px 40px 0 0;
        padding: 30px 20px;
    }

    .hospital-gallery-modal .modal-item h5 {font-size: 20px;}

    .hospital-gallery-modal .modal-item-container {
        padding: 0;
    }

    .hospital-gallery-modal .modal-item .list-container .tab-pane .gallery-row {
        min-height: calc(100vh - 400px);
        max-height: calc(100vh - 400px);
        margin: 0 -15px;
    }

    .hospital-gallery-modal .modal-item .list-container .tab-pane a {
        flex: 0 0 calc(50% - 20px);
        margin: 0 10px 20px;
        height: 130px;
        border-radius: 10px;
    }

    .hospital-gallery-modal .modal-item .list-container .list-menu {
        margin-bottom: 40px;
    }

    .hospital-gallery-modal .modal-item .list-container ul li a {
        padding: 10px 30px;
    }
}

/* Fancybox */
button.fancybox-button.fancybox-button--zoom{ display:none !important;}
.fancybox-infobar{ display:none;}
button.fancybox-button.fancybox-button--close:before{ content:"Kapat"; font-size:19px; color:#fff;}
button.fancybox-button.fancybox-button--close svg{ display:none;}
button.fancybox-button.fancybox-button--close{ width:auto; height:auto; background:#fff0;}
.fancybox-caption{ display:none;}
.fancybox-is-open .fancybox-bg{ background:rgb(66 69 93 / 0.85); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); opacity:1;}
.fancybox-navigation .fancybox-button{ width:55px; height:55px; border:1px solid #FFFFFF; border-radius:100%; display:flex; align-items:center; justify-content:center; background:rgb(255 255 255 / 13%); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); top:auto; bottom:30px;}
.fancybox-navigation .fancybox-button--arrow_left{ left:50%; transform:translate(-115%, 0px);}
.fancybox-navigation .fancybox-button--arrow_right{ right:50%; transform:translate(115%, 0px);}
.fancybox-navigation .fancybox-button:after{ width:25px; height:6px; left:50%; top:50%; transform:translate(-50%, -50%); background-image:url(../img/svg/arrow.svg); background-size:contain; background-position:center; background-repeat:no-repeat;}
.fancybox-navigation .fancybox-button svg{ display:none;}
.fancybox-navigation .fancybox-button--arrow_left:after{ transform:translate(-50%, -50%) scale(-1, 1);}
.fancybox-image, .fancybox-spaceball {width: 80%;height: 80%;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.fancybox-toolbar {
    left: 50%;
    transform: translate(-50%, 0px);
    right: auto;
    top: 20px;
}

/* General */
.tooltip {z-index: 3 !important;}

/* Career */
.career{
    margin-top: -150px;
    position: relative;
}
.career .s-container{margin-top: 100px;}
.career .career-row{display: flex;align-items: flex-start;}
.career .career-row .career-img{flex: 0 0 48%;max-width: 48%;height: 100vh;position: relative;opacity: 1;overflow: hidden;}
.career .career-row .career-img .img-item{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-size: cover;background-position: center;}

.career .career-row .career-content{flex: 0 0 52%;max-width: 52%;position: relative;padding: 150px 140px 0;}
.career .career-row .career-content h2{font-weight: 600;font-size: 37px;line-height: 45px;color: #d9ad62;margin-bottom: 25px;max-width: 470px;}
.career .career-row .career-content p{font-weight: 300;font-size: 40px;color: #40456a;line-height: normal;}
.career .career-row .career-content .content-departments{margin-top: 100px;position: relative;}
.career .career-row .career-content .content-departments h3{position: relative;height: 26px;width: 50%;white-space: nowrap;margin-bottom: 0;font-size: 20px;letter-spacing: 0.25em;color: #7893a7;line-height: normal;}
.career .career-row .career-content .content-departments h3 > span{position: absolute;top: 0;left: 0;overflow: hidden;}
.career .career-row .career-content .content-departments h3 > span > span{transform: translate(0px, 100%);display: block;}

.career .career-row .career-content .content-departments .department-slide{
    margin-left: -150px;
    transform: translate(-100px, 0px);
}
.career .career-row .career-content .content-departments .department-slide .swiper-container{width: 100%;padding-left: 1px;}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a{display: block;height: 245px;position: relative;background: #FFFFFF;transition: none;}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item{height: 100%;}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item .item-icon{fill: #091A24;position: absolute;top: 20px;left: 25px;transition: 0.4s;}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item > span{display: block;position: absolute;bottom: 30px;right: 10px;max-width: 150px;left: auto;font-weight: 300;font-size: 20px;line-height: 27px;color: #6d8493;;transition: 0.4s;user-select: none;}

.career .career-row .career-content .content-departments .content-form{
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a label:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: #ffa061;opacity: 0;pointer-events: none;}


.career .career-row .career-content .content-departments h3 > span:nth-child(1) > span {
    transform: translate(0px, 0);
}

.career .career-row .career-content .content-departments .department-slide .swiper-pagination {
    top: 50%;
    transform: translate(0px, -50%);
    right: -60px;
}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a label {
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    position: relative;
    border: 1px solid #E8E8E8;
    transition: 0.4s;
    cursor: pointer;
}
.career .career-row .career-content .content-departments .department-slide .swiper-pagination span {
    display: block;
    background: #9DA1B5;
    opacity: 1;
    margin: 18px 0;
    border: 2px solid #fff0;
}

.career .career-row .career-content .content-departments .department-slide .swiper-pagination span.swiper-pagination-bullet-active {
    border-color: #6d8493;
    transform: scale(1.5);
    background: #fff;
}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a input:checked ~ label {
    border-color: #6d8493;
}

.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a input:checked ~ label:before {
    opacity: 1;
}

.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a input:checked ~ label .depart-item > .item-icon {
    fill: #fff;
}

.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a input:checked ~ label .depart-item > span {
    color: #fff;
}
.career .career-row .career-content .content-departments .content-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px;
}

.career .career-row .career-content .content-departments .content-title .back-btn {
    cursor: pointer;
    transform: translate(20px, 0px);
    opacity: 0;
    visibility: hidden;
}

.career .career-row .career-content .content-departments .content-title .back-btn > span {
    font-size: 16px;
    letter-spacing: 0.2em;
    color: #7893A7;
    line-height: normal;
    opacity: 0.8;
    transition: 0.4s;
    user-select: none;
}


.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item .item-icon svg:nth-child(2) {
    position: absolute;
    top: 11px;
    left: 12px;
    width: 12px;
    height: 12px;
    opacity: 0;
}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a input:checked ~ label .depart-item .item-icon svg:nth-child(2) {
    opacity: 1; 
}
 
.form-group .form-control {
    font-weight: 300;
    font-size: 15px;
    color: #40456A;
   background: #f1f1f1;
    border-color: #636366;
    border-radius: 0;
    height: 65px;
    padding: 20px 20px;
    line-height: normal;
    transition: 0.4s;
    box-shadow: none;
}

.form-group .form-control::-webkit-input-placeholder {
  color: #576c7c;
}

.form-group .form-control:-ms-input-placeholder {
  color: #576c7c;
}

.form-group .form-control::placeholder {
  color: #576c7c;
}

.form-group {
    margin-bottom: 0;
}

.career .form-row {
    margin: 0;
}

.career .form-row > div {
    flex: 1 1 0;
}

.career .form-row > .form-group {
    flex: 1.7 1 0;
}

.career .form-row > div + div {
    margin-left: 13px;
    padding: 0;
}

.captcha_img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border: 1px solid #1D3746;
}

.career .form-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 45px;
}

.form-kvkk {
    display: flex;
    align-items: center;
    position: relative;
}

.form-kvkk > label {
    margin-bottom: 0;
    min-width: 20px;
    height: 20px;
    background: #fafafa;
    border: 1px solid #9DA1B5;
    margin-right: 15px;
    position: relative;
    cursor: pointer;
    transition: 0.4s;
}

.form-kvkk > span {
    font-size: 17px;
    color: #576C7C;
    display: block;
}

.form-kvkk > span > a {
    color: #576C7C;
    font-weight: 500;
}

.form-kvkk > input {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    width: 2px;
    height: 2px;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
}

.submit {
    position: relative;
    background: #0C1D27;
    transition: 0.4s;
}
.submit > span {
    width: 40px;
}

.submit button {
    border: none;
    outline: none;
    padding: 19px 25px;
    background: #efeff7;
    transition: 0.4s;
    user-select: none;
    font-size: 15px;
    color: #40456a;
    border: 1px solid #fff0;
}
.submit button svg {
    margin-right: 10px;
    fill: #2D527C;
}
.submit > span {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 0;
    width: 40px;
    height: 2px;
    background: #D9AD62;
    transition: 0.4s;
}

.form-kvkk input:checked ~ label:before {
    transform: scale(1);
}

.form-kvkk > label:before {content: "";position: absolute;top: 4px;left: 4px;right: 4px;bottom: 4px;background: #9DA1B5;transform: scale(0);pointer-events: none;transition: 0.4s;}

.input-group>.custom-file {
    height: 100%;
    box-shadow: none;
    cursor: pointer;
}

.form-group .input-group {
    margin-bottom: 25px;
    height: 65px;
    box-shadow: none;
}

.custom-file-label::after {
    display: none;
}

.custom-file-label {
    margin: 0;
    font-weight: 300;
    font-size: 15px;
    color: #40456A;
    height: 100%;
    line-height: normal;
    display: flex;
    align-items: center;
    border-radius: 0;
    border: 1px solid #E4E4E8;
    background: #fff;
    box-shadow: none !important;
    padding: 0 150px 0 20px;
}

.custom-file-input {
    height: 100%;
    box-shadow: none;
    cursor: pointer;
}
.input-group-prepend > svg {
    fill: #40456A;
    margin-right: 15px;
    transition: 0.4s;
}
.input-group-prepend {
    position: absolute;
    right: 10px;
    z-index: 4;
    top: 10px;
    bottom: 10px;
    left: auto;
    pointer-events: none;
    background: #efeff7;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

span.input-group-text {
    font-weight: bold;
    font-size: 15px;
    color: #40456A;
    border: none;
    line-height: normal;
    background: #fff0;
    border: none;
    padding: 0;
    transition: 0.4s;
}

@media (hover:hover) {
    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a:hover .depart-item .item-icon svg:nth-child(2) { opacity: 1; }
    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a:hover .depart-item > .item-icon { fill: #fff; }
    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a label:hover { border-color: #6d8493; }
    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a label:hover:before { opacity: 1; }
    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a:hover .depart-item > span { color: #fff; }
    .career .career-row .career-content .content-departments .content-title .back-btn:hover > span { opacity: 1; }
    .form-kvkk > span > a:hover { color: rgb(255 102 2); }
    .form-kvkk > label:hover { border-color: #000; }
    .form-group .input-group:hover .input-group-prepend .input-group-text { color: rgb(255 255 255 / 88%); }
    .form-group .input-group:hover .input-group-prepend {
        background: #2e527c;
    }
    .form-group .input-group:hover .input-group-prepend svg {fill: rgb(255 255 255 / 88%);}
    .submit button:hover {
        border-color: #40456a;
    }
}

@media only screen and (min-width: 1200px){
    .career .career-row .career-img .img-item {
        top: -200px;
    }
    .career {
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-width: 1700px){
    .career .form-kvkk > span {
        max-width: 200px;
        margin-right: 20px;
    }
}

@media only screen and (max-width: 1550px){
    .career .career-row .career-content h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .career .career-row .career-content p {
        font-size: 20px;
        line-height: 30px;
    }

    .career .career-row .career-content .content-departments h3 {
        font-size: 17px;
    }

    .career .career-row .career-content .content-departments .content-title {
        margin-bottom: 50px;
    }

    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item > span {
        font-size: 17px;
    }

    .career .career-row .career-content .content-departments .department-slide {
        margin-right: -40px;
    }

    .career .career-row .career-content {
        padding: 150px 80px 0;
    }
}

@media only screen and (max-width: 1470px){
  .career {
    margin-right: 60px;
    margin-top: -80px;
    }

    .career .form-group .captcha .form-control {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1370px){
    .career .career-row .career-content .content-departments .department-slide {
        margin-left: -80px;
    }

    .career .career-row .career-content {padding-left: 60px;padding-top: 70px;flex: 0 0 60%;max-width: 60%;}

    .career .career-row .career-img {
        flex: 0 0 38%;
        max-width: 38%;
    }
}

@media only screen and (max-width: 1199px){
    .career {
        /* margin-left: 100px; */
        /* min-height: calc(100vh - 700px); */
        margin-right: 0;
    }
    .career .career-row .career-content .content-departments .content-title {
        margin-bottom: 70px;
    }
    .career .form-row > .form-group {
        flex: 0 0 100%;
        margin-bottom: 15px;
    }

    .career .form-row > div + div {
        margin-left: 0;
    }

    .career .form-row > .captcha {
        height: 65px;
    }

    .career .form-row > .captcha + .captcha {
        margin-left: 15px;
    }

    .career .submit button {font-size: 14px;padding: 20px 30px;margin-left: 0;}

    .career .form-kvkk > span {
        margin-right: 40px;
    }

    .career .career-row .career-content .content-departments .content-form {
        bottom: -50px;
    }

    .career .career-row .career-img {
        height: 800px;
    }
}

@media only screen and (max-width: 991px){
    .career .career-row .career-img {
        display: none;
    }

    .career .career-row .career-content {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 90px;
    }

    .career .career-row .career-content .content-departments .department-slide {
        margin-left: 0;
        transform: translate(0px, 0px);
    }

    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item > span {
        right: 10px;
        bottom: 16px;
    }
    .career .career-row .career-content .content-departments .department-slide .swiper-pagination {
        right: 0;
    }
    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item .item-icon {
        transform: scale(0.9);
        left: 10px;
        top: 15px;
    }
    .career .career-row .career-content .content-departments .department-slide .swiper-container {
        padding: 0;
        margin-left: -50px;
    }
    .career {
        margin-bottom: 130px;
    }
}

@media only screen and (max-width: 767px){
    .career{margin: 0 0 110px;}
    .career .career-row .career-content h2{ font-size:25px; line-height:normal;}
    .career .career-row .career-content p{ font-size:17px; line-height:1.4;}
    .career .career-row .career-content .content-departments{ margin-top:40px;}
    .career .career-row .career-content .content-departments h3{ white-space:normal; font-size:13px; width:50%; height:17px;}
    .career .career-row .career-content .content-departments .content-form{bottom: -60px;}
    .career .career-row .career-content .content-departments .content-title .back-btn > span{ padding:5px; margin-right:-5px; font-size:13px;}
    .career .career-row .career-content .content-departments .content-title{ margin-bottom:20px;}
    .career .custom-file-label{ font-size:13px; padding:0 150px 0 15px;}
    .career .form-group .input-group{ height:55px; margin-bottom:15px;}
    .career span.input-group-text{ font-size:11px;}
    .career .input-group-prepend > svg{ width:10px; height:10px; margin-right:10px;}
    .career .input-group-prepend{ padding:0 15px; right:5px; top:5px; bottom:5px;}
    .career .form-group .form-control{ font-size:14px; height:55px; padding:0 15px;}
    .career .form-row > .captcha{ height:55px;}
    .career .captcha a{ right:3px;}
    .career .career-row .career-content .content-departments .department-slide{ margin:40px -30px 0;}
    .career .form-bottom{ flex-wrap:wrap; margin-top:15px;}
    .career .form-kvkk > span{ font-size:14px; margin-right:0;}
    .career .submit{ margin-left:auto; margin-top:15px;}
    .career .s-container {
        margin-top: 30px;
    }
    .career .career-row .career-content .content-departments .department-slide .swiper-container {
        padding: 0 70px;
        margin: 0;
    }
    .career .career-row .career-content {
        padding: 0 30px;
    }.career .career-row .career-content .content-departments .department-slide .swiper-pagination {
    display: none;
}
    .career .submit button{ font-size:12px; padding:15px 30px;}
}



.page-scrolldown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 80px 220px 60px;
    max-width: 80%;
    background: #fff;
}

.page-scrolldown > h3 {
    font-weight: 300;
    font-size: 50px;
    color: #6C6F86;
    margin-bottom: 0;
    max-width: 600px;
}

@media only screen and (min-width: 1200px){
    .page-scrolldown {transform: translate(0px, 100%);}
}

@media only screen and (max-height: 830px){
    .page-scrolldown {
        padding: 50px 200px;
    }

    .page-scrolldown > h3 {
        font-size: 40px;
        max-width: 500px;
    }
}

@media only screen and (max-width: 1199px){
    .page-scrolldown {
        padding: 50px 50px;
    }

    .page-scrolldown > h3 {
        font-size: 35px;
        max-width: 400px;
    }

}

@media only screen and (max-width: 991px){
     .page-scrolldown > span {
        display: none;
    }
}

@media only screen and (max-width: 767px){
    .page-scrolldown {padding: 30px;max-width: 90%;margin-top: -40px;}

    .page-scrolldown > h3 {
        font-size: 25px;
        max-width: initial;
    }
}

/* Blogs */
.blogs-page-title.page-title .bread-bg .down .e-rnd {
    width: 360px;
}
.blogs .blog-content .content-body .body-item .item-trigger {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: red;
}
.blogs .blogs-container{display: flex;}
.blogs .blog-content{flex: 0 0 calc(100% - 360px);max-width: calc(100% - 360px);margin-top: calc(-100vh - -650px);position: relative;/* padding: 0 90px 0 130px; */z-index: 9;}
.blogs .blog-content .content-header{display: flex;align-items: center;justify-content: space-between;padding: 25px 90px 25px 130px;background: rgb(66 69 93 / 70%);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}
.blogs .blog-content .content-header .header-category{user-select: none;}
.blogs .blog-content .content-header .header-category a span{font-weight: 300;font-size: 15px;color: #fff;display: inline-block;border: 1px solid #E4E4E8;padding: 6px 15px;transition: 0.4s;}
.blogs .blog-content .content-header .header-category a {
    display: inline-block;
    transition: none;
}
.blogs .blog-content .content-header .header-category a.active span{background: #fff;color: #6d8493;;border-color: #fff;}
.blogs .blog-content .content-header .header-category a + a{margin-left: 20px;}
.blogs .blog-content .content-header .header-info p{font-weight: 300;font-size: 15px;color: #fff;opacity: 0.6;margin-bottom: 0;}
.blogs .blog-content .content-header .header-info p > span{font-weight: 600;}
.body-item .item-header .slide-button .slide-btn {cursor: pointer;}


.blogs .blog-content .content-body{background: #ffffff;padding: 40px 20px 20px 130px}
.blogs .blog-content .content-body .body-item{position: relative;}
.blogs .blog-content .content-body > div + div{margin-top: 120px;}
.body-item .item-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 60px;position: relative;}
.body-item .item-header h2{font-weight: 300;font-size: 50px;color: #6d8493;line-height: normal;margin-bottom: 0;}
.body-item .item-header .header-title {
    display: flex;
    align-items: center;
}
.body-item .item-header .header-title a {
    font-weight: bold;
    font-size: 16px;
    color: #6d8493;
    display: inline-block;
    border: 1px solid #9DA1B5;
    padding: 0 10px;
    margin-left: 30px;
    margin-top: 10px;
}
.body-item .item-header .slide-button{display: flex;align-items: center;}
.body-item .item-header .slide-button .slide-btn + .slide-btn{margin-left: 25px;}
.body-item .item-header .slide-button .slide-btn svg{fill: #40456A;transition: 0.4s;}
.blogs .blog-content .content-body .body-item.last-added 
 .blog-item.first-content a {
    display: flex;
    align-items: center;
    height: 470px;
    position: relative;
    min-width: 870px;
    overflow: hidden;
}
.blogs .blog-content .content-body .body-item.last-added .swiper-slide {
    width: auto;
}

.blogs .blog-content .content-body .body-item.last-added .item-img {
    margin-bottom: 70px;
}

.blogs .blog-content .content-body .body-item.last-added .item-img:before {
    display: none;
}

.blogs .blog-content .content-body .body-item.last-added a {
    display: block;
    width: 370px;
}

.blogs .blog-content .content-body .body-item.last-added .item-title > span {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.blogs .blog-content .content-body .body-item.last-added .item-title > span svg {
    fill: initial;
    stroke: #9DA1B5;
    margin-top: 0;
    margin-right: 15px;
}

.blogs .blog-content .content-body .body-item.last-added .item-title > span > span {
    font-weight: 300;
    font-size: 32px;
    color: #9da1b5;
}
.blogs .blog-content .content-body .blog-item.first-content a .item-img {
    height: 100%;
    flex: 0 0 47%;
    margin-bottom: 0;
}

.blogs .blog-content .content-body .blog-item.first-content a .item-title {
    flex: 0 0 53%;
    height: 100%;
    background: #efeff7;
    padding: 60px;
}

.blogs .blog-content .content-body .blog-item.first-content .item-img:before {
    display: none;
}

.blogs .blog-content .content-body .blog-item.first-content .item-img:after {
    display: none;
}

.blogs .blog-content .content-body .blog-item.first-content a .item-info {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(0 0 0 / 0.05);
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.blogs .blog-content .content-body .blog-item.first-content a .item-info .info-text {
    margin-left: 20px;
}

.blogs .blog-content .content-body .blog-item.first-content a .item-info .info-text > span {
    font-size: 15px;
    color: rgba(66, 69, 93, 0.5);
    display: block;
    margin-bottom: 5px;
}

.blogs .blog-content .content-body .blog-item.first-content a .item-info .info-text > h3 {
    font-size: 20px;
    color: rgba(66, 69, 93, 0.5);
    margin-bottom: 0;
}

.blogs .blog-content .content-body .blog-item.first-content a .item-info .info-text > p {
    font-weight: 300;
    font-size: 15px;
    color: rgba(66, 69, 93, 0.5);
    margin-bottom: 0;
}

.blogs .blog-content .content-body .blog-item.first-content .item-title h4 {
    font-weight: bold;
    font-size: 40px;
    color: #6d8493;
    margin-right: 60px;
    max-width: 320px;
}
.blogs .blog-content .content-body .body-item.last-added .item-img:after {
    display: block;
}

.blogs .blog-content .content-body .body-item.last-added .item-img:before {
    display: block;
    bottom: -50px;
}

.blogs .blog-content .content-body .body-item.last-added .blog-item.video-item .item-img:before {
    display: none;
}

.blog-item .item-img:before {content: "";position: absolute;bottom: 15px;left: 0;right: 0;width: 100%;height: 1px;background: #000;opacity: 0.05;}
.blog-item .item-img:after {content: "";top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(rgba(250, 250, 250, 0) 0%, #fafafa 100%);}
.blog-item .item-img{position: relative;
    background-size: cover;
    background-position: center;
    color: #fff;}
.blog-item .item-img .item-info{display: flex;align-items: center;position: absolute;bottom: 15px;left: 15px;right: 15px;z-index: 1;}
.blog-item .item-img .item-info img{min-width: 66px;height: 66px;margin-right: 20px;border-radius: 100%;background: linear-gradient(to top, #a5a5a5, transparent);object-position: 0;}
.blog-item .item-img .item-info .info-text > span{font-size: 15px;text-align: left;color: rgba(66, 69, 93);opacity: 0.5;display: block;margin-bottom: 3px;}
.blog-item .item-img .item-info .info-text h3{font-size: 20px;color: rgba(66, 69, 93, 0.5);margin-bottom: 0;}
.blog-item .item-img .item-info .info-text p{font-weight: 300;font-size: 15px;color: rgba(66, 69, 93, 0.5);margin-bottom: 0;max-height: 50px;overflow: hidden;}
.blog-item .item-title h4{font-weight: bold;font-size: 28px;color: #6d8493;line-height: normal;margin-bottom: 0;margin-right: 50px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.blog-item .item-title svg{fill: #6d8493;stroke: #6d8493;margin-top: 35px;transition: 0.4s;}
.blog-item.video-item .item-img:before,
.blog-item.video-item .item-img:after {display: none;}
.blog-item.video-item .item-img { margin-bottom: 35px; }
.blog-item .item-img .video-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 85px;height: 85px;display: flex;align-items: center;justify-content: center;background: rgb(255 255 255 / 46%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 100%;transition: 0.4s;}
.blog-item .item-img .video-icon svg {fill: #ffff;margin-right: -13px;}
.blog-item .item-img .real-img {
    height: 100%;
    background-size: cover;
    background-position: center;border-radius: 50px;
}


.faq-modal span{
    padding: 0 25px;
    display: block;
    transition: 0.4s;
    user-select: none;
}

.blogs .blog-content .content-body .body-item .all-text-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

.blogs .blog-content .content-body .body-item .all-text-header > span {
    font-weight: 300;
    font-size: 31px;
    color: #6d8493;
}

.blogs .blog-content .content-body .body-item .all-text-header .header-right {
    display: flex;
    align-items: center;
}

.blogs .blog-content .content-body .body-item .all-text-header .header-right .header-select {
    display: flex;
    align-items: center;
}

.blogs .blog-content .content-body .body-item .all-text-header .header-right .header-select > span:nth-child(1) {
    font-weight: bold;
    font-size: 19px;
    color: #6d8493;
    display: block;
    margin-right: 10px;
}

.blogs .blog-content .content-body .body-item .all-text-header .header-right .header-select > span:nth-child(2) {
    font-size: 19px;
    color: #6d8493;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.blogs .blog-content .content-body .body-item .all-text-header .header-right .header-select > span:nth-child(2) svg {
    margin-left: 5px;
}

.blogs .blog-content .content-body .body-item .all-text-header .header-right .total-text {
    font-weight: bold;
    font-size: 19px;
    color: #6d8493;
    margin-left: 30px;
}

.blogs .blog-content .content-body .body-item .all-text-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px;
}

.blogs .blog-content .content-body .body-item .all-text-list .blog-item {
    flex: 0 0 calc(33% - 100px);
    margin: 0 50px 70px;
}

.blogs .blog-content .doctors-content{display: flex;margin-top: 140px;}
.blogs .blog-content .doctors-content .swiper-container {
    width: 100%;
}
.blogs .blog-content .doctors-content .content-item:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;top: 0;background: linear-gradient(-134deg, rgba(0, 0, 0, 0), #000);z-index: 2;}
.blogs .blog-content .doctors-content .content-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: #000;
    mix-blend-mode: color;
    z-index: 1;
    opacity: 1;
    transition: .4s;
}
.blogs .blog-content .doctors-content .content-item{background: #FFFFFF;position: relative;height: 430px;display: block;overflow: hidden;user-select: none;}
.blogs .blog-content .doctors-content .content-item .item-text{position: absolute;top: 20px;left: 20px;z-index: 3;}
.blogs .blog-content .doctors-content .content-item .item-text > span:nth-child(1){font-weight: 900;font-size: 60px;color: #f1f1f1;display: block;line-height: normal;}
.blogs .blog-content .doctors-content .content-item .item-text > span:nth-child(2){font-size: 25px;color: #f1f1f1;display: block;line-height: normal;margin-top: -10px;}
.blogs .blog-content .doctors-content .content-item .item-title{font-weight: 900;font-size: 43px;color: transparent;-webkit-text-stroke: 1px #6d8493;writing-mode: vertical-lr;transform: rotate(-180deg);position: absolute;bottom: 25px;left: 10px;z-index: 3;transition: .4s;}
.blogs .blog-content .doctors-content .content-item img{position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;}

.blogs .blog-category{flex: 0 0 360px;background: #fff;border-left: 1px solid #E4E4E8;padding: 50px 40px;}
.blogs .blog-category .category-sticky {
    position: sticky;
    top: 40px;
}

.blogs .blog-category .category-sticky:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 200px;background: linear-gradient(to top, white, #ffffff00);pointer-events: none;z-index: 2;}
.blogs .blog-category .category-container {height: calc(100vh - 90px);overflow-y: auto;padding-bottom: 300px;}
.blogs .blog-category .category-container::-webkit-scrollbar{ width: 0; }
.blogs .blog-category .category-title{display: flex;align-items: center;margin-bottom: 30px;}
.blogs .blog-category .category-title svg{fill: #6d8493;;}
.blogs .blog-category .category-title > span{font-weight: bold;font-size: 29px;color: #6d8493;display: block;margin-left: 17px;}

.blogs .blog-category .category-search{max-width: 250px;margin-bottom: 35px;}
.blogs .blog-category .category-search input{font-size: 15px;color: #9da1b5;border-radius: 100px;border: 1px solid #E4E4E8;background: #fff;padding: 13px 35px;width: 100%;}

.blogs .blog-category .category-list .list-item + .list-item{margin-top: 40px;}
.blogs .blog-category .category-list .list-item > span{display: flex;align-items: center;}
.blogs .blog-category .category-list .list-item > span > svg{fill: #6d8493;}
.blogs .blog-category .category-list .list-item > span > span{font-size: 29px;color: #6d8493;display: block;margin-left: 15px;}
.blogs .blog-category .category-list .list-item ul{margin-top: 40px;}
.blogs .blog-category .category-list .list-item ul li + li{margin-top: 6px;}
.blogs .blog-category .category-list .list-item ul li a > span:nth-child(1){font-size: 19px;display: inline;color: #9DA1B5;}
.blogs .blog-category .category-list .list-item ul li a > span:nth-child(2){font-size: 12px;color: #6d8493;;font-weight: bold;margin-left: 2px;position: relative;top: -5px;}

.blogs .blog-content .content-filter-btn {
    display: none;
}
.blogs .blog-category .blog-close {
        display: none;
    }

@media (hover: hover){
    .body-item .item-header .slide-button .slide-btn:hover svg { fill: #6d8493; }
    .blogs .blog-content .content-header .header-category a:hover span { background: #fff; color: #6d8493;; border-color: #fff; }
    .faq-modal:hover span{ background: #ffffff40; }
    .blog-item:not(.video-item):hover .item-title svg {transform: translate(20px, 0px) scale(1.7, 1.1);}
    .blog-item:hover .item-img .video-icon {
        background: rgb(255 255 255 / 20%);
    }
    .blogs .blog-content .doctors-content .content-item:hover:after {
        opacity: 0;
    }

    .blogs .blog-content .doctors-content .content-item:hover .item-title {
        color: #6d8493;
    }
}
    
@media only screen and (min-width: 1200px){
    /* .blogs .blog-content .content-body > div {
        transform: translate(0px, 40px);
        opacity: 0;
        visibility: hidden;
    } */
    .blogs .blog-content .content-header .header-category a {
        transform: translate(0px, 10px);
        opacity: 0;
        visibility: hidden;
    }

    .blogs .blog-content .content-header .header-info p {
        transform: translate(0px, 10px);
        opacity: 0;
        visibility: hidden;
    }

    .blogs .blog-content .content-body {
        transform: translate(0px, 20%);
        opacity: 0;
        visibility: hidden;
    }

    .blogs .blog-content .content-header-container {
        position: relative;
        transform: translate(0px, 100%);
        overflow: hidden;
    }

    .blogs .blog-content .content-header {
        transform: translate(0px, -100%);
    }
    .blogs .blog-category {
        opacity: 0;
        visibility: hidden;
        transform: translate(0px, 110px);
    }
}

@media only screen and (max-width: 1670px){
    .blogs .blog-content .content-body .body-item.last-added .blog-item.first-content a {
        min-width: 670px;
    }

    .blogs .blog-content .content-body .blog-item.first-content .item-title h4 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1550px){
    .blog-item .item-title h4 {
        font-size: 22px;
        margin-right: 10px;
    }
    .body-item .item-header h2 {
        font-size: 40px;
    }
    .blogs .blog-content .doctors-content .content-item img {
    max-width: 113%;
    }
}

@media only screen and (max-width: 1470px){
    .blogs .blog-content .doctors-content .content-item img {
    max-width: 125%;
    }

    .blogs .blog-content .content-body .body-item .all-text-list .blog-item {
        flex: 0 0 calc(50% - 115px);
    }

    .blogs .blog-content .content-body .body-item .all-text-list .blog-item:nth-child(2n) {
        margin-left: 7.5%;
    }

    .blogs .blog-content .content-body .body-item.last-added .blog-item.first-content a {
        min-width: 550px;
    }
}

@media only screen and (max-width: 1370px){
    .blogs .blog-content .doctors-content .content-item img {
        max-width: 106%;
        right: -30%;
    }
}

@media only screen and (max-width: 1199px){
    .blogs .blog-content .content-header {
        padding: 25px 30px;
    }

    .blogs .blog-content .content-header .header-category a + a {
        margin-left: 10px;
    }

    .blogs .blog-content .content-body {
        padding: 60px 40px;
    }

    .blogs .blog-content .content-body .body-item:first-child:before {
        right: -40px;
        left: -40px;
    }

    .blogs .blog-content .content-body .body-item.last-added .blog-item.first-content a {
        min-width: initial;
        display: block;
    }

    .blogs .blog-content .content-body .blog-item.first-content a .item-img {
        height: 240px;
    }

    .blogs .blog-content .content-body .blog-item.first-content a .item-title {
        height: auto;
        padding: 20px;
        margin-top: -70px;
        position: relative;
        background: #fff0;
    }

    .blogs .blog-content .content-body .blog-item.first-content a .item-info {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .blogs .blog-content .content-body .body-item.last-added a {
        max-width: 300px;
    }

    .blogs .blog-content .doctors-content .content-item img {
        max-width: 170%;
    }
    
}

@media only screen and (max-width: 991px){
    .blogs .blog-category {
        position: fixed;
        top: 0;
        right: 0;
        left: 45%;
        bottom: 0;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        flex: 1;
    }
     .blogs .blog-content .doctors-content .content-item img {
        max-width: 100%;
        right: 0;
    }
    .blogs .blog-content .content-body {
        padding: 60px 30px 100px;
    }
    .blogs .blog-content {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: calc(-100vh - -700px);
    }

    .body-item .item-header h2 {
        font-size: 30px;
    }
    .blogs .blog-content .content-body .body-item.last-added a {
        width: 100%;
        max-width: 100%;
    }
    .body-item .item-header {
        margin-bottom: 30px;
    }

    .blogs .blog-content .content-filter-btn {
        background: #fafafa;
        padding: 30px 30px 0;
        display: block;
    }

    .blogs .blog-content .content-filter-btn > span {
        display: inline-flex;
        align-items: center;
        border: 1px solid #6d8493;
        font-weight: bold;
        font-size: 25px;
        color: #6d8493;
        padding: 5px 20px;
    }

    .blogs .blog-content .content-filter-btn > span svg {
        margin-right: 10px;
    }

    .blog-category.active {
        opacity: 1;
        visibility: visible;
    }

    .blogs .blog-content .content-body .body-item:first-child:before {
        right: -30px;
        left: -30px;
    }

    .blogs .blog-category {
        transition: 0.4s;
    }
    .blogs .blog-category .blog-close {
        position: fixed;
        top: 20px;
        right: 20px;
        display: block;
    }

    .blogs .blog-category .blog-close svg {
        fill: #FF5722;
    }
    .blogs .blog-category:before {content: "";position: absolute;top: 0;right: 100%;left: -83%;bottom: 0;background: rgb(0 0 0 / 49%);}
}

@media only screen and (max-width: 767px){
    .blogs .blog-content {
        margin-top: calc(-100vh - -500px);
    }
    .body-item .item-header .header-title a {
        margin-top: 0;
        margin-left: 10px;
    }
    .blogs .blog-content .content-header {
        padding: 20px 20px 24px;
        flex-direction: column-reverse;
        justify-content: center;
    }

    .blogs .blog-content .content-header .header-info {
        margin-bottom: 10px;
    }

    .blogs .blog-content .content-filter-btn > span {
        justify-content: center;
        font-size: 20px;
    }

    .blogs .blog-content .content-filter-btn > span svg {
        width: 18px;
        height: 18px;
    }

    .blogs .blog-content .content-filter-btn {
        padding: 30px 20px;
        position: relative;
        z-index: 1;
    }

    .blogs .blog-content .content-body {
        padding: 10px 20px 0px;
    }
    .blogs .blog-content .content-body .body-item .all-text-header .header-right .header-select {
        margin-right: 20px;
    }
    .body-item .item-header h2 {
        font-size: 22px;
    }
    .blogs .blog-content .content-body .body-item:first-child:before {
        right: -20px;
        left: -20px;
        bottom: -60px;
    }
    .blogs .blog-content .content-body .body-item.last-added .blog-item.first-content a {
        height: auto;
    }
    .blogs .blog-content .content-body .body-item .item-slide-container {
        margin-right: -20px;
    }

    .blogs .blog-content .content-body .body-item .item-slide-container .swiper-container {
        padding-right: 20px;
    }
    .body-item .item-header .slide-button .slide-btn svg {
        width: 25px;
    }

    .body-item .item-header .slide-button .slide-btn + .slide-btn {
        margin-left: 15px;
    }

    .body-item .item-header {
        margin-bottom: 20px;
    }

    .blog-item .item-img {
      
    }

    .blog-item .item-img .item-info img {
        min-width: 50px;
        height: 50px;
    }

    .blog-item .item-img .item-info .info-text > span {
        font-size: 11px;
    }

    .blog-item .item-img .item-info .info-text h3 {
        font-size: 15px;
    }

    .blog-item .item-img .item-info .info-text p {font-size: 11px;} 

    .blog-item .item-img .item-info {
        left: 10px;
        right: 10px;
    }

    .blog-item .item-img:before {
        bottom: -45px;
    }

    .blog-item .item-title h4 {
        font-size: 20px;
    }

    .blog-item .item-title svg {
        margin-top: 20px;
        width: 40px;
        height: 10px;
    }

    .blog-item .item-img .video-icon {
        width: 70px;
        height: 70px;
    }

    .blog-item .item-img .video-icon svg {width: 30px;height: 30px;margin-right: -10px;}

    .blogs .blog-content .content-body > div + div {
        margin-top: 70px;
    }

    .blogs .blog-content .content-body .body-item:first-child {
        margin-bottom: 100px;
    }

    .blogs .blog-content .content-body .body-item .all-text-list .blog-item {
        flex: 0 0 100%;
        /* margin-left: 0 !important; */
        margin: 0 0 40px;
    }

    .blogs .blog-content .content-body .body-item .all-text-list .blog-item:nth-child(n+2) {
        margin-top: 40px;
    }

    .blogs .blog-content .doctors-content {
        margin-right: -20px;
    }

    .blogs .blog-content .doctors-content .content-item img {
        bottom: 0;
        right: 0;
    }

    .blogs .blog-content .doctors-content .content-item .item-title {
        font-size: 35px;
        bottom: 20px;
        left: 0;
    }

    .blogs .blog-content .content-body .body-item .all-text-header > span {
        font-size: 22px;
        margin-bottom: 0;
    }
    .blogs .blog-content .doctors-content .content-item .item-text {
        left: 10px;
    }

    .blogs .blog-content .doctors-content .content-item .item-text > span:nth-child(2) {
        font-size: 18px;
    }
    .blogs .blog-content .content-body .body-item .all-text-header {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .blogs .blog-content .content-body .body-item .all-text-header .header-right .total-text {
        font-size: 16px;
        margin-left: 10px;
    }

    .blogs .blog-content .content-body .body-item .all-text-header .header-right {
        justify-content: space-between;
    }

    .blogs .blog-content .content-body .body-item .all-text-header .header-right .header-select > span:nth-child(1) {
        font-size: 17px;
    }

    .blogs .blog-content .content-body .body-item .all-text-header .header-right .header-select > span:nth-child(2) {
        font-size: 17px;
    }

    .blogs .blog-content .content-body .body-item.last-added .item-title > span > span {
        font-size: 23px;
    }

    .blogs .blog-content .content-body .body-item.last-added .item-title > span svg {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .blogs .blog-content .content-body .blog-item.first-content a .item-info .info-text > h3 {
        font-size: 15px;
    }

    .blogs .blog-content .content-body .blog-item.first-content a .item-info .info-text > p {
        font-size: 12px;
    }

    .blogs .blog-content .content-body .blog-item.first-content a .item-info .info-text > span {
        font-size: 12px;
    }

    .blogs .blog-content .content-body .blog-item.first-content a .item-info img {
        min-width: 50px;
        height: 50px;
    }

    .blogs .blog-content .content-body .blog-item.first-content a .item-title {
        padding: 10px;
    }

    .blogs .blog-content .content-body .blog-item.first-content .item-title h4 {
        font-size: 20px;
    }

    .blogs .blog-content .content-body .body-item.last-added .item-img:before {
        opacity: 0;
    }

    .blogs .blog-content .content-body .blog-item.first-content a .item-img {
        height: 200px;
        margin-bottom: 30px;
    }
    .blogs .blog-content .content-body .body-item .all-text-list {
    margin: 0;
    }

    .blogs .blog-category {
        left: 0;
        overflow: hidden;
    }
}

/* Blog Detail */
.blog-detail .detail-container{margin-top: -720px;flex: 0 0 100%;max-width: 100%;}
.blog-detail .detail-header{display: flex;align-items: center;position: relative;margin-top: 0;padding-left: 110px;height: 580px;}
.blog-detail .detail-header .header-img{width: 750px;height: 600px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.blog-detail .detail-header .header-img img{width: 100%;height: 150%;margin-bottom: -330px;}
.blog-detail .detail-header .header-text{height: 100%;position: relative;margin-left: 100px;display: flex;align-items: center;}
.blog-detail .detail-header .header-text .text-item{
    position: relative;
    padding-left: 30px;
}

.blog-detail .detail-header .header-text .text-item .line {position: absolute;height: 100%;bottom: 0;left: 0;width: 4px;background: #6d8493;}

.blog-detail .detail-body .body-title .body-info .copy-btn svg {
    fill: #FF8C41;
}
.blog-detail .detail-header .header-text .text-item > span{font-size: 22px;color: rgba(255, 255, 255, 0.5);margin-bottom: 6px;display: block;}
.blog-detail .detail-header .header-text .text-item > h2{font-size: 29px;color: #fff;line-height: normal;margin-bottom: 5px;}
.blog-detail .detail-header .header-text .text-item > p{font-weight: 300;font-size: 22px;color: #fff;margin-bottom: 0;}
.blog-detail .detail-header .header-text .header-text-content > span{font-weight: 300;font-size: 15px;color: #fff;border: 1px solid #E4E4E8;padding: 8px 15px;opacity: 0.6;margin-top: 50px;user-select: none;display: inline-block;}

.blog-detail .detail-body .body-title{width: 82%;height: 250px;background: rgb(38 40 60 / 0.4);display: flex;align-items: center;justify-content: space-between;padding-right: 70px;padding-left: 220px;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);position: relative;z-index: 1;}
.blog-detail .detail-body .body-title:before {content: "";position: absolute;left: -742px;right: 0;bottom: 100%;top: auto;height: 147px;background-image: url(../img/main/life-bg-logo.png);background-size: contain;background-position: center;background-repeat: no-repeat;mix-blend-mode: color-burn;}
.blog-detail .detail-body .body-title:after {content: "";position: absolute;top: 0px;left: -160px;right: 0;bottom: 0;background-image: url(../img/main/life-logo.png);background-size: contain;background-position: center;background-repeat: no-repeat;mix-blend-mode: color-burn;opacity: 0.7;}
.blog-detail .detail-body .body-title h3{font-weight: bold;font-size: 50px;color: #fff;line-height: normal;margin-bottom: 0;padding-right: 50px;}
.blog-detail .detail-body .body-title .body-info{display: flex;position: relative;z-index: 5;}
.blog-detail .detail-body .body-title .body-info .body-copy {
    position: relative;
}
.blog-detail .detail-body .body-title .body-info .copy-btn {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border: 1px solid rgb(255 255 255 / 0.3);border-radius: 100%;margin-right: 50px;position: relative;}
.blog-detail .detail-body .body-title .body-info .copy-text {position: absolute;bottom: 100%;left: 0;margin-bottom: 20px;opacity: 0;visibility: hidden;pointer-events: none;transform: translateX(-50px);transition: .5s;}
.blog-detail .detail-body .body-title .body-info .copy-text.active {opacity: 1;visibility: visible;pointer-events: auto;transform: translateX(0);}
.blog-detail .detail-body .body-title .body-info .copy-text input { height: 45px; border-radius: 45px; border: 1px solid #9DA1B5; min-width: 230px; padding: 0 15px; font-size: 14px; font-weight: 400; color: #9DA1B5;}
.blog-detail .detail-body .body-title .body-info .view{display: flex;align-items: center;user-select: none;}
.blog-detail .detail-body .body-title .body-info .copy-text .close-text {
    position: absolute;
    top: -30px;
    right: -20px;
    display: block;
    max-width: 20px;
    cursor: pointer;
}

.blog-detail .detail-body .body-title .body-info .copy-text .close-text svg {
    width: 100%;
    fill: #ff8c41;
}
.blog-detail .detail-body .body-title .body-info .view svg{margin-right: 16px;fill: #fff;}
.blog-detail .detail-body .body-title .body-info .view > span > span:nth-child(1){font-weight: 300;font-size: 32px;color: #fff;display: block;line-height: normal;}
.blog-detail .detail-body .body-title .body-info .view > span > span:nth-child(2){font-weight: 300;font-size: 15px;color: rgba(255, 255, 255, 0.5);display: block;}
.blog-detail .detail-body .body-text .text-row:nth-child(1) .row-item:nth-child(1) {
    position: sticky;
    top: 0;
    height: 100vh;
}
.blog-detail-slider {
    position: relative;
    height: 100%;
}

.blog-detail .detail-body .body-text .text-row .row-item .img-item {
    height: 100vh;
    position: relative;
}

.blog-detail .detail-body .body-text .text-row .row-item .img-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.blog-detail .detail-body .body-text .text-row .row-item .img-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0) 40%, #000 100%);
}

.blog-detail-slider .swiper-navigation {
    position: absolute;
    bottom: 30px;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.blog-detail-slider .swiper-navigation > div svg {
    fill: white;
    transition: .4s;
}

.blog-detail-slider .swiper-navigation > div {
    padding: 25px;
    cursor: pointer;
}

.blog-detail .detail-body .body-text{
    margin-top: 0;
}
.blog-detail .detail-body .body-text .text-row:nth-child(odd) .row-item:nth-child(2) {
    padding: 120px 100px 60px;
    flex: 0 0 53%;
}

.blog-detail .detail-body .body-text .text-row:nth-child(even) .row-item:last-child {
    flex: 0 0 53%;
    padding: 100px 180px 0 140px;
    margin-bottom: 320px;
}
.blog-detail .detail-body .body-text .text-row .row-item .content-item > ul + ul {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgb(157 161 181 / 16%);
}
.blog-detail .detail-body .body-text .text-row{display: flex;flex-wrap: wrap;}
.blog-detail .detail-body .body-text .text-row + .text-row{margin-top: 100px;}
.blog-detail .detail-body .body-text .text-row .row-item{flex: 0 0 42%;overflow: hidden;position: relative;}
.blog-detail .detail-body .body-text .text-row .row-item .content-item {
    margin-bottom: 50px;
}
.blog-detail .detail-body .body-text .text-row .row-item:first-child p:first-child{font-weight: bold;font-size: 25px;color: #6d8493;margin-bottom: 30px;line-height: 30px;}
.blog-detail .detail-body .body-text .text-row .row-item p, .blog-detail .detail-body .body-text .text-row .row-item li{font-weight: normal;font-size: 30px;line-height: 40px;color: #9da1b5;margin-bottom: 0;}
.blog-detail .detail-body .body-text .text-row .row-item.large-img{flex: 0 0 47%;height: calc(100vh - -400px);position: sticky;top: 0;margin-bottom: 0px !important;z-index: 2;}
.blog-detail .detail-body .blog-title-container {
    position: relative;
    z-index: 1;
}
.blog-detail .detail-other-slider{display: flex;align-items: center;margin-top: -220px;}
.blog-detail .detail-other-slider .slide-pagi-container{flex: 0 0 20%;height: 100%;position: relative;}
.blog-detail .detail-other-slider .slide-pagi-container .swiper-pagination{
    position: relative;
    bottom: 0;
 color: #fff;
    font-size: 50px;
    margin-top: 250px;
    user-select: none;
}.blog-detail .detail-other-slider .slide-pagi-container .swiper-pagination .swiper-pagination-current {
    font-weight: bold;
    font-size: 58px;
   color: #fff;
    display: inline-block;
    position: relative;
    top: -25px;
}
.blog-detail .detail-other-slider .slide-pagi-container .swiper-pagination > span.zero-inactive:before {
    display: none;
}
.blog-detail .detail-other-slider .slide-pagi-container .swiper-pagination .swiper-pagination-total {
    font-size: 58px;
   color: #fff;
    position: relative;
    bottom: -35px;
}

.blog-detail .detail-other-slider .slide-pagi-container .swiper-pagination > span:before {content: "0";}

.blog-detail .detail-other-slider .slide-content{flex: 0 0 80%;background: rgb(109 132 147);overflow: hidden;padding: 50px 0 70px;z-index: 1;}
.blog-detail .detail-other-slider .slide-content .content-title{display: flex;align-items: center;justify-content: space-between;padding-left: 130px;padding-right: 100px;}
.blog-detail .detail-other-slider .slide-content .content-title .title-item h4{font-weight: 300;font-size: 75px;color: #fff;line-height: normal;margin-bottom: 20px;}
.blog-detail .detail-other-slider .slide-content .content-title .title-item > span{font-size: 30px;color: rgba(255, 255, 255, 0.66);display: inline-block;border: 1px solid rgb(255 255 255 / 0.6);cursor: pointer;user-select: none;padding: 0 20px;}
.main-content-slide.blog-detail .detail-other-slider .slide-content .content-title,
.dr-text-detail.blog-detail .detail-other-slider .slide-content .content-title,
.dr-video-detail.blog-detail .detail-other-slider .slide-content .content-title {
    padding-left: 0px;
}

.blog-detail .detail-other-slider .slide-content .content-title .slide-events .slide-btn{cursor: pointer;}
.blog-detail .detail-other-slider .slide-content .content-title .slide-events .slide-btn svg{fill: #fff;opacity: 0.45;transition: 0.4s;}
.blog-detail .detail-other-slider .slide-content .content-title .slide-events .slide-btn.btn-next{margin-bottom: 15px;}

.blog-detail .detail-other-slider .slide-content .slide-container{margin-left: 130px;margin-top: 160px;}
.blog-detail .detail-other-slider .slide-content .slide-container .swiper-container{padding-right: 430px;padding-bottom: 40px;}
.blog-detail .detail-body .body-text .text-row .row-item li { 
    line-height: normal;
    font-size: 25px;
    margin-bottom: 15px;
    transition: 0.4s;
    text-align: justify;
}
.blog-detail .detail-body .body-text .text-row .row-item .content-item > ul > ul {
    display: none;
    padding-left: 1px;
}

.blog-detail .detail-body .body-text .text-row .row-item .content-item > ul > li:first-child {
    position: relative;
    margin-bottom: 0;
    font-weight: 600;
    cursor: pointer;
    padding-right: 40px;
}

.blog-detail .detail-body .body-text .text-row .row-item .content-item > ul > li:first-child:before, .blog-detail .detail-body .body-text .text-row .row-item .content-item > ul > li:first-child:after {content: "";position: absolute;top: 8px;transform: translate(0, 0);right: 10px;width: 3px;height: 15px;background: #9da1b5;transition: 0.4s;}

.blog-detail .detail-body .body-text .text-row .row-item .content-item > ul > li:first-child:before {
    transform: translate(0, 0) rotate(90deg);
}

.blog-detail .detail-body .body-text .text-row .row-item .content-item > ul > ul > li {/* list-style: initial; */font-size: 21px;line-height: 1.5;margin-top: 15px;text-align: left !important;}

.blog-detail .detail-body .body-text .text-row .row-item .content-item > ul > li.active:first-child:after {
    transform: translate(0px, -50%) scale(0);
}

.blog-detail .detail-other-slider .slide-content .slide-container .blog-item .item-title h4 {
    color: #fff;
}

.blog-detail .detail-other-slider .slide-content .slide-container .blog-item .item-img:before {
    background: #fff;
}

.blog-detail .detail-other-slider .slide-content .slide-container .swiper-slide + .swiper-slide:before {content: "";position: absolute;top: 0;left: -70px;bottom: -40px;width: 1px;background: #fff;opacity: 0.05;}

.blog-detail .detail-other-slider .slide-content .slide-container .swiper-slide {
    position: relative;    margin-right: 0px !important;
}

.blog-detail .detail-other-slider .slide-content .slide-container .blog-item .item-img .item-info .info-text > span {
    color: #fff;
}

.blog-detail .detail-other-slider .slide-content .slide-container .blog-item .item-img .item-info .info-text h3 {
    color: #fff;
}

.blog-detail .detail-other-slider .slide-content .slide-container .blog-item .item-img .item-info .info-text p {
    color: #fff;
}

.blog-detail .detail-other-slider .slide-content .slide-container .blog-item .item-img:after {
    background: linear-gradient(rgba(66, 69, 93, 0) 0%, #666666 100%);
}
.blog-detail.blogs .blog-content .content-body {
    padding: 0;
    background: #fff0;
}

.blog-video-detail .blog-video-container {
    margin: 0 200px 200px;
}

.blog-video-detail .blog-video-container .blog-video-item {
    margin-bottom: 120px;
}

.blog-video-detail .blog-video-container .body-item {
    margin: 0 40px;
}

@media (hover: hover){
    .blog-detail .detail-other-slider .slide-content .content-title .slide-events .slide-btn:hover svg { opacity: 1; }
    .blog-detail .detail-body .body-text .text-row .row-item .content-item > ul > li:first-child:hover {
        color: #6d8493;
    }

    .blog-detail .detail-body .body-text .text-row .row-item .content-item > ul > li:first-child:hover:before, 
    .blog-detail .detail-body .body-text .text-row .row-item .content-item > ul > li:first-child:hover:after {
        background: #6d8493;
    }
    .blog-detail-slider .swiper-navigation > div:hover svg {
        fill: #6d8493;
    }
}

@media screen and (max-width: 1441px) {
    .blog-detail .detail-header {
        height: 445px;
    }
}

@media only screen and (min-width: 1200px){
    .blog-detail .detail-header .header-text .text-item .line {
        height: 0;
    }
    .blog-detail .detail-body .body-text .body-text-container {
        opacity: 0;
        visibility: hidden;
        transform: translate(0px, 50px);
    }
    .blog-detail .detail-header .header-text .text-item > span {
        transform: translate(0px, 20px);
        opacity: 0;
        visibility: hidden;
    }

    .blog-detail .detail-header .header-text .text-item > h2 {
        transform: translate(0px, 20px);
        opacity: 0;
        visibility: hidden;
    }

    .blog-detail .detail-header .header-text .text-item > p {
        transform: translate(0px, 20px);
        opacity: 0;
        visibility: hidden;
    }

    .blog-detail .detail-header .header-text .header-text-content > span {
        transform: translate(0px, 20px);
        opacity: 0;
        visibility: hidden;
    }

    .blog-detail .detail-header .header-img {
        transform: translate(0px, 100%);
    }

    .blog-detail .detail-header .header-img img {
        transform: translate(0px, calc(-100% - 130px));
    }

    .blog-detail .detail-body .blog-title-container {
        transform: translate(0px, 150%);
    }

    .blog-detail .detail-body .body-title {
        transform: translate(0px, 40px);
        opacity: 0;
        visibility: hidden;
    }

    .blog-detail .detail-body .body-text .text-row .row-item .swiper-slide {
        overflow: hidden;
    }
    
    .blog-detail .detail-body .body-text .text-row .row-item .img-item {
        transform: scale(1.3);
        transform-origin: bottom center;
    }
}

@media only screen and (max-width: 1200px) {
    .blog-detail .detail-body .body-text .text-row .row-item .img-item {
        background-size: cover;
        background-position: center;
    }
}

@media only screen and (max-height: 700px){
    .blog-detail .detail-container {
        margin-top: -33vw;
    }

    .blog-detail .detail-body .body-title h3 {
        font-size: 40px;
    }

    .blog-detail .detail-header .header-img {
        height: 31.5vw;
        width: 33.4vw;
    }

    .blog-detail .detail-header .header-text {
        margin-top: 150px;
    }
}

@media only screen and (max-width: 1800px){
    .blog-detail .detail-body .body-title {
        height: 210px;
    }

    .blog-detail .detail-body .body-title:before {
        left: -653px;
        height: 8.5vw;
    }

    .blog-detail .detail-header .header-img {
        height: 31.5vw;
        width: 39.4vw;
    }  
    .blog-detail .detail-container {
        margin-top: -38vw;
    }

    .blog-detail .detail-body .body-text {
        margin-top: -5vw;
    }
}

@media only screen and (max-width: 1650px){
    .main-content-slide.blog-detail .detail-other-slider .slide-content .content-title,
    .dr-text-detail.blog-detail .detail-other-slider .slide-content .content-title,
    .dr-video-detail.blog-detail .detail-other-slider .slide-content .content-title {
        padding-left: 460px;
    }

    .blog-detail .detail-other-slider .slide-content .content-title .title-item h4 {
        font-size: 60px;
    }
.blog-detail .detail-header .header-img img {margin-bottom: -220px;}
    .blog-detail .detail-other-slider .slide-content .slide-container .swiper-container {
        padding-right: 300px;
    }

    .blog-detail .detail-body .body-text .text-row .row-item > p, .blog-detail .detail-body .body-text .text-row .row-item li {
        font-size: 25px;
        line-height: 35px;
    }
}

@media only screen and (max-width: 1470px){
    .blog-detail .detail-body .body-title h3 {
        font-size: 40px;
        max-width: 400px;
    }

    .blog-detail .detail-body .body-title {
        padding-left: 180px;
    }

    .blog-detail .detail-other-slider .slide-content .slide-container .swiper-container {
        padding-right: 200px;
    }
    .blog-detail .detail-other-slider .slide-pagi-container .swiper-pagination .swiper-pagination-current {
        font-size: 45px;
        margin-right: -10px;
    }

    .blog-detail .detail-other-slider .slide-pagi-container .swiper-pagination .swiper-pagination-total {
        font-size: 45px;
        margin-left: -10px;
    }
    .blog-detail .detail-body .body-text {
        margin-top: -1vw;
    }
  
    .blog-detail .detail-body .body-text .text-row:nth-child(even) .row-item:last-child {
        padding: 100px 100px 0;
    }

    .blog-detail .detail-body .body-text .text-row:nth-child(odd) .row-item:nth-child(2) {
        padding: 140px 60px 100px;
    }
	.blogs .blog-content .content-body .blog-item.first-content a .item-info img {
    min-width: 66px;
    height: 66px;
    border-radius: 100%;
    background: linear-gradient(to top, #a5a5a5, transparent); 
    object-position: top;
}
.blog-detail .detail-other-slider .slide-content .slide-container {
    margin-left: 31px;
    margin-top: 54px;
}

.main-references {
    margin: 20px 0 62px;
}


}

@media only screen and (max-width: 1370px){
    .blog-detail .detail-body .body-title {
        height: 170px;
    }

    .blog-detail .detail-body .body-title {
        background: rgb(38 40 60 / 0.7);
    }

    .blog-detail .detail-body .body-title h3 {font-size: 33px;}

    .blog-detail .detail-body .body-title:before {
        left: -50%;
        height: 100px;
    }

    .blog-detail .detail-header .header-text {
        transform: scale(0.9);
        margin-top: 100px;
        margin-left: 20px;
    }

    .blog-detail .detail-body .body-text .text-row:nth-child(odd) .row-item:nth-child(2) {
        padding: 130px 100px 100px;
    }

    .blog-detail .detail-body .body-text .text-row:nth-child(even) .row-item:last-child {
        padding: 100px;
    }

    .blog-detail .detail-header .header-img {
        height: 33.5vw;
        width: 32.4vw;
    }

    .blog-detail .detail-body .body-text .text-row .row-item > p,
    .blog-detail .detail-body .body-text .text-row .row-item li {
        font-size: 23px;
        line-height: 35px;
    }

    .main-content-slide.blog-detail .detail-other-slider .slide-content .content-title,
    .dr-text-detail.blog-detail .detail-other-slider .slide-content .content-title,
    .dr-video-detail.blog-detail .detail-other-slider .slide-content .content-title {
        padding-right: 0px;
        padding-left: 0px;
    }

    .blog-detail .detail-other-slider .slide-content .content-title .title-item h4 {
        font-size: 55px;
    }

    .blog-detail .detail-other-slider .slide-content .content-title .title-item > span {font-size: 25px;}
}

@media only screen and (max-width: 1199px){
    .blog-detail .detail-container {
        margin-top: -46vw;
    }
    .blog-detail .detail-header .header-img img {
        margin-bottom: -50px;
    }
    .blog-detail .detail-body .body-title {
        width: 80%;
        padding-left: 100px;
    }
    .blog-detail .detail-header .header-text {
        margin-top: 0;
    }

    .blog-detail .detail-body .body-text .text-row:nth-child(odd) .row-item:nth-child(2) {
        padding: 110px 50px 100px;
    }

    .blog-detail .detail-body .body-text .text-row:nth-child(even) .row-item:last-child {
        padding: 50px 50px;
    }

    .blog-detail .detail-body .body-text {
        margin-top: 0;
    }

    .main-content-slide.blog-detail .detail-other-slider .slide-content .content-title,
    .dr-text-detail.blog-detail .detail-other-slider .slide-content .content-title,
    .dr-video-detail.blog-detail .detail-other-slider .slide-content .content-title {
        padding-left: 310px;
    }
  
    .blog-detail .detail-other-slider .slide-content .slide-container .swiper-container {
        padding-right: 0;
    }
    .blog-video-detail .blog-video-container {
        margin-left: 100px;
        margin-right: 100px;
    }
}

@media only screen and (max-width: 991px){
    .blog-detail .detail-header {
        padding-left: 10px;
    }
    .blog-detail .detail-body .body-text {
        margin-top: -10px;
    }
    .blog-detail .detail-body .body-text .text-row:nth-child(odd) .row-item:nth-child(2) {
        padding: 150px 50px 100px;
    }

    .blog-detail .detail-body .body-text .text-row .row-item.large-img {
        flex: 0 0 38%;
    }

    .blog-detail .detail-body .body-text .text-row:nth-child(even) .row-item:last-child {
        flex: 0 0 62%;
        padding: 50px;
    }
    .blog-detail .detail-header .header-img {
        height: 50vw;
        width: 45vw;
    }

    .blog-detail .detail-other-slider .slide-content {
        padding-bottom: 60px;
    }

    .blog-detail .detail-body .body-text .text-row .row-item p, .blog-detail .detail-body .body-text .text-row .row-item li {
        font-size: 21px;
        line-height: 32px;
        max-height: none;
    }

    .blog-detail .detail-header .header-text .text-item {
        transform: scale(0.9);
        margin-left: -17px;
    }

    .blog-detail .detail-header .header-text {
        margin-left: -10px;
    }

    .blog-detail .detail-container {
        margin-top: -460px;
    }

    .blog-detail .detail-body .body-title {
        width: 95%;
        padding-left: 60px;
        padding-right: 50px;
    }
    .blog-detail .detail-other-slider .slide-content .slide-container {
        margin-top: 60px;
    }

    .blog-detail .detail-body .body-title h3 {
        font-size: 25px;
        max-width: 250px;
    }

    .blog-detail .detail-body .body-title .body-info {
        transform: scale(0.9);
    }

    .blog-detail .detail-body .body-title .body-info .copy-btn {margin-right: 30px;}
    
    .blog-video-detail .blog-video-container {
        margin: 0 70px 100px;
    }

    .blog-video-detail .blog-video-container .blog-video-item {
        margin-bottom: 80px;
    }

    .main-content-slide.blog-detail .detail-other-slider .slide-content .content-title,
    .dr-text-detail.blog-detail .detail-other-slider .slide-content .content-title,
    .dr-video-detail.blog-detail .detail-other-slider .slide-content .content-title {
        padding-left: 170px;
        padding-right: 30px;
    }

    .blog-detail .detail-other-slider .slide-content .content-title .title-item h4 {
        font-size: 40px;
    }

    .blog-detail .detail-other-slider .slide-content .content-title .title-item > span {
        font-size: 20px;
        padding: 4px 12px;
    }

    .blog-detail .detail-other-slider .slide-pagi-container .swiper-pagination {
        transform: scale(0.8);
    }

    .blog-detail .detail-other-slider .slide-content .slide-container .swiper-container {
        padding-right: 150px;
    }
    .blog-detail .detail-other-slider .slide-content .slide-container .swiper-slide + .swiper-slide:before {
        left: -25px;
    }
    .blog-detail .detail-header .header-text .header-text-content > span {
        margin-top: 20px;
    }

    .blog-detail .detail-header .header-img img {
        margin-bottom: -39px;
    }
}

@media only screen and (max-width: 767px){
    .blog-detail .detail-body .body-title .body-info .body-copy { width: 30%;}
    .blog-detail .detail-body .body-title .body-info .view { width: 50%;}
    .blog-detail .detail-body .body-title .body-info .copy-text {bottom: auto;top: 50%;transform: translateY(-50%) translateX(-40px);margin: 0;left: 70%;}
    .blog-detail .detail-body .body-title .body-info .copy-text.active {
        transform: translateY(-50%)  translateX(0);
    }
    .blog-detail .detail-body .body-title .body-info .copy-text input {min-width: 240px;}
    
    .blog-detail .detail-body .body-title h3 {
        font-size: 19px;
        line-height: 1.2;
        max-width: 100%;
    }
    .blog-detail .detail-other-slider .slide-content .slide-container .swiper-slide + .swiper-slide:before {
        opacity: 0;
    }
    .blog-detail .detail-body .body-title {
        padding: 35px 30px;
        height: auto;
        width: 100%;
        background: rgb(38 40 60 / 0.8);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        flex-wrap: wrap;
    }

    .blog-detail .detail-body .body-title .body-info {
        transform: scale(1);
        width: 100%;
        margin-top: 30px;
    }

    .blog-detail .detail-body .body-title .body-info .view > span > span:nth-child(1) {
        font-size: 20px;
    }

    .blog-detail .detail-body .body-title .body-info .view > span > span:nth-child(2) {
        font-size: 13px;
    }

    .blog-detail .detail-body .body-title .body-info .view > span {
        text-align: center;
    }

    .blog-detail .detail-body .body-title .body-info .view svg {
        /* display: none; */
        width: 20px;
        margin-right: 10px;
    }
    .blog-detail .detail-header .header-img img {
        margin-bottom: -200px;
        height: 100%;
    }
    .blog-detail .detail-body .body-title:after {
        display: none;
    }

    .blog-detail .detail-body .body-title:before {
        display: none;
    }

    .blog-detail .detail-container {
        margin-top: -630px;
    }

    .blog-detail .detail-header {
        padding-left: 0;
        padding-top: 300px;
        height: 70vh;
    }

    .blog-detail .detail-header .header-img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .blog-detail .detail-header .header-text {
        margin-left: 0;
        transform: scale(1);
        margin-top: 0;
        z-index: 1;
        padding: 30px;
    }

    .blog-detail .detail-header:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;top: 300px;background: linear-gradient(to top, rgb(54 56 76), transparent);z-index: 1;}

    .blog-detail .detail-header .header-text .text-item > span {
        font-size: 15px;
    }

    .blog-detail .detail-header .header-text .text-item > h2 {
        font-size: 22px;
    }

    .blog-detail .detail-header .header-text .text-item > p {
        font-size: 16px;
    }

    .blog-detail .detail-header .header-text .text-item .line {
        width: 2px;
    }

    .blog-detail .detail-header .header-text .text-item {
        padding-left: 20px;
    }

    .blog-detail .detail-header .header-text .header-text-content > span {
        margin-top: 20px;
        font-size: 13px;
    }

    .blog-video-detail .blog-video-container {
        margin: 40px 20px !important;
    }

    .blog-video-detail .blog-video-container .blog-video-item {
        margin-bottom: 40px;
    }

    .blog-video-detail .blog-video-container .body-item {
        margin: 0 0 90px 15px;
    }

    .blog-video-detail .blog-video-container .body-item .header-title a {
        margin-top: 0;
        margin-left: 10px;
        font-size: 15px;
    }

    .blog-detail .detail-body .body-text .text-row .row-item {
        flex: 0 0 100%;
    }

    .blog-detail .detail-body .body-text .text-row:nth-child(odd) .row-item:nth-child(2) {
        flex: 0 0 100%;
        padding: 40px 30px 40px;
    }

    .blog-detail .detail-body .body-text .text-row .row-item:first-child p:first-child {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .blog-detail .detail-body .body-text .text-row .row-item > p, .blog-detail .detail-body .body-text .text-row .row-item li {
        font-size: 18px;
        line-height: 28px;
    }

    .blog-detail .detail-body .body-text .text-row .row-item:nth-child(2) {min-height: 500px;}

    .blog-detail .detail-body .body-text .text-row .row-item.large-img {
        min-height: 500px;
        position: relative;
        height: auto;
    }

    .blog-detail .detail-body .body-text .text-row + .text-row {
        margin-top: 10px;
        flex-direction: column;
    }

    .blog-detail .detail-body .body-text .text-row:nth-child(even) .row-item:last-child {
        flex: 0 0 100%;
        padding: 50px 30px;
        margin-bottom: 30px;
        min-height: auto;
    }

    .blog-detail .detail-body .body-text .text-row .row-item .content-item > ul + ul {
        margin-top: 10px;
        padding-top: 10px;
    }
    .blog-detail .detail-body .body-text .text-row .row-item li {
        margin-bottom: 5px;
    }
    .blog-detail .detail-body .body-text .text-row .row-item .content-item > ul > ul {
        margin-top: 10px;
    }

    .blog-detail .detail-body .body-text .text-row .row-item .content-item > ul > ul > li {
        font-size: 15px;
    }

    .blog-detail .detail-body .body-text .text-row .row-item .content-item > ul > ul > li + li {
        padding-top: 0;
    }
    .blog-detail .detail-other-slider .slide-pagi-container {
        display: none;
    }

    .blog-detail .detail-other-slider .slide-content {
        flex: 0 0 100%;
        padding-bottom: 60px;
    }

    .blog-detail .detail-other-slider {
        margin-top: 0;
    }

    .blog-detail .detail-other-slider .slide-content .content-title {
        padding: 0 30px;
    }

    .blog-detail .detail-other-slider .slide-content .content-title .title-item h4 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .blog-detail .detail-other-slider .slide-content .content-title .title-item > span {font-size: 14px;font-weight: 400;}

    .blog-detail .detail-other-slider .slide-content .content-title .slide-events .slide-btn svg {
        width: 25px;
        height: 10px;
    }

    .blog-detail .detail-other-slider .slide-content .content-title .slide-events .slide-btn.btn-next {
        margin-bottom: 5px;
    }

    .blog-detail .detail-other-slider .slide-content .slide-container {
        margin-left: 0;
        margin-top: 60px;
    }

    .blog-detail .detail-other-slider .slide-content .slide-container .swiper-container {
        padding-right: 80px;
        padding-left: 30px;
    }

    .blog-detail .detail-body .body-text .text-row:nth-child(1) .row-item:nth-child(1) {
        position: relative;
        height: 400px;
    }

    .blog-detail .detail-body .body-text .text-row .row-item .img-item {
        height: 400px;
    }

    .blog-detail-slider .swiper-navigation > div svg {
        width: 50px;
    }

    .blog-detail-slider .swiper-navigation > div {
        padding: 10px;
    }
}

/* Video */

.plyr__volume input[type=range] {
    color: #6d8493;
}

.plyr__control--overlaid {
    min-width: 150px;
    height: 150px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.plyr__control--overlaid svg {
    width: 60px;
    height: 60px;
    left: 8px;
}
.plyr__progress input[type=range]{
    color: #6d8493;
}

.plyr__controls .plyr__controls__item:first-child {
    display: none;
}.plyr__poster {
    background-size: cover;
    transition: none;
}
.plyr__video-embed iframe {
    top: -110px;
    height: calc(100% + 220px);
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control[aria-expanded=true] { background: #6d8493; }

@media (hover: hover){
    .plyr--video .plyr__control:hover{ background: #6d8493; }
}

@media only screen and (max-width: 767px){
    .plyr__control--overlaid {
        min-width: 70px;
        height: 70px;
    }

    .plyr__control--overlaid svg {
        width: 25px;
        height: 25px;
        left: 5px;
    }
}

.dr-modal.hospital-modal .modal-item .item-container .item-img:before {
    display: none;
}

.dr-modal.hospital-modal .modal-item .item-container .item-img {
    background: #FFF6F0;
}

.dr-modal.hospital-modal .modal-item .item-container .item-img img {
    position: absolute;
    right: -110px;
    bottom: -100px;
    max-width: initial;
    z-index: 3;
    width: 90%;
    height: 130%;
}

.dr-modal.hospital-modal .modal-item .item-container .item-img:after {content: "";position: absolute;top: 90px;bottom: 0;right: 0;left: 0;background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 100%);opacity: 0.51;z-index: 3;}

.dr-modal.hospital-modal .modal-item .item-container .item-text {
    padding: 65px 100px 65px 70px;
}.dr-modal.hospital-modal .modal-item .item-container .item-text .update-date {
    margin-top: 40px;
    font-size: 17px;
    color: #555768;
}

.dr-modal.hospital-modal .modal-item .item-container .item-text h5 {
    font-size: 60px;
    margin-top: 0;
}

.dr-modal .modal-item .item-container .item-text ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

.dr-modal .modal-item .item-container .item-text ul li {
    font-weight: 300;
    font-size: 15px;
    color: #9da1b5;
    border: 1px solid #E4E4E8;
    padding: 7px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.dr-modal .modal-item .item-container .item-text .item-cards::-webkit-scrollbar {
  width: 3px;
}
 
.dr-modal .modal-item .item-container .item-text .item-cards::-webkit-scrollbar-thumb {
  background: #9da1b5; 
}


.dr-modal .modal-item .item-container .item-text .item-cards::-webkit-scrollbar{ width: 0; }

.dr-modal .modal-item .item-container .item-text .item-cards .modal-card {
    cursor: pointer;
}

.dr-modal .modal-item .item-container .item-text .item-cards .modal-card .modal-card-body {
    display: none;
}

.dr-modal .modal-item .item-container .item-text .item-cards .modal-card .modal-card-body p {
    font-weight: 300;
    font-size: 15px;
    color: #9da1b5;
    margin-bottom: 0;
    margin-top: 13px;
}

.dr-modal .modal-item .item-container .item-text .item-cards .modal-card .modal-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dr-modal .modal-item .item-container .item-text .item-cards .modal-card .modal-card-header span:nth-child(1) {
    font-weight: bold;
    font-size: 20px;
    color: #9da1b5;
    display: inline-block;
}

.dr-modal .modal-item .item-container .item-text .item-cards .modal-card .modal-card-header span:nth-child(2) {
    display: inline-block;
    min-width: 15px;
    height: 15px;
    position: relative;
}

.dr-modal .modal-item .item-container .item-text .item-cards .modal-card .modal-card-header span:nth-child(2):before, .dr-modal .modal-item .item-container .item-text .item-cards .modal-card .modal-card-header span:nth-child(2):after {content: "";position: absolute;background: #9DA1B5;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.dr-modal .modal-item .item-container .item-text .item-cards .modal-card .modal-card-header span:nth-child(2):before {
    width: 3px;
    height: 100%;
}

.dr-modal .modal-item .item-container .item-text .item-cards .modal-card .modal-card-header span:nth-child(2):after {
    height: 3px;
    width: 100%;
}

.dr-modal .modal-item .item-container .item-text .item-cards .modal-card + .modal-card {
    border-top: 1px solid #F1F1F1;
    margin-top: 15px;
    padding-top: 15px;
}

.dr-modal .modal-item .item-container .item-text .item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 55px;
    margin-top: 30px;
}

.dr-modal .modal-item .item-container .item-text .item-link .appointment-btn {background: #efeff7;padding: 11px 16px;height: 100%;display: inline-block;}

.dr-modal .modal-item .item-container .item-text .item-link .appointment-btn img {
    margin-right: 15px;
}

.dr-modal .modal-item .item-container .item-text .item-link .appointment-btn > span {
    font-size: 15px;
    color: #40456a;
}

.dr-modal .modal-item .item-container .item-text .item-link .page-link {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    line-height: normal;
    border: none;
    background: #fff0;
    height: 100%;
}

.dr-modal .modal-item .item-container .item-text .item-link .page-link a {
    border: 1px solid #E4E4E8;
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 15px;
    color: #40456a;
}

.dr-modal .modal-item .item-container .item-text .item-link .page-link a + a {
    margin-left: 7px;
}

.dr-modal .modal-item .item-container .item-text .item-cards .modal-card.active .modal-card-header span:nth-child(2):before {
    height: 0;
}

@media only screen and (max-width: 1370px){
    .dr-modal.hospital-modal .modal-item .item-container .item-img {
        flex: 0 0 45%;
    }

    .dr-modal.hospital-modal .modal-item .item-container {
        justify-content: flex-end;
    }

    .dr-modal.hospital-modal .modal-item-container {
        min-width: 85%;
    }

    .dr-modal.hospital-modal .modal-close {
        left: 20px;
    }
}

@media only screen and (max-width: 1199px){
    .dr-modal.hospital-modal .modal-item .item-container .item-text {
        padding: 65px 50px 65px;
    }

    .dr-modal.hospital-modal .modal-item .item-container .item-text {
        flex: 0 0 60%;
    }

    .dr-modal.hospital-modal .modal-item .item-container .item-img img {
        width: 150%;
    }

    .dr-modal.hospital-modal .modal-close {
        left: -70px;
    }
}

@media only screen and (max-width: 991px){
    .dr-modal .modal-item .item-container .item-text .item-link {
        display: block;
    }

    .dr-modal .modal-item .item-container .item-text .item-link .appointment-btn {
        margin-bottom: 0;
    }

    .dr-modal .modal-item .item-container .item-text .item-link .page-link a {
        height: auto;
        padding: 10px 20px;
        width: 50%;
        justify-content: center;
    }

    .dr-modal.hospital-modal .modal-item .item-container .item-text h5 {font-size: 50px;}

    .dr-modal.hospital-modal .modal-item .item-container .item-text {
        padding-top: 40px;
    }
}

@media only screen and (max-width: 767px){
    .dr-modal.hospital-modal .modal-item-container {
        min-width: 90%;
        margin: 0 auto;
    }

    .dr-modal.hospital-modal .modal-item .item-container .item-text {
        flex: 0 0 100%;
        padding: 30px 20px;
    }

    .dr-modal.hospital-modal .modal-item .item-container .item-img {
        flex: 0 0 100%;
        height: 300px;
    }

    .dr-modal.hospital-modal .modal-item .item-container .item-img img {
        width: 90%;
        right: -60px;
        bottom: -40px;
    }

    .dr-modal .modal-item .item-container .item-text .item-cards {
        max-height: initial;
        overflow: initial;
        margin-top: 30px;
    }

    .dr-modal.hospital-modal .modal-item .item-container {
        overflow-y: auto;
        overflow-x: hidden;
        height: 80%;
        margin-top: 10%;
    }

    .dr-modal.hospital-modal .modal-item .item-container .item-text h5 {
        font-size: 30px;
    }

    .dr-modal .modal-item .item-container .item-text ul li {
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 13px;
        padding: 5px 10px;
    }

    .dr-modal .modal-item .item-container .item-text ul {
        margin-top: 10px;
    }

    .dr-modal .modal-item .item-container .item-text .item-cards .modal-card .modal-card-header span:nth-child(1) {
        font-size: 15px;
    }

    .dr-modal .modal-item .item-container .item-text .item-cards .modal-card .modal-card-header span:nth-child(2) {
        min-width: 10px;
        height: 10px;
    }

    .dr-modal .modal-item .item-container .item-text .item-cards .modal-card .modal-card-header span:nth-child(2):before {
        width: 2px;
    }

    .dr-modal .modal-item .item-container .item-text .item-cards .modal-card .modal-card-header span:nth-child(2):after {
        height: 2px;
    }

    .dr-modal .modal-item .item-container .item-text .item-cards .modal-card + .modal-card {
        margin-top: 10px;
        padding-top: 10px;
    }

    .dr-modal .modal-item .item-container .item-text .item-link {
        height: auto;
        margin-top: 30px;
    }

    .dr-modal .modal-item .item-container .item-text .item-link .appointment-btn {
        margin-bottom: 8px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dr-modal.hospital-modal .modal-close {
        top: -18px;
        left: auto;
        right: 10px;
    }
}

@media only screen and (max-height: 750px){
    .dr-modal.hospital-modal .modal-item-container {
        max-height: calc(100vh - 120px);
    }

    .dr-modal.hospital-modal .modal-item .item-container .item-text h5 {font-size: 50px;}

    .dr-modal.hospital-modal .modal-item .item-container .item-text {
        padding: 30px;
    }
}

/* Dr Video Detail */
.dr-video-detail.blog-detail .detail-body .body-text .video-list-container .row-item {
    flex: 0 0 100%;
}
.dr-video-detail.blog-detail .detail-body .body-text .video-list-container .text-summary {
    padding: 0;
    margin-bottom: 30px;
    /* max-width: 700px; */
}
.dr-video-detail.blog-detail .detail-body .body-text .video-list-container {
    max-width: 1310px;
    margin: 200px auto;
}
.dr-video-detail.blog-detail .detail-body .body-text .video-list-container .video-list {
    display: flex;
    flex-wrap: wrap;
    margin: -25px -50px;
}
.dr-video-detail.blog-detail .detail-body .body-text .video-list-container .video-list .video-item {
    flex: 0 0 calc(33% - 100px);
    margin: 25px 50px;
}

.dr-video-detail.blog-detail .detail-body .body-text .text-row .row-item.large-img {
    height: 100vh;
}

@media only screen and (max-width: 1870px) {
    .dr-video-detail.blog-detail .detail-body .body-text .video-list-container {
        max-width: 85%;
    }
}

@media only screen and (max-width: 1700px) {
    .dr-video-detail.blog-detail .detail-body .body-text .video-list-container .video-list .video-item {
        flex: 0 0 calc(33% - 60px);
        margin: 25px 30px;
    }

    .dr-video-detail.blog-detail .detail-body .body-text .video-list-container .video-list {
        margin: -25px -30px;
    }
}

@media only screen and (max-width: 1199px) {
    .dr-video-detail.blog-detail .detail-body .body-text .video-list-container {
        margin: 130px auto;
        max-width: 90%;
    }
}

@media only screen and (max-width: 991px) {
    .dr-video-detail.blog-detail .detail-body .body-text .video-list-container .text-summary p {
        font-size: 20px;line-height: 25px;
    }
    .dr-video-detail.blog-detail .detail-body .body-text .text-row .row-item:first-child p:first-child {font-size: 20px;line-height: 25px;}

    .dr-video-detail.blog-detail .detail-body .body-text .video-list-container .video-list .video-item {
        flex: 0 0 calc(50% - 40px);
        margin: 20px;
    }

    .dr-video-detail.blog-detail .detail-body .body-text .video-list-container .video-list {
        margin: -20px;
    }

    .dr-video-detail.blog-detail .detail-body .body-text .video-list-container {
        margin: 180px auto;
    }

    .dr-video-detail.blog-detail .detail-body .body-text .text-row .row-item:last-child {
        flex: 0 0 100%;
    }

    .dr-video-detail.blog-detail .detail-body .body-text .text-row .row-item.large-img {
        position: relative;
        flex: 0 0 100%;
    }
}

@media only screen and (max-width: 767px) {
    .dr-video-detail.blog-detail .detail-body .body-text .video-list-container {
        flex-direction: initial;
        margin: 70px auto 30px;
    }

    .dr-video-detail.blog-detail .detail-body .body-text .video-list-container .video-list .video-item {
        flex: 0 0 calc(100% - 60px);
        margin: 20px 30px;
    }
    .dr-video-detail.blog-detail .detail-body .body-text .video-list-container .text-summary p,
    .dr-video-detail.blog-detail .detail-body .body-text .text-row .row-item:first-child p:first-child {
        padding: 0 10px;
    }
}

/* Dr Text Detail */
.dr-text-detail.blog-detail .detail-body .body-title h3 {
    font-size: 30px;
}

.dr-text-detail.blog-detail .detail-body .content-body {
    background: #efeff7;
    padding: 250px 0 150px 250px;
    margin-top: -130px;
}

.dr-text-detail.blog-detail .detail-body .content-body .body-item {
    max-width: 1310px;
}

.dr-text-detail.blog-detail .detail-body .body-text .text-row:nth-child(odd) .row-item:nth-child(1) {
    padding: 0;
    flex: 0 0 47%;
}

.dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item {
    flex: 0 0 53%;
    padding-left: 80px;
    margin-bottom: 300px;
}

.dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item .text-list-title h5 {
    font-weight: 300;
    font-size: 50px;
    color: #6d8493;
    line-height: normal;
    margin-bottom: 70px;
    margin-left: 0;
}

.dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item .text-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}

.dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item .text-list .blog-item {
    width: 50%;
    padding: 0 30px;
}

.dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item .text-list .blog-item:nth-child(n+3) {
    margin-top: 80px;
}

.dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item .text-list .blog-item + .blog-item {
    /* margin-left: 50px; */
}

@media only screen and (max-width: 1880px) {
    .dr-text-detail.blog-detail .detail-body .content-body {
        padding-left: 7%;
    }

    .dr-text-detail.blog-detail .detail-body .content-body .body-item {
        max-width: 75%;
    }
}

@media only screen and (max-width: 1470px) {
    .dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item .text-list {
    }
}

@media only screen and (max-width: 1370px) {
    .dr-text-detail.blog-detail .detail-body .body-title {
        padding-left: 100px;
    }

    .dr-text-detail.blog-detail .detail-body .body-title h3 {
        font-size: 25px;
    }
}

@media only screen and (max-width: 1199px) {
    .dr-text-detail .body-item .item-header h2 {
        font-size: 35px;
    }

    .dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item .text-list .blog-item {
        flex: 0 0 100%;
        padding: 0;
    }

    .dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item .text-list .blog-item + .blog-item {
        margin-left: 0;
    }

    .dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item .text-list .blog-item:nth-child(n+2) {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 991px) {
    .dr-text-detail .body-item .item-header {
        margin-bottom: 60px;
    }

    .dr-text-detail.blog-detail .detail-body .body-title h3 {
        max-width: 500px;
    }

    .dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item .text-list-title h5 {
        font-size: 40px;
    }

    .dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item {
        padding-left: 50px;
    }

    .dr-text-detail.blog-detail .detail-body .content-body {
        padding-bottom: 100px;
        padding-top: 200px;
    }
}

@media only screen and (max-width: 767px) {
    .dr-text-detail.blog-detail .detail-body .body-title {
        padding: 30px 30px 50px;
    }

    .dr-text-detail.blog-detail .detail-body .body-title h3 {
        font-size: 20px;
        line-height: 1.3;
    }

    .dr-text-detail.blog-detail .detail-body .content-body .body-item {
        max-width: initial;
    }

    .dr-text-detail.blog-detail .detail-body .content-body {
        padding: 180px 30px 70px;
    }

    .dr-text-detail .body-item .item-header h2 {
        font-size: 25px;
    }

    .dr-text-detail .body-item .item-header {
        margin-bottom: 30px;
    }

    .dr-text-detail .body-item .item-slide-container {
        margin-right: -30px;
    }

    .dr-text-detail .body-item .item-slide-container .swiper-container {
        padding-right: 80px;
    }

    .dr-text-detail.blog-detail .detail-body .body-text {
        margin-top: 50px;
    }

    .dr-text-detail.blog-detail .detail-body .body-text .text-row .large-img {
        display: none;
    }

    .dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item {
        padding: 0;
        flex: 0 0 100%;
        margin-bottom: 70px;
    }

    .dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item .text-list {
        margin: 0;
    }

    .dr-text-detail.blog-detail .detail-body .body-text .text-row .row-item .text-list-title h5 {
        font-size: 30px;
        padding: 0 30px;
        margin-bottom: 40px;
    }
}

/* Dr Form */
.dr-modal-form .item-form {
    margin-top: 40px;
}

.dr-modal-form .item-form .form-group + .form-group {
    margin-top: 15px;
}

.dr-modal-form .item-form .form-group .form-control {
    height: 32px;
}

.select2-container .select2-selection--single {
    height: 60px;
    border-color: #E4E4E8;
    border-radius: 0;
}
.select2-container {
    width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 300;
    font-size: 15px;
    color: #40456a;
    line-height: 56px;
    padding: 0 20px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #6d8493;;
}

.select2-results__option {
    padding: 10px 20px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 4px 20px;
    border-color: #E4E4E8;
}

.select2-dropdown {
    border-color: #E4E4E8;
    z-index: 10511;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 10px;
    height: 20px;
    top: 50%;
    transform: translate(0px, -50%);
    right: 30px;
}

.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow:before {transform: translateY(-50%) rotate(-90deg);}
.select2-container--default .select2-selection--single .select2-selection__arrow:before {content: "";position: absolute;top: 50%;left: 0;width: 10px;height: 15px;background-image: url(../img/svg/down-arrowr.svg);background-size: contain;background-position: center;background-repeat: no-repeat;transform: translateY(-50%) rotate(90deg);transition: .4s;}
.dr-modal-form .item-form .form-group textarea.form-control {
   height: 90px;
    resize: none;
}

.form-info {
    position: relative;
    display: flex;
    align-items: center;
}

.form-info > input {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 2px;
    height: 2px;
}

.form-info label {min-width: 15px;height: 15px;margin-bottom: 0;border: 1px solid #E4E4E8;margin-right: 10px;background: #fff;position: relative;cursor: pointer;transition: 0.4s;}
.form-info input:checked ~ label {
    background: #40456a;
}
.form-info p {
    font-weight: 300;
    font-size: 15px;
    color: #40456a;
    margin: 20px 0;
}

.form-info p a {
    color: #40456a;
    font-weight: 400;
}

.dr-modal-form .item-form .form-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}.dr-modal.hospital-modal .modal-item .item-container .item-img img:nth-child(2) {
    bottom: 0;
    right: 100px;
    width: 70%;
    z-index: 2;
    height: 100%;
}
.hospital-modal .modal-item .item-container .item-img .img-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.dr-modal.hospital-modal .modal-item .item-container .item-img .img-bg:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #FFF6F0;opacity: 0.35;z-index: 1;}

.dr-modal.hospital-modal .modal-item .item-container .item-img .img-bg:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #FFF6F0;opacity: 0.35;z-index: 2;}
.dr-modal.hospital-modal .modal-item .item-container .item-img img:nth-child(3) {
    bottom: 0;
    right: 270px;
    width: 60%;
    z-index: 1;
    height: 90%;
}
.dr-modal-form .item-form .form-group .captcha + .captcha {
    margin-left: 7px;
}

.dr-modal-form.dr-modal.hospital-modal .modal-item .item-container .item-text {
    padding-top: 55px;
}
.dr-modal-form .item-form .form-group .captcha {
    flex: 0 0 calc(50% - 3.5px);
    height: 60px;
}
.dr-modal-form .item-form .form-group button {
    margin-left: auto;
    height: 60px;
    border: none;
    background: #efeff7;
    padding: 0 20px;
    display: flex;
    align-items: center;
    flex: 0 0 50%;
    justify-content: center;
    margin-top: 7px;
}

.dr-modal-form .item-form .form-group button span {
    font-size: 15px;
    color: #40456a;
    display: inline-block;
}

.dr-modal-form .item-form .form-group button svg {fill: #2D527C;margin-right: 20px;}


@media only screen and (max-width: 1370px){
    .dr-modal-form.dr-modal.hospital-modal .modal-item-container {min-width: 80%;}
}

@media only screen and (max-width: 1199px){
    .dr-modal-form.hospital-modal .modal-item .item-container .item-img img:nth-child(1) {width: 150%;height: 130%;right: -170px;}

    .dr-modal.hospital-modal .modal-item .item-container .item-img img:nth-child(3) {
        right: 230px;
    }
}

@media only screen and (max-width: 991px){
    .dr-modal-form.hospital-modal .modal-item .item-container .item-text h5 {
        font-size: 40px;
    }

    .dr-modal-form.dr-modal.hospital-modal .modal-item .item-container .item-text {
        padding: 65px 40px;
    }

    .dr-modal-form.hospital-modal .modal-item .item-container {
        display: block;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .dr-modal-form.hospital-modal .modal-item .item-container .item-img {
        height: 500px;
    }
    .dr-modal-form.hospital-modal .modal-item .item-container .item-img img:nth-child(1) {
        width: 90%;
    }
}

@media only screen and (max-width: 767px){
    .dr-modal-form.dr-modal.hospital-modal .modal-item-container {
        margin: 40px auto 0;
        min-width: 90%;
        height: 85%;
    }

    .dr-modal-form.hospital-modal .modal-item .item-container .item-img img:nth-child(1) {
        width: 100%;
    }

    .dr-modal-form.hospital-modal .modal-close {
        top: -20px;
        left: auto;
        right: 10px;
    }

    .dr-modal-form.hospital-modal .modal-close svg {
        width: 30px;
        height: 30px;
    }

    .dr-modal-form.hospital-modal .modal-item .item-container .item-img img {
        right: -60px;
        bottom: -40px;
        width: 100%;
    }

    .dr-modal-form.hospital-modal .modal-item .item-container .item-img img:nth-child(2) {
        right: 70px;
        height: 90%;
    }

    .dr-modal-form.hospital-modal .modal-item .item-container .item-img img:nth-child(3) {
        height: 80%;
        right: 170px;
    }

    .dr-modal-form.hospital-modal .modal-item .item-container .item-img {
        height: 300px;
    }

    .dr-modal-form.dr-modal.hospital-modal .modal-item .item-container .item-text {
        padding: 30px 30px;
    }

    .dr-modal-form.hospital-modal .modal-item .item-container .item-text h5 {
        font-size: 33px;
    }

    .dr-modal-form .item-form {
        margin-top: 20px;
    }

    .dr-modal-form .item-form .form-group button svg {
        display: none;
    }

    .dr-modal-form .item-form .form-group .captcha {
        height: 40px;
    }

    .dr-modal-form .item-form .form-group .captcha input {
        height: 100%;
    }

    .dr-modal-form .item-form .form-group .captcha a {
        width: 20px;
        height: 20px;
        font-size: 10.4px;
        right: 5px;
        margin-top: -9px;
    }
}

@media only screen and (max-height: 750px){
    .dr-modal-form.dr-modal.hospital-modal .modal-item .item-container .item-text {
        overflow-y: auto;
        overflow-x: hidden;
    }

    .dr-modal-form.dr-modal.hospital-modal .modal-item-container {height: calc(100vh - 150px);}
}

/* Our Units */
.our-units{margin-top: -520px;position: relative;}
.our-units .units-header{margin-left: 220px;}
.our-units .units-header .units-title h1{font-weight: 300;font-size: 19px;letter-spacing: 0.3em;color: #fff;line-height: normal;margin-bottom: 0;position: relative;padding-left: 25px;}
.our-units .units-header .units-search{margin-top: 80px;max-width: 900px;position: relative;}
.our-units .units-header .units-search input{width: 100%;height: 100px;font-size: 36px;color: #fff;background: #fff0;padding-left: 40px;padding-right: 110px;border: none;}
.our-units .units-header .units-search svg{position: absolute;top: 50%;transform: translate(0px, -50%);right: 40px;fill: #fff;cursor: pointer;}
.our-units .page-scrolldown{position: relative;margin-top: 180px;}
.our-units .units-container{position: relative;display: flex;align-items: flex-start;}
.our-units .units-container .units-filter{position: relative;border-radius: 100px;display: inline-block;margin-left: 50px;}
.our-units .units-container .units-filter .filter-btn{padding: 24px 16px 16px;position: relative;z-index: 99;border-radius: 100px 100px 0 0;background: #fff;border: 1px solid #E8E8E8;border-bottom: none;}
.our-units .units-container .units-filter .filter-btn svg{fill: #9DA1B5;transition: 0.4s;}
.our-units .units-container .units-filter .search-btn{border-top: 1px solid #E8E8E8;padding: 18px 16px 22px;background: #fff;border: 1px solid #E8E8E8;border-radius: 0 0 100px 100px;transition: 0.4s;cursor: pointer;}
.our-units .units-container .units-filter .search-btn svg{fill: #9DA1B5;transition: 0.4s;}
.our-units .units-container .units-content-container{
    margin-top: 200px;
    margin-left: 180px;
    flex: 0 0 calc(100% - 25.75% - 180px);
    margin-bottom: 100px;
}
.our-units.active .units-container .units-filter .search-btn {opacity: 0.3;pointer-events: none;}
.our-units .units-container .unist-filter-container {
    height: 100vh;
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 99;
}
.our-units .units-header .units-search .lines {
    position: absolute;
    top: -2px;
    right: -2px;
    left: -2px;
    bottom: -2px;
}

.our-units .units-header .units-search .lines > span {
    position: absolute;
    background: #fff;
    display: block;
}

.our-units .units-header .units-search .lines > span:nth-child(1) {top: 0;left: 0;width: 100%;height: 2px;}

.our-units .units-header .units-search .lines > span:nth-child(2) {
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
}

.our-units .units-header .units-search .lines > span:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

.our-units .units-header .units-search .lines > span:nth-child(4) {
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
}
.our-units .units-container .units-filter .filter-btn .filter-icon {
    position: relative;
    cursor: pointer;
}

.our-units .units-container .units-filter .filter-btn .filter-icon svg:nth-child(2) {
    position: absolute;
    top: 0;
    left: 4px;
    fill: #6d8493;
    transform: scale(0);
}

.our-units .units-container .units-filter .filter-btn .filter-select {
    position: absolute;
    top: -20px;
    left: 90px;
    border: 1px solid #9DA1B5;
    padding: 25px 30px;
    border-radius: 20px;
    background: #fff;
    min-width: 340px;
    opacity: 0;
    visibility: hidden;
}
.our-units .units-container .units-filter .filter-btn .first-select {
    position: absolute;
    top: 6px;
    left: 90px;
    border: 1px solid #F5F5F5;
    padding: 17px 20px;
    border-radius: 20px;
    background: #fff;
    min-width: 155px;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    transition: 0.4s;
}.our-units .units-container .units-filter .filter-btn .first-select span {
    font-weight: 300;
    font-size: 15px;
    color: #40456a;
    display: block;
}
.our-units.first-active .units-container .units-filter .filter-btn .first-select{
    opacity: 1;
    visibility: visible;
}
.our-units .units-container .units-filter .filter-btn .first-select:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: -6px;
    width: 40px;
    height: 30px;
    z-index: -1;
    background-image: url(../img/svg/first-select-left-arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.our-units .units-container .units-filter .filter-btn .first-select:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: -1px;
    background: white;
    width: 10px;
    height: 18px;
}
.our-units .units-container .units-filter .filter-btn .filter-select:after {content: "";position: absolute;top: 50%;transform: translate(0px, -50%);left: -1px;background: #ffff;width: 10px;height: 31px;}

.our-units .units-container .units-filter .filter-btn.active .filter-icon svg:nth-child(2) {
    transform: scale(1);
}
.our-units .units-container .units-filter .filter-btn.active .filter-select{ opacity: 1; visibility: visible; }
.our-units .units-container .units-filter .filter-btn.active .filter-icon svg:nth-child(1) {
    transform: scale(0);
}

.our-units:before {content: "";position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(rgba(66, 69, 93, 0) 0%, rgba(66, 69, 93, 0.25) 100%);opacity: 0;z-index: 99;pointer-events: none;transition: 0.4s;}
.our-units.active:before {
    opacity: 0.25;
}
.our-units.first-active:before {
    opacity: 0.7;
}.our-units .units-container .units-content-container .content-item .item .item-list ul li.in-active {
    opacity: 0.2;
}
.our-units .units-container .units-filter .filter-btn .filter-select:before {content: "";position: absolute;top: 50%;transform: translate(-50%, -50%);left: 0;width: 55px;height: 70px;z-index: -1;background-image: url(../img/svg/left-arrow.svg);background-size: contain;background-position: center;background-repeat: no-repeat;}
.our-units .units-container .units-content-container .content-item .item{display: flex;align-items: center;}
.our-units .units-container .units-content-container .content-item .item + .item{margin-top: -200px;}
.our-units .units-container .units-content-container .content-item .item > span{font-size: 500px;color: #f7f7f7;display: inline-block;user-select: none;min-width: 420px;text-align: center;}
.our-units .units-container .units-content-container .content-item .item .item-list{margin-left: 80px;}
.our-units .units-container .units-content-container .content-item .item .item-list ul li{display: flex;align-items: center;cursor: pointer;position: relative;transition: 0.4s;}
.our-units .units-container .units-content-container .content-item .item .item-list ul li > span:nth-child(1){font-weight: bold;font-size: 15px;color: #6d8493;display: block;user-select: none;}
.our-units .units-container .units-content-container .content-item .item .item-list ul li > span:nth-child(1):before{content: "";display: block;width: 40px;height: 1px;background: #9DA1B5;margin-bottom: 10px;}
.our-units .units-container .units-content-container .content-item .item .item-list ul li > span:nth-child(2){font-size: 50px;color: #6d8493;display: block;margin-left: 40px;}
.our-units .units-header .units-title h1:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 4px;background: #6d8493;}
.our-units .units-container .units-content-container .content-item .item .item-list ul li .list-img {
    position: absolute;
    top: -150px;
    left: 0;
    width: 200px;
    height: 0;
    z-index: -1;
    overflow: hidden;
}

.our-units .units-container .units-content-container .content-item .item .item-list ul li .list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our-units .units-container .units-content-container .content-item .item .item-list ul li .list-img img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    mix-blend-mode: screen;
    transform: scale(1.4);
    opacity: 0;
}
.our-units .units-header .units-search input::-webkit-input-placeholder {
  color: #fff;
}

.our-units .units-header .units-search input:-ms-input-placeholder { 
  color: #fff;
}

.our-units .units-header .units-search input::placeholder {
  color: #fff;
}

.our-units .page-scrolldown > h3 {
    max-width: 400px;
}

.our-units .units-container .units-pagi-container {
    position: sticky;
    top: 0;
    height: 100vh;
    right: 0;
    background: #fff;
    flex: 0 0 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-units .units-container .units-pagi-container .pagi-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    height: 60%;
}

.our-units .units-container .units-pagi-container:before {content: "";position: absolute;top: -122px;left: 50%;transform: translate(-50%, 0px);bottom: 0;width: 1px;background: #E8E8E8;}

.our-units .units-container .units-pagi-container .pagi-item .item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    user-select: none;
}
.our-units .units-container .units-pagi-container .pagi-item .item.active {
    pointer-events: none;
}
.our-units .units-container .units-pagi-container .pagi-item .item + .item {
    margin-top: 30px;
}

.our-units .units-container .units-pagi-container .pagi-item .item span:nth-child(1) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    font-weight: 300;
    font-size: 50px;
    color: #6d8493;
    z-index: 1;
    transition: 0.4s;
}

.our-units .units-container .units-pagi-container .pagi-item .item span:nth-child(2) {display: block;width: 13px;height: 13px;background: #fff;border: 1px solid #E8E8E8;border-radius: 100%;position: relative;transition: 0.4s;}


.our-units .units-container .units-pagi-container .pagi-item .item.active span:nth-child(2) {
    width: 100px;
    height: 100px;
    background: rgb(255 255 255 / 0.6);
}

.our-units .units-container .units-pagi-container .pagi-item .item.active span:nth-child(1) {
    transform: translate(-50%, -50%) scale(1);
}

.our-units .units-container .units-pagi-container .pagi-item .item span:nth-child(2):before {
    content: "";
    position: absolute;
    top: -10px;
    bottom: -10px;
    right: -10px;
    left: 51%;
    background: white;
    opacity: 0;
    transition: 0.4s;
}

.our-units .units-container .units-pagi-container .pagi-item .item.active span:nth-child(2):before {
    opacity: 1;
}

.our-units-modal .modal-item {
    opacity: 1;
    visibility: visible;
}

.our-units-modal .modal-item .item-container .item-text .text-container {
    max-height: 150px;
    overflow: hidden;
    position: relative;
    margin-top: 80px;
}

.our-units-modal .modal-item .item-container .item-text .text-container p {
    font-size: 19px;
    color: #9da1b5;
    margin-bottom: 0;
}

.our-units-modal .modal-item .item-container .item-text .text-container:before {content: "";position: absolute;bottom: 0px;left: 0;right: 0;height: 100px;background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);}

.our-units-modal .modal-item .item-container .item-text h5 {
    margin-top: 0;
    position: relative;
    padding-left: 30px;
}

.our-units-modal .modal-item .item-container .item-text h5:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px
    ;height: 100%;
    background: #6d8493;
}

.our-units-modal .modal-item .item-container .item-text .more-text {
    display: inline-flex;
    align-items: center;
    margin-top: 40px;
    cursor: pointer;
}

.our-units-modal .modal-item .item-container .item-text .more-text > span a{
    font-weight: 300;
    font-size: 14px;
    color: #6d8493;
    display: block;
}

.our-units-modal .modal-item .item-container .item-text .more-text > svg {
    fill: #6d8493;
    margin-left: 10px;
}
.our-units-modal .modal-item .item-container .item-text .item-info .appointment-btn img {
    margin-right: 15px;
}

.our-units-modal .modal-item .item-container .item-text .item-info .appointment-btn span {
    font-size: 15px;
    color: #40456a;
    display: inline-block;
}

.our-units-modal .modal-item .item-container .item-text .item-info .appointment-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #efeff7;
    padding: 17px 0;
    flex: 1 1 0;
    margin-right: 20px;
}

.our-units-modal .modal-item .item-container .item-text .item-info .other-dr-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #efeff7;
    padding: 17px 0;
    flex: 1 1 0;
    cursor: pointer;
    position: relative;
}

.our-units-modal .modal-item .item-container .item-text .item-info .other-dr-btn span {
    font-size: 15px;
    color: #40456a;
    display: inline-block;
    transition: 0.4s;
}
.our-units-modal.hospital-modal .modal-item .item-container .item-text-list:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 200px;background: linear-gradient(to top, white, #ffffff00);z-index: 1;pointer-events: none;opacity: 0;transition: 0.4s;}
.our-units-modal .modal-item .item-container .item-text .item-info .other-dr-btn img {
    margin-right: 15px;
    transition: 0.4s;
}
.other-dr-active.our-units-modal.hospital-modal .modal-item .item-container .item-text-list:before {
    opacity: 1;
}.our-units-modal .modal-item .item-container .item-text .item-info .other-dr-btn > span > span:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    opacity: 0;
    width: 100%;
    text-align: center;
}

.other-dr-active.our-units-modal .modal-item .item-container .item-text .item-info .other-dr-btn > span > span:nth-child(2) {
    opacity: 1;
}

.other-dr-active.our-units-modal .modal-item .item-container .item-text .item-info .other-dr-btn > span > span:nth-child(1) {
    transform: translate(30px, 0px);
    opacity: 0;
}

.other-dr-active.our-units-modal .modal-item .item-container .item-text .item-info .other-dr-btn img {
    transform: translate(-20px, 0px);
    opacity: 0;
}

.our-units-modal .modal-item .item-container .item-text .item-info .other-dr-btn > span > span:nth-child(1) {
    transform: translate(0px, 0px);
    opacity: 1;
}
.units-text-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgb(66 69 93 / 0.85);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s;
}
.units-text-modal.active{ opacity: 1; visibility: visible; pointer-events: all; }
.units-text-modal .modal-close {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translate(-50%, 0px);
    cursor: pointer;
}

.units-text-modal .modal-close svg {
    fill: #fff;
}

.units-text-modal .modal-container {
    background: #FFFFFF;
    border: 1px solid #707070;
    max-width: 1120px;
    margin: 140px auto 0;
    border-radius: 60px;
    overflow: hidden;
}

.units-text-modal .modal-container .text-container {
    height: calc(100vh - 200px);
    overflow-y: auto;
    padding: 0 130px 100px;
}

.units-text-modal .modal-container .text-container h5 {
    font-weight: 300;
    font-size: 40px;
    color: #40456a;
    line-height: normal;
    margin-bottom: 30px;
    position: sticky;
    top: 0;
    background: #fff;
    padding: 80px 35px 40px;
}

.units-text-modal .modal-container .text-container p {
    font-weight: 300;
    font-size: 30px;
    color: #6d8493;
    margin-bottom: 0;
}

.units-text-modal .modal-container .text-container h5:before {content: "";position: absolute;top: 60px;bottom: 10px;left: 0;width: 4px;background: #6d8493;}

.our-units-modal.hospital-modal .modal-item .item-container .item-text .dr-list-item {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    height: calc(100% - 30px);
    padding-bottom: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    visibility: hidden;
}

.our-units-modal.hospital-modal .modal-item .item-container .item-text-list {
    position: relative;
}

.our-units-modal.hospital-modal .modal-item .item-container .item-text .dr-list-item .list-item {
    flex: 0 0 calc(33% - 14px);
    cursor: pointer;
}

.our-units-modal.hospital-modal .modal-item .item-container .item-text .dr-list-item .list-item + .list-item {
    margin-left: 15px;
}

.our-units-modal.hospital-modal .modal-item .item-container .item-text .dr-list-item .list-item .list-img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    background: #F2EFEF;
    margin: 0 auto -37px;
}

.our-units-modal.hospital-modal .modal-item .item-container .item-text .dr-list-item .list-item .list-title {
    text-align: center;
}

.our-units-modal.hospital-modal .modal-item .item-container .item-text .dr-list-item .list-item .list-title span:nth-child(1) {
    font-weight: bold;
    font-size: 10px;
    color: #6d8493;
    max-width: 90px;
    display: flex;
    margin: 0 auto;
    line-height: normal;
    min-height: 30px;
    align-items: center;
    justify-content: center;
}

.our-units-modal.hospital-modal .modal-item .item-container .item-text .dr-list-item .list-item .list-title span:nth-child(2) {
    font-weight: 300;
    font-size: 12px;
    color: #585858;
    background: rgb(101 101 101 / 0.08);
    padding: 3px 10px;
    display: block;
    border-radius: 30px;
}

.our-units-modal.hospital-modal .modal-item .item-container .item-text .dr-list-item .list-item .list-img img {
    margin-top: -35px;
}

.our-units-modal.hospital-modal .modal-item .item-container .item-text .dr-list-item .list-item:nth-child(3n+1) {
    margin-left: 0;
}

.our-units-modal.hospital-modal .modal-item .item-container .item-text .dr-list-item .list-item:nth-child(n+4) {
    margin-top: 30px;
}

.our-units-modal.other-dr-active .modal-item .item-container .item-text .more-text {
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
}

.our-units-modal.other-dr-active .modal-item .item-container .item-text .item-info {
    margin-top: 10px;
}

.our-units-modal.other-dr-active .modal-item .item-container .item-text h5 {
    transform: translate(-73px, -30px) scale(0.7);
}

.our-units-modal.other-dr-active .modal-item .item-container .item-text .dr-list-item {
    opacity: 1;
    visibility: visible;
}

.our-units-modal.other-dr-active .modal-item .item-container .item-text .text-container {
    opacity: 0;
    visibility: hidden;
}.our-units-modal.other-dr-active .modal-item .item-container .item-text-list {
    height: 300px;
}

.our-units-modal.hospital-modal .modal-item .sub-title {
    font-weight: 300;
    font-size: 19px;
    letter-spacing: 0.3em;
    color: #9da1b5;
    position: absolute;
    top: 180px;
    left: 135px;
    opacity: 0;
    visibility: hidden;
}

.our-units-modal.hospital-modal .modal-item .item-container .item-text > .line {
    position: absolute;
    top: 0;
    height: 92px;
    left: 0;
    width: 4px;
    background: #6d8493;
}

.hospital-modal.other-dr-active .modal-item .item-container .item-text > .line {
    top: 180px;
    height: 25px;
    left: 110px;
}

.our-units-modal.other-dr-active .modal-item .sub-title {
    opacity: 1;
    visibility: visible;
}

@media (hover: hover){
    .our-units .units-container .units-filter .search-btn:hover svg {
        fill: #6d8493;
    }
    
    .our-units .units-container .units-filter .filter-btn:hover svg {
        fill: #6d8493;
    }
}

@media only screen and (min-width: 1200px){
    .our-units .units-header .units-search .lines > span:nth-child(1) {
        width: 0;
    }

    .our-units .units-header .units-search .lines > span:nth-child(2) {
        height: 0;
    }

    .our-units .units-header .units-search .lines > span:nth-child(3) {
        width: 0;
    }

    .our-units .units-header .units-search .lines > span:nth-child(4) {
        height: 0;
    }

    .our-units .units-header .units-search input {
        transform: translate(-20px, 0px);
        opacity: 0;
        visibility: hidden;
    }

    .our-units .units-header .units-search svg {
        transform: translate(0px, -50%) scale(0);
    }

    .our-units .units-container {
        opacity: 0;
        visibility: hidden;
    }

    .our-units .page-scrolldown {
        opacity: 0;
        visibility: hidden;
    }

    .our-units .units-header .units-title h1 {
        transform: translate(0px, 30px);
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-height: 830px){
    .our-units .units-header {
        transform: translate(0px, 10vh);
    }

    .our-units .units-header .units-search input {
        height: 90px;
    }

    .our-units .units-header .units-search {
        margin-top: 40px;
    }

    .our-units .page-scrolldown {
        margin-top: 240px;
    }

    .our-units .units-container .units-pagi-container:before {
        top: -68px;
    }
}

@media only screen and (max-height: 760px){
    .our-units .units-header {
        transform: translate(0px, 17vh);
    }
}

@media only screen and (max-height: 680px){
    .our-units .units-header .units-search {max-width: 700px;}

    .our-units .units-header .units-search input {
        font-size: 29px;
        height: 80px;
    }

    .our-units .units-header .units-title h1 {
        font-size: 15px;
    }

    .our-units .units-header .units-search svg {
        width: 30px;
        height: 35px;
    }

    .our-units .units-container .units-pagi-container:before {
        top: -53px;
    }

    .our-units .units-header {
        transform: translate(0px, 24vh);
    }
}

@media only screen and (max-width: 1660px){
    .our-units .units-container .units-content-container {margin-top: 0;}

    .our-units .units-container .units-content-container .content-item .item > span {
        font-size: 30vw;
    }

    .our-units .units-container .units-content-container .content-item .item + .item {
        margin-top: -10vw;
    }

    .our-units .units-container .units-content-container .content-item .item .item-list ul li > span:nth-child(2) {
        font-size: 2.6vw;
    }

    .our-units .units-container .units-content-container .content-item .item .item-list {
        margin-left: 8%;
    }
}

@media only screen and (max-width: 1470px){
    .our-units .units-header {
        margin-left: 10%;
    }
}

@media only screen and (max-width: 1370px){
    .our-units .units-container .units-content-container .content-item .item > span {
        font-size: 25vw;
        min-width: 300px;
    }
}

@media only screen and (max-width: 1199px){
    .our-units .units-header .units-search {
        max-width: 79%;
        margin-top: 40px;
    }
    .units-text-modal .modal-container {
        width: 90%;
    }
    .our-units .units-header {
        margin-left: 50px;
        transform: translate(0px, 6vh);
    }

    .our-units .units-header .units-search input {
        font-size: 30px;
        height: 90px;
    }

    .our-units .page-scrolldown {
        margin-top: 240px;
    }

    .our-units .units-container .units-pagi-container:before {
        top: -68px;
    }

    .our-units .units-container .units-content-container {
        flex: 0 0 calc(100% - 25.75% - 30px);
        margin-left: 30px;
    }

    .our-units .units-container .units-pagi-container {
        display: none;
    }
    .hospital-modal.our-units-modal .modal-item-container {
        min-width: 800px;
    }

    .hospital-modal .modal-item .item-container .item-text .item-info {
        display: block;
    }

    .our-units-modal .modal-item .item-container .item-text .item-info .other-dr-btn {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 991px){
    .our-units .units-header .units-search input {
        height: 75px;
        font-size: 25px;
        padding-left: 30px;
        padding-right: 80px;
    }

    .hospital-modal.our-units-modal .modal-item .item-container {
        display: block;
    }

    .hospital-modal.our-units-modal .modal-item .item-container .item-img {
            height: 500px;
        }

        .hospital-modal.our-units-modal .modal-item-container {
            min-width: 80%;
        
    }.units-text-modal .modal-container .text-container {
    padding: 0 70px 100px;
}
    .our-units .units-header .units-search svg {
        width: 25px;
        right: 30px;
    }
    .our-units .units-container .units-content-container .content-item .item > span {
        min-width: 200px;
    }
    .our-units .units-header .units-title h1 {
        font-size: 14px;
        padding-left: 20px;
    }

    .our-units .page-scrolldown {
        margin-top: -40px;
    }

    .our-units .units-header {
        height: 520px;
        margin-left: 40px;
        transform: translate(0px, 0px);
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .our-units .units-container .units-content-container .content-item .item .item-list ul li > span:nth-child(1) {font-weight: 600;padding-top: 5px;}

    .our-units .units-container .units-content-container .content-item .item .item-list ul li > span:nth-child(1):before {
        margin-bottom: 3px;
    }

    .our-units .units-container .units-content-container .content-item .item .item-list ul li + li {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px){
    .our-units .units-header .units-search input {height: 60px;padding: 0 45px 0 15px;font-size: 18px;}

    .our-units .units-header .units-search {
        max-width: 100%;
        margin-top: 20px;
    }
    .our-units .units-container .units-filter .filter-btn .first-select {
        top: 70px;
        left: 0;
    }
    .our-units .units-container .units-content-container .content-item {
        margin-bottom: 20px;
    }
    .our-units .units-container .units-filter .filter-btn .first-select:before {
        top: 0;
        transform: translate(-50%, -71%) rotate(90deg);
        left: 40px;
    }
    .hospital-modal.our-units-modal .modal-item .item-container .item-text {
        padding: 30px 30px;
    }

    .our-units-modal .modal-item .item-container .item-text h5 {
        padding-left: 0;
    }

    .our-units-modal .modal-item .item-container .item-text .text-container {
        margin-top: 20px;
    }

    .our-units-modal.hospital-modal .modal-item .item-container .item-text > .line {
        display: none;
    }
    .hospital-modal.our-units-modal .modal-close {
        top: 0;
        right: 0;
        left: 50%;
        transform: translate(-50%, 0px);
        text-align: center;
        z-index: 2;
    }

    .our-units-modal .modal-item {
        top: 70px;
    }
    .our-units-modal .modal-item .item-container .item-text .item-info .appointment-btn {
        margin-right: 0;
        padding:11px 11px;
    }
    .units-text-modal .modal-container {
        max-width: 90%;
        border-radius: 40px;
    }

    .units-text-modal .modal-container .text-container {
        padding: 0 30px 100px;
    }

    .units-text-modal .modal-container .text-container h5 {font-size: 25px;padding: 40px 20px 30px;margin-bottom: 0;}

    .units-text-modal .modal-container .text-container h5:before {
        width: 2px;
        top: 30px;
        bottom: 15px;
    }

    .units-text-modal .modal-container .text-container p {
        font-size: 16px;
    }

    .units-text-modal .modal-close svg {
        width: 30px;
    }
    .our-units .units-container .units-filter .filter-btn .first-select:after {
        top: 6px;
        left: 31px;
        width: 20px;
    }
    .our-units .units-header {
        margin: 0 20px;
    }

    .our-units .units-header .units-title h1 {
        font-size: 11px;
        padding-left: 10px;
    }
    .our-units .units-container .units-content-container .content-item .item > span {
        min-width: 90px;
    }
    .our-units .units-header .units-title h1:before {
        width: 2px;
    }

    .our-units .units-header .units-search .lines > span:nth-child(1) {
        height: 1px;
    }

    .our-units .units-header .units-search .lines > span:nth-child(2) {
        width: 1px;
    }

    .our-units .units-header .units-search .lines > span:nth-child(3) {
        height: 1px;
    }

    .our-units .units-header .units-search .lines > span:nth-child(4) {
        width: 1px;
    }

    .our-units .units-header .units-search svg {
        width: 17px;
        right: 15px;
    }

    .our-units .page-scrolldown > h3 {
        max-width: 80%;
    }
    
    .our-units .units-container {
        display: block;
        margin: 20px 30px;
    }

    .our-units .units-container .unist-filter-container {height: auto;justify-content: center;top: 80px;}

    .our-units .units-container .units-filter {
        display: flex;
        align-items: center;
        margin-left: 0;
    }

    .our-units .units-container .units-filter .filter-btn {
        border-radius: 100px 0 0 100px;
        border-bottom: 1px solid #E8E8E8;
        border-right: none;
        padding: 14px 19px 11px 28px;
    }

    .our-units .units-container .units-filter .search-btn {
        border-radius: 0 100px 100px 0;
        padding: 14px 28px 11px 19px;
    }
    .hospital-modal.our-units-modal .modal-item-container {
        margin:  auto;
        min-width: initial;
        width: 90%;
        overflow: hidden;
    }
    .our-units .units-container .units-content-container {
        margin-top: 10px;
        margin-left: 0;
        flex: 0 0 100%;
        margin-bottom: 40px;
    }

    .our-units .units-container .units-filter .filter-btn .filter-select {
        top: 160%;
        left: 100%;
        transform: translate(-50%, 0px);
        min-width: 260px;
        padding: 15px 20px;
    }

    .our-units .units-container .units-filter .filter-btn .filter-select:before {
        top: -23px;
        left: 38%;
        transform: translate(-50%, 0) rotate(90deg);
        width: 20px;
        height: 30px;
    }

    .our-units .units-container .units-filter .filter-btn .filter-select:after {
        top: 0px;
        left: 38%;
        transform: translate(-50%, 0);
        width: 25px;
        height: 10px;
    }

    .select2-container .select2-selection--single {
        height: 55px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 52px;
    }

    .our-units .units-container .units-content-container .content-item .item .item-list ul li > span:nth-child(2) {
        margin-left: 10px;
        font-size: 18px;
    }

    .our-units .units-container .units-content-container .content-item .item .item-list ul li > span:nth-child(1) {
        font-size: 12px;
        font-weight: 500;
        margin-top: -10px; 
    }

    .our-units .units-container .units-content-container .content-item .item .item-list ul li > span:nth-child(1):before {
        width: 18px;
        margin-bottom: 0; 
    }

    .our-units .units-container .units-content-container .content-item .item + .item {
        margin-top: -20px;
    }
}

.main-banner{
    overflow: hidden;
    background: #6d8493;
    padding-top: 120px;} 
.main-banner .banner-bg-container{position: absolute;top: 0;right: 0;left: 0;bottom: -280px;}
.main-banner .banner-bg-container .bg-item{position: absolute;top: 0;right: 0;left: 0;bottom: 0;opacity: 0;/* visibility: hidden; */background-size: cover;background-position: center;transform: scale(1.5);transition: 1s;}
.main-banner .banner-bg-container .bg-item.active{opacity: 0.4;transform: scale(1);}
.main-banner .banner-bg-container .bg-item:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: #003365bf;z-index: 1;}

.main-banner .banner-logo{position: absolute;top: 50%;transform: translate(0px, -50%);left: 6.8vw;z-index: 2;}
.main-banner .banner-scroll{position: absolute;right: 90px;top: 50%;transform: translate(0px, -50%);}
.main-banner .banner-scroll .slide-pagi{width: 7px;margin: 0 auto 20px;}
.main-banner .banner-scroll .slide-pagi > span{width: 7px;height: 7px;border-radius: 100%;display: block;position: relative;}
.main-banner .banner-scroll .slide-pagi > span.active:before{opacity: 1;}
.main-banner .banner-scroll .slide-pagi > span + span{margin-top: 10px;}
.main-banner .banner-scroll > span{font-weight: 300;font-size: 19px;color: #fff;display: inline-block;writing-mode: vertical-lr;transform: rotate(-180deg);}

.main-banner .banner-info{border: 1px solid rgb(255 255 255 / 10%);display: flex;align-items: center;justify-content: center;padding: 20px 40px;position: absolute;right: 90px;bottom: 70px;}
.main-banner .banner-info a{font-size: 30px;
    color: #fff;
    transition: none;
    user-select: none;}
.main-banner .banner-info a + a{margin-left: 50px;padding-left: 50px;border-left: 1px solid rgb(255 255 255 / 10%);}

.main-banner .banner-info a span {
    transition: 0.4s;
}

.main-banner .banner-container{display: flex;
    justify-content: center;
    position: relative;
}
.main-banner .banner-container .banner-img-container{flex: 0 0 50%;
    height: 68vh;
    position: relative;}
.main-banner .banner-container .banner-img-container .img-item{display: block;height: 22.7vw;background-size: cover;background-position: center;position: absolute;top: 0;left: 0;right: 0;transition: none;pointer-events: none;}
.main-banner .banner-container .banner-img-container .img-item .item-arrow{width: 9.7vw;height: 9.7vw;background: #6d8493;mix-blend-mode: multiply;border-radius: 100%;position: absolute;top: 50%;right: 0;transform: translate(50%, -50%) scale(0);display: flex;align-items: center;justify-content: center;transition: .5s 0.2s;}
.main-banner .banner-container .banner-img-container .img-item .item-arrow svg{fill: #fff;transform: translate(-10px, 0px) scale(0);transition: 0.5s 0.4s;width: 4.2vw;height: 1.8vw;}
.main-banner .banner-container .banner-img-container .img-item .img-item-c {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
}
.main-banner .banner-container .banner-img-container .swiper-container {
    height: 100%;
    padding-left: 150px;
    margin-left: -140px;
    padding-right: 100px;
    margin-right: -100px;
}

.main-banner .banner-container .banner-img-container .swiper-container .slide-img {
    width: 100%;
    position: relative;
    display: block;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}.main-banner .banner-container .banner-img-container .swiper-container .swiper-slide a {
    display: block;
    position: relative;
    height: 100%;
}

.main-banner .banner-container .banner-img-container .swiper-container .slide-img span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}.main-banner .banner-container .banner-img-container .swiper-container .slide-img span:nth-child(2) {
    mix-blend-mode: soft-light;
    transform: scale(1) rotate(0);
    opacity: 0;
}
.main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-prev, .main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-duplicate-prev {
    transform: translate(-100px, 0px) rotate(-20deg);
    /* transition-delay: 0s; */
}

.main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-next, .main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-duplicate-next {
    transform: translate(-100px, 0px) rotate(20deg);
    /* transition-delay: 0.4s; */
}

.main-banner .banner-container .banner-img-container .swiper-container .swiper-slide:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0px;background: #1D2C3B;z-index: 1;opacity: 0.8;transition: 0.5s;pointer-events: none;}

.main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-active:before {
    opacity: 0;
}
.main-banner .banner-container .banner-img-container .swiper-container .swiper-slide{
    height: auto;
    transition: 1s;
    pointer-events: none;
}.main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-active {
    transform: translate(0, 0px) rotate(0);
    /* transition-delay: 0.5s; */
    pointer-events: all;
}.main-banner .banner-container .banner-img-container .swiper-container .swiper-slide .item-arrow {
    background: #6d8493;
    width: 9.7vw;
    height: 9.7vw;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%) scale(0);
    right: 0;
    mix-blend-mode: multiply;
    transition: 0.5s 0.1s;
}
.main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-active .item-arrow svg, .main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-active .item-arrow svg {
    transform: translate(0, 0px) scale(1);
}
.main-banner .banner-container .banner-img-container .swiper-container .swiper-slide .item-arrow svg {
    fill: #fff;
    transform: translate(-20px, 0px) scale(0);
    transition: 0.5s 0.2s;
    width: 4.2vw;
    height: 2.1vw;
}

.main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-active .item-arrow {
    transform: translate(50%, -50%) scale(1);
}
.main-banner .banner-container .banner-img-container .img-item .img-item-c span {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}

.main-banner .banner-container .banner-img-container .img-item .img-item-c span:nth-child(2) {
    mix-blend-mode: soft-light;
    transform: scale(1) rotate(0);
    opacity: 0; 
}
.main-banner .banner-container .banner-content{
   flex: 0 0 670px;
    margin-left: 58px;
    margin-top: 40px;
}.main-banner .banner-container .banner-content .banner-text-container .text-item p + p > span > span {
    transform: translate(0px, 100%);
}
.main-banner .banner-container .banner-content .slide-frag{display: flex;align-items: center;margin-bottom: 50px;user-select: none;}
.main-banner .banner-container .banner-content .slide-frag span:nth-child(1){font-weight: 900;font-size: 31px;color: #fff;}
.main-banner .banner-container .banner-content .slide-frag span:nth-child(2){
    margin: 0 4px;
}
.main-banner .banner-container .banner-content .slide-frag span:nth-child(3){font-weight: 900;font-size: 31px;-webkit-text-stroke: 1px #fff;}

.main-banner .banner-container .banner-content .banner-text-container{user-select: none;}
.main-banner .banner-container .banner-content .banner-text-container .text-item{
    position: relative;
    overflow: hidden;
}
.main-banner .banner-container .banner-content .banner-text-container .text-item p{font-size: 40px;font-weight: bold;margin-bottom: 0;line-height: normal;color: rgb(255 255 255 / 0.6);position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;/* transform: translate(0px, 100%); */overflow: hidden;}
.main-banner .banner-container .banner-content .banner-text-container .text-item p > span {
    display: block;
    overflow: hidden;
    line-height: normal;
}

.main-banner .banner-container .banner-content .banner-text-container .text-item p > span:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
}

.main-banner .banner-container .banner-content .banner-text-container .text-item p > span:nth-child(2) > span {
    transform: translate(0px, 100%);
}

.main-banner .banner-container .banner-content .banner-text-container .text-item p > span > span {
    display: inline-block;
    line-height: normal;
    margin-right: 8px;
}
.main-banner .banner-container .banner-content .banner-text-container .text-item p > span > span.empty {
    width: 13px;
    height: 100%;
}
.main-banner .banner-container .banner-content .slide-arrow{display: flex;align-items: center;margin-top: 60px;}
.main-banner .banner-container .banner-content .slide-arrow .arrow-btn{cursor: pointer;}
.main-banner .banner-container .banner-content .slide-arrow .arrow-btn svg{fill: #fff;transition: 0.4s;}
.main-banner .banner-container .banner-content .slide-arrow .arrow-btn.in-active {
    pointer-events: none;
}

.main-banner .banner-container .banner-content .slide-arrow .arrow-btn.in-active svg {
    opacity: 0.3;
}
.main-banner .banner-container .banner-img-container .img-item.active .item-arrow {
    transform: translate(50%, -50%) scale(1);
}

.main-banner .banner-container .banner-img-container .img-item.active {
    pointer-events: all;
    z-index: 1;
}

.main-banner .banner-container .banner-img-container .img-item.active .item-arrow svg {
    transform: translate(0px, 0px) scale(1);
}

.main-banner .banner-container .banner-img-container .img-item:before {content: "";position: absolute;top: -1px;right: -1px;left: -1px;bottom: -1px;background: #1D2C3B;opacity: 0.8;transition: 0.4s;z-index: 1;}

.main-banner .banner-container .banner-img-container .img-item.active:before {
    opacity: 0;
}

.main-banner .banner-container .banner-content .slide-arrow .arrow-btn.arrow-next {
    margin-left: 45px;
}
.main-banner .main-banner-container {
   position: relative;
    
}

@media (hover: hover){
    .main-banner .banner-info a:hover span {
        color: #6d8493;
    }
    
    .main-banner .banner-container .banner-content .slide-arrow .arrow-btn:hover svg {
        fill: #6d8493;
    }
}

@media only screen and (min-width: 1200px){
    .main-banner .banner-logo {
        transform: translate(100%, -60%);
        overflow: hidden;
    }

    .main-banner .banner-logo img {
        transform: translate(-100%, 0);
    }

    .main-banner .banner-container .banner-content .slide-frag > span {
        transform: translate(0px, 10px);
        opacity: 0;
        /* visibility: hidden; */
    }

    .main-banner .banner-scroll > span {
        transform: translate(0px, 30px) rotate(-180deg);
        opacity: 0;
        visibility: hidden;
    }

    .main-banner .banner-scroll .slide-pagi > span {
        transform: translate(0px, -20px);
        opacity: 0;
        visibility: hidden;
    }

    .main-banner .banner-scroll .slide-pagi > span:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;border: 1px solid #ffffff;border-radius: 100%;opacity: 0.4;transition: 0.4s;}

    .main-banner .banner-info a {
        transform: scale(0.9);
    }
    .main-banner .banner-container .banner-img-container {
        /* transform: translate(50px, 300px) rotate(20deg); */
        opacity: 0;
        visibility: hidden;
    }
    .main-banner .banner-info {
        transform: scale(1.1);
        opacity: 0;
        visibility: hidden;
    }

    .main-banner .banner-bg-container {
        transform: scale(1.5);
        opacity: 0;
        visibility: hidden;
    }

    .main-banner .banner-container .banner-content .banner-text-container {
        transform: translate(0px, 20px);
        opacity: 0;
        visibility: hidden;
    }

    .main-banner .banner-container .banner-content .slide-arrow .arrow-btn.arrow-next {
        transform: translate(30px, 0px);
    }

    .main-banner .banner-container .banner-content .slide-arrow .arrow-btn.arrow-prev {
        transform: translate(-20px, 0px);
    }

    .main-banner .banner-container .banner-content .slide-arrow .arrow-btn {
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-width: 1470px){
    .main-banner .banner-info a {
        font-size: 16px;
    }

    .main-banner .banner-info a + a {
        margin-left: 40px;
        padding-left: 40px;
    }

    .main-banner .banner-info {
        bottom: 40px;
    }

    .main-banner .banner-container .banner-content .banner-text-container .text-item p {
        font-size: 30px;
    }

    .main-banner .banner-container .banner-content .slide-arrow .arrow-btn svg {
        width: 20px; 
        height: 20px;
    }
.banner-grids > .banner-grid {
    min-height: 213px;
    color: #ffffff;
}
.banner-grids > .banner-grid {
    min-height: 255px !important;
    color: #ffffff;
}
.banner-grids > .banner-grid > .banner-grid-wrapper {
padding: 10px 8px!important;
}
.banner-grids .banner-grid-title {
    margin-bottom: 0;
    font-size: 16px;
}
    .main-banner .banner-container .banner-content .slide-frag span:nth-child(1) {
        font-size: 25px;
    }

    .main-banner .banner-container .banner-content .slide-frag span:nth-child(3) {
        font-size: 25px;
    }
.main-banner .banner-container .banner-content {flex: 0 0 429px;
    margin-left: 16px;
    margin-top: 40px;}
    .main-banner .banner-container .banner-content .slide-frag span:nth-child(2) svg { 
        width: 20px;
        height: 20px;
        margin: 0 -4px;
    }
.main-banner .banner-container .banner-content .banner-text-container .text-item p > span > span.empty {
    width: 10px;
}
    .main-banner .banner-container .banner-content .slide-frag {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1370px){
    .main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-prev, .main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-duplicate-prev {
        transform: translate(-70px, 0px) rotate(-20deg);
    }

    .main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-next, .main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-duplicate-next {
        transform: translate(-70px, 0px) rotate(20deg);
    }
}

@media only screen and (max-width: 1199px){
    .main-banner .main-banner-container {
        height: 800px;
    }

    .main-banner {
        padding-bottom: 0;
    }

    .main-banner .banner-bg-container {
        bottom: 0;
        background: #003365;
    }

    .main-banner .banner-scroll {
        display: none;
    }
    .main-banner .banner-container .banner-img-container {
        margin-left: 180px;
    }
    .main-banner .banner-info {right: 50px;bottom: 120px;}
}

@media only screen and (max-width: 991px){
    .main-banner .banner-info {
        display: none;
    }

    .main-banner .main-banner-container {
        height: 700px;
    }

    .main-banner .banner-logo img {max-width: 150px;}

    .main-banner .banner-container .banner-img-container {
        margin-left: 20px;
        flex: 0 0 50%;
    }
    .main-banner .banner-logo {
        display: none;
    }

    .main-banner .banner-container .banner-content {
        flex: 0 0 20%;
        margin-left: 90px;
    }

    .main-banner .banner-container .banner-img-container .img-item {
        height: 28vw;
    }

    .main-banner .banner-container .banner-content .slide-frag span:nth-child(3) {
        -webkit-text-stroke-width: 0;
        color: #fff;
        opacity: 0.3;
    }
    .main-banner .banner-container .banner-content .banner-text-container .text-item p {
        line-height: normal;
        font-size: 24px;
        font-weight: 500;
    }
}

@media only screen and (max-width: 767px){
    .main-banner .main-banner-container {
        height: calc(100vh - 300px);
    }

    .main-banner .banner-container .banner-img-container {
        margin-left: 0;
        flex: 0 0 100%;
    }
    .main-banner .banner-bg-container .bg-item.active {
        z-index: 2;
    }
    .main-banner .banner-container .banner-content {
      margin-left: 0;
    position: absolute;
    bottom: 30px;
    right: 0px;
    left: auto;
    flex: auto;
    z-index: 1;
    width: 100%;
    }
    .main-banner .banner-container .banner-content .banner-text-container .text-item p > span > span.empty {
        width: 6px;
    }
    .main-banner .banner-container {
        justify-content: space-between;
        margin: 0 0px;
        z-index: 2;
    }
    .main-banner .banner-container .banner-img-container .img-item {
        height: 40vw;
    }
    .main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-prev, .main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-duplicate-prev {
        transform: translate(-35px, 0px) rotate(-20deg);
    }

    .main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-next, .main-banner .banner-container .banner-img-container .swiper-container .swiper-slide.swiper-slide-duplicate-next {
        transform: translate(-35px, 0px) rotate(20deg);
    }

    .main-banner .banner-container .banner-img-container .swiper-container .swiper-slide .item-arrow {
        width: 70px;
        height: 70px;
    }

    .main-banner .banner-container .banner-img-container .swiper-container .swiper-slide .item-arrow svg {
        width: 30px;
        height: 20px;
    }
    .main-banner .banner-container .banner-img-container .img-item .item-arrow {
        width: 15.7vw;
        height: 15.7vw;
    }

    .main-banner .banner-container .banner-img-container .img-item .item-arrow svg {
        width: 7.2vw;
        height: 4.8vw;
    }

    .main-banner .banner-container .banner-content .slide-frag {
        display: none;
    }

    .main-banner .banner-container .banner-content .slide-arrow {
        margin-top: 20px;
    }

    .main-banner .banner-container .banner-content .banner-text-container .text-item p {
        font-size: 18px;
    }
    .main-banner .banner-bg-container .bg-item {
        transform: scale(1);
        mix-blend-mode: saturation;
        z-index: -1;
    }  
}

/* Main About */
.main-about{background:#efeff7;position: relative;padding: 110px 0px 255px 125px;margin-top: -280px;width: 79%;} 
.main-about .about-container{display: flex;align-items: center;}
.main-about .about-container .social-media{position: relative;background: #fff;}
.main-about .about-container .social-media:before {content: "";position: absolute;top: calc(-100% - -47px);left: 50%;transform: translate(-50%, 0);background: #D8D8D8;width: 1px;height: 130px;}
.main-about .about-container .social-media a{display: block;text-align: center;transition: none;}
.main-about .about-container .social-media a + a{margin-top: 25px;}
.main-about .about-container .social-media a svg{fill: #aaaaaa;}

.main-about .about-container .about-content{flex: 0 0 42%;max-width: 575px;position: relative;margin-left: 170px;max-height: 16.5vw;}
.main-about .about-container .about-content h2{line-height: normal;margin-bottom: 40px;}
.main-about .about-container .about-content h2 > span{font-weight: 300;font-size: 75px;color: #6c6f86;display: block;position: absolute;top: 0;left: 0;right: 0;opacity: 0;visibility: hidden;}
.main-about .about-container .about-content .content-link{height: 30px;position: relative;}
.main-about .about-container .about-content .content-link a {font-weight: bold;font-size: 20px;color: #edb089;display: flex;align-items: center;position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;transition: none;}
.main-about .about-container .about-content .content-link a > span{display: block;width: 150px;height: 1px;background: #6d8493;margin-left: 10px;}

.main-about .about-container .about-content .about-arrow{margin-top: 50px;display: flex;align-items: center;}
.main-about .about-container .about-content .about-arrow .arrow-btn.arrow-next{margin-left: 20px;}
.main-about .about-container .about-content .about-arrow .arrow-btn svg{fill: #40456A;transition: 0.4s;}

.main-about .about-container .about-img{flex: 0 0 42%;max-width: 570px;height: 600px;margin-bottom: -240px;margin-left: 160px;transform: translate(0px, 60%);overflow: hidden;position: relative;z-index: 2;}
.main-about .about-container .about-img-container{position: absolute;top: -100px;right: 0;left: 0;bottom: 0;}
.main-about .about-container .about-img .img-item{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-size: cover;background-position: center;opacity: 0;visibility: hidden;border-radius: 30px;}

.main-about .about-container .about-content .about-arrow .arrow-btn {
    cursor: pointer;
}

@media (hover: hover){
    .main-about .about-container .about-content .about-arrow .arrow-btn:hover svg {
        fill: #6d8493;
    }
}

@media only screen and (min-width: 1200px){
    .main-about .about-container .about-content {
        transform: translate(0px, 40px);
        opacity: 0;
        visibility: hidden;
    }

    .main-about .about-container .about-content .content-link {
        transform: translate(0px, 20px);
        opacity: 0;
        visibility: hidden;
    }

    .main-about .about-container .about-content .about-arrow .arrow-prev {
        transform: translate(-20px, 0px);
    }

    .main-about .about-container .about-content .about-arrow .arrow-next {
        transform: translate(20px, 0);
    }

    .main-about .about-container .about-content .about-arrow .arrow-btn {
        opacity: 0;
        visibility: hidden;
    }

    .main-about .about-container .social-media a {
        transform: scale(0);
    }
}

@media only screen and (max-width: 1740px){
    .main-about .about-container .about-content h2 > span {
        font-size: 3.9vw;
    }
}

@media only screen and (max-width: 1470px){
    .main-about .about-container .about-content {
        margin-left: 10%;
    }

    .main-about .about-container .about-img {
        height: 30vw;
    }
    .main-about .about-container .social-media:before {
        top: calc(-100% - -95px);
        height: 100px;
    }
}

@media only screen and (max-width: 1370px){
    .main-about .about-container .about-content .about-arrow {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 1199px){
    .main-about {
        margin-top: -90px;
        z-index: 2;
    }

    .main-about .about-container .about-img-container {
        top: 0;
    }

    .main-about .about-container .about-img {
        margin-bottom: 0px;
        transform: translate(0px, 0);
    }
}

@media only screen and (max-width: 991px){
    .main-about {
        margin-top: -80px;
        padding: 100px 40px;
    }

    .main-about .about-container .about-content h2 {
        margin-bottom: 30px;
    }

    .main-about .about-container .about-content .content-link a {
        font-size: 15px;
        font-weight: 500;
    }

    .main-about .about-container .about-content .content-link a > span {
        width: 70px;
    }

    .main-about .about-container .about-content .about-arrow {
        margin-top: 30px;
    }

    .main-about .about-container .about-content h2 > span {
        font-size: 4vw;
    }

    .main-about .about-container .about-img {
        margin-left: 100px;
        flex: 0 0 50%;
        height: 30vw;
    }

    .main-about .about-container .social-media a svg {
        width: 18px;
        height: 18px;
    }

    .main-about .about-container .social-media a + a {
        margin-top: 18px;
    }

    .main-about .about-container .social-media:before {
        top: calc(-100% - -74px);
        height: 90px;
    }
}

@media only screen and (max-width: 767px){
    .main-about .about-container .about-img {
        margin-left: 30px;
        margin-top: 50px;
        margin-right: -30px;
        height: 270px;
        transform: translate(0px, 0px);
    }
.main-banner .banner-container .banner-img-container {
   height: 92vh !important;
}
    .main-about {
        margin-top: 0;
        padding: 40px 30px 0;
        width: 100%;
    }
    .main-about .about-container .about-content .about-arrow {
        margin-top: 15px;
    }
    .main-about .about-container .social-media {
        /* display: inline-flex; */
        /* align-items: center; */
        z-index: 1;
        /* margin-left: -7px; */
        /* margin-bottom: 30px; */
        position: absolute;
        right: 0;
        top: 10px;
        display: none;
    }

    .main-about .about-container .social-media a + a {
        margin-top: 0;
    }

    .main-about .about-container .social-media a {
        padding: 5px 7px;
        background: #fff;
        position: relative;
    }

    .main-about .about-container {
        display: block;
        position: relative;
    }

    .main-about .about-container .social-media:before {top: calc(-100% - -120px);height: 40px;}

    .main-about .about-container .about-content {
        margin-left: 0;
        flex: 0 0 100%;
        max-height: initial;
    }

    .main-about .about-container .about-content h2 > span {
        font-size: 7vw;
    }

    .main-about .about-container .about-content h2 { 
        width: 70%;
        position: relative;
        margin-bottom: 15px;
    }
}

/* Main Services */
.main-service .service-container{display: flex;align-items: flex-start;width: 100%;}
.main-service .service-img{flex: 0 0 42%;
    max-width: 820px;
    height: 790px;
    position: relative; 
   margin-top: 0px;
    overflow: hidden;
    z-index: 2;}
.main-service .service-img .img-item{position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    transform: translate(0px, 0px) !important;} 

.main-service .service-content{position: relative; 
    display: flex;
    align-items: center;
    max-width: 1110px;
    margin-left: auto;
    background: #fff;
    border: 1px solid #E4E4E8;  
    padding: 20px 0 20px 20px;
   margin-top: 0px;
    z-index: 1; margin-bottom: 30px;}

.main-service .service-content .content-item{max-width: 170px;margin-right: 100px;position: relative;}
.main-service .service-content .content-item > span{font-weight: 500;font-size: 40px;text-align: right;color: #6d8493;display: block;line-height: normal;margin-bottom: 40px;}
.main-service .service-content .content-item > a{font-weight: bold;
    font-size: 28px;
    color: #6d8493;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: none;}
.main-service .service-content .content-item > a > span{display: block;width: 40%;height: 1px;background: #6d8493;margin-right: 10px;} 
.main-service .service-content:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #fff;}
.main-service .service-content ul{display: flex;flex-wrap: wrap;position: relative;}
.main-service .service-content ul li{
   flex: 0 0 47%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #efeff7; 
    padding: 20px;
    border-radius: 30px;
    margin-right: 10px;
}
.main-service .service-content ul li:nth-child(n+3) {
    margin-top: 20px;
} 
.main-service .service-content ul li a{display: flex;align-items: center;} 
.main-service .service-content ul li a img{
   min-width: 58px;
    max-height: 58px;
    object-fit: contain;
    opacity: 0.9;}
.main-service .service-content ul li a > span{font-size: 21px;
  color: #6d8493;
    display: block;
    margin-left: 10px;}  
	.main-service .service-content ul li a > span:hover{font-size: 21px;
 color: #2a2c3c;
    display: block;
    margin-left: 10px;}  
	.main-service .service-content ul li:hover { 
    flex: 0 0 47%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  background-color: #e2e2e8;
    padding: 20px;
    border-radius: 30px;
    margin-right: 10px;
}

@media only screen and (min-width: 1200px){
    .main-service .service-content .content-item > a > span {
        transform: scale(0, 1);
    }

    .main-service .service-content .content-item > a {
        transform: translate(20px, 0px);
        opacity: 0;
        visibility: hidden;
    }

    .main-service .service-content .content-item > span {
        transform: translate(0px, -20px);
        opacity: 0;
        visibility: hidden;
    }

    .main-service .service-content ul li {
        transform: translate(0px, 20px);
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-width: 1600px){
    .main-service .service-content {
        max-width: inherit;
        width: 58%;
    }

    .main-service .service-content .content-item { 
        margin-right: 15%;min-height: 808px; 
    }
}



@media only screen and (max-width: 1199px){
    .main-service .service-content {
        padding: 50px 0 50px 50px;
        justify-content: space-between;
        margin-top: 0;
    }
    .main-service .service-img .img-item {
        top: 0;
    }

    .main-service .service-img {
        height: 700px;
    }
    .main-service .service-content .content-item > span {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .main-service .service-content .content-item > a {
        font-weight: 400;
    }

    .main-service .service-content .content-item {
        margin-right: 10%;
        max-width: 140px;
    }

    .main-service .service-content ul li a img {
        min-width: 25px;
        max-height: 25px;
    }

    .main-service .service-content ul li a > span {
        font-size: 18px;
    }

    .main-service .service-content ul li:nth-child(n+3) {
        margin-top: 30px;
    }
    
}

@media only screen and (max-width: 991px){
    .main-service .service-content {
        flex-wrap: wrap;
        justify-content: flex-end;
        padding: 40px 30px 50px;
    }

    .main-service .service-content .content-item {
        margin-right: 0;
        margin-bottom: 40px;min-height: 108px;
    }

    .main-service .service-content ul {
        justify-content: flex-end;
    }

    .main-service .service-content ul li {
        justify-content: flex-end;
    }

    .main-service .service-content .content-item > span {
        margin-bottom: 20px;
    }

    .main-service .service-content > .line {
        top: -310px;
    }

    .main-service .service-img .img-item {
        top: 0;
    }

    .main-service .service-img {
        margin-top: 0;
        height: 770px;
    }
}

@media only screen and (max-width: 767px){
    .main-service .service-img {
        display: none;
    }
    .main-service .service-content ul li a > span {
        min-width: 85px;
        text-align: right;
        font-size: 14px;
        margin-left: 8px;
    }

    .main-service .service-content ul li + li {margin-left: 0;position: relative;padding-left: 10px;}

    .main-service .service-content ul {margin: 0 -10px;}

    .main-service .service-content ul li:nth-child(2n+1) {
        margin-left: 0;
    }

    .main-service .service-content ul li {
        flex: 0 0 calc(50% - 10px);
        border-top: 1px solid #f1f1f1;
        padding-right: 8px;
    }

    .main-service .service-content ul li a img {
        min-width: 35px;
        max-height: 51px;
    }

    .main-service .service-content ul li:nth-child(n+3) {
        margin-top: 10px;
        padding-top: 10px;
    }

    .main-service .service-content ul li:nth-child(1), .main-service .service-content ul li:nth-child(2) {
        border-top: none;
    }

    .main-service .service-content ul li + li:before {content: "";position: absolute;top: 0;left: 0;bottom: -10px;width: 1px;background: #f1f1f1;}

    .main-service .service-content ul li a {
        padding: 5px 0;
    }

    .main-service .service-content ul li:nth-child(n+3):before {
        /* top: 11px; */
        bottom: -5px;
    }

    .main-service .service-content ul li:nth-child(2n+1):before {
        visibility: hidden;
    }
    .main-service .service-content {
        width: auto;
        margin: 70px 20px;
    }

    .main-service .service-content > .line {
        top: -100px;
    }
}

/* Main Content Slide */
@media only screen and (min-width: 1200px){
    .main-content-slide.blog-detail .detail-other-slider .slide-content .content-title .title-item h4 {
        transform: translate(0px, 40px);
        opacity: 0;
        visibility: hidden;
    }

    .main-content-slide.blog-detail .detail-other-slider .slide-content .content-title .title-item > span {
        transform: translate(0px, 40px);
        opacity: 0;
        visibility: hidden;
    }

    .main-content-slide.blog-detail .detail-other-slider .slide-content .content-title .slide-events {
        transform: scale(1.2);
        opacity: 0;
        visibility: hidden;
    }

    .main-content-slide.blog-detail .detail-other-slider .slide-content .slide-container .blog-item {
        transform: scale(0.8);
        opacity: 0;
        visibility: hidden;border: 1px solid #bdbdbd;
    padding: 20px;
    min-height: 235px;
    } 
}

@media only screen and (max-width: 991px){
    .main-content-slide.blog-detail .detail-other-slider .slide-content .content-title,
    .dr-text-detail.blog-detail .detail-other-slider .slide-content .content-title,
    .dr-video-detail.blog-detail .detail-other-slider .slide-content .content-title {
        padding-left: 250px;
    }

    .main-content-slide.blog-detail .detail-other-slider .slide-content .slide-container .swiper-container {
        padding-right: 100px;
    }
}

@media only screen and (max-width: 767px){
    .main-content-slide.blog-detail .detail-other-slider .slide-content .content-title,
    .dr-text-detail.blog-detail .detail-other-slider .slide-content .content-title,
    .dr-video-detail.blog-detail .detail-other-slider .slide-content .content-title {
        padding: 0 20px;
    }

    .main-content-slide.blog-detail .detail-other-slider .slide-content .slide-container .swiper-container {
        padding: 0 50px;
    }
}

/* Main Counter */
.counter-circle .circle-svg svg {
    transform: rotate(-90deg);
    width: 100%;
    height: 100%;
}

.counter-circle .circle-svg svg circle {
    fill: none;
    stroke: #F5A2A2;
    stroke-width: 3px;
    stroke-dasharray: 1730;
    stroke-dashoffset: 1730;
}

.main-counter .counter-container .counter-item .counter-circle {
    width: 28.646vw;
    height: 28.646vw;
    margin: 0 auto;
    position: relative;
}

.counter-circle .circle-bg {
    position: absolute;
    overflow: hidden;
    top: 4.5px;
    right: 4.5px;
    left: 4.5px;
    /* height: calc(100% - 9px); */
    height: 0;
}

.counter-circle .line {
    position: absolute;
    width: 1px;
    height: 0;
    opacity: 0.4;
    background: #000;
    z-index: 1;
}

.counter-circle .line.line-1 {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.counter-circle .line.line-2 {
    bottom: 5.2vw;
    right: 2vw;
    transform: rotate(-45deg);
}

.counter-circle .line.line-3 {
    bottom: 5.2vw;
    left: 2vw;
    transform: rotate(45deg);
}.main-counter {
    height: 8000px;
    /* position: fixed; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    background: #fff;
    position: relative;
}

.main-counter .counter-container {
    /* margin-top: 6%; */
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}


.main-counter .counter-container .counter-item > span {
    font-size: 2.5vw;
    text-align: center;
    color: #6d8493;
    display: block;
    margin-bottom: 2.7vw;
    line-height: normal;
}
.main-counter .counter-container .counter-item > span > span {
    display: block;
}
.counter-circle .circle-bg > span {position: absolute;top: 0;right: 0;left: 0;border: 1px solid #F0B4B4;height: 541px;border-radius: 100%;}
.main-counter .counter-container .counter-item .counter-circle .circle-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    text-align: center;
}
.main-counter .counter-container .counter-item .counter-circle .circle-text .text-item-c {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
.main-counter .counter-container .counter-item .counter-circle .circle-text .text-item-c + .text-item-c {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.7);
}
.main-counter .counter-container .counter-item .counter-circle .circle-text .text-item-c + .text-item-c .text-item {
    position: relative;
}
.main-counter .counter-container .counter-item .counter-circle .circle-text .text-item > span:nth-child(1) {
    font-weight: 300;
    font-size: 5.3vw;
    color: #40456a;
    display: inline-block;
    margin-bottom: -1vw;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-counter .counter-container .counter-item .counter-circle .circle-text .text-item .fake-number {
    font-weight: 300;
    font-size: 5.3vw;
    color: #40456a;
    display: inline-block;
}
.main-counter .counter-container .counter-item .counter-circle .circle-text .text-item .fake-number{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -68%);opacity: 0;visibility: hidden;pointer-events: none;}
.main-counter .counter-container .counter-item .counter-circle .circle-text .text-item > span:nth-child(2) {
    display: block;
    position: relative;
    text-align: center;
    font-weight: 300;
    font-size: 3.3vw;
    color: rgba(64, 69, 106, 0.5);
    line-height: normal;
}

.main-counter .counter-container .counter-item .counter-circle .circle-text span:nth-child(2) > span:nth-child(1) {
    opacity: 1;
}

/* Number Mask */
section.number-mask {
    height: 100vh;
    margin-bottom: 700px;
}

canvas#main-canvas {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
}

.pin-spacer{ overflow: hidden !important; }
.main-video {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    cursor: none;
}
.main-video .video-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #40456A;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
}
.main-video video{
    width: 100%;
    height: 115%;
    transform: translate(0px, -6.5%) scale(2);
}

.main-video .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.main-video .play-btn svg:nth-child(2) {
    position: absolute;
    top: 0;
    left: -5px;
    transform: scale(1);
}
.main-video .play-btn svg:nth-child(1) {
    transform: scale(0);
}

.main-counter .counter-container .counter-item > span {
    transform: translate(0px, -60px);
    opacity: 0;
}
.h3, h3 {
    font-size: 1.75rem;
   
}
.counter-box.colored {
 background: #efeff7!important;
    border-radius: 50px;
}
@media only screen and (max-width: 1199px){
    .main-counter { 
        display: none;
    }

}

/* Main References */
.main-references{margin:0px 0 0px;}
.main-references .references-container{display: flex;align-items: center;background: #FFFFFF;padding: 65px 50px;margin: 0 120px;border: 1px solid #E8E8E8;position: relative;}
.main-references .references-text{text-align: right;margin-right: 180px;}
.main-references .references-text h4{font-weight: 300;font-size: 30px;text-align: right;color: #6d8493;margin-bottom: 5px;line-height: normal;}
.main-references .references-text .line{width: 60px;display: inline-block;height: 1px;background: #6d8493;}
.main-references .references-text a{font-weight: bold;font-size: 15px;color: #000;display: block;text-align: right;user-select: none;margin-top: 10px;}

.main-references .references-slide{overflow: hidden;width: 100%;}
.main-references .references-slide .slide-img{background: #efeff7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:5px;
    padding:5px;
    opacity: 0.6;
    z-index: -5px;
    overflow: hidden;} 
.main-references .references-slide .slide-img img{width: 100%;}

.main-references .slide-arrow{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 50%);display: flex;align-items: center;background: #fff;}
.main-references .slide-arrow .slide-btn{width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #7c7c7c;
    /* border-radius: 100%; */
    cursor: pointer;}
.main-references .slide-arrow .slide-btn.btn-prev{margin-right: 15px;}
.main-references .slide-arrow .slide-btn svg{fill: #40456A;opacity: 0.5;transition: 0.4s;}

@media (hover: hover){
    .main-references .references-text a:hover {
        color: #6d8493;
    }
    .main-references .slide-arrow .slide-btn:hover svg {
        fill: #6d8493;
        opacity: 1;
    }
}

@media only screen and (max-width: 1199px){
    .main-references .references-text {
        margin-right: 60px;
    }

    .main-references .references-container {
        padding: 55px 40px;
    }

    .main-references {
        margin-top: 100px;
    }
}

@media only screen and (max-width: 991px){
    .main-references .references-container {margin: 0 8%;}
}

@media only screen and (max-width: 767px){
    .main-references .references-container {
        margin: 0 20px;
        padding: 30px 30px 60px;
        display: block;
    }
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100% !important;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
    .main-references .references-text {
        margin-right: 0;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .main-references {
        margin: 60px 0;
    }
    .main-references .references-text h4 {
        max-width: 120px;
        text-align: left;
    }

    .main-references .references-text a {
        text-align: left;
        margin-top: 0;
    }

    .main-references .references-slide {
        margin-top: 30px;
    }

    .main-references .references-slide .slide-img {
        height: 220px;
    }

    .main-references .references-slide .slide-img img {
      
    }
}

/* Main News */
.main-news{margin: 200px 0;}
.main-news .news-container{display: flex;align-items: center;margin-left: 110px;}
.main-news .news-text{text-align: right;
    background: #fefefe;
    padding: 40px 20px 40px 20px;
    position: relative;}
.main-news .news-text a{font-weight: bold;font-size: 15px;color: #6d8493;display: inline-block;margin-bottom: 10px;user-select: none;}
.main-news .news-text h5{font-weight: 300;font-size: 60px;text-align: right;color: #6d8493;line-height: normal;margin-bottom: 50px;}
.main-news .news-text .slide-arrow .slide-btn{cursor: pointer;}
.main-news .news-text .slide-arrow .slide-btn svg{fill: #6d8493;transition: 0.4s;}

.main-news .news-slide{background: #efeff7;padding: 80px 0 80px 180px;margin-left: -90px;overflow: hidden;}
.main-news .news-slide .swiper-container{ padding-right: 400px; }
.main-news .news-slide .swiper-container .blog-item .item-date { 
    position: relative;
    margin-bottom: 20px;
}
 
.main-news .news-slide .swiper-container .blog-item .item-date > span {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    background: #efeff7;
    padding-right: 10px;
    position: relative; 
}

.main-news .news-slide .swiper-container .blog-item .item-date:before {content: "";position: absolute;top: 50%;left: 0;right: 0;transform: translate(0px, -50%);height: 1px;background: #000000;opacity: 0.05;}

.main-news .news-slide .swiper-container .blog-item .item-img:before,
.main-news .news-slide .swiper-container .blog-item .item-img:after {
    display: none;
}

.main-news .news-slide .swiper-container .blog-item .item-img {
    margin-bottom: 30px;
}

.main-news .news-slide .swiper-container .swiper-slide + .swiper-slide .blog-item:before {content: "";position: absolute;top: 0;bottom: 0;left: -72.5px;width: 1px;background: #000000;opacity: 0.10;}

@media (hover: hover){
    .main-news .news-text a:hover {
        color: #3a3f60;
    }
    
    .main-news .news-text .slide-arrow .slide-btn:hover svg {
        fill: #4d5778;
    }
}


@media only screen and (max-width: 1470px){
    .main-news .news-slide .swiper-container .swiper-slide + .swiper-slide .blog-item:before {
        left: -25px;
    }

    .main-news .news-text h5 {
        font-size: 50px;
    }
}

@media only screen and (max-width: 1199px){ 
    .main-news .news-slide .swiper-container {
        padding-right: 33%;
    }
    .main-news {
        margin: 120px 0 100px;
    }
    .main-news .news-text a {
        font-weight: 400;
    }
	.main-references .references-slide .slide-img {
    background: #efeff7;
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 50px;
    opacity: 0.6;
}

}

@media only screen and (max-width: 991px){
    .main-news .news-text h5 {
        font-size: 35px;
    }

    .main-news .news-text {
        padding: 20px 30px 20px 0;
    }

    .main-news .news-container {
        margin-left: 60px;
    }

    .main-news .news-slide {
        padding-left: 150px;
    }
}

@media only screen and (max-width: 767px){
    .main-news .news-container {
        display: block;
        margin-left: 0;
    }
.main-service .service-content ul li {
    justify-content:center!important;
    flex: 0 0 96% !important;
    margin-bottom: 9px;
}
    .main-news .news-slide {
        padding: 70px 0;
        margin: 0;
    }

    .main-news .news-text h5 {
        margin-bottom: 10px;
        max-width: 260px;
        margin-left: auto;
    }

    .main-news .news-text .slide-arrow .slide-btn.btn-prev {
        margin-top: 10px;
    }

    .main-news .news-text {
        padding: 20px 20px 30px;
    }

    .main-news {
        margin: 100px 0;
    }

    .main-news .news-slide .swiper-container {
        padding: 0 0px;
    }
    .main-news .news-slide .swiper-container .swiper-slide + .swiper-slide .blog-item:before {
        left: -15px;
        opacity: 0;
    }

    .main-news .news-slide .swiper-container .blog-item .item-img {
        
    }
}

/* Our Team */
.dr-list .list-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 1200px){
    .dr-list .filter-container {transform: translateY(100%); opacity: 0; }
    .dr-list .filter-container form {  position: relative;}
    .dr-list .filter-container form .filter-anim { position: absolute; top: 0; left: 0; width: 100%; height: 100%;pointer-events: none;}
    .dr-list .filter-container form .filter-anim svg .a { stroke: #6d8493; fill:none; stroke-width: 1px; stroke-dasharray: 1100;stroke-dashoffset: 0;}
}

@media screen and (max-width: 1200px) {
    .filter-anim {
        display: none;
    }
}


.dr-list .list-item:first-child {
    position: relative;
}

.dr-list .list-container .list-item {
    min-width: 350px;
    height: 440px;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
    z-index: 1;
}
.dr-list .list-container .list-item:after {content: "";position: absolute;bottom: 0px;left: 100px;right: 0px;height: 200px;background: linear-gradient(30deg, #fff 10%, #fff0 60%);pointer-events: none;}
.dr-list .list-container .list-item .item-title{

position: absolute;

top: 100px;

right: 100%;

transform: translate(100%, 0);

width: 200px;

padding-bottom: 10px;

text-align: right;

z-index: 1;
}.dr-list h3 {
    font-weight: bold;
    font-size: 71px;
    color: transparent;
    -webkit-text-stroke: 1px #9da1b5;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 85px;
}

.dr-list h3 span {
    display: block;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}
.dr-list .list-container .list-item-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1500px;
    height: 1000px;
    border-radius: 100%;
}

.dr-list .list-container .list-item-circle:nth-child(1) {
    z-index: 1;
}

.dr-list .list-container .list-item span {
    font-weight: bold;
    font-size: 15px;
    text-align: right;
    color: #6d8493;
    display: inline-block;
}

.dr-list .list-container .list-item h2 {
    font-size: 25px;
    text-align: right;
    color: #6d8493;
    margin-bottom: 0;
    margin-top: 5px;
    background: #fff;
    padding: 7px 0;
}

.dr-list .list-container .list-item img {
    position: absolute;
    bottom: 0;
    right: -70px;
    left: auto;
    max-width: 270px;
    transition: 0.4s;
}
.dr-list:before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 200px;background: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);z-index: 2;pointer-events: none;}
.dr-list .list-container .list-item:before {content: "";position: absolute;top: 80px;left: 100px;right: 0;bottom: 0;border: 1px solid #E4E4E8;pointer-events: none;}
.dr-list {
    background: #fff;
    height: 100vh;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dr-list .filter-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0 50px;
    background: linear-gradient(to top, #fff, #ffffff00);
    z-index: 2;
}
.dr-list .filter-container .dr-filter .filter-btn.active svg:nth-child(2) {
    transform: translate(-50%, -50%) scale(1);
}

.dr-list .filter-container .dr-filter .filter-btn.active svg:nth-child(1) {
    transform: scale(0);
}

.dr-list .filter-container:before {content: "";position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(rgba(66, 69, 93, 0) 0%, rgba(66, 69, 93, 0.25) 100%);opacity: 0;visibility: hidden;transition: 0.4s;}

.dr-filter-active .dr-list .filter-container:before {
    opacity: 1;
    visibility: visible;
}

.dr-filter-active .dr-list .filter-container input[type="text"] {
    z-index: -1;
    opacity: 0.2 !important;
}

.dr-filter-active header.header {
    pointer-events: none;
    opacity: 0.3;
}
.dr-list .filter-container input[type="text"] {
    border: 1px solid #9DA1B5;
    background: #fff;
    border-radius: 100px;
    height: 62px;
    min-width:  480px;
    margin-right: 16px;
    padding: 0 30px;
    color: #40456A;
    font-size: 18px;
}

.dr-list .filter-container .dr-filter {
    position: relative;
}
.dr-list .filter-container .dr-filter .filter-selection {
    position: absolute;
    bottom: 150%;
    right: -70px;
    background: #FFFFFF;
    border: 1px solid #9DA1B5;
    border-radius: 20px;
    width: 345px;
    padding: 35px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}.dr-list .filter-container .dr-filter .filter-selection button {
    outline: none;
    font-size: 16px;
    color: #40456a;
    width: 100%;
    text-align: center;
    padding: 10px 10px;
    background: #fff;
    border: 1px solid #40456a;
    margin-top: 20px;
    transition: 0.4s;
}

.dr-list .filter-container .dr-filter .filter-selection button:hover {
    background: #40456a;
    color: #fff;
}

.dr-list .filter-container .dr-filter .filter-selection:before {content: "";position: absolute;bottom: 0;right: 78px;width: 45px;height: 35px;transform: translate(0px, 70%);background-image: url(../img/svg/select-down-arrow.svg);background-size: contain;background-position: center;background-repeat: no-repeat;}
.dr-list .filter-container .dr-filter .filter-selection.active{
    opacity: 1;
    visibility: visible;
}
.dr-list .filter-container .dr-filter .filter-selection form {
    width: 100%;
}
.dr-list .filter-container .dr-filter .filter-selection .select-item {
    width: 100%;
}
.dr-list .filter-container .dr-filter .filter-selection .select-item + .select-item {
    margin-top: 20px;
}
.dr-list .filter-container .dr-filter .filter-btn {min-width: 62px;height: 62px;border-radius: 100%;border: 1px solid #9DA1B5;background: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;}

.dr-list .filter-container .dr-filter .filter-btn svg {
    fill: #40456A;
    transition: 0.4s;
}
.dr-list .filter-container .dr-filter .filter-btn svg:nth-child(2) {
    fill: #6d8493;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
}
.dr-list .filter-container .dr-filter .filter-btn:hover svg {
    fill: #6d8493;
}

.dr-list .filter-container input:focus {
    border-color: #40456A;
}

.dr-list .filter-container input.form-active {
    border-color: #40456A;
}

.dr-list #aranandoktor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(64 69 106 / 88%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s;
    cursor: pointer;
}

.dr-list .list-container .list-item-circle:nth-child(even) .list-item:nth-child(1), .dr-list .list-container .list-item-circle:nth-child(even) .list-item:nth-child(2) {
    top: 35%;
}

.dr-list .result-container {
    background: #fff;
    width: 900px;
    height: 600px;
    margin: 0 auto;
    padding: 40px 50px;
    border-radius: 40px;
    cursor: initial;
}

.dr-list .result-container .result-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
    padding-bottom: 20px;
}

.dr-list .result-container .result-header span {
    font-weight: 400;
    font-size: 30px;
    color: rgb(66 69 93 / 60%);
    position: relative;
    padding-left: 20px;
    line-height: normal;
}

.dr-list .result-container .result-header .result-total {
    font-size: 16px;
    border: 1px solid #9DA1B5;
    padding: 5px 15px;
    font-weight: bold;
    color: #6d8493;
    opacity: 0.6;
}

.dr-list .result-container .result-list {
    height: calc(100% - 25px);
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.dr-list .result-container .result-list .result-item {
    flex: 0 0 calc(33% - 38px);
    height: 400px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    margin: 0 20px 30px;
}

.dr-list .result-container .result-list .result-item img {
    position: absolute;
    bottom: 0;
    right: -50px;
    max-width: 100%;
    transition: 0.4s;
    pointer-events: none;
}

.dr-list .result-container .result-list .result-item span {
    font-weight: bold;
    font-size: 13px;
    text-align: right;
    color: #6d8493;
    display: inline-block;
}

.dr-list .result-container .result-list .result-item h5 {
    font-size: 20px;
    text-align: left;
    color: #6d8493;
    margin-bottom: 0;
    background: #fff;
    padding: 7px 0;
    line-height: normal;
    margin-top: -5px;
}

.dr-list .result-container .result-list .result-item .item-title {
    position: absolute;
    top: 90px;
    right: 97%;
    transform: translate(100%, 0);
    width: 100px;
    padding-bottom: 10px;
    text-align: left;
    padding: 0 5px;
}

.dr-list .result-container .result-list .result-item:before {
    content: "";
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #E4E4E8;
    pointer-events: none;
}

.dr-list .result-container .result-list .result-item:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0px;
    height: 200px;
    background: linear-gradient(30deg, #fff 10%, transparent 60%);
    pointer-events: none;
}

.result-team-active header.header {
    opacity: 0.2;
    pointer-events: none;
    background: #fff0;
}

.result-team-active .dr-list .filter-container {
    background: #fff0;
}

.result-team-active .dr-list .filter-container input[type="text"] {
    background: rgb(255 255 255 / 10%);
    border-color: #fff;
    color: #fff;
}

.result-team-active .dr-list .filter-container .dr-filter .filter-btn {
    background: rgb(255 255 255 / 10%);
    border-color: #fff;
}

.result-team-active .dr-list .filter-container .dr-filter .filter-btn svg {
    fill: #fff;
}

.result-team-active .dr-list .result-container .result-header span:before {content: "";position: absolute;top: 5px;bottom: 5px;left: 0;width: 3px;background: #6d8493;}

.result-team-active .dr-list #aranandoktor {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

@media (hover: hover){
    .dr-list .list-container .list-item:hover img {
        transform: scale(1.1);
    }
}

@media only screen and (min-width: 1200px){
    .dr-list h3 {
        width: 0;
        overflow: hidden;
    }
    .dr-list .filter-container input[type="text"] {
        transform: translate(0px, 20px);
        opacity: 0;
        visibility: hidden;
    }
    .dr-list .filter-container .dr-filter {
        transform: translate(0px, 30px);
        opacity: 0;
        visibility: hidden;
    }
    .dr-list .list-container .list-item{
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-height: 870px){
    .dr-list .result-container {
        height: 500px;
        margin-top: -8%;
    }
}

@media only screen and (max-height: 790px){
    .dr-list .result-container {
        height: 450px;
        margin-top: -20px;
    }

    .dr-list .filter-container {
        padding: 30px 0;
    }
}

@media only screen and (max-height: 670px){
    .dr-list .result-container {
        height: 350px;
    }

    .dr-list .filter-container {
        padding: 30px 0;
    }
}


@media only screen and (max-width: 1199px){
    .dr-list .list-container .list-item {
        position: relative;
        min-width: initial;
        flex: 0 0 calc(33% - 40px);
        margin: 0 20px 10px;
        left: 0;
        top: 0;
        transform: translate(0px, 0px);
    }

    .dr-list .list-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 160px 50px 100px;
    }

    .dr-list h3 {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0px, 0px);
        flex: 0 0 100%;
        margin-bottom: 10px;
    }

    .dr-list {
        display: block;
        height: auto;
        overflow: initial;
    }

    .dr-list .filter-container {
        position: fixed;
    }

    footer.team-footer {
        position: relative;
        z-index: 1;
    }
    .dr-list #aranandoktor {
        height: 100%;
        position: fixed;
    }

    .dr-list .result-container {
        width: 90%;
    }
    .dr-list .list-container .list-item:before {
        left: 0;
        top: 90px;
    }

    .dr-list .list-container .list-item:after {
        left: 0;
    }

    .dr-list .list-container .list-item .item-title {
        right: 120%;
        top: 110px;
    }

    .dr-list .list-container .list-item img {
        max-width: 280px;
    }

    .result-team-active .mobile-menu .hamburger-menu {
        opacity: 0.2;
        pointer-events: none;
    }

    .result-team-active {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        overflow: hidden;
    }
}

@media only screen and (max-width: 991px){
    .dr-list .result-container .result-list .result-item {
        flex: 0 0 calc(50% - 40px);
    }

    .dr-list .result-container .result-list .result-item img {
        max-width: 110%;
    }

    .dr-list .list-container .list-item {
        flex: 0 0 calc(50% - 40px);
    }

    .dr-list .list-container .list-item .item-title {
        right: 118%;
    }
}

@media only screen and (max-width: 767px){
    .dr-list .filter-container input[type="text"] {
        margin-right: 10px;
        height: 55px;
        min-width: auto;
        width: calc(100% - 10px);
    }
    .dr-list {
        margin-bottom: 40px;
    }
    .dr-list  h3 {
        height: auto;
        font-size: 40px;
        text-align: center;
        margin-bottom: 0;
    }
.dr-list .filter-container form {
    flex: 1 0 0;
}
        .dr-list .filter-container .dr-filter .filter-btn {
            min-width: 55px;
            height: 55px;
        }
    .dr-list h3 span {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0px, 0px);
    }

    .dr-list .list-container .list-item {
        flex: 0 0 86%;
        margin: 0 auto 0;
        overflow: visible;
    }

    .dr-list .list-container {
        padding: 120px 30px 0;
        overflow: hidden;
    }

    .dr-list .filter-container {
    margin: 0 15px;
    padding: 100px 0 30px;
}
.dr-list .list-container .list-item h2 {
    font-size: 20px;
    margin-top: 0;
}
    .dr-list .list-container .list-item:before {
        top: 110px;
    }

    .dr-list .list-container .list-item h2 {
        font-size: 19px;
        margin-top: 0;
        padding-top: 3px;
    }

    .dr-list .list-container .list-item span {
        font-size: 11px;
    }

    .dr-list .list-container .list-item img {
        clip-path: inset(0px 70px 0px 0px);
    }

    .dr-list .list-container .list-item .item-title {
        right: 114%;
        top: 125px;
        width: 150px;
    }

    .dr-list .filter-container .dr-filter .filter-selection {
        right: 0;
        width: 280px;
        bottom: 135%;
        padding: 25px;
    }

    .dr-list .filter-container .dr-filter .filter-selection:before {
        right: 10px;
        bottom: 0px;
        width: 40px;
        height: 25px;
    }

    .dr-list .filter-container .dr-filter .filter-selection button {
        font-size: 14px;
        padding: 8px 10px;
        margin-top: 15px;
    }

    .dr-list .filter-container .dr-filter .filter-selection .select-item + .select-item {
        margin-top: 15px;
    }

    .dr-list .result-container .result-list .result-item {
        flex: 0 0 calc(100% - 40px);
        height: 350px;
        margin-bottom: 10px;
    }

    .dr-list .result-container .result-list {height: calc(100% - 46px);padding: 0 10px;}

    .dr-list .result-container .result-header .result-total {
        font-size: 13px;
    }

    .dr-list .result-container .result-header span {
        font-size: 24px;
        max-width: 100px;
    }

    .dr-list .result-container {
        padding: 30px 30px;
        height: 450px;
    }

    .dr-list .result-container .result-list .result-item img {
        max-width: 104%;
        bottom: -30px;
    }
}

/* Search */
.search-container .search-row:nth-child(2).active {
    opacity: 1;
    visibility: visible;
}

.search-container {height: 100%;}

.search-container .search-row:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45%;
}

.search-container .search-row .search-content {
    flex: 0 0 60%;
    height: 100%;
    padding: 60px 110px 90px 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.search-container .search-row .search-category {
    flex: 0 0 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 200px;
    position: relative;
}
.search-container .search-row .search-content .content-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #efeff7;
    width: 0;
}

.search-container .search-row .search-category .category-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    width: 0;
}
.search-container .search-row .search-content .content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-container .search-row .search-content .content-header h5 {
    font-weight: 300;
    font-size: 30px;
    color: #6c6f86;
    line-height: normal;
    margin-bottom: 0;
}

.search-container .search-row .search-content .content-header .header-link {text-align: right;}

.search-container .search-row .search-content .content-header .header-link span {
    font-weight: bold;
    font-size: 16px;
    color: #9da1b5;
    display: inline-block;
    margin-bottom: 20px;
}

.search-container .search-row .search-content .content-header .header-link ul {
    display: flex;
    align-items: center;
}

.search-container .search-row .search-content .content-header .header-link ul li + li {
    margin-left: 20px;
}

.search-container .search-row .search-content .content-header .header-link ul li a svg {
    min-width: 35px;
    height: 25px;
    fill: #9DA1B5;
    transition: 0.4s;
}

.search-container .search-row .search-content .content-input {
    position: relative;
    margin-top: 10px;
}

.search-container .search-row .search-content .content-input input {
    height: 75px;
    width: 100%;
    border: 1px solid #CBCED9;
    background: #fff0;
    font-weight: 300;
    font-size: 20px;
    color: #9598ad;
    padding: 0 60px 0 30px;
    transition: 0.4s;
}

.search-container .search-row .search-content .content-input input:focus {
    border-color: #6d8493;;
}
.search-container .search-row .search-content .content-input input.input-active {
    border-color: #6d8493;;
}
.search-container .search-row .search-content .content-input svg {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    right: 30px;
    fill: #9598AD;
}

.search-container .search-row .search-category > span {
    font-weight: bold;
    font-size: 15px;
    color: #6c6f86;
    line-height: normal;
    display: inline-block;
    margin-bottom: 40px;
}

.search-container .search-row .search-category > ul {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.search-container .search-row .search-category > ul li + li {
    margin-top: 7px;
}

.search-container .search-row .search-category > ul li a {
    font-weight: 300;
    font-size: 24px;
    color: #9fa1af;
    display: flex;
    align-items: center;
}

.search-container .search-row .search-category > ul li a span {
    font-weight: bold;
    font-size: 13px;
    color: #40456a;
    display: inline-block;
    margin-right: 10px;
}

.search-container .search-row:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55%;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.search-container .search-row:nth-child(2) .search-result {
    flex: 0 0 60%;
    background: #efeff7;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 180px;
    padding-right: 110px;
    padding-bottom: 200px;
}

.search-container .search-row:nth-child(2) .search-other-result {
    flex: 0 0 40%;
    background: #fff;
    height: 100%;
    padding-left: 200px;
}

.search-container .search-row:nth-child(2) .search-other-result .result-container {
    transform: translate(0px, -40%);
}

.search-container .search-row:nth-child(2) .search-other-result .result-container .total-result {
    position: relative;
    padding-left: 30px;
    margin-bottom: 110px;
}

.search-container .search-row:nth-child(2) .search-other-result .result-container .total-result .line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: #9DA1B5;
}

.search-container .search-row:nth-child(2) .search-other-result .result-container .total-result p {
    font-size: 30px;
    color: #6d8493;
    opacity: 0.55;
    margin-bottom: 0;
    max-width: 240px;
    line-height: normal;
}

.search-container .search-row:nth-child(2) .search-other-result .result-container .total-result p span {
    font-weight: bold;
}

.search-container .search-row:nth-child(2) .search-other-result .result-container .other-pages ul {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.search-container .search-row:nth-child(2) .search-other-result .result-container .other-pages ul li + li {
    margin-top: 5px;
}

.search-container .search-row:nth-child(2) .search-other-result .result-container .other-pages ul li a {
    font-weight: 300;
    font-size: 24px;
    color: #9fa1af;
    display: inline-block;
}

.search-container .search-row:nth-child(2) .search-result .result-container .item-arrow {
    cursor: pointer;
    min-width: 15px;
    height: 15px;
}

.search-container .search-row:nth-child(2) .search-result > div .result-header > div:nth-child(1) {
    opacity: 0.4;
}
.search-container .search-row:nth-child(2) .search-result .result-container > div > .result-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
    user-select: none;
}
.search-container .search-row:nth-child(2) .search-result .result-container .item-arrow.active svg {
    transform: rotate(90deg);
}

.search-container .search-row:nth-child(2) .search-result .result-container .item-arrow:hover svg {
    opacity: 1;
}
.search-container .search-row:nth-child(2) .search-result .result-container .result-header > div > span {
    font-weight: 300;
    font-size: 30px;
    color: #6d8493;
    display: inline-block;
    margin-right: 10px;
}

.search-container .search-row:nth-child(2) .search-result .result-container .result-header > div > .result {
    font-weight: bold;
    font-size: 16px;
    color: #6d8493;
    display: inline-block;
    border: 1px solid #9DA1B5;
    padding: 2px 6px;
    user-select: none;
}

.search-container .search-row:nth-child(2) .search-result .result-container .result-header > div {display: flex;align-items: center;}

.search-container .search-row:nth-child(2) .search-result .result-container  .item-arrow svg {
    transform: rotate(-90deg);
    fill: #40456A;
    opacity: 0.42;
    transition: 0.4s;
}
.search-container .search-row:nth-child(2) .search-result .result-team .team-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    transition: 0.4s;
}

.search-container .search-row:nth-child(2) .search-result .result-team .team-list a {
    background: #F2EFEF;
    flex: 0 0 calc(16.6% - 24.5px);
    height: 118px;
    border-radius: 100%;
}

.search-container .search-row:nth-child(2) .search-result .result-team .team-list a .team-item {
    position: relative;
    height: 100%;
}

.search-container .search-row:nth-child(2) .search-result .result-team .team-list a .team-item img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 118px;
    width: 100%;
    border-radius: 100%;
}

.search-container .search-row:nth-child(2) .search-result .result-team .team-list a .team-item span {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0px);
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    color: #585858;
    background: rgb(101 101 101 / 0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 100px;
    width: 75%;
    padding: 1px 0;
}

.search-container .search-row:nth-child(2) .search-result .result-team .team-list a + a {
    margin-left: 30px;
}

.search-container .search-row:nth-child(2) .search-result .result-team .team-list a:nth-child(6n+1) {
    margin-left: 0;
}

.search-container .search-row:nth-child(2) .search-result .result-team .team-list a:nth-child(n+7) {
    margin-top: 20px;
}

.search-container .search-row:nth-child(2) .search-result .result-container > div + div {
    margin-top: 70px;
}
.search-container .search-row:nth-child(2) .search-result .result-blog .item-header .header-right .slide-button .slide-btn:hover svg {
    opacity: 1;
}

.search-container .search-row:nth-child(2) .search-result .result-blog .item-header .header-right .slide-button .slide-btn {
    cursor: pointer;
}

.search-container .search-row:nth-child(2) .search-result .result-units .unist-list ul li a:hover span:nth-child(1):before {
    width: 40px;
}

.search-container .search-row:nth-child(2) .search-result .result-units .unist-list ul li a:hover span:nth-child(2) {
    transform: translate(20px, 0px);
}

.search-container .search-row:nth-child(2) .search-result .result-units .unist-list {
    transition: 0.4s;
    overflow: hidden;
}

.search-container .search-row:nth-child(2) .search-result .result-blog .item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    user-select: none;
}

.search-container .search-row:nth-child(2) .search-result .result-blog .item-header .header-right {
    display: flex;
    align-items: center;
}

.search-container .search-row:nth-child(2) .search-result .result-blog .item-header .header-right .slide-button {
    display: flex;
    margin-right: 40px;
}

.search-container .search-row:nth-child(2) .search-result .result-blog .item-header .header-right .slide-button .slide-btn svg {
    fill: #40456A;
    opacity: 0.42;
    transition: 0.4s;
}

.search-container .search-row:nth-child(2) .search-result .result-blog .item-header .header-right .slide-button .slide-btn.btn-prev {
    margin-right: 20px;
}

.search-container .search-row:nth-child(2) .search-result .result-blog .item-slide-container {
    margin-right: -110px;
    overflow: hidden;
    transition: 0.4s;
}

.search-container .search-row:nth-child(2) .search-result .result-blog .item-slide-container .swiper-container {
    padding-right: 150px;
}

.search-container .search-row:nth-child(2) .search-result .result-units .unist-list ul li a {
    display: flex;
    align-items: center;
}

.search-container .search-row:nth-child(2) .search-result .result-units .unist-list ul li a span:nth-child(1) {
    font-weight: bold;
    font-size: 12px;
    color: #6d8493;
    display: inline-block;
    margin-right: 30px;
    position: relative;
    padding-top: 4px;
}

.search-container .search-row:nth-child(2) .search-result .result-units .unist-list ul li a span:nth-child(2) {
    font-weight: normal;
    font-size: 30px;
    color: #6d8493;
    display: inline-block;
    transition: 0.4s;
}

.search-container .search-row:nth-child(2) .search-result .result-units .unist-list ul li a span:nth-child(1):before {content: "";position: absolute;top: 0;left: 0;width: 25px;height: 1px;background: #9DA1B5;transition: 0.4s;}
.search-global.active{ opacity: 1; visibility: visible; }

.search-global .search-close {
    position: absolute;
    top: 70px;
    right: 100px;
    cursor: pointer;
    z-index: 9999;
}

.search-global .search-close svg {
    width: 17px;
    height: 17px;
    fill: #6d8493;
    transform: scale(0);
    transition: 0.5s;
}
.search-global {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(0 0 0 / 0.4);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.search-global .search-close.active svg {
    transform: scale(1);
}

@media (hover: hover){
    .search-container .search-row .search-content .content-header .header-link ul li a:hover svg {
        fill: #6d8493;
    }
    
    .search-container .search-row .search-category > ul li a:hover {
       color: #6d8493;
    }
    
    
    .search-global .search-close:hover svg {
        fill: #6d8493;;
    }
    
}

@media only screen and (min-width: 1200px){   
    .search-container .search-row .search-content .content-header h5 {
        transform: translate(-20px, 0px);
        opacity: 0;
        visibility: hidden;
    }

    .search-container .search-row .search-content .content-header .header-link span {
        transform: translate(20px, 0px);
        opacity: 0;
        visibility: hidden;
    }

    .search-container .search-row .search-content .content-header .header-link ul li {
        transform: scale(0);
    }

    .search-container .search-row .search-content .content-input {
        transform: translate(0px, 30px);
        opacity: 0;
        visibility: hidden;
    }

    .search-container .search-row .search-category > span {
        transform: translate(0px, -10px);
        opacity: 0;
        visibility: hidden;
    }

    .search-container .search-row .search-category > ul li {
        transform: translate(0px, -20px);
        opacity: 0;
        visibility: hidden;
    }

}


@media only screen and (max-width: 1370px){
    .search-container .search-row .search-content {
        padding: 50px 110px;
    }

    .search-container .search-row .search-category {
        padding-left: 100px;
    }

    .search-container .search-row:nth-child(2) .search-result {
        padding-left: 110px;
    }

    .search-container .search-row:nth-child(2) .search-other-result .result-container .total-result p {
        font-size: 25px;
        max-width: 200px;
    }

    .search-container .search-row:nth-child(2) .search-other-result {
        padding-left: 100px;
    }
    .search-container .search-row:nth-child(2) .search-result .result-blog .item-slide-container .swiper-container {
        padding-right: 350px;
    }
}

@media only screen and (max-width: 1199px){
    .search-container .search-row:nth-child(1) {
        height: 350px;
    }

    .search-container .search-row:nth-child(2) {
        height: calc(100% - 350px);
    }

    .search-container .search-row .search-content {
        padding: 50px 50px;
    }

    .search-container .search-row .search-content .content-header h5 {
        font-size: 25px;
    }

    .search-container .search-row .search-category > ul {
        max-height: 100px;
    }

    .search-global .search-close {
        top: 40px;
        right: 50px;
    }

    .search-container .search-row:nth-child(2) .search-result {
        padding-left: 60px;
    }

    .search-container .search-row:nth-child(2) .search-result .result-blog .item-slide-container .swiper-container {
        padding-right: 200px;
    }
}

@media only screen and (max-width: 991px){
    .search-container .search-row:nth-child(2) .search-other-result {
        display: none;
    }

    .search-container .search-row:nth-child(2) .search-result {
        flex: 0 0 100%;
    }

    .search-container .search-row .search-category {
        display: none;
    }

    .search-container .search-row .search-content {
        flex: 0 0 100%;
        padding: 80px 50px 60px;
    }

    .search-global .search-close {
        top: 25px;
    }

    .search-container .search-row:nth-child(2) .search-result .result-blog .item-slide-container .swiper-container {
        padding-right: 400px;
    }
}

@media only screen and (max-width: 767px){
    .search-global .search-close {
        top: 20px;
        right: 25px;
    }

    .search-container .search-row .search-content {
        padding: 70px 25px 30px;
    }

    .search-container .search-row:nth-child(1) {
        height: auto;
    }

    .search-container .search-row .search-content .content-header {
        display: none;
    }

    .search-container .search-row .search-content .content-input {
        margin-top: 0;
    }

    .search-container .search-row .search-content .content-input input {
        height: 60px;
        padding: 0 50px 0 20px;
    }

    .search-container .search-row .search-content .content-input svg {
        right: 20px;
    }

    .search-container .search-row:nth-child(2) {
        height: calc(100% - 160px);
    }

    .search-container .search-row:nth-child(2) .search-result {padding: 20px 30px 150px;}

    .search-container .search-row:nth-child(2) .search-result .result-container .result-header > div > span {
        font-size: 20px;
    }

    .search-container .search-row:nth-child(2) .search-result .result-container .result-header > div > .result {
        font-size: 11px;
    }

    .search-container .search-row:nth-child(2) .search-result .result-container > div > .result-header {
        margin-bottom: 10px;
    }

    .search-container .search-row:nth-child(2) .search-result .result-units .unist-list ul li a span:nth-child(2) {
        font-size: 18px;
    }

    .search-container .search-row:nth-child(2) .search-result .result-units .unist-list ul li a span:nth-child(1) {
        padding-top: 2px;
        margin-right: 20px;
    }

    .search-container .search-row:nth-child(2) .search-result .result-units .unist-list ul li a span:nth-child(1):before {
        width: 18px;
    }

    .search-container .search-row:nth-child(2) .search-result .result-units .unist-list ul li + li {
        margin-top: 3px;
    }

    .search-container .search-row:nth-child(2) .search-result .result-container > div + div {
        margin-top: 30px;
    }

    .search-container .search-row:nth-child(2) .search-result .result-container .item-arrow {
        margin-top: 0;
    }

    .search-container .search-row:nth-child(2) .search-result .result-blog .item-header .header-right .item-arrow {
        margin-top: -8px;
    }

    .search-container .search-row:nth-child(2) .search-result .result-blog .item-header .header-right .slide-button .slide-btn svg {
        width: 25px;
    }

    .search-container .search-row:nth-child(2) .search-result .result-blog .item-header .header-right .slide-button {
        margin-right: 30px;
    }

    .search-container .search-row:nth-child(2) .search-result .result-blog .item-slide-container .swiper-container {
        padding-right: 150px;
    }
}

@media only screen and (max-height: 720px){
    .search-container .search-row .search-category > ul { max-height: 100px; }
    .search-container .search-row:nth-child(2) .search-other-result .result-container .other-pages ul { max-height: 150px; }
    .search-container .search-row:nth-child(2) .search-other-result .result-container .total-result { margin-bottom: 60px; }
}


/* Babies */
.babies{height: 100vh;background: #fff;}
.babies .babies-container{height: 100%;position: relative;padding-top: 70px;overflow: hidden;}

.babies .img-item{position: absolute;background-size: cover;background-position: center;border-radius: 30px;width: 15.7vw;height: 15.7vw;}
.babies .img-item.img-1{top: 50%;transform: translate(0px, -50%) scale(0);left: -50px;opacity: 1;}
.babies .img-item.img-2{top: 170px;right: -30px;opacity: 1;transform: scale(0);}
.babies .img-item.img-3{top: 0;transform: translate(-25%, -25%) scale(0);left: -20px;z-index: -1;opacity: 1;}
.babies .img-item.img-4{transform: translate(-40%, 30%) scale(0);bottom: 0;z-index: -1;opacity: 1;}
.babies .img-item.img-5{top: 0px;left: 50%;transform: translate(-50%, 0px) scale(0);opacity: 1;}
.babies .img-item.img-6{top: 50%;transform: translate(60%, -50%) scale(0);right: 0;z-index: -1;opacity: 1;}
.babies .img-item.img-7{top: auto;bottom: 0;right: 0;transform: translate(55%, 55%) scale(0);opacity: 1;}
.babies .img-item.img-8 {bottom: 0;left: 50%;transform: translate(-50%, 0px) scale(0);opacity: 1;}

.babies .babies-content{display: flex;align-items: center;justify-content: center;height: 100%;}
.babies .babies-content .content-item{position: relative;width: 28vw;height: 28vw;}
.babies .babies-content .content-item + .content-item{margin-left: -4.7vw;}
.babies .babies-content .content-item .item-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
.babies .babies-content .content-item .item-text .count{font-weight: 300;font-size: 5.2vw;color: #40456a;line-height: normal;display: block;}
.babies .babies-content .content-item .item-text .text{font-weight: 300;font-size: 3.3vw;color: rgba(64, 69, 106, 0.5);line-height: normal;display: inline-block;margin-top: 1vw;}
.babies .babies-content .content-item svg{ width: 100%; height: 100%; }
.babies .babies-container .update-date {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0px);
    width: auto;
}

@media only screen and (min-width: 1200px){
    .babies .babies-content .content-item svg {stroke-dasharray: 1730;stroke-dashoffset: 1730;}
    .babies .babies-content .content-item .item-text .text { transform: translate(0px, 40px); opacity: 0; visibility: hidden; }
}

@media only screen and (max-width: 1199px){
    .babies {
        height: calc(100vh - 346px);
    }
}

@media only screen and (max-width: 991px){
    .babies .babies-content .content-item{ width:35vw; height:35vw;}
    .babies .img-item.img-6{ transform:translate(60%, -50%) scale(0.6); opacity:0.5;}
    .babies .img-item.img-7{ transform:translate(55%, 55%) scale(0.4); opacity:0.4;}
    .babies .img-item.img-1{ transform:translate(0px, -50%) scale(1); opacity:0.8;}
    .babies .img-item.img-2{ transform:scale(1); opacity:0.9;}
    .babies .img-item.img-5{ transform:translate(-50%, 0px) scale(0.7); top:200px; opacity:0.3;}
    .babies .img-item.img-8{ transform:translate(-50%, 0px) scale(1); opacity:0.3; bottom:100px;}
    .babies .img-item.img-3{ transform:translate(-25%, -25%) scale(0.4); opacity:0.2;}
    .babies .img-item.img-4{ transform:translate(-40%, 30%) scale(0.6); opacity:0.6;}
}

@media only screen and (max-width: 767px){
    .babies .babies-content .content-item{ width:50vw; height:50vw;}
    .babies .babies-content .content-item .item-text .count{ font-size:9vw;}
    .babies .babies-content .content-item .item-text .text{ font-size:5.3vw;}
    .babies .babies-content .content-item + .content-item{ margin-left:-7.7vw;}
    .babies .img-item{ border-radius:10px;}
    .babies{height: calc(100vh - 259px);}
    .babies .img-item.img-5{ top:100px;}
    .babies .img-item.img-8{bottom: 90px;}
    .babies .img-item.img-2{ top:120px; right:-10px;}
    .babies .img-item.img-7{ right:50px;}
    .babies .img-item.img-3{ top:-50px; left:20px;}
    .babies .img-item.img-1{ left:-20px;}
    .babies .babies-container .update-date {
        width: 100%;
        justify-content: center;
    }
}

/* Single Page */
.single-page {padding: 40px 0 100px;position: relative;}
.single-page h2 {font-weight: 500;font-size: 3vw;letter-spacing: -0.05em;margin-bottom: 2vw;color: #6d8493;}
.single-page p, .single-page .page-content li, .single-page td {font-size: 1.1vw;line-height: 1.7vw;color: #282c46;list-style: initial;}
.single-page .page-content ol, .single-page .page-content ul {padding-left: 20px;}
.single-page td {border: 1px solid rgb(0 0 0 / 34%);padding: 10px;}
.single-page .page-content { background: #fff; padding: 70px 110px; margin-top: calc(-100vh - -320px); max-width: 81%; }
.single-page .single-menu { position: sticky; top: 40px; margin-left: 30px; }
.single-page .single-menu ul { height: calc(100vh - 100px); overflow-y: auto; overflow-x: hidden; }
.single-page .single-menu ul li + li { border-top: 1px solid #efeff7; }
.single-page .menu-btn{ display: none; }
.single-page .single-menu ul li a { color: #6d8493; font-size: 20px; padding: 10px 0; display: block; }
.single-page .single-menu ul li.active a { color: #6d8493; }
.single-page .update-date {
    margin-top: 40px;
}

@media only screen and (min-width: 1200px){

}

@media only screen and (max-width: 1470px){
    .single-page .single-menu ul li a { font-size: 17px; }
}

@media only screen and (max-width: 1370px){
    .single-page { padding-bottom: 20px; }
}

@media only screen and (max-width: 1199px){
    .single-page p, .single-page .page-content li, .single-page td { font-size: 2vw; line-height: 2.8vw; }
    .single-page h2 { font-size: 4vw; margin-bottom: 3vw; }
}

@media only screen and (max-width: 991px){
    .single-page .page-content { margin: 0; max-width: 100%; padding: 20px 80px 60px; }
    .single-page .single-menu ul { display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .single-page .single-menu ul li a { font-size: 25px; }
    .single-page .single-menu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; padding: 0; margin: 0; opacity: 0; visibility: hidden; pointer-events: none; background: rgb(255 255 255 / 95%); display: flex; align-items: center; justify-content: center; transition: 0.4s; }
    .single-page .single-menu.active{ opacity: 1; visibility: visible; pointer-events: all; }
    .single-page .menu-btn { width: 100%; text-align: center; padding: 20px 0 30px; background: #fff; color: #6d8493; font-size: 20px; display: block; position: relative; }
    .single-page .menu-btn:before {content: "";position: absolute;bottom: 10px;left: 10px;right: 10px;height: 1px;background: #000;opacity: 0.1;}
    .single-page { overflow: hidden; margin: calc(-100vh - -620px) 30px 0; }
}

@media only screen and (max-width: 767px){
    .single-page h2 { font-size: 23px; margin-bottom: 20px; }
    .single-page p, .single-page .page-content li, .single-page td { font-size: 16px; line-height: 1.4; }
    .single-page {padding-top: 70px;padding-bottom: 80px;margin: calc(-100vh - -320px) 20px 0;}
    .single-page .page-content { padding: 10px 40px 10px; }
    .single-page .menu-btn:before {bottom: 10px;}
}

/* Incubator */
.incubator{background: #fff;}
.incubator .incubator-banner{ height: 100vh; position: relative; overflow: hidden; }
.incubator .incubator-banner .banner-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.incubator .incubator-banner .banner-bg span { display: block; height: 100%; background-size: cover; background-position: center; }
.incubator .incubator-banner .incubator-search{position: absolute;width: 800px;top: 270px;left: 50%;transform: translate(-50%, 0px);z-index: 1;}
.incubator .incubator-banner .incubator-search .line { position: absolute; background: #fff; }
.incubator .incubator-banner .incubator-search .line-1 {top: 0;left: 0;width: 100%;height: 2px;}
.incubator .incubator-banner .incubator-search .line-2 {top: 0;left: 0;width: 2px;height: 100%;}
.incubator .incubator-banner .incubator-search .line-3 {right: 0;top: 0;height: 100%;width: 2px;}
.incubator .incubator-banner .incubator-search .line-4 {left: 0;bottom: 0;width: 100%;height: 2px;}
.incubator .incubator-banner .incubator-search input{font-size: 36px;color: #fff;box-shadow: none;outline: none;background: #fff0;width: 100%;border: none;padding: 20px 100px 20px 40px;border-radius: 0;}
.incubator .incubator-banner .incubator-search .other-text {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 110px;
    overflow: hidden;
}
.incubator .incubator-banner .incubator-search .other-text > span > span {
    transform: translate(100%, 0px);
    display: block;
}

.incubator .incubator-banner .incubator-search .other-text > span {
    transform: translate(-100%, 0px);
}
.incubator .incubator-banner .incubator-search .other-text > span {
    font-size: 36px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 40px;
    bottom: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}
.incubator .incubator-banner .incubator-search input::-webkit-input-placeholder { color: #fff; }
.incubator .incubator-banner .incubator-search input:-ms-input-placeholder { color: #fff; }
.incubator .incubator-banner .incubator-search input::placeholder { color: #fff; }
.incubator .incubator-banner .incubator-search svg{position: absolute;top: 50%;transform: translate(0px, -50%);right: 40px;fill: #fff;}
.incubator .s-container > h4{position: relative;display: block;font-weight: 300;font-size: 19px;color: #fff;text-align: center;margin-bottom: 20px;}
.incubator .s-container{position: relative;margin: calc(-100vh - -550px) 110px 0;padding-bottom: 150px;z-index: 1;}
.incubator .incubator-banner:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #6d8493;; opacity: 0.7; pointer-events: none; z-index: 1; }
.incubator .incubator-list{background: #fff;padding: 65px 140px 100px;border: 1px solid #E8E8E8;display: flex;flex-wrap: wrap;min-height: calc(100vh - 500px);margin: 0 -60px;}
.incubator .incubator-list .list-item{flex: 0 0 calc(25% - 60px);margin: 0 30px 70px;}
.incubator .incubator-list .list-item h5{font-weight: bold;font-size: 30px;color: #40456a;margin-bottom: 15px;line-height: normal;}
.incubator .incubator-list .list-item .item-img{height: 300px;background-size: cover;background-position: center;display: block;}
.incubator .incubator-list .list-item .item-detail{position: relative;margin-left: 20px;margin-right: 10px;padding-top: 25px;padding-left: 25px;}
.incubator .incubator-list .list-item .item-detail .line{position: absolute;top: -30px;left: 0;bottom: 0;width: 1px;background: linear-gradient(#666666 0%, rgba(255, 102, 2, 0) 100%);}
.incubator .incubator-list .list-item .item-detail .item-date{display: flex;align-items: center;}
.incubator .incubator-list .list-item .item-detail .item-date > span:nth-child(1){font-weight: bold;font-size: 18px;color: #6d8493;opacity: 0.9;display: block;line-height: normal;}
.incubator .incubator-list .list-item .item-detail .item-date > span:nth-child(2){font-size: 18px;text-align: left;color: #6d8493;opacity: 0.6;line-height: normal;margin-left: 5px;}
.incubator .incubator-list .list-item .item-detail a{display: inline-flex;align-items: center;justify-content: center;border: 1px solid #9DA1B5;padding: 10px 20px;margin-top: 18px;}
.incubator .incubator-list .list-item .item-detail a > svg{fill: #9DA1B5;transition: 0.4s;}
.incubator .incubator-list .list-item .item-detail a > span{font-size: 19px;color: #9da1b5;line-height: normal;display: block;margin-left: 10px;transition: 0.4s;}
.incubator .update-date {
    color: #fff;
    opacity: 1;
    justify-content: center;
    margin-bottom: 30px;
}

.incubator .update-date span {
    color: #fff;
    opacity: 0.9;
}

@media (hover: hover){
    .incubator .incubator-list .list-item .item-detail a:hover { background: #9DA1B5; }
    .incubator .incubator-list .list-item .item-detail a:hover > span { color: #fff; }
    .incubator .incubator-list .list-item .item-detail a:hover > svg { fill: #fff; }
}

@media only screen and (min-width: 1200px){
    .incubator .update-date{transform: translate(0px, -30px);opacity: 0;visibility: hidden;}
    .incubator .incubator-banner .banner-bg {height: 0;transform: scale(1.3);}
    .incubator .incubator-list .list-item { transform: translate(0px, 50px); opacity: 0; visibility: hidden; }
    .incubator .s-container > h4 { transform: translate(0px, 30px); opacity: 0; visibility: hidden; }
    .incubator .incubator-list { transform: translate(0px, 450px); }
    .incubator .incubator-banner .incubator-search .line-1 {width: 0;}
    .incubator .incubator-banner .incubator-search .line-2 {height: 0;}
    .incubator .incubator-banner .incubator-search .line-3 {height: 0;}
    .incubator .incubator-banner .incubator-search .line-4 {width: 0;}
    .incubator .incubator-banner .incubator-search input {opacity: 0;visibility: hidden;}
    .incubator .incubator-banner .incubator-search svg { transform: translate(0px, -50%) scale(0); }
}

@media only screen and (max-width: 1610px){
    .incubator .incubator-list .list-item { flex: 0 0 calc(33% - 60px); }
}

@media only screen and (max-width: 1370px){
    .incubator .incubator-banner .incubator-search {transform: translate(-50%, 0px) scale(0.8);top: 200px;}
    .incubator .s-container {margin: calc(-100vh - -380px) 110px 0;}
    .incubator .incubator-list { padding: 55px 60px 60px; }
}

@media only screen and (max-width: 1199px){
    .incubator .incubator-list { padding: 45px 30px 60px; }
    .incubator .incubator-list .list-item { margin: 0 21px 70px; }
    .incubator .incubator-list .list-item .item-img { height: 240px; }
}

@media only screen and (max-width: 991px){
    .incubator .incubator-list .list-item {flex: 0 0 calc(52% - 60px);}
    .incubator .incubator-list .list-item h5 { font-size: 25px; }
    .incubator .incubator-banner .incubator-search { width: 100%; }
}

@media only screen and (max-width: 767px){
    .incubator .incubator-list .list-item {
        flex: 0 0 100%;
        margin: 0 0 60px;
    }
    .incubator .incubator-banner .incubator-search{ transform:translate(-50%, 0px) scale(1); width:calc(100% - 43px); top:130px;}
    .incubator .incubator-banner .incubator-search input{ font-size:20px; padding:15px 90px 15px 25px;}
    .incubator .incubator-banner .incubator-search svg{ right:25px; width:20px;}
    .incubator .incubator-banner{ height:70vh;}
    .incubator .s-container{margin: calc(-100vh - -510px) 25px 0;padding-bottom: 60px;}
    .incubator .incubator-list{ margin:0; padding:30px;}
    .incubator .incubator-list .list-item h5{ font-size:20px; margin-bottom:10px;}
    .incubator .incubator-list .list-item .item-detail{ margin-left:15px; padding-left:15px; padding-top:15px;}
    .incubator .incubator-list .list-item .item-detail .item-date > span:nth-child(1){ font-size:15px;}
    .incubator .incubator-list .list-item .item-detail .item-date > span:nth-child(2){ font-size:15px;}
    .incubator .incubator-list .list-item .item-detail a > svg{ width:20px;}
    .incubator .incubator-list .list-item .item-detail a > span{ margin-left:5px; font-size:15px;}
    .incubator .incubator-list .list-item .item-detail a{ margin-top:10px;}
    .incubator .incubator-list .list-item .item-img{ height:260px;}
    .incubator .s-container > h4{ max-width:280px; margin:0 auto 30px;}
}

/* Update Date */
.update-date { width: 100%; display: flex; align-items: center; font-weight: bold; font-size: 19px; color: #6d8493; opacity: 0.9; }
.update-date > span { color: #6d8493; opacity: 0.6; display: block; margin-left: 8px; }
.references .update-date {margin: 50px 15px 0;}

@media only screen and (max-width: 767px){
    .update-date {
        font-size: 16px;
    }
    .references .update-date {
        justify-content: center;
    }
}

/* Teams */
.page-title.teams-page-title {
    position: sticky;
    top: -270px;
    left: 0;
    right: 0;
}
.page-title.teams-page-title .bread-bg .title-first {
    left: 100px;
}
.teams .page-menu {
    width: 100%;
}

.teams{background: #fff;width: 81%;}
.teams .teams-container{margin: 100px 150px 0 110px;}
.teams .teams-container .update-date {
    border-left: 1px solid #6d8493;
    margin-left: 10px;
    padding: 20px 70px 50px;
}
.teams .teams-item + .teams-item{ margin-top: 80px; }
.teams .teams-item .teams-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 70px;}
.teams .teams-item .teams-header h2{font-weight: 300;font-size: 3.1vw;color: #40456a;margin-bottom: 0;line-height: normal;}
.teams .teams-item .teams-header span{font-weight: 300;font-size: 1.3vw;color: #40456a;display: block;}
.teams .teams-item .teams-list{display: flex;flex-wrap: wrap;margin: 0 -33px 0 10px;position: relative;padding-left: 30px;}
.teams .teams-item .teams-list:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 1px;background: #6d8493;}
.teams .teams-item .teams-list .list-item{flex: 0 0 calc(33% - 77px);margin: 0 40px 130px;position: relative;}
.teams .teams-item .teams-list .list-item:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;top: 20%;background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);}
.teams .teams-item .teams-list .list-item img{width: 100%;}
.teams .teams-item .teams-list .list-item .item-info{position: absolute;bottom: -40px;left: 30px;padding-left: 25px;}
.teams .teams-item .teams-list .list-item .item-info:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 1px;background: linear-gradient(#666666 0%, rgba(255, 102, 2, 0) 100%);}
.teams .teams-item .teams-list .list-item .item-info > span:nth-child(1){font-weight: bold;font-size: 19px;color: #6d8493;opacity: 0.9;display: block;}
.teams .teams-item .teams-list .list-item .item-info > span:nth-child(2){display: block;font-size: 15px;color: #ffba8d;margin-top: 5px;}
.teams .teams-item .teams-list .list-item .item-info .info-social{margin-top: 15px;}
.teams .teams-item .teams-list .list-item .item-info .info-social a + a{margin-left: 7px;}
.teams .teams-item .teams-list .list-item .item-info .info-social a svg{fill: #919191;transition: 0.4s;}
/* Birim Detay */
.department-detail { position: relative; margin-top: -150px; }
.department-detail .department-wrapper { display: flex; align-items: flex-start; }
.department-detail .department-main-content {
    width: 100%;
    background: white;
    padding: 100px;
    border-right: 1px solid #E4E4E8;
	 padding-bottom: 10px;
}

.department-detail .department-right {
    margin-top: 150px;
    width: 20%;
    position: sticky;
    top: -100px;
}

.department-detail .department-main-content .department-main-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 100px;
    margin-bottom: 150px;
}

.department-detail .department-main-content .department-main-top .cnt {
    font-size: 19px;
    color: #9da1b5;
    width: 600px;
}

.department-detail .department-main-content .department-main-top .button a {
    color: #40456a;
    font-size: 15px;
    padding: 0px 25px;
    background: #f3f3f3;
    width: 50%;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.department-detail .department-main-content .department-main-top .button a .icon {
    margin-right: 20px;
}
.department-detail .department-main-content .department-main-top .button a .icon svg {
    fill: #2d527c;
}

.department-detail .department-main-content .department-main-top .button {
    width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.department-main-wrapper {
    display: flex;
    align-items: flex-start;
    margin: 0 -30px;
}

.department-slider {
    width: 38%;
    padding: 0 30px;
    position: sticky;
    top: 100px;
}

.department-slider .img {
    position: relative;
}

.department-slider .img img {
    width: 100%;
}

.department-slider .img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 70%, rgba(0,0,0,.6))
}

.department-slider .navigation {
    position: absolute;
    bottom: 30px;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 3;
}

.department-slider .navigation span {
    display: block;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid white;
    border-radius: 50%;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
}

.department-slider .navigation span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    backdrop-filter: blur(30px);
    z-index: -1;
    -webkit-backdrop-filter: blur(30px);
}

.department-slider .swiper-pagination {
    position: absolute;
    left:0px;
    bottom: 30px;
    width: auto;
    color: #6d8493;
}
 
.swiper-pagination > span { 
    font-size: 26px;
    color: #fff;
}

.department-slider .swiper-pagination > span.current {
    font-weight: bold;
}

.department-content {
    width: 62%;
    padding: 0 30px;
}

.department-content h3 {
   font-weight: bold;
    font-size: 25px;
    padding-left: 0px;
    position: relative;
    margin-bottom: 10px;
    margin-top: 40px;
}

.department-content h3:before {content: "";position: absolute;top: 0;left: 0;width: 4px;height: 100%;background: #6d8493;display:none}

.department-content .content p{
    font-size: 30px;
    color: #6d8493;
}

.department-doctors > h3 {
    font-weight: 300;
    font-size: 19px;
    letter-spacing: 0.3em;
    color: #9da1b5;
    padding-left: 30px;
    position: relative;
    margin-bottom: 80px;
}

.department-doctors {
    padding: 200px 100px 0;
}

.department-doctors > h3:before {content: "";position: absolute;left: 0;top: 0;width: 2px;height: 100%;background: red;}

.doctors {
    display: flex;
    flex-direction: column;
}

.single-doctor {
    position: relative;
    text-align: center;
    margin-bottom: 60px;
}

.doctor-image {
    width: 100%;
    height: 185px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.doctor-image img {
    width: 100%;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    margin-top: -50px;
}

.single-doctor .content {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -50px;
    z-index: 9;
    width: 100%;
}

.doctor-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F2EFEF;
    z-index: 1;
    border-radius: 50%;
}

.doctor-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 60%, rgba(255,255,255,1));
    z-index: 1;
    border-radius: 50%;
}

.single-doctor .content span {
    font-weight: bold;
    font-size: 12px;
    color: #6d8493;
}

.single-doctor .content .title h3 {
    font-weight: 300;
    font-size: 15px;
    color: #585858;
    margin: 0;
}

.single-doctor .content .title {
    padding: 5px;
    background: #F3F3F3;
    border-radius: 13px;
}


@media (hover: hover){
    .teams .teams-item .teams-list .list-item .item-info .info-social a:hover svg { fill: #003365; }
}

@media only screen and (max-width: 1470px){
    .teams .teams-item .teams-list .list-item { flex: 0 0 calc(33% - 48px); margin: 0 25px 130px; }
}

@media only screen and (max-width: 1199px){
    .teams .teams-item .teams-list .list-item { flex: 0 0 calc(50% - 50px); }
    .page-title.teams-page-title .bread-bg .title-first { left: 50px; }
    .page-title.teams-page-title { height: calc(100vh - 800px); }
    .teams .teams-container { margin: 100px 80px 0 60px; }
    .teams .teams-item .teams-header span { font-size: 2vw; }
}

@media only screen and (max-width: 991px){
    .teams { width: 100%; }
    .teams .teams-item .teams-header h2 { font-size: 4vw; }
    .teams .teams-container { margin: 70px 80px 0 60px; }
    .page-title.teams-page-title { height: 300px; }
    .page-title.teams-page-title .bread-bg .title-first { top: 60%; }
}

@media only screen and (max-width: 767px){
    .teams .teams-item .teams-list .list-item { flex: 0 0 100%; margin: 0 0 100px; }
    .teams .teams-container { margin: 50px 20px; }
    .teams .teams-item .teams-list { margin-right: 10px; }
    .teams .teams-item .teams-header h2 {font-size: 25px;}
    .teams .teams-item .teams-header span { font-size: 15px; }
    .teams .teams-item .teams-header { margin: 0 10px 40px 5px; }
    .page-title.teams-page-title .bread-bg .title-first { left: 20px; }
    .page-title.teams-page-title { height: 230px; } 
	
	.akslider{height: 276px!important;
    width: 100%;}
	
	.banner-grids > .banner-grid {
    min-height: 215px !important;
    color: #ffffff;
}
	.rendered-form .btn {
    margin-left: 15px;
    width: 100px!important;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

/* Schema */
.schema .schema-container{display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;/* width: 80%; */padding: 100px 200px;background: #fff;}
.schema .schema-container .update-date { padding-left: 50px; margin-top: 50px; }
.schema .schema-container .schema-item { width: 100%; overflow-x: auto; overflow-y: hidden; }
.schema .schema-container .schema-item > ul > li ul { display: none; }
.schema .schema-container .schema-item > ul > li > ul {
    display: block;
}
.schema .schema-container ul{padding-left: 50px;position: relative;width: 100%;margin-top: 15px;}
.schema .schema-container ul:before {content: "";position: absolute;top: 22px;left: 75px;bottom: 15px;width: 1px;background: #E4E4E8;}
.schema .schema-container ul li{position: relative;padding: 7.5px 0;}
.schema .schema-container ul li:before {content: "";position: absolute;top: 20px;left: 0;width: 55px;height: 2px;background: #FFBA8D;transition: 0.4s;}
.schema .schema-container ul li span{font-size: 20px;color: #ffba8d;display: inline-block;position: relative;padding-left: 75px;padding-right: 30px;white-space: nowrap;transition: 0.4s;cursor: pointer;}
.schema .schema-container ul li.sub-none span:before, .schema .schema-container ul li.sub-none span:after {
    visibility: hidden;
}
.schema .schema-container ul li.active > span:after { transform: translate(0px, -50%) rotate(90deg) scale(0); }
.schema .schema-container ul li.active:before { background: #40456A; }
.schema .schema-container ul li.active > span { color: #40456A; font-weight: 600; }
.schema .schema-container ul li span:before,
.schema .schema-container ul li span:after {content: "";position: absolute;top: 50%;transform: translate(0px, -50%);right: 0;width: 19px;height: 1px;background: #707070;transition: 0.4s;}
.schema .schema-container ul li span:after {transform: translate(0px, -50%) rotate(90deg) scale(1);}
.schema .schema-container ul li.in-active > span { opacity: 0.4; }
.schema .schema-container ul li.in-active:before { opacity: 0.4; }

@media only screen and (max-width: 1199px){
    .schema .schema-container { padding: 90px 0; }
}

@media only screen and (max-width: 767px){
    .schema .schema-container {width: 100%;padding: 40px 10px 60px;}
    .schema .schema-container ul li span { font-size: 17px; padding-left: 50px; }
    .schema .schema-container ul li:before { width: 40px; }
    .schema .schema-container ul { padding-left: 30px; }
    .schema .schema-container ul:before { left: 50px; }
    .schema .schema-container ul:first-child:before {bottom: 20px;}
    .schema .schema-container .schema-item > ul:first-child { margin-left: -20px; }
    .schema .schema-container .update-date { padding-left: 10px;margin-top: 30px; }
}

/* Our Policies */
.about.our-policies .about-container .content-item .item-2 {margin-top: 0;padding-bottom: 30px;opacity: 1;transform: translate(0px, 0px);}
.about.our-policies .about-container .content-item .item-2 .update-date { margin-top: 50px; }
.about.our-policies .about-container { background: #ffff; margin: 0; }
.about.our-policies .about-container .content-item .item-2 .faq-container .faq-content .content-item:nth-child(even) { background-color: #E8F3FF; }
.about.our-policies .about-container .content-item .item-2 .faq-container .faq-content .content-item { background-color: #FFF7E8; }

@media only screen and (max-width: 1700px){
    .department-detail .department-main-content .department-main-top {padding-right: 0}
    .department-main-wrapper {margin: 0 -30px;}
    .department-slider { padding: 0 30px}
    .department-content { padding: 0 30px}
    .department-content .content p {font-size: 16px;}
    .doctor-image {width: 125px;height: 125px;}
}

@media only screen and (max-width: 1550px){
    .about.our-policies .about-container > .content-item {/* margin-left: 0; */flex: 0 0 calc(100% - 500px);}
    .about.our-policies .about-container { padding-left: 0; }   
    .about.our-policies .about-container .content-item .item-2 .faq-container .faq-item > span { font-size: 30px; }
    .about.our-policies .about-container .content-item .item-2 .faq-container .faq-item > p { margin-top: 50px; font-size: 23px; line-height: 1.3; }
    .department-detail .department-main-content .department-main-top .cnt { width: 50%;}
    .department-detail .department-main-content .department-main-top .button {width: 40%;}
    .department-doctors { padding: 50px; padding-top: 200px;}
}

@media only screen and (max-width: 1199px){
    .about.our-policies .about-container > .content-item {flex: 0 0 76%;padding: 0;}
    .department-detail .department-main-content {width: 100%;}
    .department-detail .department-right {width: 100%;position: relative;top: 0;}
    .department-detail .department-wrapper {flex-wrap: wrap;flex-direction: column;}
    .department-doctors {padding-top: 100px;}
    .doctors {flex-direction: row;flex-wrap: wrap;margin: 0 -30px;}
    .doctors .item {padding: 0 30px;width: 20%;}
    .single-doctor {margin: 0;}
    .department-doctors > h3 {margin-bottom: 50px;}
    .department-detail .department-main-content {width: 100%;padding: 50px;}
    .department-detail .department-main-content .department-main-top {margin-bottom: 50px;}
    .department-main-wrapper {flex-wrap: wrap;}
    .department-slider {position: relative;top: 0;width: 100%;}
    .department-slider .img {max-height: 500px;}
    .department-slider .img img {height: 100%;object-fit: cover;}
    .department-content {width: 100%;margin-top: 50px;}  
}

@media only screen and (max-width: 991px){
    .about.our-policies .about-container > .content-item {padding: 40px 0;margin: 60px auto;flex: 0 0 100%;}
    .about.our-policies .about-container .content-item .item-2 { max-width: 85%; }
    .department-detail .department-main-content .department-main-top { flex-wrap: wrap; }
    .department-detail .department-main-content .department-main-top .cnt { width: 100%; }
    .department-detail .department-main-content .department-main-top .button { width: 100%; }
}

@media only screen and (max-width: 767px){
    .about.our-policies .about-container > .content-item { margin: 50px 30px; padding: 0; flex: auto; }
    .about.our-policies .about-container .content-item .item-2 .faq-container .faq-item > span { font-size: 25px; }
    .about.our-policies .about-container .content-item .item-2 .faq-container .faq-item > p { margin-top: 20px; font-size: 20px; }
    .about.our-policies .about-container .content-item .item-2 {margin-bottom: 10px;max-width: 100%;}
    .doctors .item { width: 50%; margin-bottom: 40px; padding: 0 15px; }
    .department-doctors {padding-bottom: 0;padding-top: 40px;}
    .department-detail .department-main-content {padding: 30px;padding-top: 60px;}
    .department-detail .department-main-content .department-main-top .button a { width: 70%; }
    .department-slider .img { max-height: none; }
    .contact.contact1 section.page-title .card-contact .uper .social-link {width: 100%; padding-left: 20px;}
    .doctor-image img { width: 80%; margin-top: -30px; }
    .department-detail .department-right {
        margin-top: 0;
    }
}

/* investor page */
.investor-slider .slider-item { height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; }
.investor-slider .slider-item .slider-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.investor-slider .slider-item .slider-content { position: relative; z-index: 2; text-align: center; }
.investor-slider .slider-item .slider-content h3 { color: white; font-size: 64px; font-weight: 100; }
.investor-slider .slider-item .slider-content h3 span { font-weight: bold; }
.investor-slider .slider-item .slider-content .cnt { max-width: 60%; margin: auto; color: #9DA1B5; font-size: 20px; }
.investor-slider .slider-item .slider-bg:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #6d8493;;opacity: .7;}
.investor-slider .slider-item .slider-bg:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-image: url(grid-bg.png); pointer-events: none; opacity: 0.08; z-index: 3; }
.investor-slider .navigation { position: absolute; bottom: 75px; left: 100px; z-index: 4; }
.investor-slider .navigation svg {fill:rgba(255,255,255,0.45);}
.investor-slider .pagination { position: absolute; bottom: 75px; left: 50%; transform: translateX(-50%); z-index: 4; width: 100px; display: flex; align-items: center; justify-content: center; }
.investor-slider .pagination span { color: #9DA1B5; font-size: 32px; display: block; padding: 0 3px; position: relative; }
.investor-slider .pagination span.divider { color: #6d8493; bottom: 10px; }
.investor-slider .pagination span.current { color: white; bottom: 20px; font-weight: bold; }
.investor-about { background: white; padding: 150px 0; }
.investor-container {max-width: 1550px;margin: auto;}
.investor-wrapper { display: flex; margin: 0 -50px; }
.investor-title { width: 40%; padding: 0 50px; }
.investor-content { width: 60%; padding: 0 50px; padding-top: 40px; }
.investor-title h2 { font-size: 64px; font-weight: 100; color: #6d8493;; }
.investor-title h2 span { font-weight: bold; }
.investor-content .cnt { font-size: 23px; color: #707070; margin-bottom: 60px; }
.investor-content .button { text-align: right; }
.investor-content .button a { padding-right: 160px; color: #EDB089; position: relative; font-weight: bold; font-size: 20px; }
.investor-content .button a:after {content: "";position: absolute;bottom: 5px;right: 0;width: 150px;height: 2px;background: #6d8493;}
.single-investor .content .arrow svg .a{fill:none;stroke:#6d8493;}
.single-investor .content .arrow svg .b{fill:#666666}
.investor-list-wrapper { display: flex; flex-wrap: wrap; padding: 0 10px; }
.investor-list-wrapper .item { padding: 10px; width: 33.3%; }
.investor-list { background: white; padding-bottom: 100px;}
.single-investor {position: relative;display: block;}
.single-investor .single-investor-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 90px; background: rgba(0,0,0,.3); }
.single-investor .single-investor-content .content h3 { color: white; font-size: 37px; font-weight: bold; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.3); }
.single-investor .single-investor-content .content .cnt { color: #efeff7; font-size: 18px; padding: 20px 0; }
.single-investor .single-investor-content:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(45deg, #6d8493, rgb(66 69 93 / 0%));
    background-image: linear-gradient(45deg, rgb(109 132 147), rgba(66, 69, 93, 0));
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;}
.single-investor .single-investor-content .content { position: relative; }
.single-investor .single-investor-content .content .cnt p { margin: 0; }
.investor-list-wrapper .item.item-lg { width: 66.6%; }
.last-item { height: 100%; display: flex; align-items: center; justify-content: center; background: rgb(66 69 93 / 75%); }
.last-item .content h2 { font-size: 64px; font-weight: 100; color: white; }
.last-item .content h2 span { font-weight: bold; }
.last-item .content {max-width: 60%;}

@media screen and (min-width: 1500px) and (max-width: 1550px) {
    .investor-container { max-width: 1400px; }
    .investor-title h2 { font-size: 48px; }
    .investor-content { padding-top: 20px; }
    .investor-content .cnt { font-size: 18px; }
    .investor-content .button a { font-size: 17px; }
    .single-investor .single-investor-content { padding: 60px; }
    .single-investor .single-investor-content .content h3 { font-size: 27px; }
    .single-investor .single-investor-content .content .cnt { font-size: 16px; }
    .last-item .content h2 { font-size: 48px; }
}

@media screen and (max-width: 1441px) {
    .investor-container { max-width: 1200px; }
    .investor-title { padding: 0 20px; }
    .investor-content { padding: 0 20px; }
    .investor-wrapper { margin: 0 -20px; }
    .investor-title h2 { font-size: 45px; }
    .investor-content .cnt { font-size: 18px; }
    .investor-content .button a { font-size: 18px; }
    .single-investor .single-investor-content { padding: 60px; }
    .single-investor .single-investor-content .content h3 { font-size: 27px; }
    .single-investor .single-investor-content .content .cnt { font-size: 16px; }
    .last-item .content h2 { font-size: 45px; }
}

@media screen and (max-width: 1200px) {
    .investor-container { padding: 0 30px; max-width: auto; }
    .investor-wrapper { flex-wrap: wrap; }
    .investor-title { width: 100%; margin-bottom: 30px; }
    .investor-content { width: 100%; }
    .investor-list-wrapper .item { width: 50%; }
    .investor-list-wrapper .item.item-lg { width: 50%; }
}

@media screen and (max-width: 900px) {
    .investor-slider .slider-item .slider-content .cnt { max-width: 80%; }
    .investor-slider .slider-item .slider-content h3 {font-size: 45px;max-width: 60%;margin: auto;margin-bottom: 30px;}
    .single-investor .single-investor-content { padding: 30px; }
}

@media screen and (max-width: 767px) {
    .investor-slider .slider-item .slider-content h3 { max-width: 100%; font-size: 36px; }
    .investor-slider .slider-item .slider-content .cnt { max-width: 100%; }
    .investor-slider .slider-item .slider-content { padding: 0 30px; }
    .investor-slider .slider-item .slider-content .cnt { font-size: 16px; }
    .investor-slider .navigation { bottom: 70px; left: 30px; }
    .investor-slider .pagination { left: auto; transform: none; right: 30px; bottom: 70px; }
    .investor-about { padding: 60px 0; }
    .investor-title h2 { font-size: 36px; }
    .investor-content .cnt { font-size: 16px; }
    .investor-content .button a { font-size: 16px; padding-right: 100px; }
    .investor-content .button a:after { width: 80px; }
    .investor-list-wrapper .item { width: 100%; }
    .investor-list-wrapper .item.item-lg { width: 100%; }
    .last-item .content h2 { font-size: 30px; }
    .last-item .content { max-width: 100%; padding: 0 30px; }
    .last-item { min-height: 300px; }
}

/* Investor Detail */
.investor-detail-header { min-height: 800px; position: relative; display: flex; align-items: center; justify-content: center; }
.investor-detail-header .detail-header-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; }
.investor-detail-header .content { position: relative; }
.investor-detail-header .content h2 { color: white; font-weight: 100; font-size: 64px; }
.investor-detail-header .content h2 span { font-weight: bold; }
.investor-detail { position: relative; z-index: 10; padding-bottom: 300px; }
.investor-detail-main { width: 80%; margin-left: auto; background: #6d8493; margin-top: -300px; padding: 0 100px; position: relative; z-index: 2; padding-bottom: 100px; }
.detail-title { height: 300px; display: flex; align-items: flex-end; padding-bottom: 30px; justify-content: space-between; margin-bottom: 70px; }
.detail-title .title h3 { color: white; font-size: 30px; font-weight: 100; }
.investor-detail .navigation svg {fill:rgba(255,255,255,0.45);}
.investor-detail-main .swiper-container { margin-right: -100px; padding-right: 170px; margin-left: -70px; }
.investor-detail .swiper-slide { padding: 0 70px; }
.investor-detail .swiper-slide .slide-item .img img { width: 100%; }
.detail-header-bg:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #6d8493;;opacity: .7;}
.detail-header-bg:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-image: url(../img/grid-bg.png); pointer-events: none; opacity: 0.08; z-index: 3; }
.investor-detail:before {content: "";position: absolute;top: 300px;height: calc(100% - 300px);background: white;left: 0;width: 100%;}
.investor-detail .swiper-slide .slide-item .img { position: relative; }
.investor-detail .swiper-slide .slide-item .img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .4; }
.investor-detail .swiper-slide .slide-item h3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 30px; font-weight: 100; }

@media screen and (min-width: 1500px) and (max-width: 1550px) {
    .investor-detail-header { min-height: 700px; }
    .investor-detail-main { margin-top: -200px; }
    .detail-title { height: 200px; }
    .investor-detail:before { top: 200px; height: calc(100% - 200px); }
    .investor-detail-header .content h2 { font-size: 57px; }
}

@media screen and (max-width: 1441px) {
    .investor-detail-header { min-height: 700px; }
    .investor-detail-main { margin-top: -200px; }
    .detail-title { height: 200px; }
    .investor-detail:before { top: 200px; height: calc(100% - 200px); }
    .investor-detail-header .content h2 { font-size: 54px; }
}

@media screen and (max-width: 1367px) {
    .investor-detail-header { min-height: 600px; }
    .investor-detail-main { margin-top: -200px; }
    .detail-title { height: 200px; }
    .investor-detail:before { top: 200px; height: calc(100% - 200px); }
    .investor-detail-header .content h2 { font-size: 50px; }
    .investor-detail .swiper-slide { padding: 0 40px; }
}

@media screen and (max-width: 1200px) {
    .investor-detail-main { width: 95%; }
    .investor-detail { padding-bottom: 100px; }
}

@media screen and (max-width: 900px) {
    .investor-detail-header .content { padding: 0 50px; }
}

@media screen and (max-width: 768px) {
    .investor-detail-header .content h2 { font-size: 31px; }
    .investor-detail-main {padding: 0 30px;padding-bottom: 60px;}
    .detail-title .title h3 { font-size: 21px; }
    .investor-detail-main .swiper-container {margin-left: -30px;margin-right: -30px;padding-right: 70px;}
    .investor-detail .swiper-slide { padding: 0 20px; }
    .detail-title { margin-bottom: 40px; }
    .investor-detail .swiper-slide .slide-item h3 { font-size: 20px; }
	
	.main-banner {
    padding-top: 40px !important;
}
	
	
}
/* Investor Detail */

/* Certificates */
.certificates {background: white;}
.certificates-main {position: relative;margin-top: -600px;background: white;padding: 60px;padding-bottom: 200px;}
.certificates .certificates-grid { margin-bottom: 50px }
.certificates .certificates-grid ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.certificates .certificates-grid ul li { margin: 0 10px; cursor: pointer; opacity: .5; transition: .4s; }
.certificates .certificates-grid ul li.active { opacity: 1; }
.certificates .certificates-grid ul li span { display: block }
.certificates .certificates-grid ul li .list-button svg .a{fill: none;stroke:#707070;}
.certificates .certificates-grid ul li .list-button svg .b{stroke:none;}
.certificates .certificates-grid ul li .list-button svg .c{fill:none;}
.certificates .certificates-grid ul li .grid-button svg .b{fill:#fff;stroke:#707070;}
.certificates .certificates-grid ul li .grid-button svg .c{stroke:none;fill: none;}
.certificates .certificates-grid ul li .grid-button svg .d{fill:none;}
.certificates .certificates-content .wrapper { padding: 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: 0.4s; transition: 0.4s }
.certificates .certificates-content .wrapper .item { width: 100%; }
.certificates .certificates-content .wrapper .item .certificates-item { border: 1px solid #6d8493;; padding: 20px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; -webkit-transition: 0.4s; transition: 0.4s; }
.certificates .certificates-content .wrapper .item .certificates-item .img { padding-right: 30px; border-right: 1px solid #6d8493; }
.certificates .certificates-content .wrapper .item .certificates-item .img img { max-width: 50px; width: auto }
.certificates .certificates-content .wrapper .item .certificates-item .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 30px }
.certificates .certificates-content .wrapper .item .certificates-item .content h3 { margin: 0; font-weight: bold; font-size: 18px; color: #003365; -webkit-transition: 0.4s; transition: 0.4s; }
.certificates .certificates-content .wrapper .item .certificates-item .content span { display: block; font-weight: 500; font-size: 16px; color: #394d5c }
.certificates .certificates-content .wrapper.hide-ani { opacity: 0 }
.certificates .certificates-content .wrapper.grid-type { margin: 0 -30px; -webkit-animation: fadeIn ease 1s; animation: fadeIn ease 1s }
.certificates .certificates-content .wrapper.grid-type .item { padding: 0 30px; width: 50% }
.buttons ul { display: flex; align-items: cemter; }
.buttons ul li a{display: flex;align-items: center;justify-content: center;padding: 0 15px;transition: .4s;color: #003365;}
.buttons ul li a .icon {opacity: 0;margin-right: 10px;transition: .4s;}
.buttons ul li a .icon svg { fill:#003365 }
.buttons ul li a:hover .icon { opacity: 1; }
.buttons ul li a:hover { transform: translate(20px) }

@media screen and (min-width: 1500px) and (max-width: 1550px) {
    .certificates-main { margin-top: -500px; }
}

@media screen and (max-width: 1441px) {
    .certificates-main { margin-top: -500px; }
}

@media screen and (max-width: 1200px) {
    .certificates .certificates-grid { display: none }
    .certificates .certificates-content .wrapper .item { padding: 0 15px; width: 50% }
    .certificates .certificates-content .wrapper .item .certificates-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center }
    .certificates .certificates-content .wrapper .item .certificates-item .img { width: 30%; padding: 0; border: none; margin-bottom: 20px }
    .certificates .certificates-content .wrapper .item .certificates-item .img img { width: 100% }
    .certificates .certificates-content .wrapper .item .certificates-item .content { padding: 0 }
    .certificates .certificates-content .wrapper .item .certificates-item .content h3 { margin-bottom: 10px }
    .buttons { margin-top: 20px; }
    .buttons ul li a .icon { opacity: 1; }
}

@media screen and (max-width: 900px) {
    .certificates .certificates-content .wrapper { padding: 0; margin: 0 -15px; }
    .certificates-main { padding: 60px 40px; }
    .certificates-main { margin-top: -300px; }
}


@media screen and (max-width: 767px) {
    .certificates .certificates-content .wrapper .item { padding: 0 15px; width: 100% }
    .investor-container { padding: 0 15px; }
    .certificates-main { padding: 30px 15px; margin-top: -200px; }
}

@media screen and (min-width: 1200px) {
    .investor-slider .slider-item .slider-content h3 {
        opacity: 0;
        transform: translateY(-40px);
    }
    
    .investor-slider .slider-item .slider-content .cnt {
        opacity: 0;
        transform: translateY(-40px);
    }
    
    .investor-slider .navigation {
        transform: translateX(-40px);
        opacity: 0;
    }
    
    .investor-slider .pagination {
        transform: translateY(40px);
        opacity: 0;
    }

    .investor-detail-header .content h2 {
        transform: translateY(-40px);
        opacity: 0;
    }
    
    .investor-detail-main {
        transform: translateY(40px);
        opacity: 0;
    }
    
    .certificates-main {
        transform: translateY(40px);
        opacity: 0;
    }
 
    .certificates .certificates-grid {
        transform: translateY(-40px);
        opacity: 0; 
    }

    .certificates .certificates-content .wrapper .item {
        transform: translateY(40px);
        opacity: 0;
    }
}
@media only screen and (max-width: 380px){
	
.main-banner .banner-container .banner-img-container {
    height: 110vh !important;
}	
	
	
	
	
}