.header
{
	background: center linear-gradient(to top rgb(218,227,231), rgb(204,217,222))!important;
	background-image: url(../img/Image.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0 -100px;
	background-attachment: fixed;
	min-height: 100%;
	padding-bottom: 500px!important;
}

.navbar
{

}

.dropdown-menu
{
	background-color: rgba(84,84,212,0.5);
	padding: 15px 0!important;
}

.dropdown-item
{
	transition: .4s;
}

.dropdown-item:hover
{
	background-color: rgb(84,84,212);
	transition: .4s;
}

.dropdown-menu .active
{
	background-color: #0003;
	color: #fffa!important;
}

.dropdown-menu .active:hover
{
	color: #fff!important;
	background-color: #0009;

}

.header-title
{
	font-weight: 500;
}

.header-content
{
	transform: translateY(200px);

}

.header-input
{
	outline: none;
	border: none!important;
}

.header-btn
{
	border: none;
	transition: 0.4s;
	background-color: rgb(84,84,212);
}

.header-btn:hover
{
	transform: translateX(10px);
	transition: 0.4s;
	box-shadow: -10px 0 3px rgba(84,84,212,0.5);
	background-color: rgb(84,84,212);
	border: none;
}

.fieldset
{
	border-radius: 5px;
	padding: 10px 0!important;
}

.landing-right-title
{
	font-weight: 500;
}

.landing
{
	background-color: rgb(65,62,101)!important;
}

.landing-item
{
	display: flex;
	border-radius: 10px;
}

.landing-left-link
{
	display: block;
	border-radius: 10px;
	transition: 0.4s;
}

.landing-left-link:hover
{
	transform: translateX(15px);
	transition: 0.4s;
	box-shadow: -15px 0 3px #fff5;
}

.landing-btn
{
	border: none;
	transition: 0.4s;
}

.landing-btn:hover
{
	transform: translateX(10px);
	transition: 0.4s;
	box-shadow: -10px 0 3px #fff5;
	background-color: #f00;
	border: none;
}

.users-link
{
	transition: 0.4s;
	border: none;
	background-color: rgb(84,84,212);

}

.users-link:hover
{
	transform: translateX(10px);
	transition: 0.4s;
	box-shadow: -10px 0 3px rgba(84,84,212,0.5);
	background-color: rgb(84,84,212);
	border: none;
}

.users-title
{
	font-weight: 700;
}

.users-txt
{
	line-height: 40px;
}

.users-right
{
	position: relative;
}

.users-roundimg
{
	display: block!important;
	position: absolute;
	top: 226px;
	left: -75px;
	transition: 0.4s;
}

.users-roundimg:hover
{
	transform: scale(1.05);
	transition: 0.4s;
}

.need
{
	background-color: rgb(247,247,251);
	padding: 20px 0;
}

.need-title
{
	margin: 50px auto!important;
	font-weight: bolder;
}

.toright
{
	/*margin-left: 200px;*/
}

.toleft
{
	/*transform: translateX(-100px)!important;*/
	width: 35%;
}

.need-item
{
	padding: 10px 20px;
	background-color: #fff;
	margin: 15px 30px;
	border-radius: 10px;
	transition: transform .2s, box-shadow .2s;
}

.need-txt
{
	margin-top: 15px;
}

.need-link
{
	font-weight: bolder;
	font-size: 17px;
}

.need-item:hover
{
	transform: translateX(10px);
	box-shadow: -10px 0 3px rgba(84,84,212,0.5);
	transition: 0.2s;
}

.codes-left-title
{
	margin-top: 50px;
	font-weight: bolder;
}

.codes-left-txt
{
	margin: 30px 0;
	font-size: 22px;
	font-weight: 600;
	color: #0007;
}

.codes-btn
{
	border: none;
	outline: none;
	padding: 17px 40px!important;
	font-weight: bolder;
	transition: 0.4s;
	background-color: rgba(255,60,6,0.7);
}

.codes-btn:hover
{
	transform: translateX(10px);
	transition: 0.4s;
	box-shadow: -10px 0 3px rgba(255,60,6,0.5);
	background-color: rgba(255,60,6);
	border: none;
}

.codes-right
{
	position: relative;
}

.codes-right-round
{
	position: absolute;
	left: -70px;
	top: 300px;
	transition: 0.4s;
}

.codes-right-link:hover .codes-right-round
{
	transform: scale(1.1);
	transition: 0.4s;
}

.customer
{
	background-color: rgb(247,247,251);
	padding: 30px 0;
}



.customer-title
{
	font-weight: 700;
}

.customer-txt
{
	margin: 20px auto!important;
	font-size: 20px;
	font-weight: 500;
	color: #0007;
}

.customer-list
{
	margin: 50px 0!important;
}

.customer-item
{
	border-radius: 10px;
	transition: 0.4s;
}

.customer-img
{
	border-radius: 10px;
	transition: 0.4s;
}

.customer-link:hover .customer-img
{
	transform: translateX(10px);
	box-shadow: -10px 0 5px rgba(84,84,212,0.7);
	border-radius: 10px;
	transition: 0.4s;
}


.get
{
	background-image: linear-gradient(-90deg, rgba(115,110,178,1), rgba(65,62,101,1));
	padding: 100px 0;
	color: #fff;
}

.get-left
{
	position: relative;
}

.get-right-round
{
	position: absolute;
	top: 115px;
	left: 207px;
	transition: 0.4s;
}

.get-img-link:hover .get-right-round
{
	transform: scale(1.1);
	transition: 0.4s;
}

.get-right-title
{
	font-weight: 600;
}

.get-right-txt
{
	margin: 20px auto!important;
	font-size: 20px;
	font-weight: 500;
	color: #fff8;
}

.get-form
{
	padding: 20px 10px!important;
	margin: 40px 0;
	width: 80%;
	border-radius: 10px;
	background-color: #fff;
}

.get-form:hover
{
	transform: translateX(10px)!important;
	box-shadow: -10px 0 5px #fff5!important;
	transition: 0.4s;
}

.get-right-input
{
	border: none;
	outline: none;
	margin-left: 20px;
	text-align: center;
}

.get-right-link
{
	display: block;
	padding: 20px 10px;
	width: 80%!important;
	border-radius: 10px;
	color: #fff;
	font-weight: bolder;
	background-color: #f00;
	text-align: center;
	text-decoration: none;
}

.get-right-link:hover
{
	transform: translateX(10px)!important;
	box-shadow: -10px 0 5px #fff5!important;
	color: #fff!important;
	transition: 0.4s!important;
}

.footer-brand
{
	font-weight: 700;
	font-size: 25px;
}


.footer-logo-link
{
	width: 30px;
	margin: 0 5px;
}

.footer-logo-link:hover .footer-logo
{
	fill: red!important;
}

.footer-logo
{
	fill: red!important;
}


.footer-txt
{
	font-size: 20px;
	font-weight: 500;
	color: #0008;
	margin: 20px 0;
}

.footer-content-txt
{
	font-weight: 700;
	color: #0008;
	padding: 0 10px;
}

.footer-link
{
	font-weight: 600;
	color: #f007!important;
	margin: 5px 0;
	padding: 15px 10px;
	transition: 0.4s;
	border-radius: 5px;
	/*background-color: #f005;*/
}

.footer-link:hover
{
	color: #f00!important;
	/*background-color: #0005;*/
	transform: translateX(10px);
	box-shadow: -10px 0 5px #f005;
	transition: 0.7s;
}

.footer-tel-link
{
	color: rgba(84,84,212,0.7)!important;
	font-weight: 700;
	/*color: #f007!important;*/
	margin: 5px 0;
	padding: 15px 10px;
	transition: 0.4s;
	border-radius: 5px;
}

.footer-tel-link:hover
{
	color: rgba(50,84,212,1)!important;
	/*background-color: #0005;*/
	transform: translateX(10px);
	box-shadow: -10px 0 5px rgba(50,84,212,0.5);
	transition: 0.7s;
}