.Featureside{
    padding:60px 0;
    background: #fff url(/assets/img/highlight-phone1.png) top left no-repeat;
    background-position: -169px 0;
    /* background-size: contain; */
}

.Featureside-2{
    padding:60px 0;
    background: #fff url(/assets/img/2-01.png) top left no-repeat;
    background-position: -169px 0;
    /* background-size: contain; */
}

.Featureside-3{
    padding:60px 0;
    background: #fff url(/assets/img/3-02.png) top left no-repeat;
    background-position: -169px 0;
    /* background-size: contain; */
}

.Featureside-4{
    padding:60px 0;
    background: #fff url(/assets/img/4-01.png) top left no-repeat;
    background-position: -19px 0;
    /* background-size: contain; */
}

.Featureside-5{
    padding:60px 0;
    background: #fff url(/assets/img/5-01.png) top left no-repeat;
    background-position: -19px 0;
    /* background-size: contain; */
}
.mahshevon{
    
}

.mahshevon .slick-next{
    /*visibility: hidden;*/
}

.mahshevon>div:not(.mahshevon-start){
    /*display:none;*/
}

.mahshevon-end{
    /*display:none;*/
}

.mahshevon-text{
    font-size:1.5em;
    margin-bottom: 1.55em;
    /*max-width: 555px;*/
    max-width: 40em;
}

.yellow-btn{
    background: #ffad00;
    border: 0;
    border-radius: 0.5em;
    padding: 10px 90px;
    font-size: 1.5em;
    color: #fff;
}

.dark-blue-btn{
    background: #304d59;
    border: 0;
    border-radius: 0.5em;
    padding: 10px 90px;
    font-size: 1.5em;
    color: #fff;
}

.pirut
{
    background: #304d59;
    color:white;
    padding:5px;
    cursor:pointer;
}

.col-year
{
     background-color:#304d59;
     color:white;
    border:1px solid white;
    font-weight:bold;
    padding:0.7em;
     padding-right:1.5em;
     margin-top:1em;
}
.col-title
{
    background-color:#eaedee;
    border:1px solid white;
    font-weight:bold;
    
    padding:0.7em;
    padding-right:1.5em;
}
.col-sm-3
{
    width:9em;
}

.col-sm-4
{
    width:12em;
}
.col-reg
{
    background-color:#f7f8f9;
    border:1px solid white;
    padding:0.5em;
    padding-right:1.5em;
}
.mahshevon-box{
    position:relative;
    left:10em;
}

.mahshevon-box-2 .yellow-btn, .mahshevon-box-2 .mahshevon-form-box-header{
    background: #468697;
}

.mahshevon-box-3 .yellow-btn, .mahshevon-box-3 .mahshevon-form-box-header{
    background: #304d59;
}

.mahshevon-form{
    position:static !important;
    min-width: 40em;
    max-width: 46em;
    position:absolute;
}

.mahshevon-form-box{
    
}

.mahshevon-form>img{
    max-width: 30em;
    margin: 0 auto 10em;
    display: block;
}

.mahshevon-form-box-header{
    color: #fff;
    background: #ffad00;
    overflow:visible;
}

.mahshevon-form-box-header-num{
    font-size: 2.5em;
    vertical-align: middle;
    font-family: helvetica;
    font-weight: bold;
    margin: 0px 0.2em;
    display: inline-block;
}

.mahshevon-form-box-header-h{
    font-size: 1.2em;
    vertical-align: middle;
    margin: 0px 0.8em;
    display: inline-block;
}

.mahshevon-form-box-header-arrow{
    font-size: 1.2em;
    vertical-align: middle;
    margin: 0px 0.8em;
    display: inline-block;
}

.mahshevon-form-box-body{
    border: 1px solid #f1f1f1;
    padding: 30px 60px;
    background: #fff;
}

.mahshevon-form-box-body input:not([type=radio]), .mahshevon-form-box-body select{
    display: block;
    width: 100%;
    border: none;
    background: #f1f1f1;
    padding: 1.4em 2.5em;
    margin-bottom: 1.5em;
    -webkit-appearance: none;
    position: relative;
}

.mahshevon-form-box-body input[type=radio]{
    
}

.pdf_link {
    cursor: pointer;
}
    .mahshevon-form-box-body input[type=radio] + label {
        font-size: 1.5em;
        display: inline-block;
        margin: 0 0 1.5em 1.5em;
        cursor: pointer;
    }

.mahshevon-form-box-body button{
    width: 100%;
}

.employer_payment{
    margin-bottom: 1.5em;
    /*display: none;*/
}

.employer_payment h4{
    font-size: 24px;
    display: inline-block;
    margin-left: 20px;
}

@media screen and (max-width:570px){
    .mahshevon-form-box-body{
        padding: 2em 1.5em;
    }
    
    .mahshevon-form>img{
        width: 100%;
    }
   
}

@media screen and (max-width:767px)
{
     .mahshevon-form{
        min-width:20em;
        
    }
     .mahshevon-form-box-header{
        height:3em;
        display:flex;
    }
    .mahshevon-form-box-header-arrow {
        font-size:1.1em;
        max-width:9%;
        margin:0;
        margin-right:5px;
        margin-left:5px;
      float:right;
      line-height:2em;
      
    }
     .mahshevon-form-box-header-num {
        font-size:2em;
        max-width:9%;
        margin:0;
        margin-left:1px;
        margin-right:5px;
        float:right;
    }
    .mahshevon-form-box-header-h {
        font-size:1.1em;
        padding:0;
        max-width:68%;
        margin:auto auto;
    }
    .FAQBannerside .Text h2_new
    {
        font-size:2em;
    }
}
@media screen and (max-width:1300px){
    .Featureside{
        background-position: -519px 0;
    }
}

@media screen and (max-width:920px){
    .Featureside{
         background: #fff; 
    }
}

.disabled{
    color: #aaa;
}

.arrow-num
{
    font-size:2.2em;
    margin-top:1em;
    cursor: pointer;
}

.span-num
{
    font-size:small;
    position:relative;
    bottom:1.3em;
}

.popup-short
{
    width:40em;
}

 .popup-box{
        width: 30em;
    margin-left: auto;
    margin-right: 4%;
    padding: 0;
      }

 .popup-header{
     line-height:2em;
 }

.button-half
{
        width: 48%;
    margin: 0;
    padding-right: 1em;
    padding-left: 1em;
    font-size: 1.1em;
}
#display {
    width: 58em;
    left: 0;
    margin-bottom: 160px;
}

#calculations, #calculations_print {
    font-size: 1.4em;
}

#calculations_print {
    margin-top:10000px;
}

.sign span {
    width: 170px;
    display: inline-block;
    height: 90px;
    text-align: center;
    border-top: 1px solid black;
    margin: 20px 80px;
    padding: 10px 10px;
}

@media screen and (max-width:1150px) {

    .mahshevon-text p {
        width: 75%;
    }
}


@media screen and (max-width:767px) {
    #display
    {
        width:30em;
    }
    
      .popup-short
    {
        width:30em;
    }


      .popup-box{
          width:27em;
      }
    .button-half
{
        width: 48%;
    font-size: 1em;
}

    .mahshevon-box{
    position:relative;
    left:0em;
}

    .col-title
{
  font-size:0.8em;
    padding:0.1em;
    display:table-cell;
}
.col-reg
{
   
   display:table-cell;
    font-size:0.8em;
     
    padding:0.1em;
   
}

.col-sm-3
{
    width:5.8em;
}
.col-sm-4
{
    width:7.73em;
}
}


.print-size{
    transform:scale(1.2,1.2);
}

.help-tip {
    position: relative;
    top: -62px;
    right: 38px;
    text-align: center;
    background-color: #BCDBEA;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: default;
    float: left;
}

    .help-tip:before {
        content: '?';
        font-weight: bold;
        color: #fff;
    }

    .help-tip:hover p {
        display: block;
        transform-origin: 100% 0%;
        -webkit-animation: fadeIn 0.3s ease-in-out;
        animation: fadeIn 0.3s ease-in-out;
    }

    .help-tip p { /* The tooltip */
        display: none;
        text-align: left;
        background-color: #1E2021;
        padding: 20px;
        width: 410px;
        position: absolute;
        border-radius: 3px;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        right: -4px;
        color: #FFF;
        font-size: 13px;
        line-height: 1.4;
        z-index: 99999999;
        direction: rtl;
        text-align: right;
    }

        .help-tip p:before { /* The pointer of the tooltip */
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-bottom-color: #1E2021;
            right: 10px;
            top: -12px;
        }

        .help-tip p:after { /* Prevents the tooltip from being hidden */
            width: 100%;
            height: 40px;
            content: '';
            position: absolute;
            top: -40px;
            left: 0;
        }

/* CSS animation */

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }

    100% {
        opacity: 100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 100%;
    }
}