@charset "utf-8";

/* CSS Document */

body { padding:0px; margin:0px;  font-size:16px; color:#303030; line-height:20px; font-family: 'NeueMontreal-Regular'; overflow-x: hidden}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #303030; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#303030;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px; line-height: 30px; }
a{ color: #303030; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.container { container: inline-size; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 0px;}
/* common css */
section { contain: layout inline-size style; overflow: auto; display: grid; max-width: 100%; min-width: 100%;}
.card { container-type: inline-size; container-name: card;}
.align-center { text-align: center; }
.flex { display: flex; align-items: center; justify-content: center;}

.header-top { width: 100%; display: flex; align-items: center; justify-content: space-between;position: relative; z-index: 999; background: #fff;}
header { display: grid; width: 100%; position: relative; z-index: 999; background: #fff; padding: 0px 0; border-bottom: 1px solid #ddd;}
.hdr-top { width: 100%; /* box-shadow: 0px 10px 10px rgba(0,0,0,0.1); */ } 
.hdr-div {  width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;}
.logo { padding-top: 8px; padding-bottom: 8px;}
.menu-div {  margin-right: 0px;}
.menu-div ul { display: flex; align-items: center; column-gap: 35px; }
.menu-div ul li { flex: 0 1 auto;}
.top-rht {  padding-top: 30px;}
.top-rht ul { display: flex; flex-wrap: wrap; column-gap: 45px; align-items: center; justify-content: flex-end;}
.top-rht ul li { flex: 0 1 auto;}
.top-rht ul li .search-btn {  display: inline-flex;position: relative;}
.top-rht ul li .search-btn a { display: inline-flex;}
.top-rht ul li .search-btn a span { background: url(../images/search-header.svg) no-repeat center center; width: 21px; height: 21px; display: inline-block;}

.top-rht ul li .search-frm-field { position:absolute; top:56px; right:0px; background:#fff; /*height:0px;*/ width:230px; z-index:99; overflow:hidden;
-webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; opacity:0; visibility: hidden; display:none; border:1px solid #ddd;}
.top-rht ul li .search-frm-field input[type="text"] { border:none; background:none; line-height:40px; width:190px; padding:0 0 0 10px; height:auto; color:#13230B; font-size:14px; margin-top:0px; font-family: 'NeueMontreal-Regular'; }
.top-rht ul li .search-frm-field input[type="submit"] {  border:none; width:21px; height:21px; background:url(../images/search-header.svg) no-repeat center center; cursor:pointer; margin:8px 10px 7px 0; opacity:0.8; }
.top-rht ul li .search-form.open-form .search-frm-field { display:block; opacity:1; visibility: visible;}

.top-rht ul li .nice-select { color: #024F67; font-family: 'NeueMontreal-Medium'; }
.top-rht ul li .nice-select span:hover {color: #024F67;}
.top-rht ul li .nice-select::after {border-bottom: 2px solid #024F67;border-right: 2px solid #024F67;}
.top-rht ul li .nice-select .option:hover {background-color: #024F67;}

a.intra-btn { display: flex; align-items: center; justify-content: center; width: 98px; height: 31px; background: #024F67; border: 2px solid #024F67;color: #fff;
font-size: 12px; font-family: 'NeueMontreal-Bold'; transition:all .5s ease;}
a.intra-btn:hover { background: #fff; color: #024F67;}

.cbp-hrsub-inner { display: flex;}
.cbp-hrsub-inner h3 { font-size:25px; line-height: 16px; font-family: 'NeueMontreal-Bold'; color: #024F67;} 
.cbp-lft { float: left; width: 15%; text-align: left; padding: 15px 10px 0px 0px; }
.cbp-mid { float: left; width: 64%; text-align: left; padding: 0px 0px 0px; display: flex; flex-wrap: wrap; }
#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner .menu-links { float: left; width: 33.3333%; border-left: 1px solid #dadada; padding: 15px 15px 40px 25px;}
#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner .menu-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 25px;}
#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner .menu-links ul li { flex: 0 1 100%; margin: 0px 0px;}
#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner .menu-links ul li a { flex: 0 1 100%; padding: 0px 0px; font-size: 16px; line-height: 18px; color: #3F3F3F; font-family: 'NeueMontreal-Regular';
transition:all .5s ease; background: none; letter-spacing: -0.2px; }
#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner .menu-links ul li a:hover { color: #024F67;}
.cbp-rgt { float: left; width: 21%; text-align: left; padding: 0px 0px 0px 0px;}
.cbp-rgt-div { float: left; width: 100%;}
.cbp-hrmenu .cbp-hrsub-inner .menu-img-div { float: left; width: 100%; margin-bottom: 0px; border-radius: 2px; overflow: hidden; position: relative;}
.cbp-hrmenu .cbp-hrsub-inner .menu-img-div::after { position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%;   
background: rgba(0,0,0,0.27);}
.cbp-hrmenu .cbp-hrsub-inner .menu-img-div img{ float: left; width: 100%;}
.cbp-hrmenu .cbp-hrsub-inner .menu-img-div .menu-img-cont {position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 5; padding: 15px 15px;}
.cbp-hrmenu .cbp-hrsub-inner .menu-img-div .menu-img-cont h4 { font-size: 30px; line-height: 35px; font-family: 'NeueMontreal-Bold'; color: #fff; padding: 0px 0px; 
letter-spacing: -0.4px; margin-bottom: 10px;}
#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner .menu-img-div .menu-img-cont a.jo-btn { width: 170px; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 19px;font-family: 'NeueMontreal-Bold'; color: #fff;
border: 2px solid #fff; background: none; transition:all .5s ease;}
#cbp-hrmenu .cbp-hrsub .cbp-hrsub-inner .menu-img-div .menu-img-cont a.jo-btn:hover { background: #fff; color: #024F67; }

.is-sticky .hdr-top { box-shadow: 0px 10px 10px rgba(0,0,0,0.14);}

/*****banner css*****/
.top-banner { display: grid; width: 100%; position: relative;}
.top-banner .flex-caption .flex-cont { display: grid; width:800px;}

.sub-menu-sec { display: grid; width: 100%; padding: 0px 0px; z-index: 99; transition: all 0.5s ease; margin-top: -35px; position: relative;}
.sticky-menu-div { display: inline-block; width: auto; padding: 25px 35px; background: #024F67; position: relative; z-index: 9;}
.sub-menu-sec ul { display: flex; align-items: center; justify-content: left; }
.sub-menu-sec ul li {  position: relative; flex: 0 1 auto; text-align: center; padding: 0px 20px;}
.sub-menu-sec ul li a {  font-family: 'NeueMontreal-Regular';  font-size: 16px; line-height: 20px; color: #fff; transition: all 0.4s ease; padding: 0px 0px;}
.sub-menu-sec ul li a img { max-width: inherit; }
.sub-menu-sec ul li:not(:last-of-type)::after {content: ''; border-right: 1px solid rgba(255,255,255,0.5); height: 14px; position: absolute; right: 0px; top:0px; bottom: 0px; margin: auto;}
.sub-menu-sec ul li a::before {display: block; content: attr(title); font-family: 'NeueMontreal-Bold';height: 1px;color: transparent;overflow: hidden;visibility: hidden;}
.sub-menu-sec ul li a:hover, .sub-menu-sec ul li.active a, .sub-menu-sec ul li a.active { font-family: 'NeueMontreal-Bold'; }
.sub-menu-sec ul li:last-child { margin: 0px; padding-right: 0px;}
.sub-menu-sec ul li:first-child { padding-left: 0px;}
.sub-menu-sec.fix { margin-top: 0px; background: #024F67;box-shadow: 0px 10px 10px rgba(0,0,0,0.25); margin-top: -1px;}
.sub-menu-sec.sub-menu-group.fix .sticky-menu-div { padding: 20px 30px;}

a.see-btn { height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0px 40px; font-size: 16px; line-height: 19px;font-family: 'NeueMontreal-Bold'; color: #fff;
border: 2px solid #fff; transition:all .5s ease;}
a.see-btn:hover { background: #fff; color: #024F67; }

#prof-car.owl-carousel .owl-nav { width: 105px; top: 0px; right: 0; margin-top: -95px; }
#prof-car.owl-carousel .owl-prev {background: url(../images/arrow-left-m.svg) no-repeat center center;left: 0px;width: 48px;height: 48px; position: absolute; display: flex; align-items: center; justify-content: center;
transition:all .5s ease; border: 2px solid #fff; opacity: 0.3;}
#prof-car.owl-carousel .owl-next {background: url(../images/arrow-right-m.svg) no-repeat center center;right: 0;width: 48px;height: 48px;position: absolute; display: flex; align-items: center; justify-content: center; 
transition:all .5s ease; border: 2px solid #fff; opacity: 0.3;}
#prof-car.owl-carousel .owl-prev:hover { opacity: 1;}
#prof-car.owl-carousel .owl-next:hover { opacity: 1;}

.facilities-sec { display: grid; width: 100%; }
.facilities-sec .container { max-width: 100%;}
.facilities-sec .facilities-div .container { max-width: 930px; z-index: 1;}
.facilities-div { display: grid; width: 100%; padding: 95px 0px 95px;  position: relative; background: rgba(2, 79, 103, 0.92);  }
.facilities-div::after { position: absolute; content: ''; width: 100%; height: 100%; background: url(../images/map-bg.svg) no-repeat 0 0; background-size: cover; background-position: 0 -100px;}
.re-area-sec { display: flex; flex-wrap: wrap; }
.re-area-lft { flex:0 1 34%; padding-right: 30px;}
.re-area-lft h2 { color: #ffffff; font-size: 48px; line-height: 48px; font-family: 'NeueMontreal-Bold'; letter-spacing: -1px; }
.re-area-rgt { flex:0 1 66%; padding-right: 0px;}
.re-area-rgt p { color: #ffffff; font-size: 21px; line-height: 34px; font-family: 'NeueMontreal-Regular'; margin-bottom: 0px; }
.re-area-rgt p:last-child { margin-bottom: 0px;}
.count-div ul li .counter { font-size:51px; color:#ffffff; font-family: 'NeueMontreal-Medium'; letter-spacing: -0.43px; }
.count-div { display: grid; width: 100%; }
.count-div ul { width: 100%; padding: 0px 0px;display: flex; flex-wrap: wrap; margin: 55px 0px 0;}
.count-div ul li{ flex:0 1 35%; text-align: left; display: flex; padding: 0px 0px 0px 65px; position: relative; }
.count-div ul li::after { content: ""; position: absolute; right: 0px; top: 10px; height: 88px; border-right: 1px solid rgba(255,255,255,0.5); width: 1px;}
.count-div ul li h3{ display: flex; align-items: center; column-gap: 15px; font-size:51px; line-height:38px; color:#ffffff; font-family: 'NeueMontreal-Medium'; padding:0px 0px; margin-bottom: 10px; letter-spacing: -0.43px;}
.count-div ul li h4{font-size:21px; line-height:23px; color:#ffffff; font-family: 'NeueMontreal-Medium'; margin-bottom: 15px;}
.count-div ul li p{font-size:16px; line-height:24px; color:#ffffff;font-family: 'NeueMontreal-Regular';letter-spacing: -0.13px;}
.count-div ul li:first-child { padding-left: 0px; width: 18%;}
.count-div ul li:last-child::after { border: none;}

/* breadcrum */
.breadcrum-main {display: grid; width: 100%; }
.breadcrum { width: 100%;padding: 20px 0;}
.breadcrum ul { display: flex; align-items: center; flex-wrap: wrap;}
.breadcrum ul li { color: #024f67; font-size: 12px; position: relative; font-family: 'NeueMontreal-Medium';}
.breadcrum ul li:not(:last-of-type)::after { position: relative; content: "/"; right: 0; top: 0; color: rgba(2, 79, 103, 0.2); margin: 0px 5px;}
.breadcrum ul li a { color: #024f67; font-size: 12px;  font-family: 'NeueMontreal-Regular';transition:all .5s ease;}
.breadcrum ul li a:hover { text-decoration: underline;}
/* main title */
.former-members-profile {display: grid; width: 100%;}
.former-members-ttl {width: 100%;}
.former-members-ttl h1 { color: #024f67; font-family: 'NeueMontreal-Bold'; font-size: 56px; line-height: 62px; padding-bottom: 12px; letter-spacing: -0.6px;}
.former-members-ttl p {color: #3f3f3f; font-family: 'NeueMontreal-Regular'; font-size: 21px; line-height: 34px; padding-bottom: 25px;}
.former-members-ttl.pd-btm p {padding-bottom: 45px; }

.group-banner { display: grid; width: 100%; }
.group-banner img{  width: 100%; }

/*11*/
.funding-sec{width: 100%; background: #ffffff; }
.mbl-sec  {padding: 75px 0 80px; display: grid;}
.mbl-sec p { font-size: 21px; line-height: 34px; color: #3F3F3F; padding-bottom: 20px;}
.mbl-sec p:last-child { padding-bottom: 0;}
.funding-sec h2{color: #024f67;  font-family: 'NeueMontreal-Bold'; font-size: 48px; letter-spacing: -0.6px;line-height: 58px; margin-bottom: 15px; width: auto; float: left;}
.funding-form{ width: 100%; display: grid; background: #066581; }
.funding-inner{width: 100%; padding: 45px 14%; display: grid;}
.mob-filter {display: none;}
.filter-lst { width: 100%;}
.filter-lst .controls{background: none; width: 100%;display: grid; margin-bottom: 25px; }
.filter-lst ul{width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 10px;}
.filter-lst ul li {flex: 0 1 49.5%;}
.filter-lst .controls .nice-select { width: 100%; border: 1px solid #ffffff; border-radius: 0px; line-height: 30px; padding: 6px 15px; height: 45px; color: #024F67; font-size: 16px; letter-spacing: 0px; font-family: 'NeueMontreal-Medium';}
.filter-lst .controls .nice-select::after { right: 15px;}
.filter-lst .controls .nice-select.open .list { width: 100%; row-gap: 0;}
.filter-lst .controls .nice-select .option { width: 100%; font-size: 16px; line-height: 40px;}
.filter-lst .nice-select .option:hover {background-color: #EA6E32;color: #fff;}
.filter-lst .nice-select span:hover {color: #EA6E32;}
.filter-lst .nice-select:hover::after {border-bottom: 2px solid #EA6E32;border-right: 2px solid #EA6E32;}
.filter-lst .controls .nice-select.open ul.list li{flex: 0 1 100%;}
.filter-lst ul li:first-child{display: flex; column-gap: 2%;}
.filter-lst ul li .frm-checkbox.active{background: #ffffff;}
.filter-lst ul li .frm-checkbox.active label{color: #024F67;font-family: 'NeueMontreal-Bold';}
.filter-lst ul li .frm-checkbox { flex: 0 1 49%; border: 1px solid #ffffff;padding: 6px 15px;display: flex;align-items: center; height: 45px;}
.filter-lst ul li .frm-checkbox.bg-clr {background: #fff;}
.filter-lst ul li .frm-checkbox.bg-clr label{color: #024F67;}
.filter-lst ul li .frm-checkbox .chkbox { width: 100%; position: relative; }
.filter-lst ul li .frm-checkbox .chkbox input {  height: 1px; right: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.filter-lst ul li .frm-checkbox  label { font-family: 'NeueMontreal-Medium'; color: #ffffff; cursor: pointer; font-size:16px; letter-spacing: 0px; position: relative; width: 100%; line-height:20px;}
.filter-lst ul li .frm-checkbox .chkbox label::before { content: ""; position: absolute; top:0; right:0; width:20px; height:20px; border: 1px solid #ffffff; }
.filter-lst ul li .frm-checkbox .chkbox input:checked + label::before {background: #024F67 url("../images/icon-check.svg") no-repeat scroll center center; border: none; }
.filter-lst ul li .search-frm-field { width:100%; z-index:1; overflow:hidden; border-radius: 0px; border: none; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; position: relative;}
.filter-lst ul li .search-frm-field input[type="text"] { border:none; background: #ffffff; line-height:22px; width: 100%; height: 45px; padding:0 0 0 13px; color:#8F8F8F; font-size:16px; font-family: 'NeueMontreal-MediumItalic'; margin-top:0px;  letter-spacing: -0.18px;}
.filter-lst ul li .search-frm-field input[type="submit"] { border:none; width:18px; height:18px; background:url(../images/search.svg) no-repeat center center; cursor:pointer; background-size:100%; position: absolute; right: 12px; top: 12px;}
.filter-lst ul li .search-form.open-form .search-frm-field { display:block; opacity:1;}
.search-frm-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#8F8F8F; opacity:1;
}
.search-frm-field input::-moz-placeholder { /* Firefox 19+ */
color:#8F8F8F; opacity:1;
}
.search-frm-field input:-ms-input-placeholder { /* IE 10+ */
color:#8F8F8F; opacity:1;
}
.search-frm-field input:-moz-placeholder { /* Firefox 18- */
color:#8F8F8F; opacity:1;
}

.but{width: 100%; display: flex; column-gap: 0px; row-gap: 0; flex-wrap: wrap;justify-content: space-between;}
.but-div {width: auto; display: flex; column-gap: 10px; row-gap: 0; }
.but-div.rgt { justify-content: right;}
.but button{flex: 0 1 auto; width: 200px; height: 48px;display: inline-flex;align-items: center;justify-content: center;padding: 0px 40px;font-size: 16px;line-height: 19px;font-family: 'NeueMontreal-Bold';color: #fff;border: 2px solid #fff; background: transparent; cursor: pointer; transition: all .5s ease;}
.but button:hover{background: #D84000; border: 2px solid #D84000;}
.but-div.rgt button { margin-right: 1px; background: #A5F90B; border: 2px solid #A5F90B; color: #024F67; width: auto; padding: 0px 29px; }
.but-div.rgt button span.btn-arw { background: url(../images/arw-rgt.svg) no-repeat center center; display: inline-block; width: 20px; height: 14px; margin-left: 27px; }
.but-div.rgt button:hover{background: #D84000; border: 2px solid #D84000; color: #ffffff;}
.but-div.rgt button:hover span.btn-arw  { background: url(../images/arw-rgt-w.svg) no-repeat center center; }

/* menu css */
.desk-menu { display: none;float: right;}
.toggle-menu { width: 26px; height: 20px; margin: 0px 0px 0 0px;  -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left; position: relative; left: 0; top: 0px; }
.toggle-menu a { display: block;}
.toggle-menu span { display: block; position: absolute; height: 2px; width: 26px; background: #205669; border-radius: 0px; opacity: 1;
left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.toggle-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.toggle-menu span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.toggle-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.toggle-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 4px;  background: #205669;}
.toggle-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.toggle-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; left: 4px; background: #205669; }

/* mobile menu css */
body.over { overflow-y: hidden;}
.mobile-menu { position:fixed; top:73px; width:100%; z-index: 999; background:#fff; padding:30px 30px 42px; opacity: 0; visibility: hidden; height: calc(100vh - 73px); overflow:auto; transition: all 0.2s ease; } 
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%;  background: #fff; float: left;  padding: 0 0 75px 0; height:100%;}

.mob-nav { float: left; width: 100%; margin-top: 0px; padding-right: 0px;}
.mob-nav ul.accordion { float: left; width: 100%; margin-bottom: 130px;}
.mob-nav ul.accordion li { float: left; width: 100%;}
.mob-nav ul.accordion li a { display: flex; align-items: center; padding: 18px 0px; font-size: 18px;color: #205669;line-height: 21px;font-family: 'NeueMontreal-Medium'; transition: all 0.4s ease; position: relative;
border-bottom: 2px solid #f5f5f5;}
.mob-nav ul.accordion > li:last-child a { border-bottom: none;}
.mob-nav ul.accordion li a:hover { opacity: 0.7;}
.mob-nav ul.accordion li ul {float: left; width: 100%; }
.mob-nav ul.accordion li ul li a { color: #3f3f3f; font-size: 14px; line-height:21px; font-family: 'NeueMontreal-Medium'; transition: all 0.4s ease; }
.mob-nav ul.accordion li ul li a:hover { color: #205669; }
.mob-nav ul.accordion li ul li ul { padding-left: 0px;}
/* .mob-nav ul.accordion li a.toggle { padding: 3px 18px 3px 0px;} */
#accordian ul ul { display: none;}
#accordian li.active>ul {display: block;}
.mob-nav ul.accordion li a.toggle::after {border-bottom: 2px solid #024F67;border-right: 2px solid #205669; content: '';
display: block;height: 8px;width: 8px; margin-top: -4px;pointer-events: none;position: absolute;right: 4px;top: 50%;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}
.mob-nav ul.accordion li.active >a.toggle:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
.mob-nav ul.accordion li ul li > a.toggle::after { border-bottom: 1px solid #3f3f3f;border-right: 1px solid #3f3f3f;}
.mob-nav ul.accordion li ul li.active > a {font-size: 18px;color: #205669;line-height: 21px;}

.mob-nav .mob-lang { float:left; width:100%; text-align:left; }
.mob-nav .mob-lang ul { display: flex; align-items: center; justify-content: left; }
.mob-nav .mob-lang ul li { float:none; display:inline-block;position: relative; line-height: 15px;}
.mob-nav .mob-lang ul li:after { position: relative; content: ""; bottom: 0px; margin: 0px 8px; border-right: 2px solid #90abb6; height: 15px;}
.mob-nav .mob-lang ul li a { display: inline-block; color: #205669; font-family: 'NeueMontreal-Regular'; font-size: 14px; line-height: 16px; padding: 0px 0px; transition: all 0.3s ease; position: relative; text-align: center;}
.mob-nav .mob-lang ul li a.active { font-family: 'NeueMontreal-Bold';}
.mob-nav .mob-lang ul li a:hover { opacity: 0.7; font-family: 'NeueMontreal-Bold';}
.mob-nav .mob-lang ul li:last-child:after { content: none;}
.mob-nav .mob-lang ul li a::before { display: block; content: attr(title); font-family: 'NeueMontreal-Bold';height: 1px;color: transparent;overflow: hidden;visibility: hidden;}

.mob-scl-lnks { float: left; width: 100%; text-align: center; margin-bottom: 35px;}
.mob-scl-lnks ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: left; column-gap: 20px;}
.mob-scl-lnks ul li {float: left; width: auto; flex: 0 1 auto; margin-bottom: 0;}
.mob-scl-lnks ul li a { float: left; transition:all .5s ease; padding: 0px 0px;}
.mob-scl-lnks ul li a.fb-ico { background: url("../images/facebook-b.svg") no-repeat scroll 0 0; width: 9px; height: 18px; }
.mob-scl-lnks ul li a.tw-ico { background: url("../images/twitter-b.svg") no-repeat scroll 0 0; width: 20px; height: 15px; }
.mob-scl-lnks ul li a.in-ico { background: url("../images/instagram-b.svg") no-repeat scroll 0 0; width: 20px; height: 20px;}
.mob-scl-lnks ul li a.ln-ico { background: url("../images/linkedin-b.svg") no-repeat scroll 0 0; width: 19px; height: 18px; }
.mob-scl-lnks ul li a:hover { opacity: 0.7;}

.mob-intra-btn { float: left; width: 100%; display: flex; justify-content: left; margin-top: 30px; }
.mob-intra-btn .intra-btn { width: 145px;}

/* group people */
.group-people { display: grid; width: 100%;  }
.group-people h1 { color: #024F67; font-size: 48px; line-height: 52px; font-family: 'NeueMontreal-Bold'; margin-bottom: 35px; letter-spacing: -0.6px; }
.people-lst { display: grid; width: 100%;padding: 50px 0px 85px; }
.people-lst ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.5%; row-gap: 15px;}
.people-lst ul li { flex: 0 1 23.8%; position: relative;}
.people-lst ul li .img-div{ display: grid; width: 100%; position: relative; overflow: hidden;}
.people-lst ul li .img-div img { width: 100%;transition:all .5s ease;}
.people-lst ul li .people-det{ display: grid; width: 100%; padding: 18px 0px;}
.people-lst ul li .people-det h4 {color: #3f3f3f; font-size: 18px; line-height: 27px; font-family: 'NeueMontreal-Medium'; letter-spacing: -0.17px; margin-bottom: 7px;transition: all 0.5s ease; }
.people-lst ul li .people-det p {color: #3f3f3f; font-size: 16px; line-height: 24px; font-family: 'NeueMontreal-Regular';  letter-spacing: -0.15px;}
.people-lst ul li:hover .img-div img { transform: scale(1.02);}
.people-lst ul li:hover .people-det h4 { color: #024F67; }

.pagenation {width: 100%;display: grid; margin-top: 40px;}
.pagenation ul{width: 100%; display: flex; flex-wrap: wrap; column-gap: 2px; justify-content: center;}
.pagenation ul li{flex: 0 1 auto; padding: 0;border: none;width: auto;}
.pagenation ul li a{display: flex;text-align: center;align-items: center;justify-content: center; background:#ffffff; border:1px solid #024F67; padding: 10px 10px; width: 30px; height: 30px;font-family: 'NeueMontreal-Bold'; font-size: 11px; line-height: 12px;color: #024F67; transition:all .5s ease;}
.pagenation ul li a:hover{ background:#024F67; color: #fff;}
.pagenation ul li:last-child a{width: auto;}

.bright-future-sec { display: grid; width: 100%; position: relative;}
.bright-future-sec::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top:0px; background: rgba(0, 0, 0, 0.05); }
.bright-future-sec img { width: 100%;}
.bright-cnt { width: 100%; position: absolute; top:50%; transform: translateY(-50%);}
.bright-cnt h2 { color: #024F67; font-size: 47px; line-height: 50px; font-family: 'NeueMontreal-Bold'; letter-spacing: -1px; margin-bottom: 12px; }
.bright-cnt p { color: #282828; font-size: 16px; line-height: 24px; font-family: 'NeueMontreal-Regular'; letter-spacing: 0px; margin-bottom: 32px; }
.news-box { width: 100%; max-width: 425px; position: relative; }
.news-box input[type="text"] { border: none; background: #fff; width: 100%; color: #3F3F3F; font-size: 18px; font-family: 'NeueMontreal-Italic'; height: 44px; line-height: 44px; padding-right: 160px;
padding-left: 15px; letter-spacing: -0.1px;}
.news-box button { width: 150px; height: 35px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; bottom: 0px; margin: auto; right: 5px; border: none; cursor: pointer;
background: #3F3F3F; letter-spacing: -0.15px; font-size: 18px; font-family: 'NeueMontreal-Bold'; color: #fff;transition:all .5s ease;}
.news-box button:hover { background: #024F67;}

footer { display: grid; width: 100%; background: #024F65;}
.footer-sec { width: 100%; padding: 50px 0 82px; }
.footer-top { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 45px;}
.footer-lft { flex: 0 1 70%;}
.ftr-logo { width: 100%; display: grid; margin-bottom: 45px;}
.foot-link { display: grid; width: 100%;}
.foot-link ul { display: flex; flex-wrap: wrap; column-gap: 6%;}
.foot-link ul li {flex: 0 1 auto;}
.foot-link ul li a { color: #ffffff; font-size: 14px; line-height: 14px; letter-spacing: 0.5px; text-transform: uppercase;transition:all .5s ease; }
.foot-link ul li a:hover { opacity: 0.6; }
.footer-rgt { flex: 0 1 30%;}
ul.social-list { width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px; margin-bottom: 0px;justify-content: right;}
ul.social-list li { flex: 0 1 auto;}
ul.social-list li a { display: inline-block; transition:all .5s ease;}
ul.social-list li a.linkedin { background: url("../images/linkedin-w.svg") no-repeat scroll 0 0; width: 19px; height: 18px;}
ul.social-list li a.youtube { background: url("../images/youtube-w.svg") no-repeat scroll 0 0; width: 20px; height: 15px;}
ul.social-list li a.facebook { background: url("../images/facebook-w.svg") no-repeat scroll 0 0; width: 9px; height: 18px;}
ul.social-list li a.twitter { background: url("../images/twitter-w.svg") no-repeat scroll 0 0; width: 20px; height: 15px;}
ul.social-list li a.insta { background: url("../images/instagram-w.svg") no-repeat scroll 0 0; width: 20px; height: 20px;}
ul.social-list li a:hover { opacity: 0.6;}

.footer-mid { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 45px;}
.footer-mid .footer-lft a { color: #ffffff; font-size: 21px; line-height: 21px; font-family: 'NeueMontreal-Medium';transition:all .5s ease;}
.footer-mid .footer-lft a:hover { opacity: 0.6;}
.footer-mid .footer-rgt ul  { width: 100%; display: flex; flex-wrap: wrap; column-gap: 20px; justify-content: right; }
.footer-mid .footer-rgt ul li {flex: 0 1 auto; color: #ffffff; font-size: 12px; line-height: 12px;font-family: 'NeueMontreal-Medium'; transition:all .5s ease; }
.footer-mid .footer-rgt ul li a { color: #ffffff; font-size: 12px; line-height: 12px;font-family: 'NeueMontreal-Medium'; transition:all .5s ease; }
.footer-mid .footer-rgt ul li a:hover { opacity: 0.6; }

.footer-div { display: grid; width: 100%;} 
.footer-div ul { display: flex; flex-wrap: wrap; column-gap: 2.8%;}
.footer-div ul li:first-child {flex: 0 1 23%; }
.footer-div ul li {flex: 0 1 42%; color: #ffffff; font-size: 12px; line-height: 18px; letter-spacing: 0.2px; }
.footer-div ul li a { color: #ffffff; font-size: 12px; line-height: 18px; letter-spacing: 0.2px; transition:all .5s ease; }
.footer-div ul li a:hover { opacity: 0.6; }

/* alumni-page */
.vatcharaporn-sec { display: grid; width: 100%;}
.vatcharaporn-div { width: 100%; display: flex; flex-wrap: wrap; }
.vatcharaporn-img { flex: 0 1 37.1%;}
.vatcharaporn-img img { display: grid; width: 100%;}
.vatcharaporn-cont { flex: 0 1 62.9%; background: #024F67; padding: 50px;}
.vatcharaporn-cont h2 { font-size: 56px; line-height: 58px;font-family: 'NeueMontreal-Bold'; color: #fff; margin-bottom: 35px;}
.addrs-link { display: grid; width: 100%; margin-bottom: 60px;}
.addrs-link ul { display: flex; flex-wrap: wrap; row-gap: 15px; }
.addrs-link ul li { padding-left: 30px; position: relative; flex: 0 1 100%; color: #ffffff; font-size: 16px; line-height: 20px; font-family: 'NeueMontreal-Regular'; letter-spacing: 0px;}
.addrs-link ul li span { font-family: 'NeueMontreal-Bold'; }
.addrs-link ul li.position::after { background: url("../images/member-icon-01.svg") no-repeat 0 0; position: absolute; content: ''; left: 0; top: 0; width: 13px; height: 19px; }
.addrs-link ul li.institute::after { background: url("../images/member-icon-02.svg") no-repeat 0 0; position: absolute; content: ''; left: 0; top: 0; width: 18px; height: 18px; }
.addrs-link ul li.location::after { background: url("../images/member-icon-03.svg") no-repeat 0 0; position: absolute; content: ''; left: 0; top: 0; width: 13px; height: 17px; }
.addrs-link ul li.area::after { background: url("../images/member-icon-04.svg") no-repeat 0 3px; position: absolute; content: ''; left: 0; top: 0; width: 18px; height: 16px; }

.btm-link { display: grid; width: 100%;}
.btm-link ul { display: flex; flex-wrap: wrap; width: 100%; column-gap: 22px; }
.btm-link ul li {flex: 0 1 auto; position: relative;padding-right: 25px; line-height: 29px;}
.btm-link ul li::after { background: rgba(255,255,255,0.2); position: absolute; content: ''; right: 0; top: 0; width: 2px; height: 29px; }
.btm-link ul li a { color: #ffffff; font-size: 16px; line-height: 29px;font-family: 'NeueMontreal-Medium'; transition:all .5s ease;}
.btm-link ul li:last-child { padding-right: 0;}
.btm-link ul li:last-child::after { display: none;}
.btm-link ul li a span.mail-ico { background: url("../images/member-icon-05.svg") no-repeat 0 0; width: 18px;height: 15px;display: inline-block;margin-right: 11px;}
.btm-link ul li a span.ln-ico { background: url("../images/member-icon-06.svg") no-repeat 0 0; width: 17px;height: 17px;display: inline-block;margin-right: 11px;}
.btm-link ul li a:hover { opacity: 0.6;}

.stay-sec { width: 100%; display: grid;}
.stay-main { width: 100%; display: flex; flex-wrap: wrap;padding: 60px 0 75px;}
.stay-main h3 { width: 35%; font-family: 'NeueMontreal-Bold'; color: #024F67; font-size: 42px; line-height: 48px; letter-spacing: -0.88px;}
.stay-div {  width: calc(100% - 35%); margin-top: 12px;}
.stay-div ul { width:100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px;}
.stay-div ul li { flex: 0 1 49%; display: flex; align-items: center;font-size: 16px; line-height: 18px; color: #3F3F3F; font-family: 'NeueMontreal-Regular';}
.stay-div ul li span { font-family: 'NeueMontreal-Bold'; margin-right: 5px; }

.profile-sec { width: 100%; display: grid;background: #F7F7F7;}
.profile-main { width: 100%; display: flex; flex-wrap: wrap;padding: 60px 0 80px;}
.profile-main h3 { width: 35%; font-family: 'NeueMontreal-Bold'; color: #024F67; font-size: 48px; line-height: 48px; letter-spacing: -1px;}
.profile-main h4 { font-family: 'NeueMontreal-Bold'; color: #024F67; font-size: 32px; line-height: 34px; letter-spacing: -0.67px; margin-bottom: 25px;}
.profile-pad { width: calc(100% - 35%); margin-top: 12px;}
.profile-div { width: 100%; display: grid; margin-bottom: 54px;}
.profile-div:last-child { margin-bottom: 0;}
.profile-list { display: grid; width: 100%; }
.profile-list a { display: grid; width: 100%; padding: 27px 210px 32px 30px; }
.profile-list ul { width:100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 19px;}
.profile-list ul li { flex: 0 1 100%; position: relative;background: #ffffff; border: 1px solid #DEDEDE;}
.profile-list h5 {font-size: 22px; line-height: 30px; color: #3F3F3F; font-family: 'NeueMontreal-Bold'; margin-bottom: 15px;}
.profile-list p {font-size: 18px; line-height: 28px; color: #3F3F3F; font-family: 'NeueMontreal-Regular'; margin-bottom: 28px;}
.profile-btm { display: grid; width: 100%;}  
.profile-btm ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.profile-btm ul li { flex: 0 1 49%; display: flex; align-items: center;font-size: 16px; line-height: 18px; color: #3F3F3F; font-family: 'NeueMontreal-Regular'; border: none; background: none;}
.profile-btm ul li span { font-family: 'NeueMontreal-Bold'; margin-right: 5px; }
.profile-btm ul li:last-child { justify-content: right; }

.profile-abs { display: grid; width: 93%; position: absolute; top: 26px; right: 23px;}  
.profile-abs ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: right; column-gap: 10px;}
.profile-abs ul li { flex: 0 1 auto; display: flex; align-items: center;font-size: 15px; line-height: 24px; color: #515151; background: #E6E6E6; border-radius: 4px; padding: 2px 8px; font-family: 'NeueMontreal-Regular';transition:all .5s ease;}
.profile-list ul li:hover .profile-abs ul li { background: #024F67; color: #ffffff;}


/*login-form */
.login-sec {display: grid;width: 100%;margin-top: -120px;}
.login-sec .container{max-width: 770px;}
.login-sec .login-pad {
	padding: 0px 70px 90px;
	background: #fff;
	margin-top: -25px;
}
.login-sec .login-title {padding: 48px 0px 0px;background: #fff;}
.login-sec h2 {
	color: #024f67;
	font-family: 'NeueMontreal-Bold';
	font-size: 42px;
	letter-spacing: -0.8px;
	text-align: center;
	padding-bottom: 25px;
}
.log-form .form-box {padding-bottom: 56px;}
.log-form{width: 100%; margin: 0 auto;}
.log-form ul { display: flex; flex-wrap: wrap; row-gap: 14px; flex-direction: column;margin-top: 25px;}
.log-form ul li { flex: 1 1 auto; position: relative;}
.log-form ul li textarea:-ms-input-placeholder {color: #004969;}
.log-form ul li textarea::-ms-input-placeholder {color: #004969;}
.log-form ul li .frm-input.checkbox { float: left; width: 100%; margin-bottom: 10px;}
.log-form ul li .frm-input.checkbox input[type="checkbox"] {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.log-form ul li .frm-input.checkbox label.check-label {  pointer-events: inherit;  cursor: pointer;  padding-left: 30px; position: relative; float: left; width: 100%; line-height:20px;  text-align: left;color: #303030;font-size: 14px;letter-spacing: 0.2px;font-family: 'NeueMontreal-Regular';}
.log-form ul li .frm-input.checkbox label.check-label::before { cursor: pointer; background: #fff none repeat scroll 0 0; content: ""; height: 10px; left: 4px; position: absolute; top: 6px;  transition: all 0.3s ease-in-out 0s; width: 10px;z-index: 9;}
.log-form ul li .frm-input.checkbox label.check-label::after { background: #fff none repeat scroll 0 0; border: 1px solid #ececec; content: ""; height: 18px; left: 0; position: absolute; top: 2px; width: 18px; }
.log-form ul li .frm-input.checkbox input:checked + label.check-label::before {background:#a5f90b none repeat scroll 0 0; }
.log-form ul li .frm-input.checkbox a {font-family: 'NeueMontreal-Bold'; color: #D84000; text-decoration:underline; transition:all .5s ease;}
.log-form ul li .frm-input.checkbox a:hover { color:#D84000;}
.log-form ul li .env-btn a {display: flex; align-items: center; justify-content: center; column-gap: 20px;  padding: 0px 20px; height: 45px; width: 145px;  background: #A5F90B; border-radius: 0;  font-family: 'NeueMontreal-Bold'; transition: all .5s ease; float: right;color: #292929;font-size: 15px;font-weight: 700;text-align: center;}
.log-form ul li .env-btn a:hover { background: #024f67;color: #fff;}
.log-form .form-box .frm-input .floating-label-group { float: left; width: 100%; position: relative;}
.log-form .form-box input[type="text"], .log-form .form-box textarea { width:100%;  padding: 10px 15px 5px; height: 50px; border: 0.5px solid #ddd;   transition: all .5s ease; background:#ffffff; color: #444444;font-size: 15px;text-transform: uppercase;letter-spacing: 0.4px;font-family: 'NeueMontreal-Medium';}
.log-form .form-box textarea {  background: #fff; border: none; width: 100%; height: 150px; padding: 20px; font-family: 'NeueMontreal-Regular'; color: #004969; font-size: 16px; border-radius: 0; resize: none; }
.log-form .form-box textarea { resize:none; height:150px; line-height:22px; padding: 30px 15px 10px; color:#004969;border: 0.5px solid #ddd;}
.log-form .form-box .frm-input .floating-label {   text-align: left; cursor: pointer;  line-height:24px; width: auto;  display: inline-block;font-family: 'NeueMontreal-Medium';color: #777777;font-size: 16px;}
.log-form .form-box .frm-input .floating-label span { color: #a5f90b;}
.log-form .form-box input[type="text"]:focus, .log-form .form-box textarea:focus { font-family: 'NeueMontreal-Regular'; border: 1px solid #024F67; }
.log-form .form-box textarea:focus  ~ .textarea-label, .log-form .form-box textarea:not(:focus):valid ~ .textarea-label { top: 6px;}
.log-form .floating-label { position: relative;}
.log-form .floating-label { position: absolute; pointer-events: none; top: 12px; left: 15px; transition: all 0.5s ease;}
.log-form input:focus ~ .floating-label, .log-form input:not(:focus):valid ~ .floating-label, .log-form textarea:focus ~ .floating-label, .log-form textarea:not(:focus):valid ~ .floating-label {  top: -3px; bottom: 0px; left: 15px; font-size: 9px !important; opacity: 1; color: #444444;font-family: 'NeueMontreal-Medium';text-transform: uppercase;letter-spacing: 0.4px;}
.log-form .form-box .frm-input .floating-label sup { opacity: 0; color: #a5f90b; position: absolute;}
.form-btm{border-top: 1px #979797 solid; padding-top: 60px;text-align: center;}
.form-btm a{color: #024F67;text-decoration: underline;font-family: 'NeueMontreal-Bold';}
.form-btm a:hover{text-decoration:none; }
.frm-sent {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-top: 10px;}

span.forget {
	color: #024F67;
	font-size: 14px;
	text-decoration: underline;
}
 
/*list-style*/
 .log-form .form-box .nice-select { width: 100%; border: 1px solid #ddd; border-radius: 0px; line-height: 30px; padding: 6px 15px; height: 45px; color: #024F67; font-size: 16px; letter-spacing: 0px; font-family: 'NeueMontreal-Medium';}
.log-form .form-box .nice-select::after { right: 15px;}
.log-form .form-box .nice-select.open .list { width: 100%; row-gap: 0;}
.log-form .form-box .nice-select .option { width: 100%; font-size: 16px; line-height: 40px;}
.log-form .nice-select .option:hover {background-color:#024F67;color: #fff;}
.log-form .nice-select span:hover {color: #EA6E32;}
.log-form .nice-select:hover::after {border-bottom: 2px solid #EA6E32;border-right: 2px solid #EA6E32;}
.log-form .form-box .nice-select.open ul.list li{flex: 0 1 100%;}

/*Terms and conditions page-style*/
.terms-and-conditions {width: 100%;display: grid;margin-bottom: 30px;}
.user {padding-bottom: 30px;}
.user h2 {color: #024f67;font-family: 'NeueMontreal-Bold';font-size: 32px;line-height: 38px;letter-spacing: -1px;margin-bottom: 15px;}
.user h3 {color: #3F3F3F;font-family: 'NeueMontreal-Bold';font-size: 16px;line-height: 25px;padding-bottom:15px;padding-top: 30px;}
.user p {padding-bottom: 10px;}
.partners-lst ul {width: 100%; display: flex; flex-wrap: wrap; row-gap:10px;}
.partners-lst ul li { flex: 0 1 100%; padding-left: 25px; position: relative; color: #3F3F3F; font-size: 16px; line-height: 22px;}
.partners-lst ul li::after  {content: "";position: absolute;left: 0px;top: 6px;width: 6px;height: 6px;border-radius: 10px;background: #024F67;}

/* 23/01/2024 */
/* about-us */
.mbl-sec.abt-us-sec{width:66%;}

.advantages-sec{background: #F7F7F7;}
.advntge-main{padding: 60px 0 100px;}
.advntge-main h2{font-size: 42px;line-height: 48px;color:#024F67;font-family:'NeueMontreal-Bold';margin-bottom: 28px;}
.advtnge-lst{display: grid;width:100%;}
.advtnge-lst ul {width: 100%;display: flex;flex-wrap: wrap;column-gap: 2%;}
.advtnge-lst ul li {flex: 0 1 31.666%;}
.advtnge-lst ul li .re-div {width: 100%;position: relative;overflow: hidden;}
.advtnge-lst ul li .re-div::before {content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0);background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.5) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(80%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.5)));background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.5) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.5) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.5) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
.advtnge-lst ul li .re-div img {width: 100%;transition: all .5s ease;}
.advtnge-lst ul li .re-txt {position: absolute;left: 0px;bottom: 0px;width: 100%;padding: 0px 20px 30px;z-index: 2;}
.advtnge-lst ul li .re-txt h3 {color: #fff;font-size: 32px;line-height: 22px;font-family: 'NeueMontreal-Medium';margin-bottom: 10px;}
.advtnge-lst ul li .re-txt p {color: #fff;font-size: 16px;line-height: 24px;font-family: 'NeueMontreal-Medium';margin-bottom: 22px;}
.advtnge-lst ul li span.more-btn {width: 170px;height: 48px;display: flex;align-items: center;justify-content: center;font-size: 16px;line-height: 19px;font-family: 'NeueMontreal-Bold';color: #fff;border: 2px solid #fff;transition: all .5s ease;}
.advtnge-lst ul li:hover .re-div img {transform: scale(1.02);}
.advtnge-lst ul li:hover span.more-btn {background: #A6FA08;color: #024F67;border: 2px solid #A6FA08;}

.team-lst{width: 100%;display: flex;flex-wrap: wrap;padding: 97px 0 100px;}
.team-tle h2{font-size: 42px;font-family:'NeueMontreal-Bold' ;line-height: 48px;color:#024F67;margin-bottom: 26px;}
.team-tle p{font-size: 21px;font-family: 'NeueMontreal-Regular' ;line-height: 34px;color:#3F3F3F;width: 75%;margin-bottom: 55px;}
.team-lst ul {width: 100%;display: flex;flex-wrap: wrap;column-gap: 2%;row-gap: 40px;}
.team-lst ul li {flex: 0 1 49%;display: flex;align-items: center;}
.team-lst ul li .team-img{display: grid;border-radius: 100%;}
.team-lst ul li .team-img img {width: 107px;}
.team-lst ul li .team-title {width: calc(100% - 77px);padding-left: 25px;}
.team-lst ul li .team-title h4 {width: 100%;font-family: 'NeueMontreal-Medium';color: #000000;font-size: 22px;line-height: 20px;letter-spacing: -0.33px;padding-bottom: 15px;}
.team-lst ul li .team-title h5 {width: 100%;font-family: 'NeueMontreal-Medium';color: #959595;font-size: 16px;line-height: 12px;letter-spacing: 0.3px;padding-bottom: 20px;}
a.mail-link {position: relative;padding-left: 20px;background: url(../images/mail-icon.svg) no-repeat left top 1px;padding-bottom: 4px;color: #D84000;font-size: 16px;line-height: 12px;font-family: 'NeueMontreal-Bold';letter-spacing: 0.3px;transition: all 0.5s ease;}
a.mail-link::after {position: absolute;content: "";left: 0px;bottom: 0px;width: 100%;border-bottom: 2px solid #D84000;transition: all 0.5s ease;}
a.mail-link:hover {color: #024F67;background: url(../images/mail-icon-hvr.svg) no-repeat left top 1px;}
a.mail-link:hover::after {border-bottom: 2px solid #024F67;}

/* career */
.offer-lst {padding-bottom: 100px; }
.offer-lst h2{font-size: 42px;font-family:'NeueMontreal-Bold' ;line-height: 48px;color:#024F67;margin-bottom: 15px;}
.offer-lst h2 span{font-family:'NeueMontreal-Regular';}
.offer-lst p{font-size: 16px;font-family:'NeueMontreal-Regular' ;line-height: 24px;color:#3F3F3F;margin-bottom: 40px;width: 65%;}
.offers-table {width: 100%;margin-top: 12px;}
.offers-table table {width: 100%;border-collapse: collapse;margin: 0px auto;}
.offers-table table {border-collapse: collapse;}
.offers-table table tr th {color: #3F3F3F;font-family: 'NeueMontreal-Medium';font-size: 12px;text-transform: uppercase;font-weight: normal;letter-spacing: 1px;padding: 20px 20px;text-align: left;line-height: 16px;}
.offers-table table tbody tr {border-bottom: 2px solid #DFDFDF;}
.offers-table table tr td {padding: 18px 20px;border: 0px solid #ccc;text-align: left;font-size: 14px;line-height: 21px;font-family: 'NeueMontreal-Medium';letter-spacing: 0.25px;}
.offers-table table tr td {padding: 18px 20px;border: 0px solid #ccc;text-align: left;font-size: 14px;line-height: 20px;font-family: 'NeueMontreal-Medium';letter-spacing: 0.25px;}
.offers-table table tr td span.ref-txt {display: none;}
a.down-link {position: relative;padding-bottom: 4px;color: #D84000;font-size: 12px;line-height: 14px;font-family: 'NeueMontreal-Bold';letter-spacing: 0.3px;transition: all 0.5s ease;padding-right: 15px;background: url(../images/down-icon.svg) no-repeat right top 4px;}
a.down-link::after {content: "";position: absolute;left: 0px;bottom: 0px;width: 100%;border-bottom: 2px solid #D84000;transition: all 0.5s ease;}
.offers-table table tr td.td-date {font-size: 10px;line-height: 10px;font-family: 'NeueMontreal-Medium';text-align: left;letter-spacing: 0.25px;}
.offers-table table tr td.td-date .date-div {display: block;}
.offers-table table tr td img {vertical-align: text-top;margin-right: 4px;}
.pink-bdr {width: 95%;background: #cddce1;position: relative;height: 2px;margin-top: 10px;}
.pink-bdr::after {position: absolute;display: block;content: "";left: 0;top: -3px;background: #034f67;width: 40%;height: 6px;}
a.sign-btn {width: 100%;height: 40px;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;line-height: 12px;font-family: 'NeueMontreal-Bold';color: #024F67;border: 2px solid #024F67;transition: all .5s ease;letter-spacing: 0.3px;}
a.down-link:hover {color: #024F67;background: url(../images/down-icon-hvr.svg) no-repeat right top 4px;}
a.down-link:hover::after {border-bottom: 2px solid #024F67;}
a.sign-btn:hover {background: #024F67;color: #fff;}

.tools-lst{display: grid;width:100%;padding: 80px 0 85px;}
.tools-lst h2{font-size: 42px;font-family:'NeueMontreal-Bold' ;line-height: 48px;color:#024F67;margin-bottom: 15px;}
.tools-lst h2 span{font-family:'NeueMontreal-Regular';}
.tools-lst p{font-size: 21px;font-family:'NeueMontreal-Regular' ;line-height: 34px;color:#3F3F3F;margin-bottom: 40px;width: 78%;}
.career-pad{display: grid;width:100%;}
.career-pad ul{width: 100%;display: flex;flex-wrap: wrap;column-gap: 2%;row-gap: 30px;}
.career-pad ul li{flex: 0 1 49%;border:2px solid #DFDFDF;padding: 32px 28px 50px 28px;}
.career-pad ul li h3{font-size: 24px;font-family:'NeueMontreal-Bold' ;line-height: 36px;color:#3F3F3F;position: relative;padding-left: 40px;margin-bottom: 20px;}
.career-pad ul li h3::after{position: absolute;content: '';left: 0;top: 0;width: 35px;height: 35px;}
.career-pad ul li.career-setting h3::after{background: url("../images/icon-01.png") no-repeat 0;}
.career-pad ul li.career-notes h3::after{background: url("../images/icon-02.png") no-repeat 0;}
.career-pad ul li p{font-size: 16px;font-family:'NeueMontreal-Regular'  ;line-height: 24px;color:#3F3F3F;width: 100%;margin-bottom: 0;}

/* index */
.former-members-profile {display: grid; width: 100%;}
.former-members-abt {  width: 100%; display: flex; justify-content: space-between;padding: 65px 0 85px;}
.former-members-abt-lft {flex: 0 1 22%;}
.former-members-abt-lft h2 { color: #024f67; font-family: 'NeueMontreal-Bold'; font-size: 48px; line-height: 58px; letter-spacing: -1px;}
.former-members-abt-rht {flex: 0 1 73%;}
.former-members-abt-rht p {font-family: 'NeueMontreal-Regular'; color: #3f3f3f; font-size: 21px; line-height: 34px; padding-bottom: 0px; width: 100%;padding-right: 28%;}

.iciq-alumni { display: grid; width: 100%;background: #024F67;}
.iciq-alumni-main { width: 100%; padding: 85px 0 80px; }
.iciq-alumni-main h2 { color: #ffffff; font-family: 'NeueMontreal-Bold'; font-size: 72px; line-height: 70px; letter-spacing: -1.5px; margin-bottom: 55px; }
.iciq-alumni-main a {width: 197px;height: 46px;display: flex;align-items: center;justify-content: center;font-size: 16px;line-height: 19px;font-family: 'NeueMontreal-Bold';background: #A6FA08;color: #024F67;border: 2px solid #A6FA08;transition: all .5s ease;}
.iciq-alumni-main a:hover {background: #ffffff;color: #024F67;border: 2px solid #ffffff;}

.achievement-sec h2 { color: #ffffff; font-size: 72px; line-height: 70px; margin-bottom: 20px; letter-spacing: -1.5px; }
.achievement-sec p { color: #ffffff; font-size: 24px; line-height: 29px; margin-bottom: 36px;}
.achievement-sec a { width: 280px; height: 46px; padding: 0 23px; display: flex;align-items: center;justify-content: center;font-size: 16px;line-height: 19px;font-family: 'NeueMontreal-Bold';background: #A6FA08;color: #024F67;border: 2px solid #A6FA08;transition: all .5s ease;}
.achievement-sec a:hover {background: #ffffff;color: #024F67;border: 2px solid #ffffff;}

.projects-sec { display: grid; width: 100%; }
.project-out { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; padding: 90px 0px;}
.project-out h2 { color: #024F67; font-size: 42px; line-height: 50px; font-family: 'NeueMontreal-Bold'; letter-spacing: -0.6px; margin-bottom: 30px; } 
.project-lft { flex: 0 1 49%;}
ul.news-lst { width: 100%; display: flex; flex-wrap: wrap; row-gap: 22px; margin-bottom: 35px; }
ul.news-lst li { flex: 0 1 100%; border: 1px solid #DFDFDF; display: flex; flex-wrap: wrap;}
.project-rgt ul.news-lst { row-gap: 20px;}
.project-rgt ul.news-lst li .news-cont h4 { margin-bottom: 0;}
.project-rgt ul.news-lst li a { display: flex; width: 100%; flex-wrap: wrap; transition: all .5s ease;}
.project-rgt ul.news-lst li a:hover { background: #A6FA08;}
ul.news-lst li .news-img { display: block; width: 200px; overflow: hidden;}
ul.news-lst li .news-img img{ display: block; width: 100%; height: 175px; object-fit: cover; transition:all .5s ease;}
ul.news-lst li .news-cont { width: calc(100% - 200px); padding: 15px 20px 15px 25px; }
ul.news-lst li .news-cont h6 { font-size: 11px; line-height: 21px; color: #3F3F3F; }
ul.news-lst li .news-cont h4 { font-size: 18px; line-height: 24px; color: #3F3F3F; font-family: 'NeueMontreal-Bold'; letter-spacing: -0.17px; margin: 3px 0px 15px; }
ul.news-lst li .news-cont a.view-btn { position: relative; color: #D84000; font-size: 12px; line-height: 12px; font-family: 'NeueMontreal-Bold'; padding-bottom: 3px; letter-spacing: 0.3px; transition:all .5s ease; }
ul.news-lst li .news-cont a.view-btn::after{ content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; border-bottom: 1px solid #D84000;}
ul.news-lst li:hover .news-img img { transform: scale(1.02); }
ul.news-lst li:hover .news-cont a.view-btn { color: #024F67;}
ul.news-lst li:hover .news-cont a.view-btn::after{border-bottom: 1px solid #024F67;}
a.all-btn { width: 140px; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 19px;font-family: 'NeueMontreal-Bold'; color: #024F67;border: 2px solid #024F67; transition:all .5s ease;}
a.all-btn:hover { background: #024F67; color: #fff; }
.project-rgt { flex: 0 1 49%; }
.project-rgt ul.news-lst li .news-lft { padding: 20px 20px 20px 23px; width: 200px;  }
.project-rgt ul.news-lst li .news-lft h5 { font-size: 16px; line-height: 19px; color: #024F67; margin-bottom: 10px;}
.project-rgt ul.news-lst li .news-lft h3 { font-size: 65px; line-height: 58px; color: #024F67; font-family: 'NeueMontreal-Bold'; margin-bottom: 0px;}
.project-rgt ul.news-lst li .news-cont { padding: 20px 87px 20px 30px;  }
.project-rgt ul.news-lst li .news-cont h3 { font-size: 21px; line-height: 24px; color: #3F3F3F; font-family: 'NeueMontreal-Bold'; letter-spacing: -0.17px; margin: 0px 0px 10px; }
.project-rgt ul.news-lst li .news-cont p { font-size: 16px; line-height: 24px; color: #3F3F3F; font-family: 'NeueMontreal-Regular'; letter-spacing: -0.13px; margin: 0px 0px 12px; }
.life-group-sec { width: 100%; padding: 50px 0px; 
background: rgba(9,105,134,1);
background: -moz-linear-gradient(-45deg, rgba(9,105,134,1) 0%, rgba(3,80,103,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(9,105,134,1)), color-stop(100%, rgba(3,80,103,1)));
background: -webkit-linear-gradient(-45deg, rgba(9,105,134,1) 0%, rgba(3,80,103,1) 100%);
background: -o-linear-gradient(-45deg, rgba(9,105,134,1) 0%, rgba(3,80,103,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(9,105,134,1) 0%, rgba(3,80,103,1) 100%);
background: linear-gradient(135deg, rgba(9,105,134,1) 0%, rgba(3,80,103,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#096986', endColorstr='#035067', GradientType=1 );
}


/* 24/01/24 */
/* networking */
.advntge-main.net-xtr p{font-size: 21px;font-family:'NeueMontreal-Regular' ;line-height: 34px;color:#3F3F3F;margin-bottom: 40px;width: 75%;}
a.online-btn {width: 242px;height: 48px;display: flex;align-items: center;justify-content: center;font-size: 16px;line-height: 19px;font-family: 'NeueMontreal-Bold';color: #024F67;transition: all .5s ease;background: #A6FA08; }
.online-btn:hover {background: #024F67;color: #fff;}
.mapa-scroll{margin-bottom: 45px;}

/* */
.events-sec { display: grid; width: 100%; background: #F7F7F7;}
.events-pad { padding: 85px 0 0px;}
.events-sec h2 { color: #024F67; font-size: 42px; line-height: 48px; font-family: 'NeueMontreal-Bold'; letter-spacing: -0.6px; margin-bottom: 45px; } 
.events-sec p.mob-txt { display: none; color: #3F3F3F; font-size: 15px; line-height: 22px; font-family: 'NeueMontreal-Regular'; margin-bottom: 20px; } 
.events-sec .test-scroll { margin-top: 0px; padding-bottom: 90px;}
.events-sec #prof-car { margin-bottom: 0px; }
.events-sec #prof-car.owl-carousel .item .prof-cont h3 {font-size: 22px;line-height: 27px;color: #3A3A3A; font-family: 'NeueMontreal-Bold'; letter-spacing: -0.3px; margin-bottom: 18px; }
.events-sec #prof-car.owl-carousel .item:hover .prof-cont h3 {color: #024F67;}
.events-sec #prof-car.owl-carousel .owl-nav { width: 105px;top: 0;margin-top: -93px;transform: none; }
.events-sec #prof-car.owl-carousel .owl-prev {background: url(../images/arrow-right-m-blu.svg) no-repeat center center;left: 0px;width: 48px;height: 48px; position: absolute; border-radius: 0; display: flex; align-items: center; justify-content: center;
transition:all .5s ease; border: 2px solid #024F67; opacity: 0.3;}
.events-sec #prof-car.owl-carousel .owl-next {background: url(../images/arrow-right-m-blu.svg) no-repeat center center;right: 0;width: 48px;height: 48px;position: absolute; border-radius: 0; display: flex; align-items: center; justify-content: center; 
transition:all .5s ease; border: 2px solid #024F67; opacity: 0.3;}
.events-sec #prof-car.owl-carousel .owl-prev:hover { opacity: 1;}
.events-sec #prof-car.owl-carousel .owl-next:hover { opacity: 1;}
#prof-car {	display: grid;	width: 100%;  }
#prof-car.owl-carousel .owl-stage { padding-left: 0px !important;}
#prof-car.owl-carousel .item .prof-out { display: grid; width: 100%;}
#prof-car.owl-carousel .item .prof-img { display: block; width: 100%; overflow: hidden; position: relative;}
#prof-car.owl-carousel .item .prof-img img{  width: 100%;transition:all .5s ease;}
#prof-car.owl-carousel .item .prof-cont {  width: 100%; padding: 20px 0px 0px;}
#prof-car.owl-carousel .item .prof-cont h4 { font-size: 14px; line-height: 17px; color: #3A3A3A; margin-bottom: 20px; background: url(../images/clock-ico.svg) no-repeat 0 1px; padding-left: 23px;}
#prof-car.owl-carousel .item .prof-cont h3 { font-size: 22px; line-height: 27px; color: #3A3A3A; font-family: 'NeueMontreal-Medium'; letter-spacing: -0.17px; transition:all .5s ease; }
#prof-car.owl-carousel .item:hover .prof-img img { transform: scale(1.03);}
.events-sec #prof-car.owl-carousel .owl-prev {left: 0; transform: rotateY(180deg); cursor: pointer;}
.events-sec #prof-car.owl-carousel .owl-next {right: 0; left: auto; cursor: pointer;}
#prof-car.owl-carousel .item .prof-cont span { width: 75px; height: 22px; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 16px;font-family: 'NeueMontreal-Medium'; color: #024F67;border: 2px solid #024F67; margin-top: 0px; transition:all .5s ease;}
#prof-car.owl-carousel .item:hover .prof-cont span { background: #024F67; color: #fff; }
.events-sec a.see-btn { width: 140px; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 19px;font-family: 'NeueMontreal-Bold'; color: #024F67;border: 2px solid #024F67; margin-top: 60px; transition:all .5s ease;}
.events-sec a.see-btn:hover { background: #024F67; color: #fff; }


/* */
.events-blue-sec { display: grid; width: 100%; background: #0c6a84;}
.events-pad { padding: 85px 0 0px;}
.events-blue-sec h2 { color: #ffffff; font-size: 42px; line-height: 48px; font-family: 'NeueMontreal-Bold'; letter-spacing: -0.6px; margin-bottom: 45px; } 
.events-blue-sec p.mob-txt { display: none; color: #3F3F3F; font-size: 15px; line-height: 22px; font-family: 'NeueMontreal-Regular'; margin-bottom: 20px; } 
.events-blue-sec .test-scroll { margin-top: 0px; padding-bottom: 90px;}
.events-blue-sec #events-car { margin-bottom: 0px; }
.events-blue-sec #events-car.owl-carousel .item .prof-cont h3 {font-size: 22px;line-height: 27px;color: #3A3A3A; font-family: 'NeueMontreal-Bold'; letter-spacing: -0.3px; margin-bottom: 18px; }
.events-blue-sec #events-car.owl-carousel .item:hover .prof-cont h3 {color: #024F67;}
.events-blue-sec #events-car.owl-carousel .owl-nav { width: 105px;top: 0;margin-top: -93px;transform: none; }
.events-blue-sec #events-car.owl-carousel .owl-prev {background: url(../images/arrow-right-m-blu.svg) no-repeat center center;left: 0px;width: 48px;height: 48px; position: absolute; border-radius: 0; display: flex; align-items: center; justify-content: center;
transition:all .5s ease; border: 2px solid #024F67; opacity: 0.3;}
.events-blue-sec #events-car.owl-carousel .owl-next {background: url(../images/arrow-right-m-blu.svg) no-repeat center center;right: 0;width: 48px;height: 48px;position: absolute; border-radius: 0; display: flex; align-items: center; justify-content: center; 
transition:all .5s ease; border: 2px solid #024F67; opacity: 0.3;}
.events-blue-sec #events-car.owl-carousel .owl-prev:hover { opacity: 1;}
.events-blue-sec #events-car.owl-carousel .owl-next:hover { opacity: 1;}
#events-car {	display: grid;	width: 100%;  }
#events-car.owl-carousel .owl-stage { padding-left: 0px !important;}
.events-blue-sec #events-car.owl-carousel .owl-prev {left: 0; transform: rotateY(180deg); cursor: pointer;}
.events-blue-sec #events-car.owl-carousel .owl-next {right: 0; left: auto; cursor: pointer;}
#events-car.owl-carousel .item .prof-cont span { width: 75px; height: 22px; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 16px;font-family: 'NeueMontreal-Medium'; color: #024F67;border: 2px solid #024F67; margin-top: 0px; transition:all .5s ease;}
#events-car.owl-carousel .item:hover .prof-cont span { background: #024F67; color: #fff; }
.events-blue-sec a.see-btn { width: 140px; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 19px;font-family: 'NeueMontreal-Bold'; color: #ffffff;border: 2px solid #ffffff; margin-top: 35px; transition:all .5s ease;}
.events-blue-sec a.see-btn:hover { background: #ffffff; color: #024F67; }

#events-car.owl-carousel .item a { display: flex; width: 100%; flex-wrap: wrap; padding: 40px 20px 28px 22px; transition: all .5s ease; background: #ffffff;}
.events-blue-sec .news-lft {  width: 100%;  }
.events-blue-sec .news-lft h5 { font-size: 21px; line-height: 21px; color: #024F67; margin-bottom: 15px;}
.events-blue-sec .news-lft h3 { font-size: 85px; line-height: 85px; color: #024F67; font-family: 'NeueMontreal-Bold'; margin-bottom: 25px;}
.events-blue-sec .news-cont { width: 100%;  }
.events-blue-sec .news-cont h4 { font-size: 22px; line-height: 27px; color: #3A3A3A; font-family: 'NeueMontreal-Bold'; letter-spacing: -0.17px; margin: 0px 0px 10px; }

.terms-sub-menu { margin-bottom: 60px; margin-top: 0;}