/*
Theme Name: Jevelin Child
Description: Child theme for Jevelin theme
Author: Shufflehound
Author URI: http://shufflehound.com
Template: jevelin
*/

/* Add your custom CSS below */

.header-registar-btn a { background: #538799; text-transform: uppercase !important; color: #fff !important;  height: 60px !important; padding: 0 45px; line-height: 3px !important; position: relative; top: 19px; letter-spacing: 2px; border-radius: 3px;}
.sh-sticky-header-active .header-registar-btn a { top: 5px; line-height: 32px !important;}

.top-logo-section { padding: 80px 0; text-align: center;}

.gradient-row-1 { background: linear-gradient(to right, #e8f3f1, #fbfdfd); -webkit-clip-path: polygon(0 14%, 100% 0%, 100% 86%, 0% 100%); clip-path: polygon(0 12%, 100% 0%, 100% 88%, 0% 100%); padding: 150px 0 100px;}
.gradient-row-2 { background: linear-gradient(to right, #fbfdfd, #e8f3f1); -webkit-clip-path: polygon(0 14%, 100% 0%, 100% 86%, 0% 100%); clip-path: polygon(0 12%, 100% 0%, 100% 88%, 0% 100%); padding: 150px 0 100px; margin-top: -112px;}

.fluid-text-box { max-width: 600px; padding-left: 80px;}
.fluid-text-box p { margin: 0 0 30px;}
.gradient-row-1 .fluid-text-box { float: right; padding-right: 80px; padding-left: 0;}

.sh-button { background: #009ce6; color: #fff; text-transform: uppercase; border-radius: 5px;}
.sh-button:hover, .sh-button:focus { background: #00ffd6; color: #293039; }

.features-section { padding: 100px 0 80px; text-align: center;}
.ftrd-ttl-area { padding: 0 0 75px;}
.ftchrd-wrap { margin: 40px auto 150px; max-width: 652px; position: relative;}
.ftchrd-wrap ul { margin: 0 auto; padding: 0; list-style: none; border: 1px dashed #a8aebb; width: 600px; height: 600px; border-radius: 50%; position: relative;}

.ftchrd-wrap ul li { width: 205px; position: absolute;}
.ftchrd-wrap ul li.powerfull { left: -175px;}
.ftchrd-wrap ul li.easy { right: -205px; top: 40px;}
.ftchrd-wrap ul li.heigh { bottom: -162px; margin: 0 auto; left: 100px;}

.ftchrd-wrap ul li.powerfull span.circle { border: 3px solid #00d9cf; background: #fff; display: block; width: 30px; height: 30px; border-radius: 50%; position: absolute; right: -55px; bottom: 18px;}
.ftchrd-wrap ul li.easy span.circle { border: 3px solid #ebc327; background: #fff; display: block; width: 30px; height: 30px; border-radius: 50%; position: absolute; left: -55px; bottom: 18px;}
.ftchrd-wrap ul li.heigh span.circle { border: 3px solid #35cfff; background: #fff; display: block; width: 30px; height: 30px; border-radius: 50%; position: absolute; top: -55px; right: 0; left: 0; margin: 0 auto;}

.ftchrd-wrap .ftrd-box { background: #35cfff; width: 305px; min-height: 305px; padding: 60px 28px; text-align: left; color: #fff; border-radius: 5px; position: absolute;}
.ftchrd-wrap .ftrd-box .ic-box { display: none;}
.ftchrd-wrap .ftrd-box h3 { color: #fff; }

.ftchrd-wrap .ftrd-box.powerfull-box { background: #00d9cf; left: 0; bottom: 95px; z-index: 2;}
.ftchrd-wrap .ftrd-box.easy-box { background: #ebc327; left: 0; right: 0; margin: 0 auto; top: -40px; z-index: 1;}
.ftchrd-wrap .ftrd-box.heigh-box { right: 0; bottom: 60px; z-index: 3;}

.testimonial-block { background-color: #f3f9f7; background-repeat: no-repeat; padding: 220px 0 100px;}
.testimonial-block .sh-testimonials-table { display: block !important; width: 180px; float: left;}
.testimonial-block .sh-testimonials-table .sh-testimonials-switch { display: none;}
.testimonial-block .sh-testimonials-image { width: 160px; height: 160px; box-shadow: none;}
.testimonial-block .sh-testimonials-quote-icon-container { right: -74px; box-shadow: none; background-color: transparent !important; border: 0;}
.testimonial-block .sh-testimonials-quote-icon-container .sh-testimonials-quote-icon i:before { content: ''; background: url(images/qt-icon.png) no-repeat; width: 44px; height: 35px; display: block;}
.testimonial-block .sh-testimonials-quote { text-align: left; margin-left: 200px; margin-top: 60px;}
.testimonial-block .sh-testimonials-name, .testimonial-block .sh-testimonials-job { text-align: left; margin-left: 200px;}

.use-section { padding: 115px 0; text-align: center;}
.uses-ttl-area { padding: 0 0 30px;}
.use-section ul.sh-tabs-filter { position: relative; border: 0;}
.use-section ul.sh-tabs-filter:before { content: ''; background: #f3f9f7; width: 80%; height: 3px; position: absolute; left: 65px; top: 50%; transform: translateY(-50%); z-index: 0;}
.use-section ul.sh-tabs-filter li { margin: 0 45px; border: 0;}
.use-section ul.sh-tabs-filter li a { width: 70px; height: 70px; padding: 10px; background: #f3f9f7 !important; border-radius: 50%; font-size: 24px; line-height: 48px; color: #293039 !important;}
.use-section ul.sh-tabs-filter li a:after { display: none;}

.use-section ul.sh-tabs-filter li:first-child.active a { background: #00ffd6 !important; color: #293039 !important;}
.use-section ul.sh-tabs-filter li:first-child.active:after { content: ''; background: #00ffd6; width: 90px; height: 3px; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);}
.use-section ul.sh-tabs-filter li:nth-child(2).active a { background: #009ce6 !important; color: #293039 !important;}
.use-section ul.sh-tabs-filter li:nth-child(2).active:after { content: ''; background: #009ce6; width: 90px; height: 3px; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);}
.use-section ul.sh-tabs-filter li:nth-child(3).active a { background: #ebc327 !important; color: #293039 !important;}
.use-section ul.sh-tabs-filter li:nth-child(3).active:after { content: ''; background: #ebc327; width: 90px; height: 3px; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);}
.use-section ul.sh-tabs-filter li:nth-child(4).active a { background: #28697f !important; color: #293039 !important;}


.app-store-block { padding: 225px 0 125px; background-repeat: no-repeat; background-color: #28697f;}
.app-str-text h2, .app-str-text p { color: #fff;}
.app-str-icons ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.app-str-icons ul li { margin-left: 20px;}


.faq-block { background-repeat: no-repeat; padding: 225px 0 100px; text-align: center;}
.faq-content ul {margin: 0; padding: 0; list-style: none; text-align: left;}
.faq-content ul li { margin: 0 0 70px; padding-left: 100px; position: relative;}
.faq-content ul li strong.fq-ic { background: #009ce6; display: block; width: 70px; height: 70px; color: #fff; font-size: 24px; text-align: center; line-height: 70px; border-radius: 50%; position: absolute; left: 0;    top: 0;}

footer ul.menu li { border-bottom: 0; padding: 0 0 8px;}
footer .header-registar-btn { display: none;}
footer form.mc4wp-form p.submit-btn-wrap { text-align: right;}
footer form.mc4wp-form input[type="email"] { border-radius: 5px; border: 0;}
footer form.mc4wp-form p.submit-btn-wrap input[type="submit"] { background: #00ffd6; border: 0; border-radius: 5px; color: #293039; text-transform: uppercase; padding: 12px 30px;}

.sh-footer .sh-copyrights .container-padding { border-top: 1px solid #30393d; }
footer .sh-copyrights-text span { font-size: 14px; color: #7e818c;}
footer .sh-copyrights-text span a { color: #00ffd6 !important;}



@media only screen and ( max-width: 1199px ) {
    .fluid-text-box { padding: 0 15px;}
    .gradient-row-1 .fluid-text-box { padding-right: 15px; padding-left: 15px;}
}

@media only screen and ( max-width: 1025px ) {
    .header-registar-btn a { line-height: 31px !important; text-align: center; top: inherit;}
}

@media only screen and ( max-width: 1023px ) {
    .ftchrd-wrap { zoom: 80%;}
}

@media only screen and ( max-width: 991px ) {
    .use-section ul.sh-tabs-filter li { margin: 0 15px;}
    
}

@media only screen and ( max-width: 767px ) {
    
    .gradient-row-1 .fluid-text-box { margin: 0 0 20px !important;}
    
    .ftchrd-wrap { zoom: 100%; margin: 0;}
    .ftchrd-wrap ul { display: none;}
    .ftchrd-wrap .ftrd-box {min-height: inherit; position: relative; top: inherit !important; left: inherit !important; bottom: inherit !important; right: inherit !important; margin: 0 0 30px !important; width: 100%;}
    .ftchrd-wrap .ftrd-box .ic-box { display: flex; background: #fff; width: 100px; height: 100px; padding: 20px; border-radius: 50%; justify-content: center; align-items: center; margin: 0 auto 20px;}
    
    .use-section ul.sh-tabs-filter li a { width: 40px; height: 40px; padding: 5px; border-radius: 50%; font-size: 15px; line-height: 30px;}
    .use-section ul.sh-tabs-filter li:first-child.active:after { width: 50px;}
    .use-section ul.sh-tabs-filter li:nth-child(2).active:after { width: 50px; }
    .use-section ul.sh-tabs-filter li:nth-child(3).active:after { width: 50px; }
    
    .testimonial-block .sh-testimonials-table { width: auto; float: none;}
    .testimonial-block .sh-testimonials-quote { text-align: center; margin-left: 0; margin-top: 20px;}
    .testimonial-block .sh-testimonials-name, .testimonial-block .sh-testimonials-job { text-align: center;  margin-left: 0;}
    
    .app-str-icons ul { justify-content: center;}
    .app-str-icons ul li { margin: 0 0 10px;}
    
    .faq-content ul li { margin: 0 0 30px; padding-left: 60px;}
    .faq-content ul li strong.fq-ic { width: 50px; height: 50px; line-height: 50px;}
        
    footer form.mc4wp-form p.submit-btn-wrap { text-align: center;}
    
    
    
    
}