body{
    padding-bottom:0;
    overflow-x: hidden;
}
.d-none{
    display: none !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color: #FFB700;
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{
    background-color: #fff;
}
.img-fluid{
    max-width:100%;
    height:auto;
}
.nowrap{
    white-space: nowrap;
}
.add-fund #main-page.well{
    margin:0;
    padding:0;
}
.table.services-table .button-wrapper{
    align-items: center;
}
.table.services-table .button-wrapper a{
    margin:0 6px 0 0;
}

.sidebar-wrap{
    z-index:9;
}
.navbar-default .navbar-toggle{
    border-color:#0d0e23;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#0d0e23;
}
.text-center{
    text-align: center;
}
.flex-row{
    display:flex;
    flex-wrap:wrap;
}
.h-100{
    height:100%;
}
.Title{
    color: #0D0E23;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom:26px;
}
nav.navbar.navbar-default.navbar-static-top{
    box-shadow: none;
    background: transparent;
    padding: 25px 0;
    position: absolute !important;
}
.d-flex{
    display:flex;
}
.align-items-center{
    align-items: center;
}
.justify-content-between{
    justify-content: space-between;
}
.justify-content-center{
    justify-content: center;
}
#statistics{
    position:relative;
    --themecolor:#6763D6;
    padding-bottom:40px;
    padding-top:40px;
}
#statistics .box{
    text-align: center;
}
#statistics .icon{
    width: 87px;
    height: 87px;
    margin:auto;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content: center;
    background:var(--themecolor);
    margin-bottom:25px;
}
#statistics h5{
    color: #0D0E23;
    font-size: 48px;
    font-weight: 500;
    line-height: normal;
    margin-bottom:10px;
}
#statistics p{
    color: #949494;
    font-size: 20px;
    font-weight: 400;
    margin:0;
}

#faq{
    padding:50px 0 60px;
}
@media screen and (min-width:992px){
    #faq .row{
        display: flex;
        flex-wrap: wrap;
    }
}
#faq .inner{
    width:100%;
    height:100%;
    padding:60px;
    background-size:100%;
    position:relative;
    background-image: url('https://res.cloudinary.com/dqeb16yll/image/upload/v1699568070/gotosmmpanel_faq-bg.svg');
    background-size: 100%;
    background-repeat: no-repeat;

}
#faq .inner:after{
    content:"";
    position: absolute;
    width:88px;
    height:208px;
    left:-50px;
    top:50%;
    transform: translateY(-50%);
    background: url(https://res.cloudinary.com/dqeb16yll/image/upload/v1699568132/gotosmmpanel_faq-icons.png) top left no-repeat;
    background-size:contain;
}
#faq .inner:before{
    content:"";
    position: absolute;
    width:88px;
    height:208px;
    right:-50px;
    top:50%;
    transform: translateY(-50%);
    background: url(https://res.cloudinary.com/dqeb16yll/image/upload/v1699568132/gotosmmpanel_faq-icons.png) top left no-repeat;
    background-size:contain;
}
#faq  .section_title{
    color:#fff;
}
#faq .accordion .card {
    
    margin-bottom: 1.5625rem;
    border-radius: 30px;
    background: #FFF;
    height: auto;
    text-align: left; 
}
#faq  .accordion .card .card-header {
    background: transparent;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0; 
}
#faq  .accordion .card .card-header button {
    color: #0D0E23;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    flex: 1;
    text-align: left;
    padding: 0;
    justify-content: start;
    position: relative;
    text-decoration: none;
    white-space: initial;
    padding: 20px 30px;
    padding-right:45px;
    outline: none !important;
}

#faq  .accordion .card .card-header button:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 100%; 
}
#faq  .accordion .card .card-header button.collapsed:after {
    width: 26px;
    height: 26px;
    background: url(https://yourpanelassets.com/projects/yoyomedia.com/img/images/Plus.png) right center no-repeat;
    background-position: center;
    background-size: 52%; 
}
#faq  .accordion .card .card-header button:not(.collapsed):after {
    width: 26px;
    height: 26px;
    background: url(https://yourpanelassets.com/projects/yoyomedia.com/img/images/Subtract.png) right center no-repeat;
    background-position: center;
    background-size: 52%; 
}
#faq .accordion .card .card-body {
    color: #969BB4;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-top: 1px solid rgba(150, 155, 180, 0.13);
    padding-top:17px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:26px;
}
#people-think {
    padding-bottom: 120px;
}
#people-think .card{
    border-radius: 30px;
    border: 1px solid rgba(148, 148, 148, 0.31);
    background: #FFF;
    height:100%;
    min-height:435px;
    padding:40px 40px 40px 29px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
#people-think .card .icon{
    margin-bottom:18px;
}
#people-think .card p{
    color: #0D0E23;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.6;
}
#people-think .card ul{
    display:flex;
    align-items: center;
    list-style: none;
    padding:0;
    margin:0;
}
#people-think .card ul .user-icon{
    width: 58px;
    height: 58px;
    border-radius:100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:8px;
}
#people-think .card ul .user-icon img{
    width:100%;
    height:100%;
    object-fit: cover;
}
#people-think .card ul h6{
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin:0;
}
#people-think .card ul span{
    display: block;
    color: #949494;
    font-size: 12px;
    font-weight: 400;
    margin-top:5px;
}
#people-think .section_title{
    margin-bottom:60px;
}
#people-think .slick-slide{
    margin-right:30px;
}
.people-think__slider-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:60px;
}
.people-think__slider-nav .slick-arrow:nth-child(2),
.people-think__slider-nav .slick-arrow:nth-child(3){
    display: none !important;
}
.people-think__slider-nav .slick-arrow{
    width: 45px;
    height: 45px;
    background: #FFB700;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    outline:none;
    border:0;
}
.people-think__slider-nav .slick-arrow:hover{
    background:#847BDA;
}
.people-think__slider-nav .slick-arrow.left-arrow{
    margin-right:5px;
}



/* footer css */


.footer {
    color: #949494;
    background: #FFF;
    padding-top:70px;
    text-align: left;
    position: relative;
    bottom:0;
    overflow: hidden;
}
.footer__logo{
    text-align: left;
}
.footer .form-group {
    margin: 0; 
}
.footer .form-group .form-control {
    border-radius: 50px;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding: 0 1.25rem;
    margin-bottom: 1.125rem;
    outline: none;
    border-radius: 24px;
    background: rgba(148, 148, 148, 0.15);
    color: #949494;
    box-shadow: none;
    outline: none;
    border:1px solid transparent;
}
.footer .form-group .form-control::placeholder {
    color: #949494;
}
.footer .form-group .form-control:focus {
    border-color: #FFB700; 
}
.footer .form-group .btn {
    font-size: 14px;
    color:#fff;
    min-width: auto;
    width: 130px !important;
    border:0;
    box-shadow: none;
    outline: none;
    height: 48px;
    line-height: 48px;
    padding: 0 10px; 
    border-radius: 24px;
    background: #FFB700;
}
.footer__right .d-flex > div {
    width: 32%; 
}
.footer__right .d-flex > div:not(:last-child) {
    margin-right: 0.625rem; 
}
.footer p {
    margin: 1.5625rem 0;
    color: #949494;
}
.footer .follow-us p{
    color: #0D0E23;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin:0;
    margin-right:12px;
}
.footer__social {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start; 
}
.footer__social li:not(:last-child) {
    margin-right: 10px; 
}
.footer__social li{
    margin:0;
}
.footer__social li a {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background: #F9FAFC;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding:6px;
}
@media screen and (min-width: 1025px) {
    .footer__social li a:hover {
        background: #949494; 
    } 
}
.footer h5 {
    margin-bottom: 36px;
    font-size:24px;
    font-weight: 500;
    color: #0D0E23;
    position: relative; 
}
.footer__links ul {
    list-style: none; 
    padding:0;
    margin:0;
}
.footer__links ul li{
    display: block;
    margin: 0;;
}
    .footer__links ul li:not(:last-child) {
    margin-bottom: 35px; 
}
    .footer__links ul li a {
        color: #949494;
}
@media screen and (min-width: 1025px) {
    .footer__links ul li a:hover {
        color: #FFB700; 
    } 
}
.footer__copyright {
    border-top:1px solid  #949494;
    color: #949494;
    font-size: 16px;
    font-weight: 400;
    padding: 30px 0;
    text-align: center;
    margin-top: 4.375rem; 
}
.signup-page{
    background: url(https://yourpanelassets.com/projects/gotosmm/images/top_bnr-bg.webp) no-repeat;
    background-size: cover;
    overflow-x: hidden;
}
.signup-page .flex-row{
    display:flex;
    background:none;
    padding:0;
    margin:0;
}
.signup-page .col-left{
    width:50%;
    padding-top:90px;
    padding-right:110px;
}
.signup-page .col-right{
    width:50%;
    background: #F9FAFC;
    padding-top:90px;
    position:relative;
    padding-left:50px;
    padding-bottom:25px;
}
.signup-page .col-right:after{
    content:"";
    position: absolute;
    width:100%;
    height:100%;
    right:-100%;
    top:0;
    background: #F9FAFC;
}
.signup-page .well form{
    overflow: hidden;
}
.signup-page h1{
    color: #FFF;
    font-size: 60px;
    font-weight: 500;
    margin-bottom:28px;
}
.signup-page .col-left p{
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    margin:0;
}
.signup-page .back{
    color: #0D0E23;
    font-size: 24px;
    font-weight: 500;
    margin-bottom:24px;
    display: inline-flex;
}
.signup-page .back svg{
    margin-right:12px;
}
.signup-page h2{
    color: #0D0E23;
    font-size: 48px;
    font-weight: 500;
    margin-bottom:10px;
}
.signup-page .col-right p{
    color: #949494;
    font-size: 16px;
    font-weight: 400;
    margin-bottom:30px;
}
.signup-page .control-label{
    color: #949494;
    font-size: 14px;
    font-weight: 400;
    margin-bottom:12px;
}
.signup-page .form-control{
    border-radius: 15px;
    border: 1px solid rgba(148, 148, 148, 0.30);
    background: #FFF;
    height: 55px;
    line-height: 55px;
}
.signup-page .btn-default{
    border-radius: 15px;
    background: #FFB700;
    color:#fff;
    border:0;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    width: 178px;
    height: 55px;
    line-height:55px;
    padding:0 10px;
    text-align: center;
}
.signup-page .btn-primary{
    border-radius: 15px;
    background: #FFB700;
    color:#fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding:0 10px;
    width: 150px;
    height: 45px;
    line-height:45px;
    border:0;
}
.signup-page .help-block{
    margin:5px 0 10px !important;
}
@media screen and (max-width: 991px) {
    .footer {
        padding: 2.5rem 0 0; 
    }
    .footer__logo,
    .footer p{
        text-align: center;
    }
    .footer__right .d-flex {
        justify-content: space-between; 
    }
        .footer__right .d-flex > div:not(:last-child) {
        margin-right: 1.875rem; 
    }
    .footer__left {
        text-align: center;
        margin-bottom: 1.875rem; 
    }
        .footer__left .d-flex {
        justify-content: center; 
    }
    .footer__social {
        justify-content: center; 
    }
    .footer__copyright {
        margin-top: 2.5rem; 
    } 
}
@media screen and (max-width: 767px) {
    .footer__logo img {
        max-width: 150px; 
    }
    .footer__right .d-flex {
        flex-wrap: wrap;
        justify-content: center !important; 
    }
    .footer__right .d-flex > div:not(:last-child){
        margin-right:rem(20px);
    }
    .footer__right .d-flex > div {
        width: 43%;
        text-align: center;
        margin-bottom: 1.875rem; 
    }
        .footer__right .d-flex > div:last-child {
        margin-bottom: 0;
        width:100%;
    }
    .footer h5:after {
        right: 0;
        margin: auto; 
    } 
    .footer h5 {
        margin-bottom: 20px;
        font-size: 22px;
    }
    #checkout_services .tabs_row .panel-body{
        padding:16px !important;
    }
}
@media screen and (max-width: 414px) {
    /* .footer__links ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center; 
    } */
    .footer__links ul li {
        margin: 0 1rem 1rem 0 !important; 
    }
    .footer__right .d-flex {
        flex-wrap: wrap;
        justify-content: center !important; 
    }
    .footer__right .d-flex > div {
        width: 100%; 
    }
    .footer__right .d-flex > div:not(:last-child) {
        margin-right: 0; 
    } 
}


.inner-banner{
    position:relative;
    padding:45px 0;
}
.inner-banner h1{
    color: #0D0E23;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    margin-bottom:20px;
}
.inner-banner p{
    color: #949494 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.btn-primary{
    border-radius: 30px;
    background: #FFB700 !important;
    min-width: 132px;
    height: 45px;
    line-height:45px;
    padding:0 20px;
    color: #FFF !important;
    font-size: 16px;
    font-weight: 400;
    border:0;
}
.btn-secondary{
    border-radius: 30px;
    background: linear-gradient(90deg, #7977DD 0.18%, #9D8FDA 81.61%);  
    min-width: 132px;
    height: 45px;
    line-height:45px;
    padding:0 20px;
    color: #FFF !important;
    font-size: 16px;
    font-weight: 400;
    border:0;
}
.btn:hover{
    opacity:.7;
}
.blog .blog-row >div{
    margin-bottom: 45px;
}
.blog .card{
    border-radius: 43px;
    border: 1px solid rgba(148, 148, 148, 0.26);
    background: #FFF;
    padding:18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height:500px;
    height:100%;
}
.blog .card__image{
    margin-bottom: 20px;
    height:240px;
}
.blog .card__image img{
    border-radius: 20px;
    overflow: hidden;
    width:100%;
    height:100%;
    object-fit: cover;
}
.blog .card__title{
    color: #0D0E23;
    font-size: 20px;
    font-weight: 500;
    margin-bottom:16px;
}
.blog .card p{
    color: #949494;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;

}

#services.pricing{
    background: transparent !important;
}
.filter_wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.filter_wrap .btn_filter{
    min-width:145px;
    min-height:55px;
    padding:8px;
    text-align:center;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    border-radius: 30px;
    border: 1px solid rgba(148, 148, 148, 0.26);
    background: #FFF;
    display: flex;
    align-items: center;
}
.filter_wrap .btn_filter:not(:last-child){
    margin-right:10px;
}
.filter_wrap .btn_filter:first-child{
    justify-content: center;
}
.filter_wrap .btn_filter.active{
    background: linear-gradient(90deg, #7977DD 0.18%, #9D8FDA 81.61%);
    color:#fff;
}
.filter_wrap .btn_filter img{
    width:37px;
    margin-right:8px;
}
.guest-wrapper .services .well{
    border-radius: 30px;
    border: 1px solid rgba(148, 148, 148, 0.26);
    background: #FFF;
    padding:20px;
}
.guest-wrapper .currency_div{
    display: none !important;
}
.services .search-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding:20px 0 35px;
}
.services .search-wrapper .form-control{
    border-radius: 30px;
    border: 1px solid rgba(148, 148, 148, 0.26);
    background: #FFF;
    height:55px;
    line-height: 55px;
    padding-left:50px;
    font-size: 16px;
    font-weight: 400;
    margin-right:15px;
}
.services .search-wrapper .form-control::placeholder{
    color: rgba(148, 148, 148, 0.47);
    font-size: 16px;
    font-weight: 400;
}
.services .search-wrapper .icon{
    color: rgba(148, 148, 148, 0.47);
    position: absolute;
    left:17px;
    /* top:50%;
    transform: translateY(-50%); */
}
.services .search-wrapper .btn{
    height: 55px;
    line-height: 55px;
}
.services .table_wrapper{
    border-radius: 22px;
    border: 1px solid rgba(148, 148, 148, 0.12);
    background: #F9FAFC;
    margin:15px 0;
}
.services .main-block-wrap{
    border-radius: 30px;
    border: 1px solid rgba(148, 148, 148, 0.26);
    background: #FFF;
    padding:25px;
    margin-bottom:30px;
}
.services .table td{
    border:0;
    color: #0D0E23;;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}
.services .table .bars{
    width: 43px;
    height: 43px;
    min-width: 43px;
    background:#fff;
    border-radius:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}
.services .table .btn-primary{
    border-radius: 30px;
    background: linear-gradient(90deg, #7977DD 0.18%, #9D8FDA 81.61%) !important; 
    color: #FFF !important;
    font-size: 10px;
    font-weight: 400;
    transition:.4s ease all;
}
.services .table thead{
    display: none;
}
#order-page .table tbody tr td:first-child{
    min-width:85px;
}
.services .table_head-top{
    color: #949494;
    font-size: 12px;
    padding-top: 5px;
}
.services .table tbody tr.service_cat_header td{
    background: url(https://yourpanelassets.com/projects/yoyomedia.com/img/images/bg/serv-heading-bg.png) right center no-repeat !important;
    color: #FFF !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    border-radius: 15px !important;
    border: 0 !important;
    overflow: hidden !important;
    padding: 20px 20px !important;
    background-size: cover !important;
}
.api-page .well{
    border-radius: 24px;
    border: 1px solid rgba(148, 148, 148, 0.26);
    background: #FFF;
    padding:20px;
    margin-bottom: 25px;
    box-shadow:none;
}
.api-page h2,
.api-page h4,
.api-page p{
    color: #0D0E23;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin-bottom:15px;
}
.api-page{
    padding-bottom: 50px;
}
.api-page p {
    margin-top:20px;
}
.api-page .table{
    border:0 !important;
    border-collapse: separate;
    border-spacing: 6px 15px;
}
.api-page pre{
    border-radius: 32px;
    border: 1px solid rgba(148, 148, 148, 0.26);
    background: #F9FAFC;
    padding:30px 60px;
    color: #949494;
    font-size: 14px;
    font-weight: 400;
}
.well thead{
    background:transparent !important;
}
.api-page td,
.api-page th{
    border-radius: 100px;
    border: 1px solid rgba(148, 148, 148, 0.12) !important;
    background: #F9FAFC;
    color: #0D0E23;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    width:50%;
    padding:15px 24px !important;
}
.form-control{
    border-radius: 30px;
    border: 1px solid rgba(148, 148, 148, 0.12);
    background: #F9FAFC;
    height: 48px;
    line-height: 48px;
}
.form-control:focus{
    box-shadow: none !important;
    border-color:#7b79dd !important;
}


/* after login pages css */
.auth-wrapper .control-label{
    color: #727272;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
}
.auth-wrapper .form-control{
    color: #191D25;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.28px;
    resize: none;
}
.auth-wrapper .form-control::placeholder{
    color: #191D25;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.28px;
}
.auth-wrapper .tabs-wrapper .nav-tabs{
    border:0;
}
.auth-wrapper .tabs-wrapper .nav-tabs li:not(:last-child){
    margin-right:10px;
}
.auth-wrapper .tabs-wrapper .nav-tabs .nav-link{
    border-radius: 30px;
    background: #F9FAFC;
    min-width: 144px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #919FA8;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.28px;
    padding:0 10px;
    column-gap: 4px;
}
.auth-wrapper .tabs-wrapper .nav-tabs .nav-link i{
    margin-right:5px;
}
.auth-wrapper .tabs-wrapper .nav-tabs .nav-link.active{
    background: #FFB700;
    color:#fff;
}
.auth-wrapper .tabs-wrapper .nav-tabs li.active .nav-link{
    background: #FFB700;
    color:#fff;
}
.auth-wrapper .order .well h3{
    color: #1E1E1E;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    margin-bottom:25px;
}
.auth-wrapper .order .box{
    border-radius: 16px;
    border: 1px solid rgba(148, 148, 148, 0.26);
    background: #F9FAFC;
    padding:20px;
    margin-bottom:15px;
}
.auth-wrapper .order .box h4{
    color: #1E1E1E;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    display:flex;
    align-items: center;
}
.auth-wrapper .order .box h4 img{
    margin-right:5px;
}
.auth-wrapper .order .box label{
    margin:0;
    border-radius: 50px;
    background: #FFB700;
    width: 52px;
    height: 22px;
    display:flex;
    align-items: center;
    justify-content: center; 
    color: #FFF;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin-left:4px;
}
.auth-wrapper .order .box p{
    color: #727272;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin:15px 0;
    line-height:1.4;
}
.auth-wrapper .order .box span{
    display: inline-block;
    color: rgba(114, 114, 114, 0.38);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.auth-wrapper .btn.btn-primary{
    background: linear-gradient(90deg, #9D8FDA 0%, #7B79DD 100%) !important;
    color:#fff !important;
    font-size: 14px !important;
    font-weight:400;
}
.auth-wrapper .container{
    max-width:100%;
    width:100%;
}
.activity-box-wrapper{
    margin:0 -6px;
}
.activity-box-wrapper>div{
    padding:0 6px;
}
.activity-box{
    border-radius: 25px;
    border: 1px solid rgba(148, 148, 148, 0.26);
    background: #FFF;
    min-height:154px;
    padding:20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.activity-box h6{
    color: #0D0E23;
    font-size: 14px;
    font-weight: 600;
    margin-bottom:12px;
}
.activity-box p{
    color: #949494;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin:0;
    line-height: 1.4;
}
.payment-info .nav-tabs{
    border:0;
    margin:30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payment-info .nav-tabs li{
    flex:1;
}
.payment-info .nav-tabs li:nth-child(3):not(.active) .nav-link img{
    filter: invert(1);
}
.payment-info .nav-tabs li:not(:last-child){
    margin-right:15px;
}
.payment-info .nav-tabs .nav-link{
    border-radius: 50px;
    border: 1px solid rgba(148, 148, 148, 0.26);
    width: 100%;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0 10px;
}
.payment-info .nav-tabs li.active .nav-link{
    border-radius: 50px;
    background: linear-gradient(90deg, #7977DD 0.18%, #9D8FDA 81.61%);
}
.payment-detail .image{
    margin: 20px 0 10px;
}
.payment-detail p{
    line-height: 1.4;
    color: #949494;
    font-size: 16px;
    font-weight: 400;
    margin:0;
}
.round-tabs .nav-tabs{
    border-bottom:3px solid rgba(148, 148, 148, 0.12);
    position: relative;
    height:34px;
}
.round-tabs .nav-tabs:after,
.round-tabs .nav-tabs:before{
    content:"";
    position: absolute;
    width:100%;
    height: 3px;
    background:rgba(148, 148, 148, 0.12);
    bottom:-3px;
}
.round-tabs .nav-tabs:after{
    right:-100%;
}
.round-tabs .nav-tabs:before{
    left:-100%;
}
.round-tabs .nav-tabs li{
    border:0;
}
.round-tabs .nav-tabs .nav-link{
    color: #919FA8;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background:transparent !important;
    position: relative;
    border:0 !important;
}
.round-tabs .nav-tabs .nav-link:after{
    content:"";
    position: absolute;
    width:0%;
    border-radius: 25px;
    background: linear-gradient(180deg, #7B79DD 0%, #9D8FDA 100%);
    height: 3px;
    left:0;
    bottom:-3px;
    transition: .9s ease all;
}
.round-tabs .nav-tabs li.active .nav-link{
    color:#0D0E23;
}
.round-tabs .nav-tabs li.active .nav-link:after{
    width:100%;
}
.add-fund .control-label{
    color: #0D0E23;
}
.add-fund .well{
    overflow: hidden;
}
ul.links{
    list-style: none;
    margin:0;
    padding:0;
}
ul.links li a{
    color: #0D0E23;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    padding-bottom: 7px;
}
ul.links li.active a:after{
    position: absolute;
    content: '';
    width:100%;
    height:3px;
    border-radius: 1.5px;
    background: linear-gradient(180deg, #7B79DD 0%, #9D8FDA 100%);
    left:0;
    bottom:0;
}
.auth-wrapper .search-wrapper{
    margin:23px 0 15px;
}
.auth-wrapper .search-wrapper .input-group{
    border-radius: 24px;
    border: 1px solid rgba(148, 148, 148, 0.12);
    background: #F9FAFC;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:7px;
}
.auth-wrapper .search-wrapper .input-group .form-control{
    border:0;
    background: transparent;
    height: auto;
    line-height: normal;
}
.auth-wrapper .search-wrapper .input-group .form-control::placeholder{
    color: rgba(148, 148, 148, 0.49);
    font-size: 14px;
    font-weight: 400;
}
.auth-wrapper .search-wrapper .input-group .input-group-btn{
    width: 34px;
    min-width: 34px;
    height: 34px;
    border-radius:100%;
}
.auth-wrapper .search-wrapper .input-group .input-group-btn .btn{
    width:100%;
    height:100%;
    background: linear-gradient(180deg, #7B79DD 0%, #9D8FDA 100%);
    border-radius:100%;
    border:0;
    outline: none;
    padding:0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tickets .table th{
    color: #0D0E23;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;

}
.tickets .table{
    border:0;
}
.tickets .table thead{
    border-radius: 25px !important;
    background: #F9FAFC !important;
    overflow: hidden;
}
.tickets .table thead th{
    border:0 !important
}
.tickets .table thead th:first-child {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.tickets .table thead th:last-child {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.tickets .table td{
    border:0 !important;
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover{
    background: linear-gradient(90deg, #9D8FDA 0%, #7B79DD 100%) !important;
}
.auth-wrapper .paddingbody,
.auth-wrapper .inner-banner{
    display: none;
}
.auth-wrapper .affiliates .table thead tr th{
    color: #0D0E23;
    font-size: 20px;
    font-weight: 600;
    padding-bottom:5px !important;
}
.affiliates .table th,
.affiliates .table td{
    border:0;
}
.affiliates .table td{
    color: #949494;
    font-size: 16px;
    font-weight: 500;
    padding-top:5px !important;
}
.affiliates .top-table{
    margin-bottom: 40px;
}
.affiliates .box{
    border-radius: 25px;
    border: 1px solid rgba(148, 148, 148, 0.26);
    background: #FFF;
    height:100%;
    min-height:80px;
    text-align: center;
    padding:15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.affiliates .box span{
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom:8px;
    color: #0D0E23;
}
.affiliates .box p{
    font-size: 14px;
    font-weight: 600;
    color: #949494;
    margin:0;
}
.massorder textarea.form-control{
    height:440px;
}
.steps{
    margin-bottom: 26px;
}
.steps__card{
    border-radius: 20px;
    border: 1px solid rgba(148, 148, 148, 0.26);
    background: #FFF;
    height: 130px;
    padding:20px;
    display:flex;
    justify-content: center;
    flex-direction: column;
}
.steps__card ul{
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    line-height: normal;
    list-style: none;
}
.steps__card--icon{
    background: #F9FAFC;
    border: 1px solid rgba(148, 148, 148, 0.12);
    width: 46px;
    height: 46px;
    border-radius:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-right:16px;
}
.steps__card--title{
    color: #0D0E23;
    font-size: 18px;
    font-weight: 600;
    margin-bottom:6px;
}
.steps__card p{
    color: #949494;
    font-size: 14px;
    font-weight: 500;
    margin:0;
}
.child-panel .component_alert_dns .alert{
    display:flex;
    align-items: center;
    color: #0D0E23;
    font-size: 20px;
    font-weight: 600;
    justify-content: space-between;
    margin:0;
}
.child-panel .component_alert_dns .alert p{
    color: rgba(148, 148, 148, 0.84);
    font-size: 14px;
    font-weight: 400;
    margin:10px 0 0 ;
    line-height: 1.4;
}
.child-panel .component_alert_dns .alert ul{
    list-style: none;
    padding:0;margin:0;
}
.child-panel .component_alert_dns .alert ul li{
    min-width: 177px;
    border-radius: 50px;
    background: linear-gradient(180deg, #7B79DD 0%, #9D8FDA 100%);
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    padding:9px 20px;
}
.child-panel .component_alert_dns .alert ul li:not(:last-child){
    margin-bottom:17px;
}
.child-panel .component_alert_dns .alert ul li:last-child{
    margin:0;
}
.child-panel .component_alert_dns .alert >div{
    padding-right:35px;
}
.child-panel .accordion .card{
    border-radius: 30px;
    border: 1px solid rgba(148, 148, 148, 0.12);
    background: #F9FAFC;
    padding:15px 25px;
    margin-bottom:30px;
}
.child-panel .accordion .card .btn{
    color: rgba(13, 14, 35, 0.84);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    padding:0;
    outline: none !important;
}
.auth-wrapper .updates  .search-wrapper .input-group {
    overflow: revert;
}
.auth-wrapper .updates  .search-wrapper .input-group .input-group-btn{
    width:120px;
    height:43px;
}
.auth-wrapper .updates  .search-wrapper .input-group .input-group-btn .btn{
    border-radius: 6px;
}
.auth-wrapper .updates  .search-wrapper .input-group .input-group-btn .btn .caret{
    margin-left:5px;
}
.auth-wrapper .updates .table td{
    vertical-align: middle;
    font-size: 14px;
    white-space: nowrap;
}

.guest-wrapper .top_main-nav .navbar-nav > li > a i,
.guest-wrapper .navbar-lanauge{
    display: none !important;
}
#top_bnr .form_container .formlast .forgot_pw .btn{
    height: auto;
    min-width: auto;
    margin-left: 15px !important;
}
@media screen and (min-width:768px){
    .row.stats-row{
    display:flex;
    flex-wrap: wrap;
}
}
.stats-box{
    height:100%;
}
.tickets .custom-select{
    display: none;
}


/* Responsive code */
@media screen and (max-width:1300px){
    .auth-wrapper .services .filter_wrap{
        overflow-x: scroll;
        padding-bottom: 10px;
    }
    .auth-wrapper .services .filter_wrap .btn_filter{
        width:140px;
    }
}
@media screen and (max-width:1200px){
    #why-choose-sec .why-intro_card::before{
        left: calc(50% - 245px);
    }
    #how-works{
        margin-top: 140px;
    }
    .filter_wrap .btn_filter{
        min-width:115px;
    }
    .auth-wrapper .page-content{
        padding-left:60px;
    }
    .stats-box{}
}
@media screen and (max-width:1100px){
    .social-shortcut{
        /* overflow-x: scroll;
        flex-wrap: nowrap; */
        justify-content: start;
    }
    .social-shortcut li{
        width: 150px;
        flex: none;
        max-width: 150px;
        margin-right: 10px;
        margin-bottom:14px;
    }
    .social-shortcut li a{
        width:100%;
    }
}
@media screen and (max-width:991px){
    .row.stats-row{
        padding-bottom: 5px;
    }
    .guest-wrapper nav.navbar.navbar-default.navbar-static-top{
        position: static !important;
    }
    .guest-wrapper nav.navbar.navbar-default.navbar-static-top .container{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .guest-wrapper nav.navbar.navbar-default.navbar-static-top .d-flex{
        flex: 1;
        justify-content: flex-end;
    }
    .guest-wrapper .navbar-default.navbar-static-top .navbar-toggle{
        margin:0 0 0 15px !important;
        position: relative;
        z-index: 999;
    }
    .guest-wrapper .navbar-collapse{
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        background-color: #6763D6;
        z-index:99;
    }
    .guest-wrapper .navbar-nav{
        display: flex;
        align-items: center;
        justify-content: center;
        padding:60px 0;
        flex-direction: column;
    }
    .guest-wrapper .navbar-nav>li:not(:last-child){
        margin:0 0 20px 0;
    }
    .guest-wrapper .navbar-nav>li a{
        color:#fff !important;
    }
    #top_bnr .top_bnr-row{
        display: flex;
        flex-direction: column-reverse;
        padding-top:20px;
        margin-top:0;
        padding-bottom: 15px;
    }
    #top_bnr .top_bnr-row .main_img-container{
        transform: none;
        max-width: 300px;
        margin: auto;
    }
    #top_bnr .top_bnr-row .top_container{
        padding-left: 0;
        padding-bottom: 40px;
        text-align: center;
    }
    #top_bnr .top_bnr-row .form_container{
        transform: none;
    }
    #top_bnr .top_bnr-row .form_container::before,
    #top_bnr .top_bnr-row .form_container::after{
        display:none;
    }
    .content-wrapper{
        padding-top:0;
    }
    #top_bnr .top_bnr-row h1{
        font-size:50px;
    }
    .content-wrapper section{
        overflow: hidden;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
        margin:0;
    }
    #social_imgs-sec .social_img-slides li{
        margin-bottom: 20px;
    }
    #why-choose-sec{
        padding-top:45px;
    }
    .section_title{
        font-size:45px;
    }
    #why-choose-sec .why-inro-row .g-font{
        width:100%;
    }
    #best_inductry .best-img_container img{
        max-width:350px;
        margin:auto;
        text-align: center;
        margin-bottom: 50px;
        width: 100%;
    }
    #best_inductry {
        padding-top: 45px;
        text-align: center;
    }
    
    #how-works{
        margin-top: 70px;
    }
    #best_inductry .best-img_container::before{
        display: none;
    }
    .navbar-default .top_main-nav .register_btn{
        margin:0 !important;
    }
    #best_inductry .register_btn{
        margin: auto;
    }
    #why-choose-sec .why-intro_card::before {
        left: calc(50% - 188px);
    }
    #how-works > .container::before{
        width:100%;
        left:0;
        top:0;
        height:100%;
        border-radius:0;
    }
    #how-works .how-works_cards-container{
        width:100%;
        padding: 19px 10px
    }
    .how-works_row{
        text-align:center;
        padding:25px 0;
    }
    #how-works > .container{
        padding-bottom: 15px;
    }
    #how-works{
        padding-bottom: 50px;
    }
    #checkout_services{
        margin:15px 0;
    }
    #checkout_services .tabs_row .panel-body .tab_img-container{
        max-width:85px;
    }
    #checkout_services .tabs_row .panel-body .tab_heading{
        font-size: 35px;
    }
    #checkout_services .tabs_row .panel-body{
        padding:30px;
    }
    #faq{
        padding:30px 0;
    }
    #people-think{
        padding-bottom: 60px;
    }
    /* .filter_wrap{
        overflow-x: scroll;
    } */
    .filter_wrap .btn_filter{
        min-width: 140px;
    }
    .paddingbody{
        padding:0 !important;
    }
    .inner-banner h1{
        font-size:45px;
    }
    .signup-page h1{
        font-size:45px;
    }
    .signup-page .col-left {
        padding-top: 60px;
        padding-right: 50px;
    }
    .signup-page .col-right {
        padding-top: 40px;
        padding-left: 40px;
    }
    .signup-page h2{
        font-size:40px;
    }
    .stats-left .stats-icon{
        width:45px;
        height:45px;
        font-size:20px;
    }
    .stats-box{
        padding-top:20px;
        padding-bottom:20px;
    }
    .stats-left {
        flex: 0 0 45px;
        max-width: 45px;
    }
    .stats-right {
        flex: 0 0 calc(100% - 45px);
        max-width: calc(100% - 45px);
        padding-left: 14px;
    }
    .stats-txt{
        font-size: 20px;
    }
    .stats-row >div{
        padding:0 7px;
        margin-bottom: 15px;
    }
    .auth-wrapper{
        padding-right:0;
    }
    .top-bar-left{
        flex: 1;
         max-width: none;
    }
    .top-bar-right{
        flex: 0 0 70%;
        max-width: 70%;
    }
    .auth-wrapper .order .well h3{
        font-size: 20px;
    }
    .add-fund .custom-select{
        display: none;
    }
    .add-fund-row {
        flex-direction: column-reverse;
        display: flex;
        flex-wrap: wrap;
    }
    .activity-box-wrapper >div{
        margin-bottom:18px;
    }
    .payment-info .nav-tabs .nav-link{
        height:50px;
    }
    .steps .row>div{
        margin-bottom:15px;
    }
    .auth-wrapper .affiliates .table thead tr th{
        font-size: 17px;
    }
    .affiliates .table td{
        font-size:14px;
    }
    .affiliates .box span{
        font-size: 14px;
    }
    .affiliates .row .row>div{
        margin-bottom: 16px;
        padding:0 6px;
    }
    #statistics{
        padding-bottom:0;
    }
    .people-think__slider-nav{
        margin-top:30px;
    }
    .filter_wrap{
        justify-content: center;
    }
    .filter_wrap .btn_filter{
        margin-bottom:15px;
    }
    .inner-banner{
        padding-top:0;
    }
    #order-page .table tbody tr td:first-child{
        min-width: 70px;
        padding:15px !important;
        font-size: 17px !important;
    }
    .table.services-table tbody tr:not(.service_cat_header) td{
        padding:10px;
    }
    #order-page .table tbody tr td:nth-child(2){
        min-width:200px;
    }
}
@media screen and (max-width:900px){
    .order-nav{
        overflow-x: scroll;
        flex-wrap: nowrap;
        padding-bottom:10px;
    }
    .order-nav li{
        flex:none;
        max-width:130px;
        width:130px;
        margin-right:15px;
        flex-wrap: nowrap;
        
    }
    .payment-info .nav-tabs{
        overflow-x: scroll;
        flex-wrap: nowrap;
        padding-bottom: 10px;
    }
    .payment-info .nav-tabs li{
        flex:none;
        width:150px;
        margin-right:16px;
    }
}
@media screen and (max-width:767px){
    #top_bnr .top_bnr-row h1{
        font-size:40px;
    }
    .section_title{
        font-size:40px;
    }
    
    #why-choose-sec .why-intro_card::before{
        display: none;
    }
    #why-choose-sec .why-intro_card{
        margin-top:50px;
    }
    #why-choose-sec .why-intro_card>div{
        margin-bottom:40px;
    }
    #why-choose-sec .why-intro_card .card_header .card_icon{
        width:90px;
        height:90px;
        margin-bottom: 18px;
        font-size:37px;
    }
    #checkout_services .tabs_row .panel-body{
        margin-top:40px;
    }
    #checkout_services .top_row{
        text-align: center;
    }
    #statistics .row>div{
        margin-bottom: 40px;
    }
    #statistics h5{
        font-size:40px;
    }
    #statistics .icon{
        width: 75px;
        height: 75px;;
    }
    #faq .inner:after{
        display: none;
    }
    #faq .inner:before{
            display: none;
    }
    #faq .inner{
        padding:25px 0 0;
        background:none;
    }
    #faq .section_title{
        color: #0D0E23;
    }
    #faq .accordion .card {
        border: 1px solid rgba(148, 148, 148, 0.31);
    }
    #people-think .card p{
        font-size:20px;
    }
    #people-think .card .icon img{
        max-width:60px;
    }
    #people-think .card{
        padding:25px;
        min-height: 400px;
    }
    #checkout_services .tabs_row .nav.nav-tabs li a{
        font-size:20px;
    }
    .inner-banner h1 {
        font-size: 40px;
    }
    .inner-banner{
        padding:20px 0;
    }
    .guest-wrapper .services .well{
        padding:14px;
    }
    .signup-page .flex-row{
        flex-direction: column;
    }
    .signup-page .col-right:after{
        display: none;
    }
    .signup-page .col-left,
    .signup-page .col-right{
        width:100%;
        padding: 30px 15px;
        padding-top:0;
    }
    .signup-page .col-left{
        text-align: center;
    }
    .signup-page .col-right h2,
    .signup-page .col-right p,
    .signup-page .col-right a{
        text-align: center;
    }
    .signup-page{
        background-size: cover;
        padding-bottom: 20px;
        padding-top:35px;
    }
    .signup-page h1 {
        font-size: 37px;
    }
    .top-bar-left .bread span {
        display:none;
    }
    .top-bar-right{
        max-width:100%;
        flex:none;
    }
    .massorder textarea.form-control{
        height: 220px;
    }
    .steps__card{
        height: 90px;
        padding: 14px;
    }
    .steps__card--title{
        font-size: 16px;
    }
    .accordion#faq{
        padding-bottom: 0;
    }
    .signup-page .form-control{
        height: 45px;
        line-height: 45px;
    }
    
}
@media screen and (max-width:667px){
    .top-right-nav-txt{
        display:none;
    }
    .top-bar-right-nav li a{
        margin-left:0;
    }
    .api-page h2, .api-page h4, .api-page p{
        font-size:21px;
    }
    .api-page pre{
        padding: 15px 30px;
    }
    .api-page td, .api-page th{
        padding:15px !important;
        font-size: 13px;;
    }
    .api-page .well{
        padding:15px;
    }
}
@media screen and (min-width:576px){
    .top-bar-left .toogle-btn{
        display: none;
    } 
}
@media screen and (max-width:575px){
    .hide-on-sm{
        display: none !important;
    }
    .show-on-sm{
        display: block !important;
    }
    #top_bnr .top_bnr-row .form_container form{
        padding:16px;
        border:0; 
        border-radius: 18px;
    }
    #top_bnr .form_container .formlast{
        flex-direction: column;
    }
    #checkout_services .tabs_row .panel-body .tab_heading{
        font-size: 30px;
    }
    #checkout_services .tabs_row .panel-body .tab_img-container{
        max-width:70px;
    }
    #statistics h5{
        font-size:30px;
    }
    .navbar-default.top_main-nav .register_btn{
        height: auto;
        width: auto;
        padding: 22px;
        min-width: auto;
    }
    .navbar-default.top_main-nav .register_btn .register-custom_toggler,
    .navbar-default.top_main-nav .register_btn .register-icon.icon_right{
       display:none;
    }
    .section_title {
        font-size: 34px;
    }
    #faq .accordion .card .card-header button{
        font-size: 15px;
        padding: 13px 18px;
    }
    .inner-banner h1 {
        font-size: 35px;
    }
    
    .top_main-nav .navbar-brand{
        font-size:21px;
    }
    nav.navbar.navbar-default.navbar-static-top{
        padding:15px 0;
    }
    .api-page .table-responsive-sm{
        overflow-x: scroll;
    }
    .api-page .table-responsive-sm .table td{
        min-width: 250px;
        width:250px;
    }
    .auth-wrapper .tabs-wrapper .nav-tabs .nav-link{
        font-size: 13px;
        letter-spacing: 0;
        min-width: 130px;
        height: 40px;
    }
    .well{
        padding:16px;
    }
    .auth-wrapper .order .box{
        padding:10px;
    }
    .auth-wrapper .order .box>.d-flex{
        flex-direction: column;
    }
    .auth-wrapper .order .box label{
        margin:10px 0 0 0;
    }
    .auth-wrapper .search-wrapper .input-group{
        flex-direction: column;
    }
    .auth-wrapper .search-wrapper .input-group .form-control{
        margin-bottom:30px;
        border-bottom:1px solid #dbdddf;
        border-radius: 0;
        padding-bottom: 10px;
        margin-top: 20px;
    }
    .add-fund-row .row >div{
        padding:0;
    }
    .payment-detail .image{
        margin-top:0;
    }
    .form-control{
        height: 44px;
        line-height: 44px;
    }
    .nav>li>a{
        padding:7px;
    }
    .activity-box{
        min-height: 120px;
        padding: 16px;
    }
    .tickets >.col-md-12{
        padding:0;
    }
    .child-panel .component_alert_dns .alert{
        flex-direction: column;
    }
    .child-panel .component_alert_dns .alert >div{
        padding:0 0 20px 0;
    }
    .child-panel .component_alert_dns .alert ul li:not(:last-child){
        margin-bottom: 6px;;
    }
    .child-panel .accordion .card{
        padding:15px;
        margin-bottom: 15px;
    }
    #people-think .slick-slide{
        margin: 0 15px;
    }
    #people-think .card{
        min-height: 340px;
    }
    #people-think .section_title{
        margin-bottom: 40px;
    }
    #faq .accordion .card .card-header button:after{
        right:8px;
    }
    #faq .accordion .card .card-body{
        padding-left:18px;
        padding-right:18px;
    }
    #login nav.navbar.navbar-default.navbar-static-top{
        padding:13px 0;
    }
    .inner-banner{
        text-align: center;
    }
    .bread{
        display: none;
    }
    
    .auth-wrapper.toggle .sidebar-wrap{
        top:-100% !important;
        position: fixed;
        top: 0;
        left:0;
        width:100%;
    }
    .auth-wrapper .sidebar-wrap{
        position: fixed;
        top: 0 !important;
        width: 100%;
        left: 0;
        transition: .6s ease all;
    }
    .auth-wrapper .page-content{
        padding-left:0 !important;
    }
    .top-bar{
        margin-left:15px;
        margin-right:15px;
    }
    .auth-wrapper{
        padding-left:0;
        padding-right:0;
    }
}
@media screen and (max-width:450px){
    #top_bnr .form_container .formlast button[type="submit"]{
        width:100%;
    }
    .auth-wrapper .tabs-wrapper .nav-tabs li{
        float: none;
    }
    .auth-wrapper .tabs-wrapper .nav-tabs li:not(:last-child){
        margin:0 0 10px 0;
    }
    .top-right-nav-icon{
        width:30px;
        height:30px;
        font-size:13px;
    }
    .bread{
        font-size:14px;
    }
    .auth-wrapper .btn.btn-primary.ticketbtn{
        font-size:12px !important;
    }
    #how-works .how-works_card .card_count-num{
        font-size:21px;
    }
    #how-works .how-works_card .header_card-icon {
        width: 60px;
        height: 58px;
        font-size: 24px;
        margin-bottom: 13px;
    }
    #how-works .how-works_card .card_main-heading{
        font-size:22px;
    }
    #how-works .how-works_cards-container .how-works_card{
        padding:20px 16px;
    }
    .services .search-wrapper{
        flex-direction: column;
    }
    .services .search-wrapper .btn{
        margin-top:12px;
        width:100%;
    }
    .services .search-wrapper .icon{
        display:none;
    }
    .services .search-wrapper .form-control{
        padding-left:18px;
    }
    .services .table tbody tr.service_cat_header td{
        font-size: 17px !important;
        padding: 15px 18px !important;
    }
    
}
@media screen and (max-width:414px){
    .auth-wrapper .order .well h3 {
        font-size: 18px;
    }

    #top_bnr .form_container .checkbox{
        flex-direction: column;
        align-items: start;
    }
    #top_bnr .form_container .checkbox a{
        margin-top:20px;
    }
    .section_title {
        font-size: 28px;
    }
    
    #how-works .how-works_cards-container{
        padding:0;
    }
    /* #how-works > .container::before{
        display:none;
    } */
    #how-works .how-works_cards-container{
        margin-top:35px;
        box-shadow: none;
        isolation: revert;
    }
    #how-works .how-works_cards-container .how-works_card{
        margin:0 0 15px 0;
        width: 100%;
        min-width: 100%;
    
    }
    .footer__left .d-flex.follow-us{
        flex-direction: column;
    }
    .footer .follow-us p{
        margin:0 0 20px 0;
    }
    .footer__social{
        margin:0;
        padding:0;
    }
    .filter_wrap .btn_filter{
        width: 100% !important;
        margin:0 0 15px 0 !important;
        /* justify-content: center; */
    }
    .social-shortcut li{
        width:100%;
        max-width:100%;
        margin-right:0;
    }
    
}