body{font-family: light;font-size: 18px;}
@font-face {font-family: medium;src: url("../fonts/Montserrat-Medium.ttf");}
@font-face {font-family: semibold;src:url("../fonts/Montserrat-SemiBold.ttf");}
@font-face {font-family: bold;src:url("../fonts/Montserrat-Bold.ttf");}
@font-face {font-family: light;src:url("../fonts/Montserrat-Light.ttf");}
@font-face {font-family: thin;src:url("../fonts/Montserrat-Thin.ttf");}
body{font-family: light;font-weight: 400!important;color: #1E1E1E!important;overflow-x: hidden;}
/*header*/
/*menu*/
.header .primary-menu .container-fluid{width: 96%!important;}
.header .primary-menu .navbar-expand-lg{background-color: transparent !important;position: absolute;width: 100%;z-index: 3;}
.header .primary-menu .navbar-expand-lg .navbar-nav li a{color: #fff;font-size: 16px;text-transform: uppercase;}
.header .primary-menu .navbar-expand-lg .nav-item {margin-right: 70px;}
.header .primary-menu .navbar-nav{margin: 0 auto;}
.header .primary-menu .navbar-brand img{width: 135px;}
.header .secondary-menu {display: none;background-color: #000;position: fixed;width: 100%;z-index: 4;}
.header .secondary-menu .container-fluid{width: 96%;}
.header .secondary-menu .navbar-expand-lg{background-color: #fff !important;width: 100%;height: 60px;}
.header .secondary-menu .navbar-expand-lg .navbar-nav li a{color: #000;font-size: 16px;text-transform: uppercase;}
.header .secondary-menu .navbar-expand-lg .nav-item {margin-right: 70px;}
.header .secondary-menu .navbar-nav{margin: 0 auto;}
.header .secondary-menu .navbar-brand img{width: 135px;}
.header .primary-menu .purple{display: none;}
/*banner*/
.banner{background-image: url("../img/banner.png");min-height: 500px;background-repeat: no-repeat;background-size: cover;}
.banner .banner-content{margin-top: 160px;}
.banner .banner-content h1{color: #fff;line-height: 80.45px;font-size: 66px;}
/*transform-commerce*/
.transform-commerce h3{font-size: 40px;line-height: 56px;margin-top: 55px;margin-bottom: 20px;}
.transform-commerce h3 span{font-family: semibold;}
.transform-commerce img{width: 100%;}
.transform-commerce .tran-title-1{font-size: 50px;line-height: 60.26px;margin: 50px 0px 30px;}
.tran-title-2 {margin: 60px 0px 40px 50px;font-size: 20px;}
/*design-studio*/
.design-studio{margin-top: 60px;}
.design-studio h3{text-transform: uppercase;line-height: 68.26px;font-size: 56px;margin-bottom: 45px;}
.design-studio .studio-content{padding-bottom: 30px;border-bottom: 1.5px solid #1E1E1E;margin-top: 30px;}
.design-studio .studio-content .col-md-4 img{width: 100%;}
.design-studio .design-head{font-size: 34px;line-height: 42px;font-weight: 400;}
.design-studio .studio-content .col-md-4:nth-child(2),.design-studio .studio-content .col-md-4:nth-child(3){align-items: center;display: flex;}
/*embracing*/
.embracing{background-image: url("../img/em-background.png");min-height: 1000px;background-repeat: no-repeat;background-size: cover;position: relative;}
.embracing:hover{background-image: url("../img/em-back-round.png");min-height: 1000px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.embracing .em-title h3{color: #fff;font-family: semibold;text-align: center;margin-top: 80px;}
.embracing .left-content ul li::before, .embracing .right-content ul li::before{content: url("../img/tick.png");vertical-align: -40%;padding-right: 10px;}
.embracing .left-content ul li, .embracing .right-content ul li{list-style: none;font-family: semibold;}
.embracing .left-content ul, .embracing .right-content ul{padding-left: 0px;}
.embracing .left-content, .embracing .right-content  {background-color: #fff;padding: 20px;margin-top: 80px;}
.embracing .left-one, .embracing .right-one{margin-top: 315px;}
.embracing .middle-mobile{z-index: 2;position: relative;margin-top: 25px;justify-content: center;display: flex;}
.embracing .left-content{transform: translateY(-100px);opacity: 0.5%;}
.embracing:hover .left-content{transform: translateY(0px);opacity: 100%;transition: 2s;}
.embracing:hover .left-one{transform: translateY(0px);opacity: 100%;transition: 2s;}
.embracing .left-one{transform: translateY(100px);opacity: 0.5%;}
.embracing .right-content{transform: translateY(-100px);opacity: 0.5%;}
.embracing:hover .right-content{transform: translate(0px);opacity: 100%;transition: 2s;}
.embracing .right-one{transform: translateY(100px);opacity: 0.5%;}
.embracing:hover .right-one{transform: translateY(0px);opacity: 100%;transition: 2s;}
.embracing .middle-mobile img{height: 625px;}
.embracing .middle-mobile{opacity: 0.5%;}
.embracing:hover .middle-mobile{opacity: 100%;transition: 2s;}
.embracing .slider{opacity: 0.5%;}
.embracing:hover .slider{opacity: 100%;}
/*methodology*/
.methodology{background-image: url("../img/em-background.png");background-repeat: no-repeat;background-size: cover;min-height: 840px;}
.methodology h3{font-size: 56px;color: #fff;line-height: 68.26px;margin: 60px 0px 50px;opacity: 0.5%;transform: translateY(-40px);}
.methodology:hover h3{opacity: 100%;transform: translateY(0px);transition: 2s;}
.methodology .col-md-6{color: #fff;min-height: 315px;}
.methodology .col-md-6 img{width: 50px;height: 50px;}
.methodology .col-md-6 h4{font-size: 24px;margin: 20px 0px 20px;font-family: medium;}
.methodology .col-md-6 .method-content1, .methodology .col-md-6 .method-content2{margin-right: 70px;}
.methodology .hover-method {transform: translateY(100px);opacity: 0.5%;}
.methodology:hover .hover-method {transform: translateY(-0px);opacity: 100%;transition: 2s;}
/*modular*/
.modular h3{font-size: 56px;line-height: 68.26px;margin: 40px 0px 40px;text-align: center;}
.modular img{width: 100%;}
.modular img {opacity: 0.5%;transform: translateY(50px);}
.modular:hover img{opacity: 100%;transform: translateY(0px);transition: 2s;}
/*cta*/
.cta{background-image: url("../img/bottom-banner.png");min-height: 350px;background-size: cover;background-repeat: no-repeat;margin-top: 40px;margin-top: 70px;}
.cta h3{margin: 50px 0px 30px;text-transform: uppercase;text-align: center;font-size: 56px;line-height: 68.26px;}
.cta button{display: flex; margin: 0 auto;text-decoration: none;background: linear-gradient(78.68deg, #502968 1.28%, #8853A3 99.37%);padding: 15px 60px;color: #fff;border: none;font-size: 18px;margin-top: 20px;border-radius: 0px!important;text-transform: uppercase;}
.cta button a{color: #fff;text-decoration: none;}
.cta button:hover{color: #fff;}
/*slider*/
#slider {
	background: transparent;
	padding: 30px 0px;
	margin-top: 345px;
	position: absolute;
  top: 145px;
}

.slider {
	background: transparent;
	height: 65px;
	margin: auto;
	overflow: hidden;
}

.slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}

.slider::before {
	left: 0;
	top: 0;
}

.slider .slide-track {
	-webkit-animation: scroll 10s linear infinite;
	animation: scroll 10s linear infinite;
	display: flex;
	width: fit-content;
}

.slider .slide {
	height: 65px;
	display: flex;
	align-items: center;
}

.slider .slide img {
	height: fit-content;
	width: auto;
}

@-webkit-keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		/* scroll only 50% */
		transform: translateX(-50%);
	}
}

/*footer*/
.footer{background-image: url("../img/footer-back.png");min-height: 200px;background-repeat: no-repeat;background-size: cover;}
.footer .footer-content {margin-top: 50px;}
.footer .footer-content img{float: left;}
.footer .quick-link{float: left;margin-left: 100px;}
.footer p{text-transform: uppercase;}
.footer .footer-content p{color: #fff;font-size: 16px;line-height: 19.5px;}
.footer .quick-link .links{font-size: 12px;line-height: 36px;opacity: 80%;}
.footer .footer-content .frame{float: right;margin-top: 60px;margin-left: 60px;margin-right: 60px;}
.footer .footer-bottom{border-top: 1px solid #B2AFAF;margin-top: 20px;}
.footer .footer-bottom .term{float: left;font-size: 14px;color: #fff;line-height: 36px;opacity: 80%;font-weight: 500;}
.footer .footer-bottom .powered{float: right;color: #fff;font-size: 14px;line-height: 36px;opacity: 80%;}
.footer .footer-bottom p{margin-top: 30px;}
.footer .footer-content .quick-link a, .frame a{color: #fff;text-decoration: none;}
@media (min-width:320px) and (max-width:767px){
	/*header*/
	.container, .container-fluid{width: 100%!important;max-width: 100%!important;padding: 0px 30px;}
	.header .primary-menu .navbar-expand-lg {background-color: #fff !important;position: fixed;z-index: 2;}
	.header .primary-menu .navbar-expand-lg .navbar-nav li a {color: #000;}
	.header .primary-menu .navbar-expand-lg .navbar-nav li a {color: #000;border-bottom: 0.3px solid #dbdbdb;}
	.header .primary-menu .navbar-expand-lg .nav-item {margin-right: 0px;}
	.header .primary-menu .navbar-expand-lg .nav-item:hover{background-color: #dbdbdb;}
	.header .primary-menu .navbar-nav {margin: 18px auto;}
	.header .primary-menu  .navbar-toggler:focus {box-shadow:none;}
	.header .primary-menu{display: block!important;}
	.header .primary-menu .purple{display: block;}
	.header .primary-menu .white{display: none;}
	.header .secondary-menu{display: none!important;}
	.header .primary-menu .navbar-toggler-icon{display: none;}
	.header .primary-menu .collapsed .navbar-toggler-icon{display: block;}
	.header .primary-menu .collapsed .navbar-toggler-close{display: none;}
	.header .primary-menu .navbar-toggler-close{display: block;}
	.header .primary-menu .navbar-toggler .navbar-toggler-close img{width: 30px;padding: 5px;}
	.transform-commerce .col-md-8{width: 100%;}
	.tran-title-2 {margin: 0px 0px 30px;}
	.banner .banner-content h1 {line-height: 54px;font-size: 36px;}
	.banner .banner-content {margin-top: 120px;}
	.banner {padding-bottom: 30px;min-height: auto;}
	.transform-commerce h3 {font-size: 36px;line-height: 45px;}
	.transform-commerce .tran-title-1 {font-size: 36px;line-height: 45px;}
	.embracing .middle-mobile {opacity: 100%;}
	.embracing .left-content{transform: translateY(0px);opacity: 100%;}
.embracing .left-one{transform: translateY(0px);opacity: 100%;}
.embracing .right-content{transform: translateY(0px);opacity: 100%;}
.embracing .right-one{transform: translateY(0px);opacity: 100%;}
.embracing .middle-mobile{opacity: 100%;}
.embracing .slider{opacity: 100%;}
.embracing .slider .slide img {width: auto;}
	.embracing .left-content, .embracing .right-content{margin-top: 30px;}
	.embracing .col-md-4{width: 100%;}
	.embracing #slider {position: relative;background: transparent;padding: 30px 0px;margin-top: 0px;top: 0px;}
	.embracing .middle-mobile {z-index: 0;}
	.embracing .middle-mobile img {height: 500px;margin-top: 40px;}
	.embracing .left-one, .embracing .right-one {margin-top: 30px;}
	.methodology .hover-method {transform: translateY(0px);opacity: 100%;}
	.methodology h3 {opacity: 100%;}
	.methodology .col-md-6 {width: 100%;}
	.methodology h3 {font-size: 36px;line-height: 45.26px;margin: 70px 0px 30px;}
	.methodology .method-content{margin-top: 30px;}
	.modular h3 {font-size: 36px;line-height: 45px;}
	.cta h3 {font-size: 36px;line-height: 45px;}
	.design-studio h3 {font-size: 36px;line-height: 45px;}
	.cta {padding-bottom: 30px;}
	.modular img {opacity: 100%;transform: translateY(0px);}
	.design-studio .col-md-4{width: 100%;}
	.design-studio .design-head {margin-top: 20px;}
	.footer .quick-link {float: none;margin-left: 0px;margin-top: 30px;}
	.footer .footer-content img {float: none;}
	.footer .footer-content .frame {float: none;margin-top: 0px;margin-left: 0px;margin-right: 0px;}
	.footer .footer-bottom .term {float: none;}
	.footer .footer-bottom .powered {float: none;}
	.footer{text-align: center;}
	
}
@media (min-width:576px) and (max-width:767px){
	/*header*/
	.container, .container-fluid{width: 100%!important;max-width: 100%!important;padding: 0px 30px;}
	
	.footer .quick-link {float: none;margin-left: 0px;margin-top: 30px;}
	.footer .footer-content img {float: none;}
	.footer .footer-content .frame {float: none;margin-top: 0px;margin-left: 0px;margin-right: 0px;}
	.footer .footer-bottom .term {float: none;}
	.footer .footer-bottom .powered {float: none;}
	.footer{text-align: center;}
	.invoation .in-left {min-height: auto;}
	
}
@media (min-width:768px) and (max-width:991px){
	.container, .container-fluid{width: 100%!important;max-width: 100%!important;padding: 0px 30px;}
	.header .primary-menu .navbar-expand-lg {background-color: #fff !important;position: fixed;z-index: 3;}
	.header .primary-menu .navbar-expand-lg .navbar-nav li a {color: #000;border-bottom: 0.3px solid #dbdbdb;}
	.header .primary-menu .navbar-nav {margin: 18px auto;}
	.header .primary-menu  .navbar-toggler:focus {box-shadow:none;}
	.header .primary-menu{display: block!important;z-index: 2;position: fixed;}
	.header .primary-menu .purple{display: block;}
	.header .primary-menu .white{display: none;}
	.header .secondary-menu{display: none!important;}
	.primary-menu .navbar-expand-lg .nav-item {margin-right: 0px!important;}
	.primary-menu .navbar-expand-lg .navbar-nav li a {font-size: 12px;}
	.secondary-menu  #navbarsupportedcontent-1 {display: block;}
	.header .secondary-menu .navbar-nav {flex-direction: row;float: inline-end;margin-top: -40px;}
	.secondary-menu .navbar-expand-lg .nav-item {margin-right: 35px;}
	.secondary-menu .navbar-expand-lg .navbar-nav li a {font-size: 12px;}
	.header .primary-menu .navbar-toggler-icon{display: none;}
	.header .primary-menu .collapsed .navbar-toggler-icon{display: block;}
	.header .primary-menu .collapsed .navbar-toggler-close{display: none;}
	.header .primary-menu .navbar-toggler-close{display: block;}
	.header .primary-menu .navbar-toggler .navbar-toggler-close img {width: 30px;padding: 5px;}
	.banner .banner-content h1 {line-height: 56.45px;font-size: 36px;}
	.banner {min-height: 430px;}
	.transform-commerce h3 {font-size: 36px;line-height: 46px;}
	.design-studio h3 {font-size: 36px;}
.embracing .left-content{transform: translateY(0px);opacity: 100%;}
.embracing .left-one{transform: translateY(0px);opacity: 100%;}
.embracing .right-content{transform: translateY(0px);opacity: 100%;}
.embracing .right-one{transform: translateY(0px);opacity: 100%;}
.embracing .middle-mobile{opacity: 100%;}
.embracing .slider{opacity: 100%;}
	#slider {margin-top: 0px;top: -405px;position: relative;}
	.cta {padding-bottom: 30px;}
	.embracing .middle-mobile {z-index: 5;}
	.embracing .middle-mobile img {height: 500px;margin-top: 155px;}
	.embracing .left-one, .embracing .right-one {margin-top: 255px;}
	.methodology .hover-method {transform: translateY(0px);opacity: 100%;}
	.methodology h3 {opacity: 100%;font-size: 36px;}
	.modular h3 {font-size: 36px;line-height: 43.26px;}
	.cta h3 {font-size: 36px;line-height: 48.26px;}
	.transform-commerce .tran-title-1 {font-size: 36px;line-height: 43.26px;}
	.tran-title-2 {font-size: 16px;}
	.design-studio .studio-content .col-md-4:nth-child(2), .design-studio .studio-content .col-md-4:nth-child(3) {display: block;}
	.design-studio .design-head {font-size: 24px;line-height: 35px;}
	.modular img {opacity: 100%;transform: translateY(0px);}
	.footer .quick-link {float: none;margin-left: 0px;margin-top: 30px;}
	.footer .footer-content img {float: none;}
	.footer .footer-content .frame {float: none;margin-top: 0px;margin-left: 0px;margin-right: 0px;}
	.footer .footer-bottom .term {float: none;}
	.footer .footer-bottom .powered {float: none;}
	.footer{text-align: center;}
}

@media (min-width:992px) and (max-width:1199px){
.container, .container-fluid{width: 100%!important;max-width: 100%!important;}
.header .primary-menu .navbar-expand-lg .navbar-nav li a {font-size: 14px!important;}
.header .secondary-menu .navbar-expand-lg .navbar-nav li a {font-size: 14px;}
#slider {position: relative;top: -405px;margin-top: 0px;}
.embracing:hover .right-one {margin-top: 368px;}
.banner {min-height: 590px;}
}