/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

body{font-family:Poppins;font-size:18px;color:#3A4245}

.container{max-width:1420px}

.h-100{height:100%}
.h_80{height:80px}
.position_relative{position:relative}
.position_middle{position:absolute;top:50%;transform:translateY(-50%)}

header{padding:25px 0}
.header_r{text-align:right}
header .bg-primary{background-color:#fff!important}
#remcall_logo{background:url(i/remcall_logo.png) no-repeat;background-size:contain;text-indent:-9999px;display:inline-block;width:180px;height:51px}

h1{font-size:48px;line-height:55px;font-weight:700;margin-bottom:30px}
h2{font-size:48px;line-height:55px;font-weight:700;margin-bottom:70px}
h3{font-size:28px;line-height:42px;font-weight:600;margin-bottom:40px}
h4{margin-bottom:20px}
h5{font-size:16px;letter-spacing:3.2px;margin-bottom:50px}

.prom{background:url(i/prom_bg.png) no-repeat center;background-size:cover}
.prom .container{height:763px}
.prom_l{color:#fff}
.prom_l p{margin-bottom:40px}
.video_img{margin-top:60px}
.form_box{padding:40px;border-radius:20px;font-size:16px;color:#fff;background:#24A455;box-shadow:0px 50px 60px 0px rgba(0, 0, 0, 0.35)}
.form_box .col-6{padding-bottom:20px}
.form_box table{margin:25px 0}
.form_box th{vertical-align:top}
.form_box td label{font-family:Inter;font-weight:400;line-height:normal}

input, select{background:#fff;color:#3A4245;width:100%;border-radius:6px;border:none;font-family:Inter;font-size:16px;line-height:16px;font-weight:400;padding:13px 15px}
.wp-block-button__link {
    background: #3A4245;
    padding: 15px 30px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 3.2px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 30px
}
button[type=submit] {
    background: #3A4245;
    padding: 15px 30px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 3.2px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 30px;
    width: 100%;
    border: none;
    font-family: Inter;
}
button[type=submit]:hover,.wp-block-button__link:hover{background:#2B3538;box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.30);color:#fff}

.btn{background:#24A455;padding:16px 30px;font-family:Inter;font-size:16px;line-height:16px;letter-spacing:3.2px;color:#fff;border-radius:30px;font-weight:700;text-transform:uppercase}
.btn:hover{background-color:#3A4245;color:#fff}

ol{counter-reset:item;margin-left:0;padding-left:0}
ol li{display:block;margin-bottom:15px;padding-left:40px;font-size:16px;line-height:32px;color:#7e8385}
ol li::before{background:#24A455;display:inline-block;content:counter(item);counter-increment:item;width:25px;height:25px;margin-left:-40px;margin-right:15px;border-radius:50%;text-align:center;color:#fff;font-weight:700}

.logo_section{padding:80px 0}

.our_strenghts_section{background:#F4F4F4;padding:100px 0}
.advantages_section{padding:100px 0 20px 0}
.advantages_section .col-lg-4 div{border-radius:16px;background:#FFF;min-height:136px;padding:35px;margin-bottom:35px;font-size:26px;line-height:32px;font-weight:600;box-shadow:0px 20px 60px 0px rgba(0, 0, 0, 0.15)}
.advantages_section .col-lg-4 th{padding-right:25px}
.advantages_section .col-lg-4 th img{min-width:58px}
.green_box_section{margin-bottom:150px}
.green_box{background:url(i/green_box.png) no-repeat center;min-height:391px;border-radius:30px;color:#fff;box-shadow:0px 50px 60px 0px rgba(0, 0, 0, 0.15)}
.green_box .position_middle{width:100%}
.green_box h2{margin-bottom:15px}
.green_box h3{margin-bottom:60px}

body.page-template-login,body.page-template-login3{background:url(i/login_bg.png) no-repeat right top;background-size:contain;min-height:970px}
.login_container{min-height:970px}

.login_left{padding-top:52px}
.login_left.step3 h2{margin-bottom:0}

.login_slide{margin-top:160px;font-size:32px;line-height:42px;font-weight:600;text-align:center}
.login_slide img{display:inline-block;max-height:340px}
.login_slide span{color:#24A455}
.login_slide span.orange{color:#FE6C08}

.slick-slider{margin-top:100px}

.slick-dots{display:table;margin:0 auto}
.slick-dots li{list-style:none;float:left;padding:0 7px}
.slick-dots button{width:18px;height:18px;display:block;border-radius:50%;text-indent:-9999px;border:none}
.slick-dots .slick-active button{background:#8FCD4D}

.step_container{display:inline-block;margin-bottom:40px}
.step_container ul{padding-left:0}
.step_container li{font-size:20px;font-weight:700;color:#c9cbcc;list-style:none;float:left}
.step_container .step_num{width:40px;height:40px;border:2px solid #c9cbcc;border-radius:50%;text-align:center;line-height:35px}
.step_container .step_sep{background:url(i/step_line.png) no-repeat center;width:35px;height:40px;margin:0 10px}
.step_container.step1 .step_1, .step_container.step2 .step_2, .step_container.step3 .step_3{color:#3A4245;border-color:#3A4245}
.step_container.step3{margin-bottom:130px}

.calendly-inline-widget{background:#fff;box-shadow:0px 50px 60px 0px rgba(0, 0, 0, 0.35);border-radius:20px;overflow:hidden}

#wrapper-footer{background:#3A4245;margin-top:150px}
#wrapper-footer .col-md-4{text-align:center}
#wrapper-footer a{color:#fff;text-decoration:none}

@media all and (max-width: 990px) {
    body {
        font-size: 16px
    }

    .h_80 {
        height: 20px
    }

    .btn {
        text-transform: none
    }

    #remcall_logo {
        background-size: contain;
        width: 139px;
        height: 30px
    }

    h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px
    }

    h2 {
        font-size: 24px;
        margin-bottom: 20px
    }

    h3 {
        font-size: 24px;
        line-height: 30px
    }

    h5 {
        font-size: 16px
    }

    .prom {
        background: url(i/woman_bg.jpg) no-repeat center top;
        background-size: cover
    }

    .prom .container {
        height: auto;
        padding: 20px 0 0 0
    }

    .prom .position_middle, body.page-template-login3 .position_middle {
        position: relative;
        top: 0;
        transform: none
    }

    .prom .position_middle h1 {
        margin: 0 16px 20px 16px
    }

    .prom .position_middle p {
        margin: 0 16px 30px 16px;
        line-height: 30px
    }

    .prom_r {
        background: #8FCE4C;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px
    }

    .btn {
        font-size: 12px;
        padding: 10px 16px;
        letter-spacing: 1px
    }

    .prom .form_box {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .form_box {
        padding: 16px
    }

    input[type="submit"], .wp-block-button__link {
        font-size: 16px;
        padding: 16px 30px;
        text-transform: none;
        letter-spacing: 0
    }

    .our_strenghts_section, .advantages_section {
        padding: 50px 0
    }

    .has-large-font-size {
        font-size: inherit
    }

    .step_container {
        width: 100%;
        margin-bottom: 10px;
        text-align: center
    }

    .step_container ul {
        display: inline-block
    }

    .slick-slider {
        display: none
    }
    .login_slide{margin-top:0}
    body.page-template-login h2 {
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }

    .green_box_section {
        margin-bottom: 40px
    }
    .advantages_section .shaded_section{padding:16px;font-size:18px}
    .advantages_section .col-lg-4 div{font-size:18px;line-height:22px}
    #wrapper-footer{margin-top:20px}
}

/* Desktop contact */
.contact-header-btn {
    margin-right: 12px;
}


/* Mobile contact */
.contact-header-btn-mobile {
      justify-content: center;
    align-items: center;
    height: 54px;
    width: 44px;
    font-size:28px;
margin-right: 12px;
}