section.showcase {

    margin-top: 194px

}



section.showcase .c {

    display: grid;

    grid-template-columns: 1fr 1fr

}



section.showcase .left {

    padding-top: 181px;

    position: relative;

    z-index: 4;

    padding-right: 100px;

}



section.showcase .left h1 {

    font-size: 70px;

    font-family: var(--font2);

    font-weight: 400;

    line-height: 75px;

    margin-bottom: 31px

}



section.showcase .left h1 span {

    color: var(--color2)

}



section.showcase .left p {

    max-width: 470px;

    line-height: 29px

}



section.showcase .left .button {

    margin-top: 55px

}



section.showcase .right {

    position: relative

}



section.showcase .right img.main {

    -webkit-border-radius: 34px;

    -webkit-border-bottom-left-radius: 266px;

    -moz-border-radius: 34px;

    -moz-border-radius-bottomleft: 266px;

    border-radius: 34px;

    border-bottom-left-radius: 266px;

 	/*box-shadow: 19px 54px 59px 0 rgba(17, 24, 37, 0.5);
	-webkit-box-shadow: 19px 54px 59px 0 rgba(17, 24, 37, 0.5);
	-moz-box-shadow: 19px 54px 59px 0 rgba(17, 24, 37, 0.5);*/

    z-index: 2;

    position: relative;

    width: 732px;

    height: 738px;

    object-fit: cover;

}



section.showcase .right .shape1 {

    position: absolute;

    top: -197px;

    right: -375px;

    opacity: .9;

    z-index: -99;

    width: 1343px;

    height: 680px;

}



section.showcase .right .shape2 {

    position: absolute;

    top: 458px;

    right: -548px;

    opacity: .9;

    z-index: -99;

    width: 813px;

    height: 467px;

}



section.showcase .right .inner {
    position: absolute;
    border: 1px solid rgba(0, 140, 255, 0.445);
    backdrop-filter: blur(30px);
    box-shadow: -46px 26px 110px 0 #006ace63;
    top: 110px;
    left: -71px;
    background: rgb(0 116 223 / 50%);
    width: 339px;
    border-radius: 21px;
    color: white;
    padding: 86px 70px 62px;
    -webkit-box-shadow: -46px 26px 110px 0 #006ace63;
    -moz-box-shadow: -46px 26px 110px 0 rgba(232, 217, 224, .7);
    z-index: 4;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}



section.showcase .right .stars {
    margin-bottom: 35px
}

section.showcase .right .stars img {
    height: 14px;
    width: 14px;
}





section.showcase .right .swiper-slide p {

    font-size: 14px;

    font-weight: 300;

    line-height: 24px

}



section.showcase .right .swiper-slide .name {

    font-size: 12px;

    font-weight: 300;

    margin-top: 33px;

    line-height: 20px

}



/* [xl] */

@media all and (max-width: 1466px)  {



	section.showcase .left h1 {



	font-size: 58px;

	line-height: 58px;

	}

	section.showcase .left {

		padding-top:100px;

}

}

/* [l] */

@media all and (max-width: 1200px) {



	section.showcase .left {



	padding-top: 68px;

	}





	section.showcase .right {



	text-align: right;

	}



	section.showcase .right img.main {



	width: 439px;

	height: 443px;

	}







	section.showcase .right .shape2 {



	top: 300px;

	right: -714px;
	z-index: -99;

	}



	section.showcase .right .inner {



	top: 40px;

	text-align: left;

	}



}



/* [m] */

@media all and (max-width: 992px) {

	section.showcase {



	margin-top: 72px;

	/*background: #f9f9f9;*/

	padding-top: 10px;

	}



	section.showcase .c {



	display: block;

	padding-bottom: 10px;

	}



	section.showcase .left {



	padding-top: 0;

	padding-right: 0;

	margin-bottom: 70px;

	/*background: white;*/

	padding: 50px;

	border-radius: 8px;

	margin-bottom: 10px;

	}



	section.showcase .left h1 {



	font-size: 80px;

	line-height: 80px;

	}



	section.showcase .left .button {

    margin-top: 45px

}



	section.showcase .left p {



	max-width: unset;

	}



	section.showcase .right {



	text-align: left;

	}



	section.showcase .right img.main {



	display: none;

	width: 100%;

	height: 500px;

	}



	section.showcase .right .shape1 {

	display: none;

	}



	section.showcase .right .shape2 {



	top: -60px;

	right: -600px;

	}



	section.showcase .right .inner {



	position: relative;

	left: 0;

	top: 0;

	width: 100%;

	}



}



/* [s] */

@media all and (max-width: 768px) {

	section.showcase .left .button {

	margin-top: 25px;

	}

	section.showcase {



	position: relative;

	}



	section.showcase .left h1 {



	font-size: 60px;

	line-height: 62px;

	margin-bottom: 20px;

	}



	section.showcase .right img.main {



	display: block;

	height: unset;

	border-radius: 8px;

	}



	section.showcase .right .shape2 {



	transform: scale(0.55);

	top: 300px;

	right: -400px;

	}



	section.showcase .right .inner {



	margin: -145px 10px 0;

	width: calc(100% - 20px);

	}



}



/* [xs] */

@media all and (max-width: 576px) {

	section.showcase .left h1 {

	margin-bottom: 20px;

	}

	section.showcase .left {



	/*! margin-bottom: 45px; */

	padding: 50px 20px;

	}



	section.showcase .left h1{

		font-size: 50px;

		line-height: 50px;

	}



	section.showcase .left .button {



	margin-top: 30px;

	}



	section.showcase .right img.main {



	-webkit-border-bottom-left-radius: 36px;

	-moz-border-radius-bottomleft: 36px;

	border-bottom-left-radius: 36px;

	}





	section.showcase .right .shape2 {



	top: 0;

	right: -399px;

	transform: scale(0.3);

	display: none;

	}



	section.showcase .right .inner {



	padding: 40px;

	}

}