#features .section-text{
    /* padding-bottom: 60px; */
}
#features .features-brief{
    background:#f6f7fe;
    height:800px;
    padding:120px 110px
}
#features .features-brief .features-text{
    margin-left:auto;
    max-width:600px
}
#features .feature-screen{
    background:#3e6edf;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    height:800px;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
#features .feature-screen>img{
    max-width:300px;
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
#features .feature-screen>img:nth-child(1){
    right:50%
}
#features .feature-screen>img:nth-child(2){
    right:28%
}
#features .features-tab-list{
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:10
}
#features .features-tab-list .nav-tabs{
    border-bottom:none
}
#features .features-tab-list .nav-tabs>li{
    float:none;
    margin-bottom:0
}
#features .features-tab-list .nav-tabs>li>a{
    background:#fff;
    border:1px solid transparent;
    border-radius:50%;
    box-shadow:0 6px 20px 6px rgba(0,0,0,.15);
    color:#9ec1ff;
    font-size:36px;
    height:80px;
    margin:30px -80px 30px 0;
    padding:15px;
    position:relative;
    text-align:center;
    width:80px;
    z-index:999
}
#features .features-tab-list .nav-tabs>li>a::after{
    background:0 0;
    border:3px solid #c8dffd;
    border-radius:50%;
    content:"";
    height:100px;
    left:-10px;
    position:absolute;
    top:-10px;
    width:100px
}
#features .features-tab-list .nav-tabs li.active>a{
    background:#3e6edf;
    background:rgba(62,110,223,.8);
    border:1px solid transparent;
    color:#fff;
    cursor:default
}
#features .features-tab-list .nav-tabs li.active>a::focus,#features .features-tab-list .nav-tabs li.active>a::hover{
    background:#5684fb;
    border:1px solid transparent;
    color:#fff;
    cursor:default
}
#features .features-tab-content .tab-pane{
   
}
#features .features-tab-content .tab-pane>h4{
    color:#3a3a3a;
    font-size:30px;
    margin-bottom:20px;
    margin-top:50px;
    text-transform:capitalize
}
#features .features-tab-content .tab-pane p{
    margin-bottom:20px;
    direction: rtl;
    font-size: 16px;
    color: dimgrey;
    text-align: justify;
}
#features .features-tab-content .tab-pane a{
    color: #3e6edf;
    font-weight: bold;
}
#features .features-tab-content .tab-pane a i{
    margin-left: 5px;
}
#features .features-tab-content .tab-pane ul{
    list-style:none;
    margin:0;
    padding:0
}
#features .features-tab-content .tab-pane ul>li{
    margin-bottom:5px
}
#features .features-tab-content .tab-pane ul>li .fa.fa-check-circle{
    float:right;
    margin-left:10px;
    margin-top:3px;
    color:#3e6edf
}
@media screen and (max-width:1200px){
    #features .features-brief{
        height:850px;
        padding:90px 80px
    }
    #features .feature-screen{
        height:850px
    }
}
@media only screen and (max-width:991px){
    #features .features-brief{
        background:#f6f7fe;
        height:auto;
        padding:120px 110px
    }
    #features .features-tab-list{
        top:100%;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
        width:100%;
        text-align:center
    }
    #features .features-tab-list .nav-tabs>li{
        display:inline-block;
        position:relative
    }
    #features .features-tab-list .nav-tabs>li>a{
        margin:-60px 15px 30px;
        z-index:100
    }
    #features .feature-screen{
        padding:120px 0
    }
}
@media only screen and (max-width:767px){
    #features .features-brief{
        background:#f6f7fe;
        height:auto;
        padding:60px 15px
    }
    #features .features-tab-list .nav-tabs>li>a{
        font-size:22px;
        height:45px;
        padding:8px;
        width:45px;
        margin:-30px 5px 0!important;
        z-index:100
    }
    #features .features-tab-list .nav-tabs>li>a::after{
        border:2px solid #c8dffd;
        height:55px;
        left:-6px;
        top:-6px;
        width:55px
    }
    #features .feature-screen{
        padding:60px 0
    }
    #features .feature-screen>img{
        max-width:auto
    }
}