@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap');
@font-face {
    font-family: 'Ikono Mini L 44';
    src: url('../fonts/IkonoMiniL4-4.eot');
    src: url('../fonts/IkonoMiniL4-4.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IkonoMiniL4-4.woff2') format('woff2'),
        url('../fonts/IkonoMiniL4-4.woff') format('woff'),
        url('../fonts/IkonoMiniL4-4.ttf') format('truetype'),
        url('../fonts/IkonoMiniL4-4.svg#IkonoMiniL4-4') format('svg');
    font-weight: 300;
    font-style: normal;
}


body{
    background-color: #F6FAFF;
    background-image: url(../images/bg.png);
    background-size: 100% auto;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
    background-repeat: no-repeat;
}
.icon{
    font-family: 'Ikono Mini L 44';
    font-weight: 300;
    font-style: normal;
}
.f-14{
    font-size: 14px;
}

.grey-color{
    color: #B9B9B9;
}
.inner-box{
    border-radius: 7px;
    border: 0.5px solid #C9C9C9;
    background: #fff;
    position: relative;
    min-height: 200px;
    z-index: 2;
    overflow: hidden;
}
.inner-box-shadow{
    width: calc(100% - 20%);
    box-shadow: 0 0 70px rgba(0, 0, 0, .47);
    margin: 0 auto;
    height: 20px;
    position: relative;
    margin-top: -20px;
}

.pad-box{
    padding: 50px 135px 50px 60px;   
}
.pad-box2{
    padding: 50px;
}

.mtp-1{
margin-top:-5%;	
	
}

p{
    line-height: 30px;
}

.btn.btn-primary{
    background-color: #409B45;
    border: none;
    padding: 10px 35px;
}
h2{
    font-size: 24px;
    font-weight: 300;
}

header{
    padding: 20px;
}
header ul{
    margin-bottom: 0 !important;
}
header ul li{
    color:#1F4A21;
}
header .list-inline-item:not(:last-child) {
    margin-right: 2.5rem;
}
header ul li a{
    color:#1F4A21;
    font-weight: 500;
}

@media (min-width:320px) and (max-width: 767px){
    header .list-inline-item:not(:last-child) {
        margin-right: 0;
    }
    header .list-inline{
        margin-bottom: 0;
        margin-bottom: 0;
    text-align: center;
    margin-top: 15px;
    }
    header ul li{
        display: block !important;
    }
    .pad-box2{
        padding: 20px;
    }
}

@media (min-width:320px) and (max-width: 767px) and (orientation: landscape) {

}

/* iPhone X Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

}


.main-section{
    background-image: url(../images/banner.png);
    height: 550px;
    background-repeat: no-repeat;
    position: relative;
    padding: 60px 135px 40px 60px;
}
.main-section::after{
    content: '';
    width: 31%;
    background-color: #8ABB2B;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.main-section h1{
    color: #fff;
    font-size: 38px;
    font-weight: 400;
    max-width: 280px;
}
.main-section > .row{
    position: relative;
    z-index: 2;
}

.action-btn{
    color: #fff;
}
.action-btn span{
    width: 50px;
    height: 50px;
    background-color: #409B45;
    display: inline-flex;
    border: 3px solid rgba(255, 255, 255, .38);
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 15px;
    align-items: center;
    justify-content: center;
}


.form-heading{
    color: #fff;
    font-size: 16px;
    text-align: right;
}
.form-box{
    border-radius: 5px;
    background: #fff;
    height: 395px;
    width: 340px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 30px;
    padding-top: 50px;
}
.form-box::after{
    content: '';
    display: block;
    height: 15px;
    background-color: rgba(255, 255, 255, .24);
    position: absolute;
    bottom: -15px;
    left: 28px;
    width: 85%;
    border-radius: 0 0 5px 5px;
}
.form-box .form-group{
    position: relative;
    margin-bottom: 35px;
}
.form-box .form-group .form-control{
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #C1C1C1;
    width: 248px;
    margin: 0 auto;
    transition: width ease-in .25s;
    font-size: 14px;
    font-weight: 300;
    
}
.form-box .form-group i + .form-control{
    padding-left: 45px;
}
.form-box .form-group .form-control:focus{
    border-bottom: 1px solid #409B45;
    width: 100%;
    box-shadow: none;
    
}
.form-box .form-group i + .form-control:focus{
    padding-left: 60px;
}

.form-group .icon{
    color:#419C46;
    font-size: 12px;
    position: absolute;
    top: 7px;
    left: 30px;
}
.form-box a{
    color: #656565;
    font-size: 14px;
}
.btn-div{
    width: 248px;
    text-align: right;
    margin: 0 auto;
}
.form-box  .btn.btn-primary{
    font-size: 12px;
}

@media (min-width:768px) and (max-width: 1024px){

}
/* iPad Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}
/* End iPad Landscape */

/* iPad portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .main-section {
        padding: 60px 40px 40px 40px;
    }
    .form-box {
        width: 280px;
        padding: 30px;
    }
    .form-box .form-group .form-control {
        width: 200px;
    }
    .btn-div {
        width: 200px;
    }
}
/* End iPad portrait */

@media (min-width:320px) and (max-width: 767px){
    .main-section {
        padding: 30px;
        height: auto;
    }
    .form-box {
        width: 100%;
        height: auto;
        padding: 15px;
    }
    .main-section::after {
        width: 100%;
        height: calc(100% - 300px);
        right: 0;
        top: auto;
        bottom: 0;
    }
    .form-heading{
        margin-top: 60px;
    }
    .pad-box {
        padding: 30px;
    }
    .form-box .form-group .form-control {
        width: 100%;
        padding-left: 60px;
    }
    .btn-div {
        width: 100%;
    }
}

@media (min-width:320px) and (max-width: 767px) and (orientation: landscape) {

}

/* iPhone X Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

}












footer{
    font-size: 16px;
    color: #545454;
    margin-top: 35px;
    padding-left: 60px;
    margin-bottom: 50px;
}

@media (min-width:320px) and (max-width: 767px){
footer {
    padding-left: 0;
    text-align: center;
}
}




.business-type-section{



}
.radiobox-style-1{
    display: inline-flex;
    width: 165px;
    margin-bottom: 30px;
}
.radiobox-style-1 + .radiobox-style-1 {
    margin-left: 60px;
}
.radiobox-style-1 input.radiobox {
    display: none;
}
.radiobox-style-1 label {
    display: flex;
    margin-bottom: 0;
    position: relative;
    align-items: center;
    justify-content: center;
    border: 1px solid #D2D2D2;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    text-align: center;
    color: #656565;
    font-size: 14px;
}
.radiobox-style-1 label svg{
    margin-bottom: 15px;
}
.radiobox-style-1 label span{
    display: block;
}
.radiobox-style-1 input.radiobox:checked + label {
    border: 3px solid rgba(64, 155, 69, .64);
    box-shadow: 0 3px 22px rgba(0, 0, 0, .16)
}


@media (min-width:768px) and (max-width: 1024px){

}
/* iPad Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .radiobox-style-1 + .radiobox-style-1 {
        margin-left: 30px;
    }
}
/* End iPad Landscape */

/* iPad portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .radiobox-style-1 {
        width: 105px;
    }
    .radiobox-style-1 label{
        height: 105px;
    }
    .radiobox-style-1 + .radiobox-style-1 {
        margin-left: 20px;
    }
    .radiobox-style-1 label span {
        font-size: 11px;
    }
}
/* End iPad portrait */

@media (min-width:320px) and (max-width: 767px){
    .radiobox-style-1 {
        width: 105px;
        margin-bottom: 10px;
    }
    .radiobox-style-1 label{
        height: 105px;
    }
    .radiobox-style-1 + .radiobox-style-1 {
        margin-left: 0;
    }
    .radiobox-style-1:nth-child(odd){
        margin-right: 20px;
    }
    .radiobox-style-1 label span {
        font-size: 11px;
    }
}

@media (min-width:320px) and (max-width: 767px) and (orientation: landscape) {

}

/* iPhone X Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

}



.radiobox-style-2{
    display: inline-flex;
    
    margin-bottom: 60px;
}
.radiobox-style-2 + .radiobox-style-2 {
    margin-left: 20px;
}
.radiobox-style-2 input.radiobox {
    display: none;
}
.radiobox-style-2 label {
    display: flex;
    margin-bottom: 0;
    position: relative;
    align-items: center;
    justify-content: center;
    border: 1px solid #D2D2D2;
    border-radius: 25px;
    text-align: center;
    color: #656565;
    font-size: 14px;
    min-width: 130px;
    height: 40px;
}
.radiobox-style-2 input.radiobox:checked + label {
    border: 3px solid rgba(64, 155, 69, .64);
    box-shadow: 0 3px 22px rgba(0, 0, 0, .16)
}
@media (min-width:768px) and (max-width: 1024px){

}
/* iPad Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
}
/* End iPad Landscape */

/* iPad portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .radiobox-style-2 {
        display: inline-flex;
        margin-bottom: 20px;
    }
    .radiobox-style-2 + .radiobox-style-2 {
        margin-left: 10px;
    }
    .radiobox-style-2:last-child{
        margin-left: 0;
    }
}
/* End iPad portrait */

@media (min-width:320px) and (max-width: 767px){
    .radiobox-style-2 + .radiobox-style-2 {
        margin-left: 0;
    }
    .radiobox-style-2 {
        margin-bottom: 10px;
    }
}

@media (min-width:320px) and (max-width: 767px) and (orientation: landscape) {

}

/* iPhone X Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

}


.merge-height{
    min-height: calc(100vh - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.business-setion{
    width: 650px;
    max-width: 100%;
}
.business-setion .form-group .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #C1C1C1;
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 300;
}
.business-setion .form-group .form-control:focus {
    border-bottom: 1px solid #409B45;
    width: 100%;
    box-shadow: none;
}

.select-data-setion
{
    width: 450px;
    max-width: 100%;
}

.select-data-setion .radiobox-style-2{
    margin-bottom: 0;
    display: flex;
}
.select-data-setion .radiobox-style-2 label{
    width: 100%;
}



.progress{
    height: 12px;
}
.progress-bar{
    border-radius: 15px;
}

.l-img{
    position: relative;
    margin-top: 40px;
}
.l-img figcaption{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.l-img figcaption a {
    width: 50px;
    height: 50px;
    background-color: #409B45;
    display: inline-flex;
    border: 3px solid rgba(255, 255, 255, .38);
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 15px;
    align-items: center;
    justify-content: center;
}
.back-lnik{
    position: absolute;
    color: #000;
    font-weight: 500;
    top: 20px;
    left: 20px;
    font-size: 14px;
}
@media (min-width:768px) and (max-width: 1024px){
    .business-setion {
        width: 550px;
        max-width: 100%;
    }
}
/* iPad Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
}
/* End iPad Landscape */

/* iPad portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
   
}
/* End iPad portrait */

@media (min-width:320px) and (max-width: 767px){
    .merge-height {
        min-height: auto;
        display: block;
    }
    .select-data-setion .radiobox-style-2 {
        margin-bottom: 15px;
    }
    .back-lnik{
        display: none;
    }
}

@media (min-width:320px) and (max-width: 767px) and (orientation: landscape) {

}

/* iPhone X Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

}