/* banner */
#banner {padding: 0;width: 100vw;z-index: 3;}
#banner .slick-slide { min-width: 100vw; }
#banner .item {height: 100vh;}
#banner .item:before{content: 'Management Consulting';font-size: 90px;color: #010101;opacity: .03;font-weight: 900;width: 900px;position: absolute;line-height: 120%;left: 5%;top: 34%;z-index: 2;text-transform: uppercase;}
#banner .item:after{content:url(/images/44/img-banner-dot.png);position: absolute;left: 22%;top: 50px;z-index: -2;}
#banner .main-slider {-webkit-clip-path: url(#clip_banner);clip-path: url(#clip_banner);}
#banner .item .clip  {width: 70vw;right: 0;left: unset;}
#banner .item .clip iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item .clip video { overflow: hidden; position: absolute; width: 100%; height: auto; top: 50%; left: 50%; }
#banner .item .info >div {margin: auto 0 250px 10%;width: 600px;}
#banner .item .info >div .txt {-webkit-transition-delay: .2s;transition-delay: .2s;}
#banner .item .info >div .txt:nth-child(2) { -webkit-transition-delay: .4s; transition-delay: .4s; }
#banner .item .info >div .txt >* {max-width: calc(100% - 30px);font-size: 25px;color: #727171;}
#banner .item .info >div .txt h3 , #banner .item .info >div .txt .letter {margin-bottom: 25px;line-height: 150%;font-size: 70px;word-spacing: 100vw;max-width: 100%;color: var(--primary);}
#banner .item .info >div .txt h3 , #banner .item .info >div .txt h3 *{
	transition:all 0s ease-in-out;
}
#banner .item .info >div .txt h3:last-child{}
#banner .item .info >div .txt p{text-decoration: underline;margin-bottom: 85px;}
#banner .more_btn{display: inline-flex;align-items: center;font-family: "Poppins", sans-serif;font-weight: 500;margin-left: 0%;position: relative;z-index: 9;}


  
/* arrow */
#banner .arrow {bottom: 40px;left: 50px;z-index: 5;}
#banner .arrow a {margin: 0 7px;}

/* slick-dots */
#banner .slick-dots {text-align: right;bottom: 0vw;margin: auto 0;width: 1vw;height: 30vh;top: 0;left: 83px;position: absolute;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#banner .slick-dots:before{content:"";position:absolute;top: -50px;width:1px;height: 54vw;background-color: rgb(56 56 56 / 20%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
#banner .slick-dots li{margin:5px 0;}
#banner .slick-dots li:before {margin: auto;display: block;border: 1px rgb(42 42 42 / 90%) solid;content: "";width: 8px;height: 8px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
#banner .slick-dots li.slick-active:before {border-color: #383838;background-color: #383838;width: 8px;height: 8px;}
#banner .slick-dots li button{display:none;}


.ml11 {
	font-weight: 700;
	font-size: 3.5em;
  }
  
  .ml11 .text-wrapper {
	position: relative;
	display: inline-block;
	padding-top: 0.1em;
	padding-right: 0.05em;
	padding-bottom: 0.15em;
  }
  
  .ml11 .line {
	opacity: 0;
	position: absolute;
	left: 0;
	height: 100%;
	width: 1px;
	transform-origin: 0 50%;
	}
  
  .ml11 .line1 {
	top: 0;
	left: 0;
	background: #2e2e2e;
	}
  
  .ml11 .letter {
	display: inline-block;
	line-height: 1em;
  }

  
@media screen and (max-width: 1680px){
	#banner .slick-dots:before{height: 65vw;}
}
@media screen and (max-width: 1366px){
	#banner .slick-dots:before{height: 55vw;}
	#banner .item .info >div .txt h3{font-size: 46px;}
}
@media screen and (max-width: 1280px){
	#banner {padding-top: 0;}
}
@media screen and (max-width: 1024px){
	#banner .arrow{display:none;}
	#banner .slick-dots{display: none !important;}
	#banner .slick-dots:before{display:none;}
	#banner .item .info >div{margin-bottom: 200px;margin-left: 5%;}
	#banner .item .info >div .txt p{margin-bottom:50px;}
	#banner .item { height:  75vh; }
	#banner .item:before{display:none;}
}
@media screen and (max-width: 768px){
	#banner .item .info >div .txt{display:flex;position: relative;}
	#banner .item .info >div .txt p{margin-bottom:50px;font-size: 18px;}
	#banner .item .info >div .txt h3:last-child{display:block;position: absolute;color: #fff;clip-path: inset(0 0 80px 0);margin-bottom: 10px;}
	#banner .more_btn{margin-left:0;}
	#banner .item .info >div{margin:0 auto;width:90%;}
	#banner .item .clip{width:100vw;position: relative;height: 600px;}
	#banner .item .clip .atag_item{
    background-position: -120% 50%;
}
	#banner .item {height: auto;}
	#banner .info{position: absolute;display: block;top: 250px;left: unset;margin-top: -75px;}
	#banner .item .info >div .txt h3{font-size: 38px;margin-bottom: 10px;}
}
@media screen and (max-width: 640px){
	#banner .item .clip .atag_item{
	    background-position: -70% 50%;
	}
	#banner .item .clip{
    height: 500px;
}
}
@media screen and (max-width: 480px){
	#banner .item .clip .atag_item{
	    background-position: -16% 50%;
	}
	#banner .item .info >div .txt h3{
    font-size: 30px;
}
	#banner .item .info >div .txt p{
    font-size: 15px;
}
}