/*
// <weight>: Use a value from 100 to 700
// <uniquifier>: Use a unique and descriptive class name

.ibm-plex-sans-<uniquifier> {
  font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
*/
      
/*a, button, h1, h2, h3, h4, h5, h6, img, input, p, select { -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }*/
img, img a { border: 0 }
html { font-size: 10px }
body, html { height: 100% }
body { font-family: "IBM Plex Sans", sans-serif; font-weight: 400; font-size: 1.6rem; background: #e9e9e9; color: #005EB8; margin: 0px; padding: 0px; /*overflow-x: hidden*/ }
/*div { font-size: 0 }*/
a, div, h1, h2, h3, h4, h5, h6, img, input, li, p, select, ul { margin: 0; padding: 0; outline: 0 !important; box-shadow: none; border: 0; list-style: none; }
div, h1, h2, h3, h4, h5, h6, img, input, li, p, select, ul { font-weight: normal }
img { max-width: 100% }

.over_hidden_x { overflow-x: hidden; padding-top: 10.5rem }
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{padding-right:var(--bs-gutter-x,1.5rem);padding-left:var(--bs-gutter-x,1.5rem);}
.row{--bs-gutter-x:3rem;--bs-gutter-y:0;margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}
.row>*{padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}

.top-bar { display: none; background-color: #36a3b7; padding: 1.5rem 0 }
.top-bar ul { padding: 0px; margin: 0px; font-size: 0px; }
.top-bar ul li { padding: 0px; margin: 0 2rem; display: inline-block; position: relative; font-size: 1.6rem; color: #ffffff; font-weight: 400; line-height: 1.4; }
.top-bar ul li:last-child { margin-right: 0; }
.top-bar ul li a { color: #ffffff; text-decoration: none }

.header-area { width: 100%; background-color: #f0f0f0; position: absolute; border-bottom: 1px solid #ebebeb }
.header-area .logo_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.header-area .logo_main { font-size: 0px; margin: 0px; padding: 0px; width: 150px; }
.header-area .top-bar { transition: all 0.5s ease 0s !important }
.header-area.is-sticky .top-bar { height: 0px; padding: 0px; }
.header-area.is-sticky .top-bar ul { opacity: 0; }
.dropdown-toggle:after { display: none; }

/* STICKY STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header-area.is-sticky { position: fixed; animation: slideDown 0.5s ease-out; }

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}


/* Navbar Styles */
.nav { position: relative; width: 100%; padding: 2.5rem 1.5rem; z-index: 1000; display: flex; align-items: center; justify-content: space-between; }
.nav .nav-links { display: flex; align-items: center; list-style: none; }
.nav .nav-links li { margin: 0 0.6rem; font-size: 1.6rem; font-weight: 500; }
.nav .nav-links a { text-decoration: none; color: #397085; line-height: 4rem; border: 1px solid #397085; border-radius: 2rem; background-color: rgba(57,112,133,0); padding: 0 1.8rem; transition: all 0.2s linear; }
.nav .nav-links a:hover { color: #F0F0F0; border: 1px solid #397085; border-radius: 2rem; background-color: rgba(57,112,133,1); transition: all 0.2s linear; }
.nav.openSearch .nav-links a { opacity: 0; pointer-events: none; }
.nav.openSearch .nav-links li .dropdown-menu { display: none; }
/* Search Styles */
.nav .search-icon { color: #005eb8; font-size: 20px; cursor: pointer; }
.nav .search-box { position: absolute; right: 50px; height: 45px; max-width: 555px; width: 100%; opacity: 0; pointer-events: none; transition: all 0.2s linear; }
.nav.openSearch .search-box { opacity: 1; pointer-events: auto; }
.search-box .search-btn { width: 20px; position: absolute; left: inherit; right: 20px; top: 50%; color: #E9E9E9; transform: translateY(-50%); border: 0px; }
.search-box .search-icon { position: absolute; left: inherit; right: 0px; top: 50%; color: #E9E9E9; transform: translateY(-50%); }
.search-box input { height: 45px; width: 100%; border: none; outline: none; color: #E9E9E9; border-radius: 30px; background-color: #397085; padding: 0 45px 0 15px; }
/* Toggle Buttons */
.nav .navOpenBtn, .nav .navCloseBtn { display: none; }
/* Dropdown Base */
.nav-links .dropdown { position: relative; }
.nav-links .dropdown i:before { font-size: 2rem; line-height: 1.6; vertical-align: middle; }
.dropdown-toggle { display: flex; align-items: center; gap: 0px; }
.dropdown-menu { list-style: none; background-color: #397085; position: absolute; top: calc(100% + 1px); left: 0; min-width: 200px; display: flex; flex-direction: column; padding: 0; border: 1px solid #005eb8; border-radius: 5px; overflow: hidden; z-index: 99; opacity: 0; transform: translateY(10px); pointer-events: none; transition: all 0.3s ease; }
.dropdown:hover .dropdown-menu { opacity: 1; transform: translateY(0); pointer-events: auto; }
.nav .nav-links li .dropdown-menu { padding: 0px; margin: 0px; }
.nav .nav-links li .dropdown-menu li { padding: 0px; margin: 0px; }
.nav .nav-links li .dropdown-menu li { margin: 0px; }
.nav .nav-links li .dropdown-menu li a { padding: 10px 15px; font-size: 1.4rem; font-weight: 400; line-height: 1.2; color: #fff; display: block; transition: background 0.3s; }
.nav .nav-links li .dropdown-menu li a:hover { background-color: #fff; color: #005eb8 }

.home_hero_section { padding: 5.5rem 0; }
.home_hero_section h1 { font-size: 5.5rem; font-weight: 600; color: #397085; margin: 0px; line-height: 1.1; }
.home_hero_section h1 span { color: #36a3b7; }
.home_hero_section p { font-size: 1.6rem; font-weight: 400; color: #3A7086; line-height: 1.5; margin: 1.5rem 0; }
.btn_block { margin: 2rem 0 0 0; }
.btn_block a { display: inline-block; background-color: #397085; color: #E9E9E9; font-size: 1.6rem; text-decoration: none; line-height: 4.4rem; border-radius: 2.2rem; padding: 0 1.8rem; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
.btn_block a:hover { background-color: #d77f01; color: #E9E9E9; }
.btn_block img, .btn_block svg { display: inline-block !important; width: 1.5rem; margin: -0.3rem 0 0 1rem; }


.hero-slider-section { position: relative; border-radius: 25px; overflow: hidden; margin: 6rem 0 0 0; }
.cmc-slider .slide-item { position:relative; overflow:hidden; }
.cmc-slider .slide-item:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/hero-transbg-CMC.webp") 0 0 no-repeat; background-size: 100% 100%; z-index: 1; }
.cmc-slider .slide-item img { width: 100%; height :360px; object-fit: cover; transform: scale(1.12) translateX(-20px); }
.cmc-slider .slick-current.slick-active img { animation: zoomSlide 5s linear forwards; }
@keyframes zoomSlide{
    from{
        transform:scale(1) translateX(0);
    }
    to{
        transform:scale(1.12) translateX(-20px);
    }
}
.slide-content { font-size: 2rem; position: absolute;
    top: 3rem;
    left: 3rem;
    color: #e9e9e9;
    z-index: 2;
}
.slide-content h3 { font-size: 1.8rem; font-weight: 400; color: #e9e9e9; }

.slider-nav {
    position:absolute;
    bottom: 50px;
    left: 30px;
    z-index: 10;
    display: inline-block;
    gap: 0px;
}
.nav-btn {
    background: rgba(233,233,233,0);
    color: #e9e9e9;
    border: 1.5px solid rgba(233,233,233,1);
    border-radius: 40px;
    padding: 7px 18px;
    cursor:pointer;
    transition: .3s;
	margin: 5px 2.5px;
}
.nav-btn:hover { background: rgba(233,233,233,1); color: #3A7086; }
.nav-btn.active { background: rgba(233,233,233,1); color: #3A7086; }
.progress-wrap {
    position:absolute;
    bottom: 3rem;
    left: 10%;
    width: 80%;
    height:4px;
    background:rgba(233,233,233,.25);
    z-index:10;
    border-radius:10px;
    overflow:hidden;
}
.progress-bar {  width : 0%; height: 100%; background: #fff; }

.hero-slider-content .slide-item {
    display: flex !important;
    align-items: flex-end;
}

.hero-slider-content .slick-track {
    display: flex;
}



.mission_section { padding: 3.5rem 0 7.5rem; }
.mission_section h2 { font-size: 4rem; font-weight: 600; color: #3A7086; margin: 1.5rem 0 0; line-height: 1.2; }
.mission_section h2 span { color: #36A4B7; }
.mission_section h3 { font-size: 2.5rem; font-weight: 500; color: #3A7086; margin: 1.5rem 0; line-height: 1.29; }
.mission_section p { font-size: 1.6rem; font-weight: 400; color: #3A7086; line-height: 1.5; margin: 1.5rem 0; }

.mission_section .three_box_section { flex-direction: column; margin: 3rem 0 0 0; }
.mission_section .gap_20 { gap: 20px; }
.mission_section .three_box_outer { flex: 1; }
.mission_section .three_box { height: 100%; width: 100%; position: relative; background-color: rgba(57,112,133,1); border-radius: 2rem; padding: 3.5rem 3rem; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
.mission_section .three_box:hover { background-color: rgba(215,127,1,1); }
.mission_section .three_box.with_btn { padding: 3.5rem 3rem; }
.mission_section .three_box_icon { height: 6rem; }
.mission_section .three_box_icon img { height: auto; }
.mission_section .three_box_icon img.storage_icon { width: 50px; }
.mission_section .three_box_icon img.management_icon { width: 48px; }
.mission_section .three_box_icon img.training_icon { width: 36px; }
.mission_section .three_box h4 { font-weight: 500; color: #fff; font-size: 2.5rem; line-height: 1.29; margin: 1rem 0 1.5rem 0; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
.mission_section .three_box p { font-weight: 400; color: #fff; font-size: 1.6rem; line-height: 1.5; margin: 2.5rem 0 0 0; -webkit-transition: all 0.5 ease 0s !important; -moz-transition: all 0.5 ease 0s !important; transition: all 0.5s ease 0s !important }
.mission_section .three_box .btn_block { margin: 2.5rem 0 0 0; }
.mission_section .three_box .btn_block a { display: inline-block; background-color: rgba(57,112,133,0); color: #E9E9E9; font-size: 1.6rem; text-decoration: none; line-height: 4.1rem; border-radius: 2.2rem; border: 1.5px solid #E9E9E9; padding: 0 1.8rem; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
.mission_section .three_box .btn_block a:hover { background-color: rgba(215,127,1,0); color: #E9E9E9; }
.mission_section .three_box .btn_block img, .mission_section .three_box .btn_block svg { width: 1.5rem; margin: -0.3rem 0 0 1rem; }


.research_insights_section { background-color: #e1e1e1; border-radius: 4rem; padding: 0; }
.research_section { padding: 3.5rem 0; }
.research_section h2 { font-size: 4rem; font-weight: 600; color: #3A7086; margin: 1.5rem 0 0 0; line-height: 1.2; }
.research_section h2 span { display: inline-block; color: #36A4B7; }
.research_section h3 { font-size: 2.5rem; font-weight: 500; color: #3A7086; margin: 1.5rem 0; line-height: 1.29; }
.research_section p { font-size: 1.6rem; font-weight: 400; color: #3A7086; line-height: 1.5; margin: 1.5rem 0; }

.research_section .tour_section { font-size: 1.6rem; font-weight: 400; color: #3A7086; line-height: 1.5; margin: 1.5rem 0; }

.facility-section { margin: 3rem 0 0 0; }
.facility-grid { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: stretch; }
/* LEFT COLUMN */
.facility-left { display: grid; grid-template-rows: auto auto; gap:20px; }
/* BLUE BOX */
.facility-card { background: #36a3b7; border-radius: 2rem; padding: 3rem; /*display: flex; flex-direction: column; justify-content: center;*/ }
.facility-card h2 { font-size: 3.1rem; font-weight: 500; margin: 2rem 0 0 0; color: #E9E9E9; }
.facility-card p { font-size: 1.6rem; color: #E9E9E9; font-weight: 400; line-height: 1.5; max-width: 520px; margin: 2rem 0; }
.facility-card .tag { display: inline-block; padding: 0.5rem 1rem; border-radius: 30px; background: rgba(233,233,233,0.2); color: #E9E9E9; font-size: 1rem; font-weight: 500; }
.facility-card .tag img { width: 13px; height: auto; margin: -2px 1px 0 0; }
.facility-card .btn_block { margin: 3rem 0 0 0; }
.facility-card .btn_block a { display: inline-block; background-color: rgba(57,112,133,0); color: #E9E9E9; font-size: 1.6rem; text-decoration: none; line-height: 4.1rem; border-radius: 2.2rem; border: 1.5px solid #E9E9E9; padding: 0 1.8rem; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
.facility-card .btn_block a:hover { border-color: #397085;  background-color: rgba(57,112,133,1); color: #E9E9E9; }

/* RIGHT IMAGE */
.facility-image { height: 350px; overflow: hidden; border-radius: 3rem; }
.facility-image-slider { overflow: hidden; }
.image-slide { position: relative; overflow: hidden; }
.image-inner { width: 120%; height: 100%; transform: translateX(0); transition: transform 1.8s ease-out; }
.image-inner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.facility-image-slider .slick-active .image-inner { transform:translateX(-8%); }
.facility-image-slider .slick-slide:not(.slick-active) .image-inner { transform: translateX(0); }
/* Active slide slowly moves left */
.facility-image-slider .slick-current .image-inner { transform:translateX(-10%); }
.facility-image-slider,
.facility-image-slider .slick-list,
.facility-image-slider .slick-track,
.facility-image-slider .image-slide { height:100%; }
.facility-image-slider img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

.members-section .facility-card { background: #397085; }
.members-section .facility-card .tag img { width: 9px; }
.members-section .facility-grid { display: grid; grid-template-columns: 1fr; }
.members-section .facility-left { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; }
.members-section .facility-card .btn_block a { background-color: rgba(215,127,1,0); }
.members-section .facility-card .btn_block a:hover { border-color: #397085; background-color: rgba(215,127,1,1); }


.research_section.stories_section { padding: 3.5rem 0 7rem 0 }
.research_section.stories_section h2 { margin-bottom: 0px; }
.research_section.stories_section .btn_block { margin: 3rem 0 0 0 }

.slider_stories { padding: 0; margin-left: -15px; margin-right: -15px; margin-top: 6.5rem; }
.slider_stories .slick-track { display: flex; }
.slider_stories .slick-slide { width: 315px !important; height: 260px; overflow: hidden; border-radius: 15px; position: relative; margin: 0 1rem; }
.slider_stories .stories_img { width: 100%; height: 100%; position: relative; z-index: 1; }
.slider_stories .stories_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }


.mission_section.news_section { padding: 5rem 0; }
.mission_section.news_section .article_img { height: 20rem; border-radius: 1.5rem; overflow: hidden; }
.mission_section.news_section .article_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mission_section.news_section .three_box { padding: 0; background: none; overflow: hidden; }
.mission_section.news_section .three_box a { height: 100%; text-decoration: none; display: block; background-color: rgba(57,112,133,1); padding: 1.4rem; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
.mission_section.news_section .three_box a:hover { background-color: rgba(215,127,1,1); }
.mission_section.news_section .three_box .article_txt { padding: 2.5rem; }
.mission_section.news_section .three_box .tag { display: inline-block; padding: 0.5rem 1rem; border-radius: 30px; background: rgba(233,233,233,0.2); color: #E9E9E9; font-size: 1rem; font-weight: 500; margin: 0.5rem 0 0 0 }
.mission_section.news_section .three_box .tag img { width: 10px; height: auto; margin: -2px 1px 0 0; }
.mission_section.news_section .three_box h4 { margin: 2.5rem 0; }
.mission_section.news_section .btn_block { margin: 3.5rem 0 0 0; }
.mission_section.news_section .btn_block a { display: inline-block; background-color: rgba(57,112,133,1); color: #E9E9E9; font-size: 1.6rem; text-decoration: none; line-height: 4.1rem; border-radius: 2.2rem; border: 1.5px solid #E9E9E9; padding: 0 1.8rem; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
.mission_section.news_section .btn_block a:hover { border-color: #d77f01; background-color: rgba(215,127,1,1); color: #E9E9E9; }

.contact_section { position: relative; padding: 5rem 0 10rem; }
.contact_wrapper { border: 1.5px solid #397085; border-radius: 2rem; overflow: hidden; }
/* LEFT SIDE */
.contact_content { padding: 3rem 3rem; position: relative; background: #e9e9e9; }
.contact_content h2 { font-size: 4rem; line-height: 1.2; font-weight: 600; color: #3A7086; margin: 0 0 3rem 0; }
.contact_content h2 span { color: #36A4B7; }
.contact_content h4 { font-size: 2.5rem; line-height: 1.29; color: #3A7086; font-weight: 500; margin: 3rem 0; }
.contact_content p { font-size: 1.6rem; line-height: 1.5; font-weight: 400; color: #3A7086; }
.contact_logo { position: relative; margin: 3rem 0 0; }
.contact_logo img { width: 8.8rem; }

/* RIGHT SIDE */
.contact_form_wrap { background: #397085; height: 100%; padding: 3rem 3rem; color: #E9E9E9; }
.contact_form_wrap .form-group { margin: 0 0 3rem 0 }
.contact_form_wrap label { display: block; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 500; }
.contact_form_wrap label em { font-style: italic; }

.contact_form_wrap .form-control,
.contact_form_wrap .form-select { height: 6rem; border: 0px; border-radius: 1.5rem; background: #305f73; color: #E9E9E9; font-size: 2rem; font-weight: 400; line-height: 6rem; padding: 0 2rem; }
.contact_form_wrap textarea.form-control { height: 13rem; line-height: 1.2; padding-top: 1.5rem; padding-bottom: 1.5rem; resize: none; }
.contact_form_wrap .form-control::-moz-placeholder { color: rgba(233,233,233,.5); }
.contact_form_wrap .form-control::placeholder { color: rgba(233,233,233,.5); }

.contact_form_wrap .form-control:focus,
.contact_form_wrap .form-select:focus { box-shadow: none; background: #305f73; color: #E9E9E9; }

.contact_form_wrap .form-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: url("../images/down_arrow.svg") 96% 25px no-repeat #305f73; background-size: 16px 9px }
.contact_form_wrap .form-select:focus { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: url("../images/down_arrow.svg") 96% 25px no-repeat #305f73; background-size: 16px 9px }
.contact_form_wrap .form-select option { width: 100%; background: none; font-weight: 400; color: #E9E9E9; }

.contact_form_wrap .btn_submit { display: inline-block; background-color: rgba(57,112,133,0); color: #E9E9E9; font-size: 1.6rem; text-decoration: none; line-height: 4.1rem; border-radius: 2.2rem; border: 1.5px solid #E9E9E9; padding: 0 1.8rem; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
.contact_form_wrap .btn_submit svg { width: 16px; height: auto; margin: -3px 0 0 0.5rem }
.contact_form_wrap .btn_submit svg path { fill: #E9E9E9; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
.contact_form_wrap .btn_submit:hover svg path { fill: #397085; }
.contact_form_wrap .btn_submit:hover { border-color: #397085;  background-color: rgba(233,233,233,1); color: #397085; }



footer { background-image: none; background-color: #397085; color: #E9E9E9; border-radius: 3rem 3rem 0 0; padding: 0; }
footer .footer_logo { text-align: center; }
footer .footer_logo img { width: 260px; }
footer h3 { font-weight: 500; font-size: 2.5rem; line-height: 1.4; color: #E9E9E9; margin: 0; }
footer p { font-weight: 400; font-size: 1.8rem; line-height: 1.35; color: #E9E9E9; margin: 1rem 0 0 0; }
footer p a { color: #E9E9E9; text-decoration: none; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
footer p a:hover { color: #d77f01; text-decoration: none; }
footer ul.footer_links { padding: 0px; margin: 3rem 0 0 0; }
footer ul.footer_links li { padding: 0; margin: 1.5rem 0; list-style: none; display: block; font-size: 2rem; line-height: 1.2; font-weight: 500; }
footer ul.footer_links li a { display: inline-block; padding: 0; color: #E9E9E9; text-decoration: none; position: relative; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
footer ul.footer_links li a:hover { color: #d77f01; text-decoration: none; position: relative; }

footer .contact_footer { row-gap: 30px; text-align: center; margin-top: 5rem; }
footer ul.social_links { width: 100%;  display: inline-block; vertical-align: top; font-size: 0px; padding: 0px; margin: 0; }
footer ul.social_links li { padding: 0; margin: 0 0.7rem; list-style: none; display: inline-block; width: 4.3rem; height: 4.3rem; }
footer ul.social_links li:last-child { margin-right: 0px; }
footer ul.social_links li a { position: relative; width: 100%; height: 100%; border-radius: 50%; background-color: #d9d9d9; display: inline-block; color: #fff; text-decoration: none; text-align: center; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
footer ul.social_links li img, footer ul.social_links li svg { width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
footer ul.social_links li img, footer ul.social_links li svg { width: auto; height: auto; }
footer ul.social_links li a:hover { background-color: #d77f01; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
footer ul.social_links li a svg path { -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
footer ul.social_links li a:hover svg path { fill: #d9d9d9 }

footer .member_login_btn { display: inline-block; vertical-align: top; margin: 1.5rem auto; }
footer .member_login_btn svg { margin: 0 0 0 1rem }
footer .member_login_btn a { display: inline-block; line-height: 4.3rem; font-size: 1.6rem; color: #d9d9d9; text-decoration: none; border: 1.5px solid #d9d9d9; border-radius: 2.2rem; background-color: rgba(233,233,2331,0); padding: 0 1.8rem; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
footer .member_login_btn a:hover { color: #397085; text-decoration: none; border-color: #397085; background-color: rgba(233,233,233,1); -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
footer .member_login_btn a svg path { fill: #d9d9d9; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
footer .member_login_btn a:hover svg path { fill: #397085 }

footer .footer_top { padding: 3.5rem 0 }
footer .footer_bottom { font-size: 1.6rem; font-weight: 400; line-height: 1.4; background-color: #36a3b7; color: #E9E9E9; padding: 2rem 1rem }
footer .footer_bottom p { font-size: 1.6rem; font-weight: 400; margin: 0; }
footer .footer_bottom a { color: #E9E9E9; text-decoration: none; }
footer .footer_bottom a:hover { color: #E9E9E9; text-decoration: underline; }



.contact_form_wrap .gfield.form-control { height: auto; border: 0px; border-radius: inherit; background: none; color: inherit; font-size: inherit; font-weight: inherit; line-height: normal; padding: 0px; margin: 0px; }
.contact_form_wrap label.gfield_label { color: #E9E9E9; display: block; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 500; }
.contact_form_wrap label.gfield_label span { font-style: italic !important; color: #E9E9E9 !important; font-size: 1.8rem !important; font-weight: 500 !important; padding-inline-start: 0 !important; }

.contact_form_wrap .form-control .ginput_container input[type="text"], .contact_form_wrap .form-control .ginput_container input[type="email"], .contact_form_wrap .form-control .ginput_container select.gfield_select { height: 6rem; border: 0px; border-radius: 1.5rem; background: #305f73; color: #E9E9E9; font-size: 2rem; font-weight: 400; line-height: 6rem; padding: 0 2rem; }
.contact_form_wrap .form-control .ginput_container textarea { height: 13rem !important; border: 0px; border-radius: 1.5rem; background: #305f73; color: #E9E9E9; font-size: 2rem; font-weight: 400; line-height: 1.2; padding: 1.5rem 2rem; resize: none; outline: 0px !important; }
.contact_form_wrap .form-control .ginput_container input[type="text"]::-moz-placeholder, .contact_form_wrap .form-control .ginput_container input[type="text"]::-moz-placeholder { color: rgba(233,233,233,.5); }
.contact_form_wrap .form-control .ginput_container input[type="text"]::placeholder, .contact_form_wrap .form-control .ginput_container textarea::-placeholder { color: rgba(233,233,233,.5); }

.contact_form_wrap .form-control .ginput_container input[type="text"]:focus, .contact_form_wrap .form-control .ginput_container input[type="email"]:focus, .contact_form_wrap .form-control .ginput_container select.gfield_select:focus, .contact_form_wrap .form-control .ginput_container textarea:focus { box-shadow: 0px 0px 2px 2px #36A4B7 !important; }

.contact_form_wrap .form-control .ginput_container input[type="text"]:focus,
.contact_form_wrap .form-control .ginput_container select.gfield_select:focus { box-shadow: none; background: #305f73; color: #E9E9E9; }

.contact_form_wrap .form-control .ginput_container select.gfield_select { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: url("../images/down_arrow.svg") 96% 25px no-repeat #305f73; background-size: 16px 9px }
.contact_form_wrap .form-control .ginput_container select.gfield_select:focus { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: url("../images/down_arrow.svg") 96% 25px no-repeat #305f73; background-size: 16px 9px }
.contact_form_wrap .form-control .ginput_container select.gfield_select option { width: 100%; background: none; font-weight: 400; color: #E9E9E9; }

.contact_form_wrap .gform-footer { margin: 0 }
.contact_form_wrap .gform-footer input.gform_button { display: inline-block; background-color: rgba(57,112,133,0); color: #E9E9E9; font-size: 1.6rem; text-decoration: none; line-height: 4.1rem; border-radius: 2.2rem; border: 1.5px solid #E9E9E9; padding: 0 1.8rem; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
.contact_form_wrap .gform-footer input.gform_button svg { width: 16px; height: auto; margin: -3px 0 0 0.5rem }
.contact_form_wrap .gform-footer input.gform_button svg path { fill: #E9E9E9; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
.contact_form_wrap .gform-footer input.gform_button:hover svg path { fill: #397085; }
.contact_form_wrap .gform-footer input.gform_button:hover { border-color: #397085;  background-color: rgba(233,233,233,1); color: #397085; }

.contact_form_wrap .field_description_below { padding: 0px; margin: 0px; border: 0px; }
.contact_form_wrap .field_description_below small { font-size: 1.6rem !important; color: #E9E9E9 !important; }
.contact_form_wrap .field_description_below a { color: #E9E9E9; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }
.contact_form_wrap .field_description_below a:hover { color: #d77f01; }

/*.contact_form_wrap .gform_wrapper.gravity-theme .gfield_error label { color: #FF474C !important; }
.contact_form_wrap .gform_wrapper.gravity-theme .gfield_error label span { color: #FF474C !important; }*/

.contact_form_wrap .gform_wrapper { max-width: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 150%;
  background: none;
  box-shadow: none; }


.nav .nav-links a { display: flex; }

/***************(min-width: 576px)******************/
@media (min-width: 576px) {
.slider_stories .slick-list { overflow: visible; }  
    
}

/***************(min-width: 768px)******************/
@media (min-width: 768px) { 
.top-bar { display: block; }
.over_hidden_x { padding-top: 14.8rem; }
.text-md-justify { text-align: justify; }
	
.home_hero_section { padding: 6.5rem 0; }
.home_hero_section h1 { font-size: 5.5rem; line-height: 1.2; }
.home_hero_section p { font-size: 1.6rem; margin: 1.5rem 0; }
.btn_block { margin: 2rem 0 1.5rem 0; }
.btn_block a { font-size: 1.6rem; line-height: 4.4rem; border-radius: 2.2rem; padding: 0 1.8rem; }
.btn_block img, .btn_block svg { width: 1.5rem; margin: -0.3rem 0 0 1rem; }
	
.hero-slider-section { border-radius: 25px; margin: 6rem 0 0 0; }
.cmc-slider .slide-item img { width: 100%; height: 450px; object-fit: cover; transform: scale(1.12) translateX(-20px); }
.slide-content { position: absolute; top: auto !important; bottom: 30px; left: 30px; color: #fff; z-index: 2; }
.slider-nav { position: absolute; bottom: inherit !important; top: 30px; left: 30px; z-index: 10; display: flex; gap: 12px; }
.nav-btn { border-radius: 40px; padding: 10px 18px; }
.progress-wrap { position: absolute; bottom: inherit !important; top: 55px; left: inherit !important; right: 30px; width: 30%; height: 4px;  z-index: 10; border-radius: 10px; overflow: hidden; }
.progress-bar { width :0%; height: 100%; background: #fff; }
	
.mission_section { padding: 2.5rem 0 10rem; }
.mission_section h2 { font-size: 4.2rem; margin: 1.5rem 0; }
.mission_section h3 { font-size: 2.2rem; margin: 2rem 0; }
.mission_section p { font-size: 1.6rem; margin: 1.5rem 0; }
.mission_section .three_box_section { margin: 3.5rem 0 0 0; }
.mission_section .gap_20 { gap: 20px; }
.mission_section .three_box { border-radius: 2rem; padding: 3.5rem 3rem; }
.mission_section .three_box.with_btn { padding: 3.55rem 3rem; }
.mission_section .three_box_icon { height: 6rem; }
.mission_section .three_box_icon img.storage_icon { width: 50px; }
.mission_section .three_box_icon img.management_icon { width: 48px; }
.mission_section .three_box_icon img.training_icon { width: 36px; }
.mission_section .three_box h4 { font-size: 2.2rem; margin: 1rem 0 1.5rem 0; }
.mission_section .three_box p { font-size: 1.6rem; margin: 2.5rem 0 0 0; }
.mission_section .three_box .btn_block { margin: 2.5rem 0 0 0; }
.mission_section .three_box .btn_block a { font-size: 1.6rem; line-height: 4.1rem; border-radius: 2.2rem; border: 1.5px solid #E9E9E9; padding: 0 1.8rem; }
.mission_section .three_box .btn_block img, .mission_section .three_box .btn_block svg { width: 1.5rem; margin: -0.3rem 0 0 1rem; }
	
.research_insights_section { border-radius: 3rem; }
.research_section { padding: 5rem 0; }
.research_section h2 { font-size: 4.2rem; margin: 1.5rem 0; }
.research_section h2 span { display: inline-block; }
.research_section h3 { font-size: 2.2rem; margin: 0 0 2rem 0; }
.research_section p { font-size: 1.6rem; margin: 1.5rem 0; }
	
.facility-section { margin: 3.5rem 0 0 0; }
.facility-grid { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: stretch; }
.facility-left { display: grid; grid-template-rows: auto auto; gap:20px; }
.facility-card { border-radius: 3rem; padding: 5rem; }
.facility-card h2 { font-size: 3.1rem; margin: 3rem 0 0 0; }
.facility-card p { font-size: 1.6rem; max-width: 520px; margin: 2rem 0; }
.facility-card .tag { padding: 0.5rem 1rem; border-radius: 30px; font-size: 1rem; }
.facility-card .tag img { width: 13px; margin: -2px 1px 0 0; }
.facility-card .btn_block { margin: 3rem 0 0 0; }
.facility-card .btn_block a { font-size: 1.6rem; line-height: 4.1rem; border-radius: 2.2rem; border: 1.5px solid #E9E9E9; padding: 0 1.8rem; }
.facility-image { height: 450px; overflow: hidden; border-radius: 3rem; margin: 0px; }
.image-inner { width: 120%; height: 100%; transform: translateX(0); transition: transform 1.8s ease-out; }
.facility-image-slider,
.facility-image-slider .slick-list,
.facility-image-slider .slick-track,
.facility-image-slider .image-slide { height:100%; }
		
.mission_section.news_section { padding: 7rem 0; }
.mission_section.news_section .article_img { height: 22.8rem; border-radius: 2rem; }
.mission_section.news_section .article_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mission_section.news_section .three_box a { padding: 1.4rem; }
.mission_section.news_section .three_box .article_txt { padding: 3.5rem; }
.mission_section.news_section .three_box .tag { padding: 0.5rem 1rem; border-radius: 30px; font-size: 1rem; margin: 0.5rem 0 0 0 }
.mission_section.news_section .three_box .tag img { width: 10px; margin: -2px 1px 0 0; }
.mission_section.news_section .three_box h4 { margin: 2.5rem 0; }
.mission_section.news_section .btn_block { margin: 4.5rem 0 0 0; }
.mission_section.news_section .btn_block a { font-size: 1.6rem; line-height: 4.1rem; border-radius: 2.2rem; border: 1.5px solid #E9E9E9; padding: 0 1.8rem; }
	
.research_section.stories_section { padding: 3.5rem 0 10rem 0 }
.slider_stories .slick-slide { width: 315px !important; height: 262px; border-radius: 15px; margin: 0 1rem; }
.slider_stories { padding: 0; margin-left: 0px; margin-right: 0px; }
	
.contact_section { padding: 5rem 0 12rem; }
.contact_wrapper { border: 1.5px solid #397085; border-radius: 2rem; }

.contact_content { padding: 3.5rem 5.5rem; }
.contact_content h2 { font-size: 4.2rem; margin: 0 0 3rem 0; }
.contact_content h4 { font-size: 2.2rem; margin: 3rem 0; }
.contact_content p { font-size: 1.6rem; }
.contact_logo { position: relative; margin: 5rem 0 0 0; }
.contact_logo img { width: 8.8rem; }

.contact_form_wrap { height: 100%; padding: 3.5rem 5.5rem; }
.contact_form_wrap .form-group { margin: 0 0 3rem 0 }
.contact_form_wrap label { margin-bottom: 1rem; font-size: 2rem; }

.contact_form_wrap .form-control,
.contact_form_wrap .form-select { height: 6rem; border: 0px; border-radius: 1.5rem; font-size: 1.8rem; line-height: 6rem; padding: 0 2rem; }
.contact_form_wrap textarea.form-control { height: 13rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }

.contact_form_wrap .form-select { background: url("../images/down_arrow.svg") 96% 25px no-repeat #305f73; background-size: 16px 9px }
.contact_form_wrap .form-select:focus { background: url("../images/down_arrow.svg") 96% 25px no-repeat #305f73; background-size: 16px 9px }

.contact_form_wrap .btn_submit { font-size: 1.6rem; line-height: 4.1rem; border-radius: 2.2rem; border: 1.5px solid #E9E9E9; padding: 0 1.8rem; }
.contact_form_wrap .btn_submit svg { margin: -3px 0 0 0.5rem }
	
		
	
footer { border-radius: 4rem 4rem 0 0; }
footer .footer_logo { text-align: left; }
footer .footer_logo img { width: 267px; }
footer h3 { font-size: 2rem; }
footer p { font-size: 1.5rem; margin: 2rem 0 0 0; }
footer ul.footer_links { margin: 0px; }
footer ul.footer_links li { margin: 0.5rem 0; font-size: 2rem; }

footer .contact_footer { text-align: left; margin-top: 3rem; }
footer ul.social_links li { margin: 0 0.7rem; width: 4.3rem; height: 4.3rem; }
footer ul.social_links li:last-child { margin-right: 0px; }
footer ul.social_links li img, footer ul.social_links li svg { width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

footer .member_login_btn { display: inline-block; vertical-align: top; margin: 1.5rem 0 0 0 }
footer .member_login_btn svg { margin: 0 0 0 1rem }
footer .member_login_btn a { display: inline-block; line-height: 4.3rem; font-size: 1.6rem; color: #d9d9d9; text-decoration: none; border: 1.5px solid #d9d9d9; border-radius: 2.2rem; background-color: rgba(233,233,2331,0); padding: 0 1.8rem; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }

footer .footer_top { padding: 4.5rem 0 4.5rem }
footer .footer_bottom { font-size: 1.6rem; padding: 2rem 0 }
footer .footer_bottom p { font-size: 1.6rem; }



	
}

/***************(min-width: 992px)******************/
@media (min-width: 992px) { 	
.over_hidden_x { padding-top: 13.6rem; }

.header-area { border-bottom: 1px solid #efefef }
.header-area .logo_wrap { position: relative; top: inherit; left: inherit; transform: none; }
.header-area .logo_main { width: 135px; }
.nav { padding: 2.5rem 1.5rem; }
.nav .nav-links { margin-right: 0rem }
.nav .nav-links li { margin: 0 0.6rem; font-size: 1.4rem; }
.nav .nav-links li.contact_nav { margin-right: 1.2rem }
.nav .nav-links li.contact_nav a { background: #d77f01; border-color: #d77f01; color: #e9e9e9; }
.nav .nav-links a { line-height: 4rem; }
.nav .search-icon { font-size: 20px; }
.nav .search-box { right: 50px; height: 45px; max-width: 305px; width: 100%; }
.search-box .search-icon { width: auto; left: inherit; right: 0px; color: #397085 }
.search-box input { color: #397085; background: #f0f0f0; border: 1.5px solid #397085; border-radius: 3rem; padding: 0 4.5rem 0 1.5rem; }
.nav-links .dropdown i:before { font-size: 2rem; }
.dropdown-menu { min-width: 200px; border: 1px solid #005eb8; border-radius: 5px; transform: translateY(10px); }
.nav .nav-links li .dropdown-menu li a { padding: 10px 15px; font-size: 1.4rem; }
	
.home_hero_section { padding: 7.5rem 0; }
.home_hero_section h1 { font-size: 7rem; line-height: 1.2; }
.home_hero_section p { font-size: 1.6rem; margin: 1.5rem 0; }
.btn_block { margin: 2rem 0 1.rem 0; }
.btn_block a { font-size: 1.6rem; line-height: 4.4rem; border-radius: 2.2rem; padding: 0 1.8rem; }
.btn_block img, .btn_block svg { width: 1.5rem; margin: -0.3rem 0 0 1rem; }
	
.hero-slider-section { border-radius: 25px; margin: 6rem 0 0 0; }
.cmc-slider .slide-item img { width: 100%; height: 500px; object-fit: cover; transform: scale(1.12) translateX(-20px); }
.slide-content { position: absolute; top: auto !important; bottom: 40px !important; left: 40px; color: #fff; z-index: 2; }
.slider-nav { position: absolute; bottom: inherit !important; top: 40px; left: 40px; z-index: 10; display: flex; gap: 12px; }
.nav-btn { border-radius: 40px; padding: 10px 20px; cursor: pointer; transition: .3s; }
.progress-wrap { position: absolute; bottom: inherit !important; top: 65px; left: inherit; right: 40px; width: 45%; height: 4px; background: rgba(255,255,255,.25); z-index: 10; border-radius: 10px; overflow: hidden; }
.progress-bar { width :0%; height: 100%; background: #fff; }
	
.mission_section { padding: 3.5rem 0 12rem; }
.mission_section h2 { font-size: 4.9rem; margin: 1.5rem 0; }
.mission_section h3 { font-size: 2.5rem; margin: 2rem 0; }
.mission_section p { font-size: 1.6rem; margin: 1.5rem 0; }
.mission_section .content_right { width: 39.66666667% !important; }
.mission_section .three_box_section { flex-direction: row; margin: 5rem 0 0 0; }
.mission_section .gap_20 { gap: 20px; }
.mission_section .three_box { border-radius: 3rem; padding: 3.5rem; }
.mission_section .three_box.with_btn { padding: 3.5rem 3rem 11.5rem; }
.mission_section .three_box_icon { height: 6rem; }
.mission_section .three_box_icon img.storage_icon { width: 50px; }
.mission_section .three_box_icon img.management_icon { width: 48px; }
.mission_section .three_box_icon img.training_icon { width: 36px; }
.mission_section .three_box h4 { font-size: 2.5rem; margin: 1rem 0 1.5rem 0; }
.mission_section .three_box p { font-size: 1.6rem; margin: 2.5rem 0 0 0; }
.mission_section .three_box .btn_block { margin: 2rem 0 0 0; position: absolute; bottom: 3.5rem; }
.mission_section .three_box .btn_block a { font-size: 1.6rem; line-height: 4.1rem; border-radius: 2.2rem; border: 1.5px solid #E9E9E9; padding: 0 1.8rem; }
.mission_section .three_box .btn_block img, .mission_section .three_box .btn_block svg { width: 1.5rem; margin: -0.3rem 0 0 1rem; }
	
.research_insights_section { border-radius: 3rem; }
.research_section { padding: 5rem 0; }
.research_section h2 { font-size: 4.9rem; margin: 1.5rem 0; }
.research_section h3 { font-size: 2.5rem; margin: 0 0 2rem 0; }
.research_section p { font-size: 1.6rem; margin: 1.5rem 0; }
	
.facility-section { margin: 5rem 0 0 0; }
.facility-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: stretch; }
.facility-left { display: grid; grid-template-rows: 1fr 1fr; gap:20px; }
.facility-card { border-radius: 3rem; padding: 3.5rem; }
.facility-card h2 { font-size: 3.1rem; margin: 3rem 0 0 0; }
.facility-card p { font-size: 1.6rem; max-width: 520px; margin: 2rem 0; }
.facility-card .tag { padding: 0.5rem 1rem; border-radius: 30px; font-size: 1rem; }
.facility-card .tag img { width: 13px; margin: -2px 1px 0 0; }
.facility-card .btn_block { margin: 3rem 0 0 0; }
.facility-card .btn_block a { font-size: 1.6rem; line-height: 4.1rem; border-radius: 2.2rem; border: 1.5px solid #E9E9E9; padding: 0 1.8rem; }
.facility-image { height: 100%; border-radius: 3rem; }
.facility-image-slider .image-slide { position: relative; }
.facility-image-slider .image-slide .image-inner { position: absolute; top: 0px; left: 0px; }

.members-section .facility-grid { display: grid; grid-template-columns: 1fr; }
.members-section .facility-left { display: grid; grid-template-columns: 1fr 1fr; }
.members-section .facility-card { position: relative; padding-bottom: 12rem; }
.members-section .facility-card .btn_block { position: absolute; bottom: 3.5rem; }
	
.mission_section.news_section { padding: 7rem 0; }
.mission_section.news_section .article_img { height: 22.8rem; border-radius: 2.4rem; }
.mission_section.news_section .article_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mission_section.news_section .three_box a { padding: 1.4rem; }
.mission_section.news_section .three_box .article_txt { padding: 2.5rem 1.5rem; }
.mission_section.news_section .three_box .tag { padding: 0.5rem 1rem; border-radius: 30px; font-size: 1rem; margin: 0.5rem 0 0 0 }
.mission_section.news_section .three_box .tag img { width: 10px; margin: -2px 1px 0 0; }
.mission_section.news_section .three_box h4 { margin: 2rem 0; }
.mission_section.news_section .btn_block { margin: 5rem 0 0 0; }
.mission_section.news_section .btn_block a { font-size: 1.6rem; line-height: 4.1rem; border-radius: 2.2rem; border: 1.5px solid #E9E9E9; padding: 0 1.8rem; }
.mission_section.news_section .content_right { width: 44.66666667% !important; }
	
.research_section.stories_section { padding: 5rem 0 10rem 0 }
.slider_stories .slick-slide { height: 300px; }
	
.contact_section { padding: 5rem 0 12rem; }
.contact_wrapper { border: 1.5px solid #397085; border-radius: 3rem; }

.contact_content { padding: 4rem 5rem 14rem 5rem; }
.contact_content h2 { font-size: 4.9rem; margin: 0 0 3rem 0; }
.contact_content h4 { font-size: 2.5rem; margin: 3rem 0; }
.contact_content p { font-size: 1.6rem; }
.contact_logo { position: absolute; left: 5rem; bottom: 4rem; margin: 0px; }
.contact_logo img { width: 8.8rem; }

.contact_form_wrap { height: 100%; padding: 4rem 5rem; }
.contact_form_wrap .form-group { margin: 0 0 3rem 0 }
.contact_form_wrap label { margin-bottom: 1rem; font-size: 2rem; }

.contact_form_wrap .form-control,
.contact_form_wrap .form-select { height: 6rem; border: 0px; border-radius: 1.5rem; font-size: 1.8rem; line-height: 6rem; padding: 0 2rem; }
.contact_form_wrap textarea.form-control { height: 13rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }

.contact_form_wrap .form-select { background: url("../images/down_arrow.svg") 96% 25px no-repeat #305f73; background-size: 16px 9px }
.contact_form_wrap .form-select:focus { background: url("../images/down_arrow.svg") 96% 25px no-repeat #305f73; background-size: 16px 9px }

.contact_form_wrap .btn_submit { font-size: 1.6rem; line-height: 4.1rem; border-radius: 2.2rem; border: 1.5px solid #E9E9E9; padding: 0 1.8rem; }
.contact_form_wrap .btn_submit svg { margin: -3px 0 0 0.5rem }
	
footer .footer_logo img { width: 287px;  }
footer h3 { font-size: 2.5rem; margin: 0 }
footer ul.footer_links li { margin: 0.5rem 0; font-size: 2.2rem; }
footer .contact_footer { margin-top: 5rem; }
footer p { font-size: 1.6rem; margin: 1.5rem 0 0 0; }
footer ul.social_links { width: auto; }
footer .member_login_btn { margin: 0 0 0 2.5rem; }
	
	
}
                
/***************(min-width: 1200px)*****************/
@media (min-width: 1200px) {
.row { --bs-gutter-x: 2vw; }
.row > * { --bs-gutter-x:2vw; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); }
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1vw;padding-right:var(--bs-gutter-x,1vw);padding-left:var(--bs-gutter-x,1vw);}
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 85.333vw; }
.over_hidden_x { padding-top: 9vw; overflow-x: visible }
	
.header-area { border-bottom: 0.066vw solid #ebebeb }
.header-area .logo_main { width: 11.600vw; }
.nav { padding: 2vw 1vw; }
.header-area.is-sticky .nav { padding: 1vw 1vw; }
.nav .nav-links { margin-right: 0 }
.nav .nav-links li { margin: 0 0.4vw; font-size: 1.066vw; }
 .nav .nav-links li.contact_nav { margin-right: 0.8vw; }
.nav .nav-links a { line-height: 2.666vw; padding: 0 1.2vw; border: 0.1vw solid #396f87; border-radius: 1.333vw; }
.nav .nav-links a:hover { border-radius: 1.333vw; }
.nav .search-icon { font-size: 1.333vw; display: none; }
.nav .search-box { right: 0; width: 18.333vw; max-width: 18.333vw; opacity: 1; height: 2.733vw; position: relative; pointer-events: auto; }
	.search-box .search-btn { width: 1vw; right: 1vw; }
.search-box .search-icon { width: auto; right: 0; display: block; }
.search-box input { border-width: 0.1vw; line-height: 2.733vw; font-size: 1.066vw; border-radius: 2vw; padding: 0 3vw 0 1vw; }
.nav-links .dropdown i:before { font-size: 1.333vw; }
.dropdown-menu { min-width: 13.333vw; border: 0.066vw solid #397085; border-radius: 1.333vw; transform: translateY(0.666vw); }
.nav .nav-links li .dropdown-menu li a { padding: 0.566vw 1vw; font-size: 0.933vw; }

.top-bar { padding: 1vw 0 }
.top-bar ul li { margin: 0 1vw; font-size: 1.066vw; }
	
.home_hero_section { padding: 5.333vw 0; }
.home_hero_section h1 { font-size: 5.333vw; line-height: 1.2; }
.home_hero_section p { font-size: 1.066vw; margin: 1vw 0; }
.btn_block { margin: 1.333vw 0 1vw 0; }
.btn_block a { font-size: 1.066vw; line-height: 2.933vw; border-radius: 1.466vw; padding: 0 1.2vw; }
.btn_block img, .btn_block svg { width: 1vw; margin: -0.2vw 0 0 0.666vw; }
	
.hero-slider-section { border-radius: 1.666vw; margin: 4vw 0 0 0; }
.cmc-slider .slide-item img { width: 100%; height: 37.333vw; object-fit: cover; transform: scale(1.12) translateX(-20px); }
.slide-content { position: absolute; top: auto !important; bottom: 3.333vw; left: 4vw; color: #fff; z-index: 2; }
.slide-content h3 { font-size: 1.066vw; }
.slider-nav { bottom: inherit !important; top: 3.333vw; left: 4vw; gap: 0.8vw; }
.nav-btn { font-size: 1.066vw; border: 0.1vw solid rgba(233,233,233,1); border-radius: 2.666vw; padding: 0.666vw 1.333vw; }
.progress-wrap { position: absolute; bottom: inherit !important; top: 4.999vw; left:inherit; right: 4vw; width: 55%; height: 0.266vw; border-radius: 0.666vw; }
	
.mission_section { padding: 1.333vw 0 9.333vw; }
.mission_section h2 { font-size: 3.266vw; margin: 1vw 0; }
.mission_section h3 { font-size: 1.666vw; margin: 1.333vw 0; }
.mission_section p { font-size: 1.066vw; margin: 1vw 0; }
.mission_section .content_right { width: 43.66666667% !important; }
.mission_section .three_box_section { flex-direction: row; margin: 4.666vw 0 0 0; }
.mission_section .gap_20 { gap: 1.333vw; }
.mission_section .three_box { border-radius: 2vw; padding: 3.333vw; }
.mission_section .three_box.with_btn { padding: 3.333vw 3.333vw 8.333vw; }
.mission_section .three_box_icon { height: 4vw; }
.mission_section .three_box_icon img.storage_icon { width: 3.333vw; }
.mission_section .three_box_icon img.management_icon { width: 3.2vw; }
.mission_section .three_box_icon img.training_icon { width: 2.4vw; }
.mission_section .three_box h4 { font-size: 1.666vw; margin: 0.666vw 0 1vw 0; }
.mission_section .three_box p { font-size: 1.066vw; margin: 1.666vw 0 0 0; }
.mission_section .three_box .btn_block { margin: 1.333vw 0 0 0; bottom: 3.333vw; }
.mission_section .three_box .btn_block a { font-size: 1.066vw; line-height: 2.733vw; border-radius: 1.466vw; border: 0.1vw solid #E9E9E9; padding: 0 1.2vw; }
.mission_section .three_box .btn_block img, .mission_section .three_box .btn_block svg { width: 1vw; margin: -0.2vw 0 0 0.666vw; }
	
.research_insights_section { border-radius: 2.666; }
.research_section { padding: 4.666vw 0; }
.research_section h2 { font-size: 3.266vw; margin: 1vw 0; }
.research_section h3 { font-size: 1.666vw; margin: 0 0 1.333vw 0;; }
.research_section p { font-size: 1.066vw; margin: 1vw 0; }
	
.facility-section { margin: 4vw 0 0 0; }
.facility-grid { gap: 1.333vw; }
.facility-left { gap: 1.333vw; }
.facility-card { border-radius: 2vw; padding: 3.333vw; }
.facility-card h2 { font-size: 2.066vw; margin: 2vw 0 0 0; }
.facility-card p { font-size: 1.066vw; max-width: 34.666vw; margin: 1.333vw 0; }
.facility-card .tag { padding: 0.333vw 0.666vw; border-radius: 2vw; font-size: 0.666vw; }
.facility-card .tag img { width: 0.866vw; margin: -0.133vw 0.066vw 0 0; }
.facility-card .btn_block { margin: 2vw 0 0 0; }
.facility-card .btn_block a { font-size: 1.066vw; line-height: 2.733vw; border-radius: 1.466vw; border: 0.1vw solid #E9E9E9; padding: 0 1.2vw; }
.facility-image { border-radius: 2vw; }
	
.members-section .facility-card .tag img { width: 0.6vw; }
.members-section .facility-card { padding-bottom: 8vw; }
.members-section .facility-card .btn_block { bottom: 3.333vw; }
	
.mission_section.news_section { padding: 6.666vw 0; }
.mission_section.news_section .article_img { height: 17.866vw; border-radius: 1.6vw; }
.mission_section.news_section .three_box a { padding: 0.933vw; }
.mission_section.news_section .three_box .article_txt { padding: 2.333vw; }
.mission_section.news_section .three_box .tag { padding: 0.333vw 0.666vw; border-radius: 2vw; font-size: 0.666vw; margin: 0.333vw 0 0 0 }
.mission_section.news_section .three_box .tag img { width: 0.666vw; margin: -0.133vw 0.066vw 0 0; }
.mission_section.news_section .three_box h4 { margin: 1.666vw 0; }
.mission_section.news_section .btn_block { margin: 4vw 0 0 0; }
.mission_section.news_section .btn_block a { font-size: 1.066vw; line-height: 2.733vw; border-radius: 1.466vw; border: 0.1vw solid #E9E9E9; padding: 0 1.2vw; }
.mission_section.news_section .content_right { width: 39.66666667% !important; }
	
.research_section.stories_section { padding: 4.666vw 0 8vw 0 }
.research_section.stories_section .btn_block { margin: 2vw 0 0 0 }
	.slider_stories { margin-top: 4.333vw }
.slider_stories .slick-slide { width: 20.723vw !important; height: 22.133vw; border-radius: 1.333vw; margin: 0 0.657vw; }

	
.contact_section { padding: 4.666vw 0 11.333vw; }
.contact_wrapper { border: 0.1vw solid #397085; border-radius: 2vw; }

.contact_content { padding: 3.333vw 4.333vw 10.333vw 4.333vw; }
.contact_content h2 { font-size:3.266vw; margin: 0 0 2vw 0; }
.contact_content h4 { font-size: 1.666vw; margin: 2vw 0; }
.contact_content p { font-size: 1.066vw; }
.contact_logo { position: absolute; left: 4.333vw; bottom: 3.333vw; }
.contact_logo img { width: 5.866vw; }

.contact_form_wrap { height: 100%; padding: 3.333vw 4.333vw; }
.contact_form_wrap .form-group { margin: 0 0 2vw 0 }
.contact_form_wrap label { margin-bottom: 0.666vw; font-size: 1.333vw; }

.contact_form_wrap .form-control,
.contact_form_wrap .form-select { height: 4vw; border: 0px; border-radius: 1vw; font-size: 1.333vw; line-height: 4vw; padding: 0 1.333vw; }
.contact_form_wrap textarea.form-control { height: 8.666vw; padding-top: 1vw; padding-bottom: 1vw; }

.contact_form_wrap .form-select { background: url("../images/down_arrow.svg") 96% 1.666vw no-repeat #305f73; background-size: 1.066vw 0.6vw }
.contact_form_wrap .form-select:focus { background: url("../images/down_arrow.svg") 96% 1.666vw no-repeat #305f73; background-size: 1.066vw 0.6vw }

.contact_form_wrap .btn_submit { font-size: 1.066vw; line-height: 2.733vw; border-radius: 1.466vw; border: 0.1vw solid #E9E9E9; padding: 0 1.2vw; }
.contact_form_wrap .btn_submit svg { width: 1.066vw; margin: -0.2vw 0 0 0.333vw }
		
footer { padding: 0 }
footer .container { max-width: 86.11vw; }
footer h3 { font-size: 1.666vw; margin: 0 }
footer p { font-size: 1.333vw; margin: 1.333vw 0 0 0 }
footer ul.footer_links li { margin: 0.333vw 0; font-size: 1.666vw; }
footer .footer_logo img { width: 20.466vw; }
footer ul.social_links li { width: 2.866vw; height: 2.866vw; margin: 0 0.466vw; }
footer .member_login_btn { margin: 0 0 0 1.666vw; }
footer .member_login_btn a { line-height: 2.733vw; font-size: 1.066vw; border: 0.1vw solid #d9d9d9; border-radius: 1.466vw; padding: 0 1.2vw; }
footer .member_login_btn svg { width: 1.066vw; height: auto; }
footer .footer_top { padding: 5vw 0 3.666vw 0 }
footer .footer_bottom { font-size: 1.066vw; padding: 2vw 0 }
footer .footer_bottom p { font-size: 1.066vw; }
	
	
footer ul.social_links li.linkedin svg { width: 1.2vw; height: auto; }
footer ul.social_links li.twitter svg { width: 1.2vw; height: auto; }
footer ul.social_links li.facebook svg { width: 1.400vw; height: auto; }
footer ul.social_links li.youtube svg { width: 1.333vw; height: auto; }

	
}


@media screen and (max-width: 991px) {
.nav { padding: 3rem 1.5rem; }
.nav .navOpenBtn, .nav .navCloseBtn { display: block; }
.nav .nav-links { position: fixed; top: 0; left: -100%; height: 100vh; max-width: 280px; width: 100%; padding-top: 100px; row-gap: 10px; flex-direction: column; background-color: #397085; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.4s ease; z-index: 100; }
.nav.openNav .nav-links { left: 0; }
.nav .nav-links li { width: 80%; }
.nav.openNav .nav-links a { color: #E9E9E9; line-height: 1.6; padding: 0px; border: 0px; border-radius: 0px; }
.nav .navOpenBtn { color: #E9E9E9; background-color: #397085; border-radius: 6px; width: 42px; height: 42px; text-align: center; line-height: 42px; font-size: 20px; cursor: pointer; }
.nav .navCloseBtn { position: absolute; top: 20px; right: 20px; color: #E9E9E9; font-size: 26px; cursor: pointer; }
.nav .search-box { top: calc(100% + 10px); max-width: calc(100% - 50px); right: 50%; transform: translateX(50%); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
.nav .navOpenBtn, .nav .navCloseBtn { display: block; }
.header-area .logo_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.header-area .logo_main { width: 180px; }
.dropdown-menu { position: relative; top: inherit; transform: none; background: transparent; box-shadow: none; padding: 0; height: 0; overflow: hidden; border: 0px; border-radius: 15px; transition: height 0.5s ease;  opacity: 1; }
.dropdown.open .dropdown-menu { border: 1px solid #fff; }
.dropdown.open .dropdown-menu li { width: 100%; }
	.dropdown.open .dropdown-menu li a { cursor: pointer }
.nav .nav-links li .dropdown-menu li a { pointer-events: all; }
.dropdown-toggle { width: 100%; justify-content: space-between;	padding: 10px 0; display: flex;	align-items: center;}
.dropdown-toggle i { transition: transform 0.3s ease; }
.dropdown.open .dropdown-toggle i {	transform: rotate(180deg); }
.dropdown-menu li {	opacity: 1;	transform: none; transition: none; }	
.nav .search-icon { color: #E9E9E9; background-color: #397085; border-radius: 6px; width: 42px; height: 42px; text-align: center; line-height: 42px; }		
.nav .search-box .search-icon { color: #E9E9E9; background-color: none; border-radius: 0px; width: auto; height: auto; text-align: center; line-height: 42px; }
	
}

/***************(max-width: 767px)*****************/
@media (max-width: 767px) {
.nav { padding: 3rem 1.5rem; }
.header-area.is-sticky .nav { padding: 1.5rem 1.5rem; }
	.contact_footer .col-md-4 { width: 100% }
	
}
@media (max-width: 576px) {
.nav { padding: 3rem 2.5rem; }
.header-area.is-sticky .nav { padding: 1.5rem 2.5rem; }
	
}

/***************(min-device-width:0px) and (max-device-width:767px) and (orientation:landscape)******************/
@media only screen and (min-device-width:0px) and (max-device-width:767px) and (orientation:landscape) {


}