@import url("xbl_005.css");
@import url("menu.css");
@import url("footer.css");
@import url("animation.css");
@import url("other.css");




/*--flickity--*/
.carousel>div,
.carousel>div>div{transition:none !important;}
.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:#fff;border:none;color:#333}.flickity-button:hover{cursor:pointer;box-shadow:0 0 0 4px rgba(255, 225, 0, 0.4);}.flickity-button-icon{fill:var(--theme)}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}

.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-prev-next-button .arrow{fill:var(--theme);}

.fpd{position:relative;list-style:none;text-align:center;}
.fpd .dot{display:inline-block;background:var(--theme);opacity:0.2;cursor:pointer;height:4px;width:40px;margin:0;border-radius:0;}
#indicator{height:3px;background:var(--theme);cursor:pointer;height:4px;width:40px;position:absolute;top:11px;margin:auto;transition:0.4s !important}
.fpd .dot.is-selected:nth-child(1) ~ #indicator{left:calc(50% - 80px);}
.fpd .dot.is-selected:nth-child(2) ~ #indicator{left:calc(50% - 40px);}
.fpd .dot.is-selected:nth-child(3) ~ #indicator{left:calc(50%);}
.fpd .dot.is-selected:nth-child(4) ~ #indicator{left:calc(50% + 40px);}
.fpd .dot.is-selected:nth-child(5) ~ #indicator{left:calc(50% + 80px);}
.fpd .dot.is-selected:nth-child(6) ~ #indicator{left:calc(50% + 100px);}

.hero .fpd{transform:skew(-20deg);position:absolute;bottom:35%;left:-20px;}
.hero .fpd .dot{height:15px;width:25px;margin:0 5px;background:#fff;opacity:0.5;}
.hero .fpd #indicator{height:15px;width:26px;top:0px;}

.hero .previous{transform:translate(-60px,-20px);}
.hero .next{transform:translate(60px,-20px);}

.hero:hover .previous,
.hero:hover .next{transform:translate(0,-20px);}

.hero .dot.is-selected:nth-child(1) ~ #indicator{left:calc(17% - 0px);}
.hero .dot.is-selected:nth-child(2) ~ #indicator{left:calc(31% + 0px);}
.hero .dot.is-selected:nth-child(3) ~ #indicator{left:calc(46% + 0px);}
.hero .dot.is-selected:nth-child(4) ~ #indicator{left:calc(60% - 0px);}
.hero .dot.is-selected:nth-child(5) ~ #indicator{left:calc(74% + 0px);}
.hero .dot.is-selected:nth-child(6) ~ #indicator{left:calc(88% + 0px);}

.hero .cell{position: relative;width: 100%;padding-top: 170%;}
.hero .cell .warp{position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.hero .cell svg{width:100%;}



/*--flickity--*/

.svgdefs{height:0;width:0;position:fixed;top:0;overflow:hidden;}









.ic_back{background-size:30px;background-position:center;background-repeat:no-repeat;}
.ic_back{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon fill='%23aaa' points='83,47.5 27.6,47.5 52.3,22.8 48.8,19.3 18,50 48.8,80.8 52.3,77.2 27.6,52.5 83,52.5 '/%3E%3C/svg%3E");}


/*---li color dots----*/
	.dli40>li{padding:5px 0 5px 40px;position:relative;}
	.dli2 li:before{top:10px;}
		.dli li:before{top:calc(50% - 7px);left:15px;height:14px;width:14px;border-radius:50%;background:var(--theme);}

		.dli li:nth-child(1):before,
		.dli li:nth-child(6):before,
		.dli li:nth-child(11):before{background:#f40018;}
		.dli li:nth-child(2):before,
		.dli li:nth-child(7):before,
		.dli li:nth-child(12):before{background:#bc0a2c;}
		.dli li:nth-child(3):before,
		.dli li:nth-child(8):before{background:#8c1042;}
		.dli li:nth-child(4):before,
		.dli li:nth-child(9):before{background:#680770;}
		.dli li:nth-child(5):before,
		.dli li:nth-child(10):before{background:#5a0a93;}


.a .parent:before,
.a .parent:after{background:#ffee97;}
.b .parent:before,
.b .parent:after{background:#af5fff;}
.c .parent:before,
.c .parent:after{background:#5fcfff;}
.d .parent:before,
.d .parent:after{background:#9affb0;}
.e .parent:before,
.e .parent:after{background:#ffa3ce;}

.a h4{color:#f7d524;}
.b h4{color:#7c20d7;}
.c h4{color:#08aef5;}
.d h4{color:#1ce278;}
.e h4{color:#ff2160;}


.ft_5 .a .deco{background-image:linear-gradient(10deg,#ffee97,transparent,transparent);}
.ft_5 .b .deco{background-image:linear-gradient(10deg,#af5fff,transparent,transparent);}
.ft_5 .c .deco{background-image:linear-gradient(10deg,#5fcfff,transparent,transparent);}
.ft_5 .d .deco{background-image:linear-gradient(10deg,#9affb0,transparent,transparent);}
.ft_5 .e .deco{background-image:linear-gradient(10deg,#ffa3ce,transparent,transparent);}









.ttitle .deco1,
.ttitle .deco2{width:90px;height:50px;transform:skewX(-20deg) translateX(-20px);}
.ttitle .deco2{height:80px;transform:skewX(-20deg) translateX(20px);}
.ttitle .text2{width:calc(100% - 90px)}



h2{font-size:28px;}
.ft_1 h6{font-size:22px;font-weight:400;}
.expertise h6{font-size:25px;color:var(--theme);}
.feature h6{font-size:25px;color:var(--theme);}


.ft_1 svg{width:150px;margin-left:-50px}
.ft_1 .img{width:100px;height:150px;overflow:hidden;}
.ft_1 .text{width:calc(100% - 120px);max-width:600px;display:flex;align-items:center;justify-content:center;}
.ftwarp{padding:20px;}


.expertise .img{width:90px;height:50px;transform:skewX(-20deg) translateX(-20px);}
.expertise .holder>div{margin-top:40px}
.expertise .ftimg{width:160px;height:160px;background:#fff;box-shadow:0 0 0 10px #ffe9e9;position:relative;border-radius:50%;display:flex;align-items:center;}
.expertise .ftimg:before{width:2px;height:40px;background:#ffe9e9;bottom:-40px;left:50%;}
.expertise .ftimg:after{width:15px;height:15px;background:#f94d53;bottom:-50px;left:calc(50% - 7px);border-radius:50%;}
.expertise .holder>div:hover .ftimg:after{box-shadow:0 0 0 10px #ffe9e9;}
.expertise .holder .text{margin-top:60px;padding:10px;}
.expertise .holder .o8{margin-top:10px;}


.feature .img{width:90px;height:50px;transform:skewX(-20deg) translateX(-20px);}
.feature .holder>div{margin-top:40px}
.feature .ftimg{width:150px;height:150px;background:#fff;box-shadow:0 0 0 10px #ffe9e9;position:relative;border-radius:50%;display:flex;align-items:center;}
.feature .ftimg:before{width:2px;height:40px;background:#ffe9e9;bottom:-40px;left:50%;}
.feature .ftimg:after{width:15px;height:15px;background:#f94d53;bottom:-50px;left:calc(50% - 7px);border-radius:50%;}
.feature .holder>div:hover .ftimg:after{box-shadow:0 0 0 10px #ffe9e9;}
.feature .holder .text{margin-top:20px;padding:10px;}
.feature .holder .o8{margin-top:10px;}


.ft_3 li,
.ft_4 li{padding:8px 5px 5px 40px;position:relative;}
.ft_3 li:hover:before,
.ft_4 li:hover:before{transform:scale(2);}


.ft_5 p{margin-top:20px;}
.ft_5 img{width:90px;float:right;margin-left:5px;}
.ft_5 h4{font-size:25px;padding-left:20px;}
.ft_5 .deco{height:100%;width:100px;transform:skew(-20deg);position:absolute;top:0;right:-50px;z-index:0;border-radius:10px 0 10px 0;}
.ft_5 .flickity-prev-next-button{display:none;}
.ft_5 .cell{padding:20px;width:100%;max-width:450px;position:relative;}
.ft_5 .parent{padding:20px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);position:relative;border-radius:10px;overflow:hidden;transform:scale(0.8);}
.ft_5 .is-selected .parent{transform:scale(1)}
.ft_5 .parent:before{right:-24px;bottom:0;height:140px;width:50px;transform:skew(-20deg);}
.ft_5 .parent:after{left:-30px;top:0;height:110px;width:50px;transform:skew(-20deg);}

.authPart{background:#fff;}
.authPart .holder{width:100%; max-width:600px;margin:40px auto;}
.authPart .holder>div{display:inline-block;width:calc(50% - 4px);height:100px;text-align:center;}
.authPart .holder img{width:100%;max-width:100px; border-radius:5px;}

.digPart{background:#fff;}
.digPart .holder{width:100%; max-width:600px;margin:40px auto;}
.digPart .holder>div{display:inline-block;width:calc(50% - 4px);height:100px;text-align:center;}
.digPart .holder img{width:100%;max-width:100px; border-radius:5px;}

.writeForm dcelm{padding:0 50px;position:relative;}
.writeForm .deco1,
.writeForm .deco2{width:150px;height:160px;background:var(--theme);
	transform:skew(20deg);position:absolute;top:calc(50% - 110px);left:-50px;z-index:0;}
.writeForm .deco2{width:100%; left:50px;}

.writeForm .form_img{max-width:300px;margin-left:auto;}
.writeForm .form_img>div{position: relative;width: 100%;padding-top: 100%;margin-left:auto;}
.writeForm .form_img>div>div{position: absolute;top: 0;left: 0;bottom: 0;right: 0;}

.writeForm .formCont{z-index:100;position:relative;transform:translateY(-30px);padding-left:50px}
.writeForm input,.writeForm textarea{width:calc(100% - 20px);padding:10px;font-size:1em;color:#999;font-family:var(--robo);border:0;background:transparent;margin:4px 10px 0 10px;resize:none;}

.writeForm form{background:#fff;box-shadow:var(--bst);border-radius:10px;}
.writeForm hr{border:0;height:1px;width:100%;background:#ddd;}

.quote{box-shadow:var(--bslt);font-size:1.2em;line-height:1.8;margin:20px;width:calc(100% - 40px);padding:30px 20px;}
.quote .text{color:#ff4141}
.quote .text:before{
	position:absolute;content:'';left:-50px;top:-50px;height:70px;width:70px;
	background-size:80px;background-repeat:no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23FFC2C2' d='M29.3,51.1h14.9l9.2-25.2H21l-7,19.2c0,0-0.9,2.1-1.9,5.2l-0.3,0.8h0c-2.6,8.7-5,24.2,8.7,27.6 c0.1,0,0.1,0,0.2,0l0.9-2.1c-0.2-0.1-0.3-0.1-0.3-0.1S5.2,64.1,29.3,51.1z'/%3E%3Cpath fill='%23FFC2C2' d='M66,51.1h14.9l9.2-25.2H57.7l-7,19.2c0,0-0.9,2.1-1.9,5.2l-0.3,0.8h0.1c-2.6,8.7-5,24.2,8.7,27.6 c0.1,0,0.1,0,0.2,0l0.9-2.1c-0.2-0.1-0.3-0.1-0.3-0.1S41.9,64.1,66,51.1z'/%3E%3C/svg%3E");}

@media screen and (max-width:400px){
	.this{
		display: none;
	}
}
@media screen and (min-width:500px){
	.writeForm .formCont{transform:translateY(70px);max-width:400px;padding:0;}
}

@media screen and (max-width: 767px){
	.writeForm .formCont{margin-top:100px;}
}
@media screen and (min-width:900px){
	h2{font-size:50px;}
	.ft_1 h6{font-size:26px;}

	.expertise h6{font-size:20px;}
	.feature h6{font-size:20px;}

	.ttitle .deco1,
	.ttitle .deco2{width:150px;}
	.ttitle .deco2{height:50px;}
	.ttitle .text2{width:calc(100% - 150px)}

	.ft_1 svg{width:100%;margin-left:0}
	.ft_1 .img{width:400px;height:auto;}
	.ft_1 .text{width:calc(100% - 400px);text-align:center;line-height:1.6;}
	.ft_1 .text .holder{max-width:500px;}
	.ftwarp{padding:20px 0;}

	.expertise .img{width:200px;height:90px;}
	.expertise .holder{display:-webkit-flex;display:flex;align-items:flex-start;padding:0 40px;}
	.expertise .holder>div{width:20%;}

	.feature .img{width:200px;height:90px;}
	.feature .holder{display:-webkit-flex;display:flex;align-items:flex-start;padding:0 10px;}
	.feature .holder>div{width:50%;}


	.ft_3 .grid_2>div{max-width:600px;margin-left:auto;}
	.ft_4 .block1{width:50%;padding-right:60px;}
	.ft_5 .head{padding-left:100px;}
	.ft_5 img{width:120px;}

	.bl1g{position:relative;}
	.bl1g:before{content:'';position:absolute;top:-10px;left:-30px; height:100px;width:1px;background:#bbb;}
	
	.authPart .holder>div{width:calc(16% - 0px);}
	.digPart .holder>div{width:calc(16% - 0px);}

	.writeForm dcelm{width:50%;}
	.writeForm .deco1{width:250px;}
	.writeForm .formCont{margin-left:100px;}

	.quote{margin:50px auto;padding:30px;}
}
@media screen and (min-width:1400px){
	h2{font-size:60px;}

	.ft_1 .img{width:550px;}
	.ft_1 .text{width:calc(100% - 550px);max-width:1000px;}
	.ft_1{font-size:1.5em;}

	.ft_3 .grid_2>div{max-width:800px;}

	.writeForm .deco1{width:450px;}
}




/*--home---*/
.hero .content{position:absolute;bottom:20px;right:5%;width:90%;}
.hero h1{font-size:34px;}

.we_are_changing{margin:80px auto;}

@media (min-width:500px) and (max-width:900px){
	.hero .fpd{display:none;}
	.this {display: none;}
	.hero .content{background:#fdfdfd;padding:50px;width:100%;bottom:0;}
}

@media screen and (min-width:500px){
	.hero .cell{padding-top:100%;}
	.hero .fpd{bottom:10px;}
}

@media screen and (min-width:900px){
	.hero .cell{padding-top:38%;}
	.hero .content{width:500px;right:3%;bottom:15%;}

	.we_are_changing{margin:100px auto;}
}


@media screen and (min-width:1100px){
	.hero .cell{padding-top: 38%;}
	.hero .fpd{bottom:10px;}

	.hero .content{width:600px;right:5%;bottom:10%;}
	.hero h1{font-size:60px;}
	.hero h5{font-size:25px;}
	.hero .text{max-width:400px;margin-top:20px;}
	.hero dtab{width:75%;max-width:350px;margin-top:50px;}
}


@media screen and (min-width:1400px){
	.hero .content{width:750px;right:8%;font-size:1.4em;}
	.hero .text{max-width:500px;}
	.hero h1{font-size:80px;}
	.hero h5{font-size:35px;}

	.we_are_changing{margin:130px auto;}
}
@media screen and (min-width:1600px){
	.hero .content{width:750px;right:8%;bottom:15%;}
}


.content h1,
.content h5,
.content div{transform:translateX(150px);opacity:0;}
.content button{transform:scale(0);opacity:0;}

.is-selected .content h1,
.is-selected .content h5,
.is-selected .content div{transform:translateX(0);opacity:1;}
.is-selected .content button{transform:scale(1);opacity:1;}

.is-selected .content *{transition:0.6s;}
.is-selected .content h5{transition-delay:0.2s;}
.is-selected .content div{transition-delay:0.4s;}
.is-selected .content button{transition-delay:0.6s;}


.course .row {margin: 0 40px; display: flex; justify-content: space-between;}
.course .row {background-color: #fff; box-shadow: var(--bslt);padding: 10px;border-radius: 10px;overflow: hidden;}

.course .column1 {float: left; width: 33.33%;margin: 0 10px;height: 100px;display: flex;justify-content: center;align-items: center; background-color: #fff;}
.course .column1 h6{font-size:20px;color:var(--theme);}
.course .column1 p{font-size: 12px;color: grey;}
.course .row:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .course .column1 {
    width: 100%;
  }
}
/* .course .column1 {box-shadow: var(--bslt);padding: 10px;border-radius: 10px;overflow: hidden;} */

/* .course .column2 {float: left; width: 33.33%;margin: 0 10px;height: 150px;display: flex;justify-content: center;align-items: center; background-color: #fff;}
.course .column2 h6{font-size:25px;color:var(--theme);}
.course .column2 p{font-size: 15px;color: #333;}
.course .column2 {box-shadow: var(--bslt);padding: 10px;border-radius: 10px;overflow: hidden;} */

/* #test {background-repeat: no-repeat; background-size: auto;background: url(https://www.google.com/url?sa=i&url=https%3A%2F%2Funsplash.com%2Fimages%2Fthings%2Fbook&psig=AOvVaw0lMr0_5xawL1o2ksA90nZW&ust=1652847762570000&source=images&cd=vfe&ved=0CAwQjRxqFwoTCJDP8PDX5fcCFQAAAAAdAAAAABAD);padding: 25px;} */