@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--color-primary: #00289D;
	--color-primary-95: #95BAFF;
	--color-primary-03: #034AEF;
	--color-141624: #141624;
	--color-919191: #919191;
	--color-9E9E9E: #9E9E9E;
	--color-131C43: #131C43;
	--color-234699: #234699;
	--bs-font-sans-serif: "Poppins", sans-serif !important;
}

* {
	font-family: var(--bs-font-sans-serif) !important;
}

body {
	font-family: var(--bs-font-sans-serif) !important;
	color: var(--bs-white);
	background-color: var(--color-141624) !important;
}

h1,h2,h3,h4,h5,h6 {
	color: var(--bs-white);
	font-weight: 600;
}

.heading-02 {
	font-size: 40px;
	/*letter-spacing: -3px;*/
	line-height: 120%;
}

.heading-03 {
	font-size: 24px;
	/*letter-spacing: -3px;*/
	line-height: 120%;
}

.text-primary-95 {
	color: var(--color-primary-95) !important;
}

.text-grey-9e {
	color: var(--color-9E9E9E) !important;
}

.btn {
 	border-radius: 12px;
 	font-size: 16px;
 	font-weight: 500;
 	border: 0;
}

.btn-primary {
	--bs-btn-bg: var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-bg: var(--color-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-border-color: var(--color-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--color-primary);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-bg: var(--color-primary);
    --bs-btn-disabled-border-color: var(--color-primary);
	border-image-source: linear-gradient(180deg, #385FD2 -4.29%, rgba(29, 63, 161, 0.82) 49.86%, rgba(20, 44, 112, 0.5) 100%);
}
.btn-light {
    --bs-btn-color: var(--color-primary);
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: var(--color-primary);
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: var(--color-primary);
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color-primary);
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
    border-image-source: linear-gradient(180deg, #3D47FF 0%, rgba(62, 71, 255, 0) 100%);
}

.btn-wrap {
    display: inline-flex;
    overflow: hidden;
    border-radius: 14px;
    background: linear-gradient(180deg, #385FD2 -4.29%, rgba(29, 63, 161, 0.82) 49.86%, rgba(20, 44, 112, 0.5) 100%);
    padding: 2px;
    align-items: center;
    justify-content: center;
}

.btn-wrap-light {
	background: linear-gradient(180deg, #3D47FF 0%, rgba(62, 71, 255, 0) 100%);
}

.header {
	display: none;
}

.section-uber-eat {
	background-color: var(--color-primary);
	padding: 4px 0;
	position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.uber-eat-content {
	text-align: center;
	font-size: 16px;
	color: var(--color-primary-95);
    display: flex;
    align-items: center;
    justify-content: center;
}

.uber-eat-image {
    height: 40px;
    width: 40px;
}

.uber-eat-content a {
	color: var(--bs-white);
	font-weight: 600;
	text-decoration: underline;
}

.section-uber-eat .btn {
    font-size: 14px;
    min-height: initial;
    min-width: inherit;
    height: auto;
    width: auto;
    padding: 8px 12px;
    border-radius: 8px;
    position: absolute;
    right: 0;
    top: 2px;
}

.section-reinvent-hero {
	position: relative;
	padding: 75px 0;
	/*min-height: 680px;*/
	background: linear-gradient(180deg, #141524 40.7%, #025BCF 77.84%, #0091BD 89.54%);
}		

.section-reinvent-hero:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url("../../assets/images/hero-bg-black.png");
	background-position: top left;
  	background-repeat: no-repeat;
  	background-size: cover;
}

.reinvent-hero-content h1 {
    font-size: 54px;
    color: var(--bs-white);
    font-weight: 600;
    margin-bottom: 32px;
    margin-top: 54px;
    line-height: 120%;
    /*letter-spacing: -4px;*/
}

.reinvent-hero-content h3 {
	font-size: 24px;
	color: var(--color-primary-95);
	font-weight: 400;
	margin-bottom: 32px;
	/*letter-spacing: -4px;*/
}

.reinvent-hero-logo {
	max-width: 248px;
}

.section-risk-free {
	padding: 100px 0;
	position: relative;
}

.card-risk-free {
	position: relative;
	padding: 2px;
	background-image: linear-gradient(180deg, #034AEF 0%, rgba(3, 74, 239, 0) 100%);
	border-radius: 12px;
	overflow: hidden;
	font-size: 18px;
	width: 100%;
}

.card-risk-free-inner {
	background-color: var(--color-141624);
    border-radius: 10px;
    padding: 30px 30px 48px;
    height: 100%;
}

.card-risk-free-number {
	height: 40px;
	width: 40px;
	border-radius: 40px;
	background-color: var(--color-primary-03);
	color: var(--bs-white);
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	/*letter-spacing: -2px;*/
	margin-bottom: 24px;
}

.section-aihouse-consulting {
	padding-bottom: 100px;
}

.card-aihouse-consulting {
    position: relative;/*
    border-radius: 20px;
    overflow: hidden;
    background-color: var(--color-131C43);
    border: 1px solid var(--color-234699);
    overflow: hidden;
    padding: 60px;*/
}

.section-gen-box {
	position: relative;
	padding-bottom: 100px;
}

.gen-box-outcome {
	position: relative;
	border-radius: 24px;
	background: linear-gradient(180deg, #0D0C12 0%, #0D111D 100%);
	/*box-shadow: 0px -100px 46.8px -33px #144CCD inset, 0px -34px 26.7px -10px #6694FF80 inset, 0px -24px 16.7px -9px #FFFFFFA3 inset, 0px -30px 12px -1px #2365FF26 inset, 0px -1px 10.8px 0px #6694FF33 inset;*/
	box-shadow: 0px -120px 46.8px -33px #144ccd9c inset, 0px -34px 26.7px -10px #6694FF80 inset, 0px -24px 16.7px -9px #FFFFFFA3 inset, 0px -30px 12px -1px #2365FF26 inset, 0px -1px 10.8px 0px #6694FF33 inset;
	padding: 48px 32px;
	/*min-height: 420px;*/
	overflow: hidden;
	width: 100%;
}

.gen-box-circle {
	width: 84px;
    height: 73px;
    background: linear-gradient(180deg, #2953B5 0%, #95BAFF 100%);
    position: absolute;
    top: -30px;
    left: -30px;
    border-radius: 90px 60px;
    transform: rotate(-100deg);
    filter: blur(30px);
}

.gen-box-outcome .heading-03 {
	color: var(--color-919191);
	margin-bottom: 24px;
}

.gen-box-content .heading-03 {

}

.section-modernization {
	margin-bottom: 100px;
}

.card-modernization {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background-color: var(--color-131C43);
	border: 1px solid var(--color-234699);
	overflow: hidden;
	padding: 125px 24px 90px;
}

/*.card-modernization:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../assets/images/bg-angular.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    left: 0;
    right: 0;
    margin: 0 auto;
}*/

.card-modernization:before,
.card-modernization:after {
    content: "";
    position: absolute;
    top: 60px;
    width: 70%;
    height: calc(100% - 20px);	
    background: conic-gradient(from 90deg at 50% 0, #034BF3 0deg, #131c44 144deg, #131c43 180deg, #101A42 360deg);
}

.card-modernization:before {
    left: -19%;
}

.card-modernization:after {
    right: -19%;
    transform: scaleX(-1);
}

.section-awspartner {
	padding: 50px 0 100px;
}

.awspartner-images {
	position: relative;
}

.awspartner-images:before {
	content: "";
	position: absolute;
	width: 480px;
	height: 400px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(51deg);
	background: linear-gradient(180deg, #0449ED 0%, #0349EC 100%);
	filter: blur(200px);
}

.card-get-mvp {
	background: linear-gradient(180deg, #0D0C12 0%, #0D111D 100%);
	/*box-shadow: 0px -100px 46.8px -33px #144CCD inset, 0px -34px 26.7px -10px #6694FF80 inset, 0px -24px 16.7px -9px #FFFFFFA3 inset, 0px -30px 12px -1px #2365FF26 inset, 0px -1px 10.8px 0px #6694FF33 inset;*/
	box-shadow: 0px -120px 46.8px -33px #144ccd9c inset, 0px -34px 26.7px -10px #6694FF80 inset, 0px -24px 16.7px -9px #FFFFFFA3 inset, 0px -30px 12px -1px #2365FF26 inset, 0px -1px 10.8px 0px #6694FF33 inset;
	position: relative;
	border-radius: 24px;
	padding: 48px 32px;
	min-height: 380px;
	overflow: hidden;
}


.section-divider-gradient {
	height: 1.5px;
	max-width: 1170px;
	width: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #CDCDCD 49.04%, rgba(153, 153, 153, 0.01) 100%);
	margin: 100px auto 50px;
}

.footer {
	padding: 40px 0 75px;
    background-color: transparent;
    color: var(--bs-white);
    background-image: url(../../assets/images/bg-footer-building.png);
    background-repeat: repeat-x;
    background-position: bottom center;
    position: relative;
    min-height: 850px;
    overflow: hidden;
}

.footer:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url("../../assets/images/bg-footer-gradients.png");
	background-position: top center;
  	/*background-repeat: no-repeat;
  	background-size: cover;*/
    background-repeat: repeat-x;
    background-size: auto;
    z-index: -1;
}

.footer .container {
	position: relative;
}

.footer a, .footer-copyright, .footer-info p {
	color: var(--color-9E9E9E);
}

/* REINVENT NEWS */
.reinvent-news-content a:not(.btn) {
	color: var(--color-primary-95);
	text-decoration: underline;
}

.reinvent-news-content strong {
	font-weight: 600;
}

.card-reinvent-news svg{
    position: relative;
    transition: transform 0.3s ease-in-out;
}
.card-reinvent-news:hover svg {
    transform: translateX(4px);
}

.card-reinvent-news {
	display: flex;
    flex-direction: column;
}

@media only screen and (min-width:1200px){
	.container {
		max-width: 1170px !important;
	}
}

@media only screen and (max-width:1199.98px){
	.awspartner-images:before {
	    width: 400px;
	    height: 320px;
	}
}

@media only screen and (max-width:991.98px){

	.heading-02 {
		font-size: 28px;
	}

	.heading-03 {
	    font-size: 20px;
	}

	.uber-eat-content { 
		font-size: 14px;
	}

	.uber-eat-image {
	    height: 32px;
	    width: 32px;
	}

	.section-reinvent-hero {
		padding: 50px 0;
	}

	.reinvent-hero-logo {
		max-width: 200px;
	}

	.reinvent-hero-content h1 {
	    font-size: 32px;
	    margin-bottom: 16px;
	    margin-top: 24px;
	}

	.reinvent-hero-content h3 {
	    font-size: 20px;
	    margin-bottom: 24px;
	}

	.section-risk-free {
	    padding: 50px 0;
	}

	.card-risk-free-inner {
    	padding: 24px 24px 48px;
	}

	.section-gen-box,
	.section-aihouse-consulting {
		padding-bottom: 50px;
	}

	.gen-box-outcome {
		/*min-height: 280px;*/
		padding: 32px 24px;
	}

	.section-modernization {
		margin-bottom: 0;
	}

	.section-awspartner {
	    padding: 50px 0;
	}

	.card-get-mvp {
	    padding: 32px 24px;
	    min-height: 230px;
	}

	.card-modernization {
 	   padding: 85px 16px 60px;
 	   padding: 70px 16px 30px;
	}

	.card-modernization:before,
	.card-modernization:after {
		top: 30px;
	}

	.section-divider-gradient {
		margin: 50px 0;
	}

	.card-aihouse-consulting {
		/*padding: 40px;*/
	}

	.footer {
	    padding: 0 0 50px;
	    min-height: 600px;
	    background-size: contain;
	}

    .footer-info, .footer a, .footer-copyright {
        font-size: 14px;
    }

	.section-uber-eat .btn {
		padding: 4px 12px;
	}
}

@media only screen and (max-width:767.98px){
	.awspartner-images:before {
	    content: "";
	    width: 200px;
        height: 290px;
	 }

	 .card-modernization {
	 	/*padding: 90px 16px 40px;*/
	 }

}

@media only screen and (max-width:575.98px){
	.btn, .btn-wrap {
		width: 100%;
	}

	.section-uber-eat .btn {
		position: initial;
		padding: 4px 12px;
	}

	 .card-modernization:before {
	    /*background-image: url(../../assets/images/bg-angular-mb.png);*/
	}

	.footer {
		padding: 0 0 130px;
	}
}