:root {
	--Atlantis950:#19280B;
	--Atlantis800:#3A561E;
	--Atlantis200:#D2EBAB;
	--Atlantis100:#E7F5D2;
	--Atlantis50:#F5FBEA;
	--Sunshade50:#FFF6EB;
	--Sunshade100:#FEE6C7;
	--Sunshade600:#DA4405;
}

* {
	font-family: "Manrope", sans-serif;
	box-sizing: border-box;
}
	::placeholder {
		opacity:0.6;
	}
	::-webkit-scrollbar{
		width:5px;
		height:8px;
	}
	::-webkit-scrollbar-track{
		-webkit-box-shadow:inset 0 0  6px #A5A5A5;
		border-radius: 2px;
	}
	::-webkit-scrollbar-thumb{
		background:#e4e4e4;
		border-radius: 2px;
	}

.act-as-button{
	cursor:pointer;
}
	.act-as-button:active{
		transform: scale(0.9,0.9);
		transform-origin: center center;
	}

body {
	display:block;
	overflow-x:hidden;
	overflow-y:auto;
	background:#A5A5A6;
	text-align:center;
	margin:0px auto auto;
}
	.top-banner {
		position:relative;
		display: grid;
		grid-template-columns: 50px 200px 1fr 130px 100px 130px;
		grid-template-rows:64px;
		justify-content: start;
		line-height:64px;
		padding-left: 45px;
		padding-right:59px;
	}
		.top-banner > div {
			display:flex;
			justify-content:center;
			align-items:center;
		}
		.top-banner .main-logo {
			background:url(../images/eot_icon.png) no-repeat center center;
			background-size: 48px;
		}
		.top-banner .main-name {
			font-size: 20px;
			font-weight: 600;
			color:var(--Atlantis950);
			justify-content:start !important;
			padding-left:10px;
		}
		.top-banner .main-solution-select{
			position:relative;
			width: 126px;
			height: 42px;
			margin: auto;
			background-color: var(--Atlantis100);
			border-radius: 21px; 
			padding-right: 10px;
		}
			.main-solution-select:after{
				content:'\02C7';	
				position:absolute;
				right:13px;
				top:20%;
				font-size:40px;
				font-weight:100;
				height:42px;
			}
		.top-banner .main-info-us {
			width: 86px;
			height: 42px;
			background-color: var(--Atlantis100);
			border-radius: 21px;
			margin: auto 13px;
		}
		.top-banner .main-contact-button {
			width: 125px;
			background: var(--Atlantis950);
			height: 42px;
			margin: auto 15px;
			border-radius: 21px;
			color: white;
		}
		.top-banner .solution-droodown {
			position: absolute;
			display: none;
			flex-direction: column;
			justify-content: flex-start;
			align-items: flex-start;
			width: 300px;
			border: 1px solid var(--Atlantis200);
			border-radius: 20px;
			left: 850px;
			top: 56px;
			background: var(--Atlantis100);
			padding-bottom:10px;
			z-index: 99;
		}
			.solution-droodown .dropdown-item {
				width: 100%;
				text-align: center;
				height: 40px;
				line-height: 40px;
				cursor: pointer;
			}
				.dropdown-item:hover{
					font-weight:900;
				}

	.master-contact-main{
		display:grid;
		grid-template-columns: 527px 477px;
		column-gap:60px;
		text-align:left;
	}
		.master-contact-main .contact-box1{
			font-size:52px;
			font-weight:bold;
		}
		.master-contact-main .contact-box2{
			display:grid;
			grid-template-rows:48px 42px;
			row-gap:27px;
			justify-content: start;
			align-items:start;
			font-size:16px;
		}
			.master-contact-button {
				width: 125px;
				background: var(--Atlantis950);
				height: 42px;
				line-height:42px;
				margin: auto 15px;
				border-radius: 21px;
				color: white;
				text-align:center !important;
			}

	.main-foot-copywright{
		display:flex;
		justify-content:center;
		align-items:center;
		background:var(--Atlantis950);
		color:white;
		font-size: 16px;
	}