.main {
    background-image: url("../../Newdesign/images/background.jpg") !important;
    background-size: cover;
    margin: 0 auto;
    align-content: center;
    width: 100%
}
.col-1{margin-top: 108px !important; margin-right: -12px;}
.col-7{padding-top: 33px !important; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; padding-left: 52px;}
.col-5{padding-left: 150px !important;}


.logo{margin-top: -59px;}
.site{padding-left: 80px;}
.how{background-color: white; border-radius:70px; height: 350px; margin-top: 15px;}
.fast{margin-top: 20px;}


.nav-section { float: right; margin: -38px 32px;}
.nav-section li{float: left; list-style: none; }
.nav-section li a{padding: 15px; text-decoration: none; color: black; }
.nav-section li a:hover{background-color: red; color: white; border-radius: 40px;}


.half-section{max-width: 100%;  align-content: center; padding: 50px;  width: 100%px;}

.button {
margin-left: 0px;
	margin-top: -19px;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    border-radius: 10px;
    width: 130px;
   cursor: pointer;
    display: inline-block;
    border-radius: 25px;
	
}

.button {background-image: linear-gradient(to top, #F29500 13%, #F427D5 69%, #F427D5 84%, #F427D5 84%, #D202F7 100% )}

.col-11{text-align: center; color: #000; border-radius: 14px; background-color: #FFF; width: 60%; margin:42px; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; padding: 30px;}

.button1 {
margin-left: 0px;
	margin-top: -30px;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    border-radius: 10px;
    width: 130px;
   cursor: pointer;
    display: inline-block;
    border-radius: 25px;
	float: right;
}
.button1 {background-image: linear-gradient(to top, #F29500 13%, #F427D5 69%, #F427D5 84%, #F427D5 84%, #D202F7 100% )}

.col-12{text-align: center; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}


.col-8{text-align: left; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; padding-top: 57px; padding-left: 36px;}
.col-layout.col4 .col-layout__item {
	width: calc(100% / 4  - 40px);
	margin-bottom: 20px;
}
.col-layout {
	display: flex;
	margin-left: 28px;
	margin-right: -20px;
	margin-top: 69px;
}
.col-layout .col-layout__item {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-left: 20px;
	margin-right: 20px;
}
.col-layout .col-layout__item .col-layout__item-main, .col-layout .col-layout__item .col-layout__item-sub {
	width: 150px;
	height: 150px;
	min-width: 150px;
	border-radius: 100%;
}
.col-layout .col-layout__item .col-layout__item-main {
	background: #F0D5D5 none repeat scroll 0 0;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.8);
	font-size: 22px;
	color: #000000;
	border: 1px solid #000000; 
	left: 0;
	padding-top: 28px;
}

.col-layout .col-layout__item .col-layout__item-sub {
	background: #AFB4DC none repeat scroll 0 0;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.8);
	font-size: 22px;
	color: #000000;
	border: 1px solid #000000;
	position: relative;
	top: -75px; 
	display: flex;
	justify-content: center;
	align-items: center;
}

.background{background-color: #9099D9; border-radius: 45px; padding: 14px; width:100%;}





.get{padding-left: 200px;}

.input-round { padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 46px;
  box-sizing: border-box; width: 94%;}

.input-round1 { padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 46px;
  box-sizing: border-box; width: 109%;}


.button2 {
margin-left: 231px;
	margin-top: 11px;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    border-radius: 10px;
    border-radius: 10px;
    width: 130px;
   cursor: pointer;
    display: inline-block;
    border-radius: 25px;
}
.button2 {background-image: linear-gradient(to top, #F29500 13%, #F427D5 69%, #F427D5 84%, #F427D5 84%, #D202F7 100% )}

.img{padding-top: 35px;}
.image-1{padding-left: 55px;}
.image-2{padding-left: 92px;}

.background-black{background-color: black; color: white; margin-top: 20px; padding: 35px; width: 100%px;}



/* Login Page Css Start*/


.loginpg{margin-left: 183px; margin-top: -60px;}
.text{color: black; margin-left: 57px; margin-top: 71px}
.forget{color: black; margin-left: -350px;}

.input[type=Login-1]{padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 46px;
  box-sizing: border-box; width: 212%;}

.input-rd10 { padding: 12px 20px;
  margin: -14px 18px;;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 46px;
  box-sizing: border-box; width: 239%;}

.butt3 {
margin-left: 0px;

    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 14px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    border-radius: 10px;
    width: 400px;
   cursor: pointer;
    display: inline-block;
    border-radius: 25px;
	float: left;
}
.butt3 {background-image: linear-gradient(to top, #F29500 13%, #F427D5 69%, #F427D5 84%, #F427D5 84%, #D202F7 100% ); width: 200px;}
.butt1{align-content: center; margin-left:259px; margin-top: 20px;}

.forget1{color: black; margin-top: 22px; margin-left: 97px;}
.forget2{color: black; margin-top: 89px; margin-left: 330px;}

.sec1{margin-top: -40px;}