@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);



/*

Section Feature

*/



.application body {

    /* font-family: 'Open Sans', sans-serif;

font-weight: 400; */

}



.get-app-btn {

    height: 76px;

    display: flex;

    align-items: center;

    border-radius: 60px;

    border: 2px solid #ffffff;

    padding: 0 32px;

    background-color: #680834;

    width: max-content;

    margin-left: auto;
	margin-top:32px;
    margin-right: auto;

    color: #fff;

}

.get-app-btn1 {

    height: 76px;

    display: flex;

    align-items: center;

    border-radius: 60px;

    border: 2px solid #ffffff;

    padding: 0 32px;

    background-color: #680834;

    width: max-content;

    margin-right: auto;
	margin-top:32px;

    color: #fff;

}


.get-app-btn2 {

    height: 76px;
    display: flex;
    align-items: center;
    border-radius: 60px;
    border: 2px solid #ffffff;
    padding: 0 32px;
    background-color: #680834;
    width: max-content;
    margin-left: 164px;
    margin-top: -27px;
    margin-right: auto;
    color: #fff;}


.get-app-btn span {

    display: flex;

    flex-direction: column;

    align-items: start;

}



.btn-app:hover {

    color: #680834;

    background-color: #ecdea0;

    border-color: #680834;

}



.features-img img {

    width: 100%;

}



.featureleft {

    transform: translate(-47px, 0px);

}



.rightminus {

    transform: translate(98px, 0px);

}



.leftminus {

    transform: translate(-98px, 0px);

}



.featureright {

    transform: translate(47px, 0px);

}



.features-icon {

    display: inline-block;

    /* font-size: 30px; */

    width: 80px;

    height: 80px;

    /* line-height: 60px; */

    /* text-align: center; */

    position: relative;

    z-index: 1;

    color: #fff;

    overflow: hidden;

    border: 2px solid #FFFFFF;

    border-radius: 50%;

    box-shadow: 0 0 0 2px #dec973;

    margin-bottom: 10px;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

    padding: 5px;

}



.features-img {

    margin-top: 193px;

}



.application {

    background-color: #ecdea0;

    padding: 25px;

}



.application .feature-items {

    padding: 20px 10px;

    clear: both;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}





/* .application .feature-items:hover {

background-color: #F9F9F9;

border-radius: 5px;

} */



.application .feature-items i,

.application .feature-item i {

    display: inline-block;

    font-size: 30px;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    position: relative;

    z-index: 1;

    color: #fff;

    overflow: hidden;

    border: 2px solid #FFFFFF;

    border-radius: 50%;

    box-shadow: 0 0 0 2px #eec400;

    margin-bottom: 10px;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}



.application .feature-items:hover .features-icon,

.application .feature-item:hover .features-icon {

    color: #ffffff;

    background: #dec973;

    box-shadow: 0 0 0 3px #dec973;

}



.application .feature-items h5 {

    font-size: 22px;

    margin-bottom: 10px;

    font-weight: 400;

}



.application .features-left,

.application .features-right {

    margin-top: 20px;

}



@media (max-width: 768px) {

    .features-img {

        margin-top: unset;

    }

    .featureleft {

        transform: unset;

    }

    .rightminus {

        transform: unset;

    }

    .leftminus {

        transform: unset;

    }

    .featureright {

        transform: unset;

    }

}