/**
 * All of the CSS for your frontend-facing functionality should be
 * included in this file.
 */
 /*@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Poppins@1&display=swap');*/
.section_area{display:none;}
.section_area.active{display:block;}
/* ------------form section ----------- */
.funnel_form_body {max-width:800px; margin:0px auto; position: relative;}
.funnle_form_section h3{
    /* font-size: 45px;
    letter-spacing: 0.29px;
    line-height: 46px; */
    font-family: var( --e-global-typography-primary-font-family ),Sans-serif;
    /* font-weight: 300;
    color: black;  */
    margin:5px 0px;
    text-align:center;
    margin-bottom:45px;
}
/* ------------form validation ----------- */
.funnel_forms .error .control__indicator{ border:4px solid red !important;} 
.funnel_forms .error{border:2px solid red !important;}
.funnel_forms .parent_error{border:2px solid red !important;}
.funnel_forms .parent_error .control__indicator{ border:4px solid red !important;} 
/* ------------form body ----------- */
.funnel_forms{
    padding:20px;
}
.funnel_forms .section_area{
    background: #ffffff;
    padding: 30px;
    font-family: 'Source Sans Pro', sans-serif;
}
/* ------------form heading ----------- */
.funnel_forms h2{                              
    /* font-size: 40px;
    letter-spacing: 0.29px;
    line-height: 46px; */
    font-family: "Poppins", sans-serif;
    /* font-weight: 300;
    color: steelblue;  */
    margin:0px 0px 10px 0px;
}
/* ------------form description ----------- */
.funnel_forms p{
    /* font-size: 16px; */
    font-family: "Source Sans Pro", sans-serif;
    /* color: steelblue;
    letter-spacing: 0.25px;
    line-height: 20px;
    color: #949499; */
    }
/* ------------form label ----------- */
.funnel_forms label{
    font-family: 'Source Sans Pro', sans-serif;
    /* color: steelblue;
    font-weight: bold; */
}
/* ------------form input ----------- */
/* .funnel_forms input[type="text"],.funnel_forms input[type="email"], .funnel_forms input[type="number"] {
    width: 100%;
    height: 40px;
    font-family: "Roboto",Sans-serif;
    border: 1px solid rgb(130, 139, 146);
    border-radius: 4px;
    padding: 28px 17px;
    /* padding:0px 6px; */
    /* color: #000000; */
    /* text-transform: uppercase;
} */
.funnel_forms ::placeholder {
  font-family: "Roboto",Sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}
/* .funnel_forms input:focus{
    outline: none !important;
    box-shadow: 0px 0px 7px 1px #0d6bb8;
} */
.funnel_forms .funnle_form_field{
    margin-bottom:20px;
}
.funnel_forms .previouspage{float: left;}
/* ------------form textarea ----------- */
.funnel_forms textarea{
    width: 100%;
    border: 1px solid steelblue !important;
    /* color: steelblue !important; */
}
.funnel_forms textarea:focus{
    outline: none !important;
    box-shadow: 0px 0px 7px 1px #0d6bb8;
}
/* ---------form submit button ----------*/
.funnel_forms .funnel_submit{
    background-color: #68ae5f;
    /* color:white;
    font-size: 14px;
    font-weight: 600; */
    height: 40px;
    width: 140px;
    padding: 20px 50px 36px 50px;
    text-align: center;
    font-family: "Roboto",Sans-serif;
    text-transform: uppercase;
    /* border-radius: 4px; */
    /* border:none; */
    cursor: pointer;
}
.funnel_forms input[type="button"], .funnel_forms input[type="submit"]{border:none;}

.funnel_forms .funnel_submit:hover{
    box-shadow: 0px 0px 8px 1px #646464;
    /* background-color: #ffffff;
    color: #34aa30; */
    text-decoration: none;
    transition-delay: 0.2s;
}  
.funnel_forms .funnel_submit:focus{
    outline: none;
    /* color:#34aa30 !important; */
} 
.funnel_forms .funnel_submit:active{
    /* color: #34aa30 !important; */
} 
/* ---------form radio button ----------*/
.funnel_forms input[type='radio']:checked:after {
    top: -2px;
    left: 6px;
    position: relative;
    background-color: #0d6bb8;
    content: '';
    display: inline-block;
    visibility: hidden;
}
.funnel_forms input[type="radio"]:checked:focus{
    outline: none !important;
}
/* ---------form select button ----------*/
.funnel_forms select{
    height: 40px;
    /* border: 1px solid steelblue !important;
    line-height: 0px; */
}
.funnel_forms select:focus{
    outline: none !important;
}
/* ---------form checkbox----------*/
.funnel_forms input[type="checkbox"]{
    height: 20px;
    width: 20px;
}
/* ------------next and previous buttons------- */
/* .funnel_forms .nav_button:hover{
    box-shadow: 0px 0px 7px 1px #68ae5f;
    /* color: steelblue; 
    background-color: #ffffff;
    /* color: #68ae5f;
    text-decoration: none;
}   */
.funnel_forms .nav_button:focus{
    outline: none;
    /* color: rgb(75, 189, 103) !important; */
} 
.funnel_forms .nav_button:active{
    /* color: #68ae5f !important; */
}
/* .funnel_forms .nav_button{
    text-align: center;
    /*border-radius: 7px;
    display: inline-block;
    max-width: 100px;
    padding: 20px 50px 20px 34px;
    /* font-size: 16px;
    line-height: 20px; 
    height: unset;
    text-decoration: none;
    background-color: #68ae5f;
    /* border: 1px solid #68ae5f;
    color: #ffffff; 
    cursor:pointer;
    font-family: "Roboto",Sans-serif;
    font-weight: 600;
} */
.funnel_forms .nav_button:hover{ text-decoration: none;}
.funnel_forms .btn_area{margin-top:30px; text-align: right;}
@media(max-width:335px){
    .funnel_forms .nav_button{margin-top: 10px;}
}
@media(max-width:398px){
  .funnel_forms .previouspage {float: none;}
  .funnel_forms .funnel_submit{margin-top:10px;}
  .funnel_forms .btn_area{text-align: center;}
}
/*----------radio card-----------*/
.funnel_forms .radio_card_sec{
  display: flex;
  align-items: end;
  justify-content: center;
}
.funnel_forms .radio-card{
    height: 233px;
    width: 173px;
    background-color: #ffffff;
    /* border: 1px solid #c7d2e0; */
    border-radius: 4px; 
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 25px 30px;
    text-align: center;
    margin:0px 10px;
    transition: .25s linear;
    -webkit-transition: .25s linear;
}
.funnel_forms .radio-card:hover{/*border-color: #0d6bb8; border-width: 1px;*/}
.funnel_forms .radio-card input[type=radio]{
    position: absolute;
    visibility: hidden;
  }
.funnel_forms .radio-card input[type=checkbox]{
    position: absolute;
    visibility: hidden;
  }
.funnel_forms .radio-card label{
    display: inline-block;
    position: relative;
    padding: 10px 0 10px 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
  }
.funnel_forms .radio-card .control__indicator{
    display: inline-block;
    position: relative;
    /* border: 4px solid #AAAAAA; */
    border-radius: 100%;
    height: 38px;
    width: 38px;
    z-index: 5;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    text-align: center;
    margin: 0px auto;
  }
.funnel_forms.radio-card:hover .control__indicator {
    /* border: 4px solid #2795ef; */
  }
.funnel_forms .radio-card input[type=radio]:checked ~ .control__indicator {
    /* border: 4px solid #2795ef; 
    background:#2795ef;*/
  }
.funnel_forms .radio-card input[type=checkbox]:checked ~ .control__indicator {
    /* border: 4px solid #2795ef; */
    background:#2795ef;
  }
/* .funnel_forms .radio-card input[type=radio]:checked ~ .control__indicator::before{
    content:'';
    border-radius:50%;
    background-color: #2795ef;
    -webkit-transform: rotate(45deg);
    display: block;
    position: absolute;
    height: 24px;
    width: 24px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
  } */
.funnel_forms .radio-card input[type=checkbox]:checked ~ .control__indicator::before{
    content:'';
    border: solid white;
    border-width: 0px 3px 3px 0;
    -webkit-transform: rotate(45deg);
    display: block;
    position: absolute;
    border-radius: 0%;
    height: 15px;
    width: 8px;
    top: 6px;
    left: 11px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
  }
.funnel_forms .radio-card input[type=radio]:checked ~ label{
    /* color: steelblue; */
  }
.funnel_forms .radio-card input[type=checkbox]:checked ~ label{
    /* color: steelblue; */
  }
.funnel_forms .radio-card .icon-wrapper {
    height: 69px;
    margin-bottom: 59px;
  }
/*----------check card-----------*/
.funnel_forms .check_card_sec{
  display: block;
  }
@media(min-width:660px){
  .funnel_forms .check_card_sec{
    display: flex;
    align-items: end;
    justify-content: center;
    }
}
@media(max-width:659px){
  .funnel_forms .check_card_sec {text-align: left !important;}
  .funnel_forms .check-card{margin-bottom: 10px;}
  .funnel_forms .check-card{width: 100%;}
}
@media(max-width:455px){
  .funnel_forms .radio-card .icon-wrapper {
    height: 65px;
    margin-bottom: 30px;}
    .funnel_forms .radio-card{height: 205px;}
 }
.funnel_forms .check-card{
    position: relative;
    /* height: 67px; */
    background-color: #ffffff;
    /* border: 1px solid #c7d2e0; */
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px 10px 45px;
    text-align: center;
    margin-right:10px;
    transition: .25s linear;
    -webkit-transition: .25s linear;
}
.funnel_forms .check_card_sec{text-align: center;}
.funnel_forms .check-card:hover{/*border-color: #0d6bb8; border-width: 1px;*/}
.funnel_forms .check-card input[type=radio]{
    position: absolute;
    visibility: hidden;
  }
.funnel_forms .check-card input[type=checkbox]{
    position: absolute;
    visibility: hidden;
  }
.funnel_forms .check-card label{
    display: inline-block;
    position: relative;
    padding: 10px 0 10px 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
  }
.funnel_forms .check-card .control__indicator{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 7px;
    /* border: 4px solid #AAAAAA; */
    border-radius: 100%;
    height: 30px;
    width: 30px;  
    z-index: 5;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    text-align: center;
    margin: 0px auto;
  }

.funnel_forms .check-card input[type=radio]:checked ~ .control__indicator { background:white; }
.funnel_forms .check-card input[type=checkbox]:checked ~ .control__indicator { background:#2795ef; }
.funnel_forms .check-card input[type=radio]:checked ~ .control__indicator::before{
    content:'';
    border-radius:50%;
    background-color: #2795ef;
    -webkit-transform: rotate(45deg);
    display: block;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
  }
.funnel_forms .check-card input[type=checkbox]:checked ~ .control__indicator::before{
    content:'';
    border: solid white;
    border-width: 0px 3px 3px 0;
    -webkit-transform: rotate(45deg);
    display: block;
    position: absolute;
    border-radius: 0%;
    height: 15px;
    width: 8px;
    top: 2px;
    left: 7px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
  }
.funnel_forms .check-card input[type=radio]:checked ~ label{
    /* color: steelblue; */
  }
.funnel_forms .check-card input[type=checkbox]:checked ~ label{
    /* color: steelblue; */
  }