@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
/* font-family: 'Poppins', sans-serif; */

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/GothamBlack.woff2') format('woff2'),
      url('../fonts/GothamBlack.woff') format('woff'); 
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

 @font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
      url('../fonts/Gotham-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Black.woff2') format('woff2'),
      url('../fonts/Gotham-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

body{font-family: Poppins,sans-serif;}
header{height: 95px; background: rgba(255,255,255,0.70); -webkit-box-shadow: 0px 5px 13px -5px rgb(0 0 0 / 25%); -moz-box-shadow: 0px 5px 13px -5px rgba(0,0,0,0.25); box-shadow: 0px 5px 13px -5px rgb(0 0 0 / 25%); z-index: 10; position: absolute; left: 0; top:0; width: 100%;}
.headerFixed { position: fixed; top: 0px; background: rgba(255,255,255,1.00); }

.landing-logo-left{ width: 100%; max-width: 295px; height: auto; float: left; display: block; margin-top: 27px;}
.landing-logo-right{ width: 100%; max-width: 69px; height: auto; float: right; display: block; margin-top: 17px;}



.transition{-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.landing-box1{width: 100%; height: auto; float: left; display: block;}
.landing-box1:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.landing-header{ width: 100%; height: auto; float: left; display: block; position: relative; margin: 0; padding: 0;}
.landing-header img{ width: 100%;}
.desktop1920{ display: block;}
.laptop1360{ display: none;}
.mob380{ display: none;}
.header-text{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto; width:90%; height: 100%; max-width: 1140px; display: table; z-index: 1;}
.header-text aside{ display: table-cell; vertical-align: middle; z-index: 555; }
.header-text aside h2{font-family: 'Gotham'; font-size: 54px; font-weight:700; color: #ffc600; line-height: 58px; padding-bottom: 10px; text-transform: uppercase; margin: 0;}
.header-text aside h3{font-family: 'Gotham'; font-size: 40px; font-weight:700; color: #fff; line-height: 58px;text-transform: uppercase;}
.header-text aside h1{font-family: 'Gotham'; font-size: 40px; font-weight:700; color: #fff; line-height: 58px;text-transform: uppercase;}
.landing-box2{width: 100%; height: auto; float: left; display: block; position: relative; padding: 75px 0 90px 0; box-sizing: border-box;}
.wraper1140{ width: 90%; max-width:1140px; margin: 0 auto; position: relative; padding: 0px 0;}
.wrapper1140:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }



.landing-box22a{ height: auto; float: left; display: block; margin-left: -40px; margin-right: -40px;   }
.landing-box22b {width: 50%; height: auto; float: left; display: block; padding:0 40px; }
.landing-box22b aside{width: 100%; height: auto; float: left; display: block; }

.landing-box22a h3{width: 100%; height: auto; float: left; display: block; font-size: 16px; font-weight: 600; color: #023d6f; line-height: 24px; padding-bottom: 30px; margin: 0;}

.landing-box22b aside figure{width: 100%; height: auto; float: left;  margin-bottom: 30px;}
.landing-box22b aside figure img{ width: 100%; display: block;}
.landing-box22b aside p{width: 100%;  height: auto; float: left; display: block; font-size: 14px; font-weight: 400; color: #363b3f; line-height: 24px; padding-bottom: 30px; margin: 0;}
.landing-box22b aside p:last-child{padding-bottom: 0px;}



.landing-box3{width: 100%; height: auto; float: left; display: block; position: relative; background:#f3f3f3; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; padding: 75px 0 90px 0; box-sizing: border-box;}
.landing-box3a{width: 100%; height: auto; float: left; display: block; margin: 0; }
.landing-box3a h2{width: 100%; max-width: 510px;  height: auto; margin: 0 auto; display: block; font-family: 'Gotham'; font-size: 30px; font-weight: 700; color: #094a89; line-height: 41px; text-align: center; text-transform: uppercase; padding-bottom: 50px;}
.landing-box3a h2:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.landing-box3a ul{width: 100%; max-width: 920px; margin: 0 auto; height: auto;  font-size: 0; line-height: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.landing-box3a ul li{display: inline-block;  margin-right: 15px;}
.landing-box3a ul li:last-child{padding-right: 0px; margin-right: 0px;}
.landing-box3a ul li aside{ width: auto; height: 100%; border-right: 1px solid #e5e5e5; padding-right: 10px; font-size: 18px; font-weight: 600; color: #5d5d5d; line-height: 26px; padding-left: 65px; position: relative;}
.landing-box3a ul li:last-child aside{border-right: 0px solid #e5e5e5; }
.landing-box3a ul li aside i{ position: absolute; left: 0; top: 0; width: 65px; height: 50px;}
.landing-box3a ul li aside span{font-size: 16px; font-weight: 600; color: #7d7d7d; line-height: 21px;}
.landing-box4{width: 100%; height: auto; float: left; display: block; position: relative; padding: 75px 0 30px 0; box-sizing: border-box;}
.wraper935{ width: 90%; max-width:935px; margin: 0 auto; position: relative; padding: 0px 0;}
.wrapper935:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.landing-box4a{width: auto; height: auto; margin: 0 auto; display: table;  }
.landing-box4a article{width: auto; height: auto; float: left; }

.landing-box4a small{width:auto; height: 54px; float: left; display: block; margin-right: 15px;}
.landing-box4a small a{ display: block; padding:0  25px; background:#f79825; border:0px solid #c2c2c2; border-radius:25px; color:#FFF; font-size:14px; font-weight:400; line-height: 44px; text-transform:uppercase; cursor: pointer; background-image:linear-gradient(0, #1968b3, #1968b3); background-size: 0; transition: .8s; background-repeat: no-repeat;}
.landing-box4a small a:hover{ background-size:100%; color: #fff;}
.landing-box4a aside{width:auto; height: 54px; float: left; display: block; margin-left: 25px; border-left: 1px solid #cfe2f3; padding-left: 20px;}
.landing-box4a aside big{font-size: 40px; font-weight: 300; color: #4887c3; line-height: 54px; padding-right: 10px;}
.landing-box4a aside span{width:auto; height: 54px; font-size: 40px; font-weight: 700; color: #4887c3; line-height: 54px;}
.landing-box4a aside span a{color: #4887c3;}
.landing-box4a aside span a:hover{color: #4887c3;}
.clear{ width: 100%; clear: both; line-height: 0; font-size: 0px;}
.landing-pic3{ display: none;}



/*case-study*/

.case-study-box1{width: 100%; height: auto; float: left; display: block; position: relative; background:#fff url("../images/case-study-bg.png") no-repeat left top;  padding: 30px 0 90px 0; box-sizing: border-box;}

.case-study-box1 span{width:auto; height: 56px; float: right; display: block; margin: 0px 0 18px 0;}
.case-study-box1 span a{ display: block; padding:0  48px 0  65px; background:#f79825; border:0px solid #c2c2c2; border-radius:28px; color:#FFF; font-size:14px; font-weight:400; line-height: 44px; text-transform:uppercase; cursor: pointer; background-image:linear-gradient(0, #1968b3, #1968b3); background-size: 0; transition: .8s; background-repeat: no-repeat; position: relative;}
.case-study-box1 span a:after{ content: ''; position: absolute; left: 48px; top: 17px; width: 7px; height: 11px; background: url("../images/case-study-arrow2.png") no-repeat left top;}
.case-study-box1 span a:hover{ background-size:100%; color: #fff;}



.case-study-box1a{width: 100%; height: auto; float: left; display: block; position: relative; background:#fff url("../images/case-study-bg2.jpg") no-repeat left top; background-size: cover; padding: 70px 0;}
.case-study-box1a h6{width: 100%;  height: auto;  display: block; font-family: 'Gotham'; font-size: 30px; font-weight: 600; color: #fff; line-height: 41px; text-align: center; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 15px; position: relative;}
.case-study-box1a h6:after{ content: ''; position: absolute; left: 0; right: 0;  bottom: 0; width: 45px; height: 2px; margin: 0 auto; background:#fff;}
.case-study-text{width: auto; height: auto;  margin: 0px auto ; display: table; position: relative; padding-top: 30px; }
.case-study-text ul{width: auto; height: auto; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; position: relative; font-size: 0; line-height: 0;}
.case-study-text ul li{ display: inline-block; padding-right: 25px; }
.case-study-text ul li:last-child{  padding-right: 0px; }
.case-study-text ul li aside{ width: auto; height: 100%; float: left; border-right: 1px solid  rgba(255,255,255,0.50); font-size: 14px; line-height: 18px; padding-right:40px; }
.case-study-text ul li:last-child aside{ border-right: 0px solid  rgba(255,255,255,0.50);}
.case-study-text ul li aside h2{width: 100%;  height: auto;  display: block;  font-size: 18px; font-weight: 400; color: #fff; line-height: 25px; padding-bottom: 15px;  }
.case-study-text ul li aside h3{width: 100%;  height: auto;  display: block; font-family: 'Gotham'; font-size: 36px; font-weight: 600; color: #ffbd08; letter-spacing: 1px; line-height: 36px;  padding-bottom: 0px; }

.case-study-text ul li aside h4{width: 100%;  height: auto;  display: block; font-size: 12px; font-weight: 600; color: #fff; line-height: 14px; text-align: right; text-transform: uppercase; padding-bottom: 15px; }
@media screen and (max-width: 1366px) {
.desktop1920{ display:none ;}
.laptop1360{ display:block ;}
.mob380{ display: none;}	
}
@media screen and (max-width: 1180px) {
.case-study-text ul li{ padding-right: 15px; }
	.case-study-text ul li aside{ padding-right:20px; }
}



@media screen and (max-width: 1150px) {
	.header-text aside h2 { font-size: 40px;line-height: 45px;}
	.header-text aside h3 { font-size: 40px;line-height: 45px;}
	.header-text aside h1 { font-size: 40px;line-height: 45px;}
}
@media screen and (max-width: 1070px) {
	.landing-box3a{overflow: hidden}
	.landing-box3a ul {margin-right: -2px; margin-bottom: -2px; }
	.landing-box3a ul li { width:50%; margin-right: 0px; float: left;   }
	.landing-box3a ul li aside{ width: auto; height: 100%; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-right: 5%;  padding-left: 5%; padding-bottom: 45px; padding-top: 45px; position: relative; }
	.landing-box3a ul li aside i{ position: relative; margin: 0 auto 20px; width: auto; display: table;}
	.landing-box3a ul li aside span{ text-align: center; margin: 0 auto; width: auto; display: table;}
}



@media screen and (max-width: 1023px) {
	.case-study-text{ overflow: hidden;}
	.case-study-text ul{ margin-left: -1px; margin-right: -1px; margin-bottom: -1px; text-align: center;}
	.case-study-text ul li{ width: 50%; border-right: 1px solid  rgba(255,255,255,0.50);  border-bottom: 1px solid  rgba(255,255,255,0.50); padding-right: 0px;}
	.case-study-text ul li:last-child{ width: 100%;}
	.case-study-text ul li aside{ width: auto; height: 100%; float: none; border-right: 0px solid  rgba(255,255,255,0.50); font-size: 14px; line-height: 18px; padding-right:0px; margin: 0 auto; display: table; padding-top: 20px;}
	.case-study-text ul li aside h2 br{ display: none;}
	.case-study-text ul li aside h4{ text-align: center;}
}





@media screen and (max-width: 900px) {
	.landing-box4a {width: 100%; max-width: 600px; height: auto; margin: 0 auto; display: table;}
	.landing-box4a article{width: 50%;}
	.landing-box4a small {width: 100%; margin-right: 0px;}
	
	.landing-box4a small a{ text-align: center;}
	.landing-box4a aside {width: calc(50% - 30px); height: auto; margin-left: 30px}
	.landing-box4a aside big{ display: block;}
	.landing-box4a aside span {width: auto; height: auto;font-size: 35px;}
	header {position: relative;}
	.landing-box22a { margin-left: -20px; margin-right: -20px;}
	.landing-box22b { padding: 20px;}
}



@media screen and (max-width: 700px) {
	.landing-box2a h2{ text-align: center;}
	.landing-box2a p{text-align: center;}
	.header-text aside h2 { font-size: 28px; line-height: 30px;}
	.header-text aside h3 { font-size: 28px; line-height: 30px;}
	.header-text aside h1 { font-size: 28px; line-height: 30px;}
	.landing-box22a{ margin-left: 0px; margin-right: 0px;   }
	.landing-box22b { width: 100%;padding: 0px; text-align: center;}
	.landing-box4a aside big { font-size: 30px;line-height: 38px}
	.landing-box4a aside span {font-size: 25px;}
	.landing-box2 {padding: 30px 0 30px 0;}
}
@media screen and (max-width: 610px) {
.case-study-text ul li aside h2 br{ display: block;}
	
}
@media screen and (max-width: 500px) {
.desktop1920{ display:none ;}
.laptop1360{ display:none ;}
.mob380{ display:block ;}
	header {height: 75px;}
.landing-logo-left {max-width: 220px;}
	.landing-logo-right {max-width: 45px;}
	.header-text aside h2 {font-size: 20px; line-height: 22px;}
	.header-text aside h3 {font-size: 20px; line-height: 22px;}
	.header-text aside h1 {font-size: 20px; line-height: 22px;}
	.landing-box2 {padding: 30px 0 30px 0;}
	.landing-box2a h2 {font-size: 16px;line-height: 22px;}
	.landing-box2a aside { width: 100%;padding-right: 0%;margin-bottom: 20px;}
	.landing-pic3{ display: block; width: 100%!important; padding-left:0%!important;
    margin-bottom: 20px;}
	.landing-pic3 img{ width: 100%;}
	.landing-pic2{ display: none;}
	.landing-box3 {padding: 30px 0 30px 0;}
	.landing-box3a h2 { font-size: 18px;line-height: 27px;padding-bottom: 20px;}
	.landing-box3a ul li aside span br{ display: none;}
	.landing-box4a article { width: 44%;}
	.landing-box4a aside { width: calc(56% - 10px);margin-left: 10px; padding-left: 10px; padding-top: 13px; padding-bottom: 10px;} 
	.landing-box4a aside span { font-size: 26px; line-height: 40px;}
	.landing-box4a aside big {font-size: 28px;line-height: 30px;}
	.landing-box4 {padding: 40px 0 0px 0;}
	
	
	.case-study-text ul li {width: 100%;}
	.case-study-box1a h6 {font-size: 22px;}
	.case-study-text ul li aside h2 br{ display: none;}
}