/*-------------------------
    Color Css
--------------------------*/

/*-- gradient background --*/

.header-area:after,
.navbar-area .boxed-btn.blank:hover,
.about-us-area .content .boxed-btn.blank:hover,
.navbar-area.nav-fixed,
.about-app-area .single-about-app-box:hover,
.feature-area .featured-left-item .single-featured-box .icon .icon-inner,
.feature-area .featured-right-item .single-featured-box .icon .icon-inner,
.introduce-with-area:after,
.suitable-area:after,
.suitable-area .left-content .boxed-btn.blank:hover,
.subscribe-area .subscription-form p button[type=submit],
.user-review-area,
.pricing-area .single-pricing-plan .footer .boxed-btn,
.pricing-area .single-pricing-plan:hover:after,
.faq-area .faq-accordion .panel-default>.panel-heading a:after,
.get-in-touch-area .get-in-touch-form-wrapper .left-content .single-get-in-touch-box .icon i,
.get-in-touch-area .get-in-touch-form-wrapper .contact-form input[type=submit],
.footer-area:after,
.team-member-area .single-team-member .thumb .hover,
.introduce-with-area .video-play-btn:hover {
    background-image: -moz-linear-gradient(0deg, #E86361 0%, #FEC070 100%);
    background-image: -webkit-linear-gradient(0deg, #E86361 0%, #FEC070 100%);
    background-image: -ms-linear-gradient(0deg, #E86361 0%, #FEC070 100%);
}

.faq-area .faq-accordion .panel-default>.panel-heading a[aria-expanded="true"]:after{
    background-image: -webkit-linear-gradient(0deg, #000000 0%, #000000 100%);
}

.get-in-touch-area .get-in-touch-form-wrapper .contact-form input[type=submit]:hover {
    background-image: -moz-linear-gradient(0deg, #FEC070 0%, #E86361 100%);
    background-image: -webkit-linear-gradient(0deg, #FEC070 0%, #E86361 100%);
    background-image: -ms-linear-gradient(0deg, #FEC070 0%, #E86361 100%);
}

/*--- text gradient ---*/

.about-us-area .content h2,
.pricing-area .single-pricing-plan .header .price h3,
.pricing-area .single-pricing-plan .header .price .icon,
.about-app-area .single-about-app-box .icon,
.features-box-top h5 a:hover {
    background: -webkit-linear-gradient(0deg, #E86361 0%, #FEC070 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*--- gradient with border ---*/

.about-us-area .content .boxed-btn.blank {
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), radial-gradient(circle at top left, #E86361, #FEC070);
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(top left, circle, #E86361, #FEC070);
    background-image: -o-linear-gradient(white, white), -o-radial-gradient(top left, circle, #E86361, #FEC070);
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #E86361, #FEC070);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

/*-- stop 1 color --*/

.about-app-area .single-about-app-box .icon svg stop:first-child,
.counter-area .single-counter-box .icon svg stop:first-child {
    stop-color: #E86361;
}

/*-- stop 2 color --*/

.about-app-area .single-about-app-box .icon svg stop:last-child,
.counter-area .single-counter-box .icon svg stop:last-child {
    stop-color: #FEC070;
}

.back-to-top {
    background-color: #E86361;
    border-color: #E86361;
}

.back-to-top:hover {
    color: #000;
    border-color: #FEC070;
}

.builder-area{
    background-image: -webkit-linear-gradient(0deg, #02CAFC 0%, #7FED8F 100%);
    padding: 90px 100px 100px 70px;
}