@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap');


*{
	margin: 0;
	padding: 0;
}

body {
	box-sizing: border-box;
}


.row .col-12{
	padding: 20px;
}


.leftie{
	background-color: white;
	height: 100vh;
}

.leftie h4,h2{
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 50px !important;
}

.left{
	padding-left: 50px;
	padding-right: 50px;
}

.t-c{
	color: #4F12D1 !important;
	transition: .3s all ease !important;
}

.t-c:hover{
	color: black !important;
}

.c-f-a{
	background-color: #4F12D1 !important;
	font-family:   'Inter', sans-serif !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	outline: none !important;
	border: 1px solid #4F12D1 !important;
	transition: .6s all ease !important;
}

.c-f-a:hover{
	background-color: white !important;
	color: #4F12D1 !important;
	border: 2px solid #4F12D1 !important;
}

.s-i{
	color: #4F12D1;
	text-decoration: none;
	font-family:   'Inter', sans-serif !important;
	font-weight: 600 !important;
	transition: .3s all ease !important;
}

.s-i:hover{
	color: black !important;
}

 .right{
 	background-color: #4F12D1;
 	height: 100vh;
 }

 .right .im-g{
 	margin-top: 100px;

 }

 .right .im-g-text {
 	padding-top: 20px;
 	font-family: 'Inter', sans-serif !important;
 	font-size: 35px !important;
 	font-weight: 700 !important;
 	color: white !important;
 }

.right p{
	font-family:  'Inter', sans-serif !important;
	font-weight: 400;
	padding: 0px 100px;
	color: white !important;
	font-size: 18px !important;
	margin: 0px 20px;

}

.img-fluid {
	width: 500px;
}