@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);
.menubar li.nav-item.px-15.dropdown.dropdown-btn.cust-btn{
    width:185px
}
.menubar li.nav-item.btn-one.btn-anim{
    margin:0!important;
    height:38px
}
.menubar li.nav-item.px-15.dropdown.dropdown-btn{
    padding:0 30px 0 0
}
video[src=""]{
    display:none
}
video{
    width:100%;
    height:auto
}
.profile_video-dimensions{
    width:100%;
    height:200px
}
.remove-bg{
    background:rgba(112,47,255,.05);
    width:40px;
    height:40px;
    float:right
}
.remove-bg a{
    line-height:36px
}
.purple-clr{
    color:#702fff
}
.ui-timepicker-wrapper::-webkit-scrollbar{
    width:6px
}
.ui-timepicker-wrapper::-webkit-scrollbar-track{
    border-radius:0
}
.ui-timepicker-wrapper::-webkit-scrollbar-thumb{
    border-radius:5px;
    background-color:#ccc
}
.custom-form-switch .switch:after{
    content:attr(data-off)
}
.custom-form-switch input:checked+.switch:after{
    content:attr(data-on)
}
.days-text select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none
}
.hourtime-bg input.form-control{
    width:85px;
    border:none;
    font-size:14px;
    text-align:center
}
.hourtime-bg .custom-form-group .custom-form-select:after{
    display:none
}
.purple-clr{
    color:#702fff
}
.hours-bg h5{
    text-align:left
}
.time-text{
    border-bottom:1px solid #ccc
}
.addhours-text{
    color:#702fff;
    font-size:14px;
    padding:0 0 0 8px
}
.business-availability-box select.form-control{
    border:none
}
.timepicker-fields{
    display:inline-block;
    margin:0 0 0 5px
}
.hourtime-bg .custom-form-switch .switch:after{
    position:absolute;
    left:120%
}
.business-availability-box-single-remove{
    color:red
}
.hourtime-bg span.switch{
    font-size:12px;
    width:44px;
    height:22px
}
.hourtime-bg .custom-form-switch .switch::before{
    width:16px;
    height:16px
}
.hourtime-bg .custom-form-switch input:checked+.switch::before{
    left:25px;
    background:#fff
}
.custom-form-select.days-text:after{
    opacity:0
}
.custom-form-select.days-text.text-left .form-control{
    font-size:13px;
    padding:0 4px 0 0;
    font-weight:600
}
.hourtime-bg li:last-child{
    float:right
}
html{
    height:100%
}
body{
    font-size:15px;
   /* font-family:Poppins,sans-serif !important;*/
    font-weight:400;
    background-color:#fff;
    font-weight:400;
    color:#707070;
    padding:0;
    margin:0;
    height:100%;
    overflow-x:hidden
}
p{
    font-size:15px;
    line-height:26px;
    margin:0;
    margin-bottom:15px;
/*    color:#707070*/
}
h1,h2,h3,h4,h5,h6{
    color:#333;
    line-height:1.3 !important;
}
h3{
    font-size:28px
}
.f-sm{
    font-size:13px
}
span{
    color:inherit
}
i{
    line-height:1;
    font-style:normal
}
a{
    text-decoration:none;
    outline:0 none;
    color:unset !important;
    cursor:pointer;
    transition:.3s all
}
a:focus,a:hover{
    text-decoration:none;
    outline:0 none;
    color:inherit
}
img{
    border-style:none;
    height:auto;
    max-width:100%;
    vertical-align:middle
}
iframe{
    border:none
}
:active,:focus{
    outline:0!important
}
.btn.focus,.btn:focus{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:initial
}
::-moz-selection{
    background:#000;
    color:#fff
}
::selection{
    background:#000;
    color:#fff
}
li,ul{
    list-style:none;
    padding:0;
    margin:0
}
option{
    padding:15px;
    color:#000
}
option:hover{
    color:#ff3a54;
    color:#702fff
}
.cityarea-wrapper{
    background:transparent linear-gradient(270deg,#f5f1ff 0,#fff 100%);
    padding:100px 0;
    position:relative
}
.cityarea-wrapper .shape-circle-left{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    max-width:18%
}
.cityarea-box{
    background-color:#fff;
    border-radius:10px;
    box-shadow:3px 7px 25px rgba(0,0,0,.4);
    padding:30px 10px 25px;
    text-align:center
}
.cityarea-box a{
    font-weight:500;
    transition:all .3s ease
}
.cityarea-box a:hover{
    text-decoration:underline;
    color:#702fff
}
.cityarea-box a span{
    font-size:14px;
    font-weight:600
}
.view-inner{
    box-shadow:0 12px 10px -8px rgb(42 73 75 / 12%),0 1px 2px 1px rgb(173 198 199 / 24%);
    border-radius:4px;
    background:#fff;
    padding:16px;
    margin:0 0 32px 0
}
.logo-ic{
    background:#fff;
    box-shadow:0 4px 15px rgb(0 0 0 / 15%);
    width:350px;
    height:100%;
    text-align:center;
    margin:0 20px 0 0;
    border-radius:8px
}
.main-ebookdownload{
    background-image:url(../images/e-book-bg.png);
    background-size:100%;
    padding:40px 0
}
.mainebook-inner{
    width:80%;
    margin:0 auto
}
.relatedbook-bg .services-head:before{
    left:50%
}
.maindownload-content{
    background:#fff;
    box-shadow:0 3px 20px #0000000f;
    border-radius:10px;
    padding:20px
}
.ebook-inner-img{
    background:#fff;
    box-shadow:0 3px 20px #0000000f;
    text-align:center;
    border-radius:10px;
    padding:30px 0
}
.relatedbook-bg{
    background:transparent linear-gradient(270deg ,#f5f1ff 0,#fff 100%);
    position:relative;
    padding:40px 0
}
.relatedbook-bg .shape-circle-left{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    max-width:18%
}
.ebook-search{
    box-shadow:0 6px 20px #0000001a;
    border-radius:0 52px 0 50px;
    padding:25px 40px;
    min-height:240px;
    position:relative;
    background-color:#fff;
    margin:90px auto -70px;
    transform:translateY(-50%);
    z-index:9
}
.ebook-search:before{
    content:"";
    width:70px;
    height:70px;
    border-top:7px solid #e1d3ff;
    border-left:7px solid #e1d3ff;
    position:absolute;
    top:10px;
    left:10px
}
.ebook-search:after{
    content:"";
    width:70px;
    height:70px;
    border-bottom:7px solid #e1d3ff;
    border-right:7px solid #e1d3ff;
    position:absolute;
    bottom:10px;
    right:10px
}
.search-box form{
    width:60%;
    margin:20px auto
}
.ebook-search .search-box .input-group{
    box-shadow:0 3px 10px #0000001a;
    border-radius:5px
}
.ebook-search .search-box .input-group input{
    border:0;
    min-height:44px
}
.ebook-search .search-box .input-group button{
    width:40px;
    background-color:transparent;
    border:0;
    color:#702fff;
    border-radius:5px;
    cursor:pointer;
    padding-top:0
}
.input-checkbox{
    background:#fff;
    box-shadow:0 3px 10px #0000001a;
    border-radius:.25rem;
    position:relative;
    max-width:500px;
    z-index:99
}
.input-checkbox .custom-dropdown{
    padding:12px 18px;
    position:relative;
    cursor:pointer
}
.input-checkbox .custom-dropdown span{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display:block;
    font-size:16px
}
.input-checkbox .custom-dropdown .options-list{
    position:absolute;
    background:#fff;
    width:100%;
    left:0;
    margin-top:15px;
    padding:4px 10px 5px;
    min-width:200px;
    box-shadow:0 9px 10px rgb(0 0 0 / 10%);
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    transition:all .2s linear;
    opacity:0;
    visibility:hidden;
    transform:translateY(-5px)
}
.input-checkbox .custom-dropdown:after{
    content:""!important;
    font-family:FontAwesome;
    font-size:20px;
    position:absolute;
    top:10px;
    right:10px;
    transform:rotate(0);
    transform-origin:center;
    transition:.3s all
}
.input-checkbox .custom-dropdown .options-list [type=radio]:checked,.input-checkbox .custom-dropdown .options-list [type=radio]:not(:checked){
    position:absolute;
    left:-9999px
}
.input-checkbox .custom-dropdown .options-list [type=radio]:checked+label{
    background-color:#702fff;
    color:#fff;
    border-radius:5px
}
.input-checkbox .custom-dropdown .options-list.show{
    visibility:visible;
    opacity:1
}
.input-checkbox .custom-dropdown .options-list li label{
    padding:12px 15px;
    margin:0;
    position:relative;
    transition:all .3s ease;
    width:100%;
    cursor:pointer
}
.input-checkbox .custom-dropdown .options-list li{
    border-top:1px solid #f9f8fc
}
.input-checkbox .custom-dropdown .options-list li:first-child label{
    border-top:0
}
.ebook-search .search-box{
    margin:0 0 40px 0
}
.ebook-benfits-bg{
    background:linear-gradient(90deg ,#fff 0,#faf8ff 35%,#f5f1ff 100%);
    padding:40px 0;
    margin:0 0 140px 0;
    height:100%
}
.ebooksbenfits-border{
    border-right:2px dashed hsl(259deg 100% 59% / 21%);
    height:100%
}
.ebook-benfits-bg .check-lists li:before{
    border-radius:20px;
    top:0;
    left:-1px;
    height:22px;
    width:22px
}
.profile-software-list img{
    height:30px;
    border:1px solid #ebebeb;
    padding:3px;
    margin:3px
}
.profile-wrapper .embed-responsive-16by9::before{
    padding-top:0
}
.profi-rating .stars{
    width:100%
}
.prof-form .gs-header{
    background-color:#ff5b83;
    border-radius:7px;
    padding:8px;
    text-align:center;
    font-weight:600;
    font-size:16px;
    color:#fff;
    margin:0 0;
    margin-bottom:-20px;
    box-shadow:0 6px 10px rgb(255 91 131 / 23%);
    z-index:9;
    position:relative
}
.profile-pic img{
    width:100px;
    height:100px;
    object-fit:contain;
    border-radius:50%;
    border:3px solid #fff
}
.profile-pic{
    width:102px;
    height:102px;
    border:1px solid #ff5b83;
    border-radius:50%;
    margin:0 auto
}
.profi-head span{
    color:#702fff;
    vertical-align:middle;
    font-size:20px
}
.pink-clr{
    color:#ff5b83
}
.prof-list li{
    list-style:disc;
    font-size:16px;
    display:inline-block;
    margin:0 0 10px 0;
    padding:0 30px 0 0;
    position:relative
}
.ser-list li:before{
    background:#6f6f6f;
    content:"";
    display:block;
    position:absolute;
    width:5px;
    height:5px;
    border-radius:50%;
    left:-10px;
    top:10px
}
.prof-list.ser-list{
    padding-left:16px
}
.main-profile .embed-responsive{
    border-radius:10px;
    justify-content:center;
    margin:18px 0 0 0
}
.profi-rating span.material-icons,.profi-rating span.material-icons-outlined{
    color:#dfb300;
    font-size:18px
}
.profi-rating .stars img.img-fluid{
    vertical-align:text-top
}
.profi-rating .stars a{
    color:#702fff;
    font-weight:600;
    font-size:15px;
    text-decoration:underline
}
.profi-rating span.grey-clr{
    color:#8a8a8a;
    font-size:18px
}
.profi-rating .star-text{
    color:#000;
    font-size:15px;
    vertical-align:text-bottom;
    padding:0 2px
}
.profi-rating li.pink-clr{
    font-size:18px;
    font-weight:600
}
.prof-clr{
    color:#686868;
    font-size:16px
}
.prof-about p{
    color:#5e5c5c;
    font-weight:500;
    font-size:15px
}
.prof-form{
    box-shadow:0 0 4px rgb(0 0 0 / 20%);
    border-radius:8px;
    width:80%;
    margin:0 0 34px 0
}
.form-top{
    background:#ff5b83;
    text-align:center;
    color:#fff;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    padding:6px
}
.profform-inner{
    padding:30px 16px 40px 16px
}
.profteam-img img{
    width:100px;
    height:100px;
    object-fit:cover;
    border-radius:50%;
    border:3px solid #fff;
    cursor:pointer
}
.profteam-img{
    width:102px;
    height:102px;
    border:1px solid #702fff;
    border-radius:50%;
    margin:6px auto
}
.profteam-bg li{
    margin:0 48px 0 0;
    text-align:center
}
.profteam-bg strong{
    color:#000
}
.profile-wrapper{
    margin:30px 0 130px 0
}
.speak-inner{
    background:#fff;
    border-radius:10px;
    box-shadow:0 0 20px 0 rgb(0 0 0 / 15%);
    padding:40px
}
.letsfind-bg{
    background:linear-gradient(to right,#c3ced8,#dee5ec)
}
.leftfind-content span.material-icons{
    vertical-align:middle;
    font-size:22px
}
.leftfind-content h1{
    text-transform:capitalize;
    font-size:42px;
    font-weight:600
}
.f-medium{
    font-weight:600
}
.text-underline{
    text-decoration:underline
}
.form-control:focus,.form-control:hover{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.text-blue{
    color:#702fff!important
}
.center-grid{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.form-control::-webkit-input-placeholder{
    color:#707070
}
.form-control:-ms-input-placeholder{
    color:#707070
}
.form-control::placeholder{
    color:#707070
}
.align-center{
    display:flex;
    align-items:center
}
.px-30{
    padding:0 30px
}
.mb-60{
    margin-bottom:60px!important
}
.mb-80{
    margin-bottom:80px!important
}
.mb-40{
    margin-bottom:40px!important
}
.menubar{
    background:#fff;
    box-shadow:0 3px 20px #0000000F;
    position:relative;
    z-index:999999
}
.menubar.sticky_menu{
    left:0;
    right:0;
    top:0;
    padding:0;
    position:fixed;
    z-index:999999
}
.menubar .navbar-brand{
    padding-top:15px;
    padding-bottom:15px
}
.menubar .navbar-brand img{
    max-width:145px
}
.menubar .navbar-light .navbar-nav .nav-link{
    color:#707070;
    font-weight:500;
    transition:all .3s ease;
    position:relative;
    font-size:14px;
    padding-right:18px
}
.menubar .navbar-light .navbar-nav .dropdown-btn>a{
    background:#702fff;
    box-shadow:0 4px 10px #00000029;
    color:#fff!important;
    font-weight:400!important;
    border-radius:5px
}
.menubar .navbar-light .navbar-nav .dropdown-btn>a:after{
    content:none!important
}
.menubar .navbar-light .navbar-nav .dropdown-btn.dropdown>a{
    color:#fff!important;
    font-weight:400!important
}
.menubar .navbar-light .navbar-nav .dropdown-btn.dropdown>a:after{
    content:""!important;
    font-family:FontAwesome;
    height:unset!important;
    width:unset!important;
    background-color:transparent!important;
    position:absolute;
    right:15px!important;
    top:50%!important;
    transform:scale3d(1,1,1) translateY(-50%)!important;
    left:unset!important;
    bottom:unset!important;
    transform-origin:0 0;
    transition:.3s all;
    border:0!important
}
.menubar .navbar-light .navbar-nav .dropdown-menu{
    right:0;
    left:unset;
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:100%;
    -webkit-transform-origin:0 0 0;
    transform-origin:0 0 0;
    transition:all .3s ease-out 0s;
    z-index:10;
    padding:10px 0;
    text-align:left;
    background-color:#fff;
    webkit-transform:scaleY(0);
    transform:scaleY(0);
    background-color:#fff;
    border-radius:.25rem;
    -webkit-box-shadow:0 0 2.1875rem 0 rgba(0,0,0,.1);
    box-shadow:0 0 2.1875rem 0 rgba(0,0,0,.1);
    border:0
}
.menubar .navbar-light .navbar-nav .dropdown-menu .dropdown-item:focus,.menubar .navbar-light .navbar-nav .dropdown-menu .dropdown-item:hover{
    background-color:transparent;
    color:#702fff
}
@media (min-width:1200px){
    .menubar .navbar-light .navbar-nav .dropdown-menu{
        left:0;
        right:unset
    }
}
.menubar .navbar-light .navbar-nav .dropdown-menu div{
    display:block;
    overflow:hidden;
    padding:2px 0;
    margin-bottom:5px
}
.menubar .navbar-light .navbar-nav .dropdown-menu a{
    border-bottom:none;
    border-left:none;
    transition:all .3s ease-out 0s;
    position:relative;
    position:relative;
    display:inline;
    color:#4c4b4b;
    text-transform:inherit;
    margin:4px 25px;
    margin-bottom:10px;
    padding:0;
    font-weight:500;
    font-size:14px;
    z-index:2;
    transition:all .5s ease 0s
}
.menubar .navbar-light .navbar-nav .dropdown-menu a:before{
    position:absolute;
    z-index:1;
    content:"";
    background-color:#702fff;
    height:.0625rem;
    width:0;
    right:0;
    left:inherit;
    bottom:0;
    -webkit-transition:all .7s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .7s cubic-bezier(.645,.045,.355,1);
    transition:all .7s cubic-bezier(.645,.045,.355,1)
}
.menubar .navbar-light .navbar-nav .dropdown-menu a:hover:before{
    width:100%;
    left:0;
    right:inherit
}
@media (min-width:992px){
    .menubar .navbar-light .navbar-nav>li{
        margin-top:.5rem;
        margin-bottom:.5rem
    }
    .menubar .navbar-light .navbar-nav .dropdown-menu{
        display:block
    }
    .menubar .navbar-light .navbar-nav .dropdown:hover .dropdown-menu{
        opacity:1;
        visibility:visible;
        -webkit-transform:scaleY(1);
        transform:scaleY(1)
    }
    .menubar .navbar-light .navbar-nav .dropdown-btn{
        min-width:162px;
        margin-left:10px!important
    }
}
@media (min-width:992px) and (min-width:1200px){
    .menubar .navbar-light .navbar-nav .dropdown-btn{
        margin-right:-30px!important
    }
}
@media (min-width:992px){
    .menubar .navbar-light .navbar-nav .dropdown-btn:before{
        content:"";
        position:absolute;
        top:-1rem;
        bottom:-1rem;
        right:-1rem;
        left:-1rem
    }
}
.dropdown-toggle:after{
    content:"\f107"!important;
    font-family:FontAwesome;
    position:absolute;
    top: 8px!important;
    right: 4px;
    margin: 0;
    border: 0 !important;
    color:#ff3e6d;
    font-size: 18px;
}
@media (min-width:992px){
    .menubar .navbar-light .navbar-nav .nav-item{
        margin:0 12px 0 0
    }
    .menubar .navbar-light .navbar-nav .nav-item.active .nav-link:before{
        transform:scale3d(1,1,1) translateX(-50%)
    }
    .menubar .navbar-light .navbar-nav .nav-item .nav-link:before{
        content:"";
        height:2px;
        width:22px;
        background-color:#702fff;
        position:absolute;
        bottom:0;
        left:50%;
        transform:scale3d(0,1,1) translateX(-50%);
        transform-origin:0 0;
        transition:.3s all
    }
    .menubar .navbar-light .navbar-nav .nav-item:hover .nav-link:before{
        transform:scale3d(1,1,1) translateX(-50%)
    }
}
@media (max-width:991px){
    .profile-wrapper .border-right{
        border-right:none!important
    }
    .ebook-benfits-bg{
        margin:0 0 40px 0
    }
    .city-info .city-content{
        display:none
    }
    .menubar .navbar-light .navbar-nav>li{
        margin-bottom:.5rem
    }
    .menubar .navbar-light .navbar-nav .dropdown-menu.show{
        opacity:1;
        visibility:visible;
        -webkit-transform:scaleY(1);
        transform:scaleY(1)
    }
    .menubar .navbar-light .navbar-nav .dropdown-menu{
        position:relative;
        text-align:center
    }
}
.menubar .navbar-light .navbar-nav .active>.nav-link,.menubar .navbar-light .navbar-nav .nav-link.active,.menubar .navbar-light .navbar-nav .nav-link.show,.menubar .navbar-light .navbar-nav .show>.nav-link{
    color:#702fff
}
.menubar .navbar-light .navbar-nav .nav-link:focus,.menubar .navbar-light .navbar-nav .nav-link:hover{
    color:#702fff
}
.btn-one{
    background:#ff5b83;
    box-shadow:0 4px 10px #00000026;
    border-radius:5px;
    min-width:140px;
    color:#fff
}
@media (min-width:992px){
    .btn-one{
        margin:0 20px!important
    }
}
.btn-one>a{
    color:#fff!important;
    font-weight:400!important;
    text-align:center
}
.btn-one>a:after{
    content:none!important
}
.btn-anim{
    overflow:hidden;
    position:relative;
    z-index:0
}
.btn-anim::before{
    position:absolute;
    border-radius:100px;
    top:50%;
    left:50%;
    z-index:-1;
    display:block;
    content:"";
    width:0;
    height:0;
    background:rgba(255,255,255,.3);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity:0
}
.btn-one.btn-anim::before{
    background:rgba(187,40,60,.3)
}
.btn-anim:hover::before{
    -webkit-animation:circle .75s;
    animation:circle .75s;
    opacity:1
}
.hero-section{
    padding:150px 0 100px;
    background:url(../images/banner-bg.png) no-repeat center left;
    background-size:contain;
    position:relative
}
.hero-section .main-wrapper .title{
    padding-left:60px;
    position:relative;
    text-transform:uppercase;
    color:#702fff;
    font-size:20px;
    margin-bottom:25px
}
.hero-section .main-wrapper .title:before{
    content:"";
    width:50px;
    height:3px;
    background:#702fff;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%)
}
.hero-section .main-wrapper .heading{
    color:#333;
    font-size:40px;
    font-weight:500
}
.hero-section .main-wrapper .heading strong{
    font-weight:700;
    display:block;
    position:relative;
    z-index:1
}
.hero-section .main-wrapper .heading strong span{
    position:relative;
    padding:0 0 0 6px
}
.hero-section .main-wrapper .heading strong span:after{
    content:"";
    position:absolute;
    height:10px;
    width:100%;
    background-color:#eae0ff;
    left:0;
    bottom:8px;
    z-index:-1
}
.hero-section .hero-img{
    position:absolute;
    top:0;
    right:0;
    max-height:100%;
    max-width:52%
}
.hero-section .shape-one{
    position:absolute;
    left:5%;
    top:5%;
    z-index:1;
    animation:jump 10s ease-in-out alternate infinite;
    max-width:32px
}
.hero-section .shape-two{
    position:absolute;
    left:4%;
    bottom:15%;
    animation:rotated 20s ease-in-out alternate infinite;
    max-width:32px
}
.hero-section .shape-three{
    position:absolute;
    left:32%;
    top:12%;
    animation:rotated 15s ease-in-out alternate infinite;
    max-width:32px
}
.hero-section .shape-four{
    position:absolute;
    position:absolute;
    left:50%;
    top:58%;
    width:30px;
    height:30px;
    border:4px solid #ffb300;
    border-radius:3px;
    opacity:.09;
    animation:rotated 15s ease-in-out alternate infinite;
    max-width:32px
}
.input-wrapper{
    background:#fff;
    box-shadow:0 5px 16px rgba(0,0,0,.2);
    border-radius:8px;
    padding:5px;
    padding-right:190px;
    position:relative;
    max-width:500px;
    margin-top:30px;
    z-index:99
}
.input-wrapper .btn{
    background:#ff5b73;
    border-radius:8px;
    color:#fff;
    padding:1rem;
    position:absolute;
    top:6px;
    right:5px
}
.input-wrapper .custom-dropdown{
    padding:18px;
    position:relative;
    cursor:pointer
}
.input-wrapper .custom-dropdown:after{
    content:""!important;
    font-family:FontAwesome;
    font-size:20px;
    position:absolute;
    top:15px;
    right:0;
    transform:rotate(0);
    transform-origin:center;
    transition:.3s all
}
.input-wrapper .custom-dropdown span{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display:block;
    font-size:16px
}
.input-wrapper .custom-dropdown .options-list{
    position:absolute;
    background:#fff;
    width:100%;
    left:-5px;
    margin-top:18px;
    padding:4px 10px 5px;
    min-width:200px;
    box-shadow:0 9px 10px rgba(0,0,0,.1);
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    transition:all .2s linear;
    opacity:0;
    visibility:hidden;
    transform:translateY(-5px)
}
.input-wrapper .custom-dropdown .options-list.show{
    visibility:visible;
    opacity:1
}
.input-wrapper .custom-dropdown .options-list li label{
    padding:12px 15px;
    margin:0;
    border-top:1px solid #f9f8fc;
    position:relative;
    transition:all .3s ease
}
.input-wrapper .custom-dropdown .options-list li label:hover{
    background-color:#f9f8fc;
    border-color:transparent
}
.input-wrapper .custom-dropdown .options-list li:first-child label{
    border-top:0
}
.input-wrapper .custom-dropdown .options-list [type=radio]:checked,.input-wrapper .custom-dropdown .options-list [type=radio]:not(:checked){
    position:absolute;
    left:-9999px
}
.input-wrapper .custom-dropdown .options-list [type=radio]:checked+label,.input-wrapper .custom-dropdown .options-list [type=radio]:not(:checked)+label{
    position:relative;
    cursor:pointer;
    display:block;
    color:#666;
    font-weight:400;
    font-size:16px
}
.input-wrapper .custom-dropdown .options-list [type=radio]:not(:checked)+label:after{
    opacity:0;
    -webkit-transform:scale(0);
    transform:scale(0)
}
.input-wrapper .custom-dropdown .options-list [type=radio]:checked+label{
    background-color:#702fff;
    color:#fff;
    border-radius:5px
}
.max-50-percent{
    max-width:50%
}
.section-padding{
    padding:50px 0
}
.section-title-bordered{
    padding-left:60px;
    position:relative;
    text-transform:uppercase;
    color:#702fff;
    font-size:18px;
    margin-bottom:15px
}
.section-title-bordered:before{
    content:"";
    width:50px;
    height:2px;
    background:#702fff;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%)
}
.section-title{
    font-size:35px;
    padding-bottom:10px;
    position:relative;
    z-index:9
}
.section-title strong{
    font-weight:700
}
.section-title.banner-style{
    position:relative;
    z-index:0
}
.section-title.banner-style:after{
    content:"Reviews";
    position:absolute;
    bottom:0;
    left:50%;
    color:#f4efff;
    font-size:160px;
    font-weight:700;
    transform:translate(-50%,30px);
    z-index:-1
}
.section-title.before-style:before{
    content:"";
    height:4px;
    width:60px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:0
}
.section-title.before-style:after{
    content:"";
    height:4px;
    width:10px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:64px
}
.sub-heading{
    font-size:16px;
    color:#333
}
.sub-heading p{
    color:#333
}
.process-section{
    position:relative;
    padding-bottom:100px
}
.process-section .shape-dots{
    position:absolute;
    top:-100px;
    right:0;
    max-width:5%
}
.process-section img.process-arrow{
    position:absolute;
    bottom:100%;
    transform:translate(-46%,-22%);
    left:100%;
    max-width:200px
}
@media (max-width:1199px){
    .exper-customers-bg{
        background-size:cover;
        background-position:top
    }
    .cust-inner,.expert-inner{
        padding:50px
    }
    .process-section img.process-arrow{
        display:none
    }
    .serv-accoun-tabs li{
        margin:0 14px 0 0;
        width:160px
    }
    .account-img{
        max-width:100%
    }
}
.process-section .process-wrap{
    position:relative;
    margin:70px auto 10px;
    z-index:0
}
.process-section .process-wrap .icon-box{
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,-50%);
    transition:.3s all;
    border-radius:22px;
    height:100px;
    width:100px;
    background-color:#f5f5f5;
    box-shadow:0 4px 15px rgba(0,0,0,.15);
    color:#702fff;
    z-index:2
}
.process-section .process-wrap:hover .icon-box{
    background-color:#702fff;
    color:#fff
}
.process-section .process-wrap .icon-box i{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.process-section .process-wrap .icon-box i:before{
    margin:0;
    font-size:60px
}
.process-section .process-wrap .icon-box i.adjust:before{
    position:relative;
    right:4px;
    top:7px;
    font-size:80px
}
.process-section .process-wrap .box{
    background:#fff;
    box-shadow:0 7px 20px rgba(0,0,0,.1);
    border-radius:60px 0 0 0;
    padding:70px 0 20px;
    position:relative
}
.process-section .process-wrap::after{
    position:absolute;
    content:'';
    left:-7px;
    top:1px;
    transform:rotate(-2deg);
    background:#702fff;
    border-radius:60px 0 0 0;
    height:100%;
    width:100%;
    z-index:-1;
    transform-origin:right bottom
}
.process-section .process-wrap .box:hover .quote span{
    animation:zoom_animation .5s linear forwards;
    opacity:1;
    color:#702fff
}
.process-section .process-wrap .box h4{
    font-size:18px;
    font-weight:600;
    padding:0 10px;
    margin:15px auto
}
.process-section .process-wrap .box p{
    color:#707070;
    padding:0 10px;
    min-height:50px;
    margin-bottom:0
}
.process-section .process-wrap .box .quote{
    font-size:16px;
    font-weight:500;
    padding:1rem 10px;
    position:relative;
    z-index:0;
    transition:.3s all
}
.process-section .process-wrap .box .quote span{
    position:absolute;
    top:50%;
    right:20px;
    font-weight:700;
    opacity:.2;
    font-size:40px;
    transform:translateY(-50%);
    transition:all .5s ease-in-out
}
.why-section{
    background:transparent linear-gradient(90deg,#f5f1ff 0,#fff 100%);
    position:relative;
    padding-bottom:220px
}
@media (min-width:1200px){
    .why-section .shape-white{
        height:100%;
        left:0;
        top:0;
        width:5%;
        max-width:50px;
        background-color:#fff;
        position:absolute
    }
}
.why-section .shape-circle{
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    max-width:18%
}
.why-section .tabs-area .nav-pills .nav-link.active,.why-section .tabs-area .nav-pills .nav-link:hover,.why-section .tabs-area .nav-pills .show>.nav-link{
    background-color:#702fff;
    color:#fff
}
.why-section .tabs-area .nav-pills .nav-link.active .icon img,.why-section .tabs-area .nav-pills .nav-link:hover .icon img,.why-section .tabs-area .nav-pills .show>.nav-link .icon img{
    filter:brightness(0) invert(1)
}
.why-section .tabs-area .nav-pills{
    display:block
}
.why-section .tabs-area .nav-pills .btn-anim:not(.active):before{
    background-color:rgba(112,47,255,.29)
}
.why-section .tabs-area .nav-item{
    display:block;
    position:relative;
    box-shadow:0 3px 10px #00000017;
    background-color:#fff;
    border-radius:8px;
    margin-bottom:15px
}
.why-section .tabs-area .nav-item .nav-link{
    padding-left:85px;
    border-radius:8px;
    min-height:65px;
    font-size:18px;
    white-space:nowrap;
    vertical-align:middle;
    font-weight:500;
    padding-top:20px;
    background-color:#fff;
    transition:.3s all
}
.why-section .tabs-area .nav-item .nav-link.active .icon img{
    filter:brightness(0) invert(1);
    -webkit-filter:brightness(0) invert(1);
    -moz-filter:brightness(0) invert(1);
    -o-filter:brightness(0) invert(1);
    -ms-filter:brightness(0) invert(1)
}
.why-section .tabs-area .nav-item .icon{
    box-shadow:3px 0 10px #0000000F;
    border-radius:8px 8px 18px 8px;
    width:65px;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(255,255,255,.2)
}
.why-section .tabs-area .nav-item .icon img{
    max-width:60%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
@media (max-width:991px){
    .speak-inner{
        padding:40px 40px 24px 40px
    }
    .speak-inner .d-flex{
        margin:0 0 16px 0
    }
    .tax-tabs-bg .serv-accoun-tabs li{
        margin:0 20px 0 0;
        width:139px;
        padding:0 0 20px 0
    }
    .serv-accoun-tabs li{
        margin:0 26px 0 0;
        width:150px;
        padding:0 0 20px 0
    }
    .serv-accoun-tabs a p{
        font-size:14px
    }
    .why-section .tabs-area .nav-pills{
        text-align:center
    }
    .why-section .tabs-area .nav-item{
        border-radius:5px;
        margin:10px;
        display:inline-block
    }
    .why-section .tabs-area .nav-item .nav-link{
        padding:.5rem 1rem;
        margin:0;
        min-height:0;
        border-radius:5px;
        font-size:16px
    }
    .why-section .tabs-area .nav-item .icon{
        display:none
    }
}
.why-section .tabs-area .tab-section-heading{
    font-weight:600;
    font-size:26px;
    position:relative;
    padding-bottom:15px;
    margin-bottom:20px
}
.why-section .tabs-area .tab-section-heading:before{
    content:"";
    width:70px;
    height:3px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:0
}
.why-section .tabs-area .tab-section-heading:after{
    content:"";
    position:absolute;
    top:5px;
    left:0;
    opacity:.1;
    width:80px;
    height:78px;
    background-size:contain;
    display:none
}
.why-section .tabs-area .tab-section-heading.extra-ordinary:after{
    background:url(../svg/008-tap.svg) no-repeat center top;
    background-size:contain
}
.why-section .tabs-area .tab-section-heading.truly-transparent:after{
    background:url(../svg/007-handshake.svg) no-repeat center top;
    background-size:contain
}
.why-section .tabs-area .tab-section-heading.fantastical:after{
    background:url(../svg/009-no-money.svg) no-repeat center top;
    background-size:contain
}
.check-lists{
    border-top:1px solid rgba(0,0,0,.12);
    font-weight:500
}
.check-lists li{
    padding-left:35px;
    position:relative;
    margin-bottom:10px;
    font-size:14px;
    color:#333
}
.check-lists li:before{
    content:"";
    background:#fff;
    box-shadow:0 3px 6px #00000017;
    border-radius:4px;
    position:absolute;
    top:2px;
    left:0;
    height:19px;
    width:19px
}
.check-lists li:after{
    content:"";
    position:absolute;
    top:6px;
    left:4px;
    width:12px;
    height:7px;
    border-bottom:2px solid #702fff;
    border-left:2px solid #702fff;
    transform:rotate(-45deg)
}
@media (min-width:992px){
    .px-15{
        padding:0 15px
    }
}
.faq-section{
    background-color:#fff;
    padding:100px 0 50px;
    position:relative
}
.faq-section .faq-shape{
    position:absolute;
    bottom:0;
    top:14%;
    right:0;
    max-width:600px;
    max-height:calc(96% + 30px);
    z-index:9
}
.faq-section .callout-section{
    box-shadow:0 6px 20px #0000001A;
    border-radius:0 52px 0 50px;
    padding:25px 40px;
    min-height:250px;
    position:relative;
    background-color:#fff;
    margin:-100px auto -70px;
    transform:translateY(-50%);
    z-index:9
}
.faq-section .callout-section:before{
    content:"";
    width:70px;
    height:70px;
    border-top:7px solid #e1d3ff;
    border-left:7px solid #e1d3ff;
    position:absolute;
    top:10px;
    left:10px
}
.faq-section .callout-section:after{
    content:"";
    width:70px;
    height:70px;
    border-bottom:7px solid #e1d3ff;
    border-right:7px solid #e1d3ff;
    position:absolute;
    bottom:10px;
    right:10px
}
.faq-section .callout-section h3{
    margin-top:0;
    margin-bottom:15px;
    font-weight:600;
    font-size:28px
}
.faq-section .callout-section .contact-box{
    padding:15px 0;
    height:100%
}
@media (min-width:768px){
    .faq-section .callout-section .contact-box{
        border-left:1px solid #e7defb;
        padding:15px 10px 5px 30px
    }
}
.faq-section .callout-section .contact-box .chat-btn{
    color:#702fff;
    font-size:18px;
    font-weight:500;
    display:inline-block;
    margin-top:0;
    white-space:nowrap
}
.faq-section .callout-section .contact-box .chat-btn i{
    margin-left:10px
}
.faq-section .callout-section .contact-box ul li{
    padding-left:55px;
    position:relative;
    margin-bottom:30px
}
.faq-section .callout-section .contact-box ul li .material-icons{
    font-size:40px;
    color:#8d8d8d;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%)
}
.faq-section .callout-section .contact-box ul li h5{
    color:#702fff;
    font-size:14px;
    font-weight:500;
    margin-bottom:5px
}
.faq-section .callout-section .contact-box ul li p{
    font-size:18px;
    font-weight:600;
    color:#333
}
.faq-section .view-all-btn{
    color:#702fff;
    display:inline-block;
    margin-top:10px;
    padding-bottom:5px;
    position:relative;
    font-weight:500
}
.faq-section .view-all-btn:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    border-bottom:1px solid #702fff
}
.accordion-section{
    position:relative;
    z-index:99
}
.accordion-section .accordion{
    box-shadow:0 3px 10px #00000024;
    border-radius:10px;
    padding:5px;
    margin-bottom:15px;
    background-color:#fff
}
.accordion-section .accordion .icon{
    background-color:#702fff;
    height:28px;
    width:28px;
    border-radius:5px;
    position:absolute;
    top:5px;
    left:5px;
    font-size:18px
}
.accordion-section .accordion .icon:after{
    content:""!important;
    font-family:FontAwesome;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) rotate(0);
    color:#702fff;
    transition:.3s all;
    color:#fff
}
.accordion-section .accordion .collapsed .icon{
    background-color:#f5f3f9
}
.accordion-section .accordion .collapsed .icon:after{
    color:#702fff;
    transform:translate(-50%,-50%) rotate(-90deg)
}
.accordion-section .accordion .accordion-header{
    padding-left:50px;
    position:relative;
    display:block;
    color:#333;
    font-size:16px;
    font-weight:500;
    padding:8px 5px 5px 50px
}
.accordion-section .accordion .content{
    padding:5px 15px 0 50px
}
.feedback-section{
    padding:140px 0 200px;
    background:transparent linear-gradient(270deg,#f5f1ff 0,#fff 100%);
    position:relative
}
.feedback-section .shape-circle-left{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    max-width:18%
}
.feedback-section .feedback-slider{
    padding:0 30px
}
.feedback-section .feedback-slider .owl-nav{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    transform:translateY(-15px)
}
.feedback-section .feedback-slider .owl-nav .owl-next,.feedback-section .feedback-slider .owl-nav .owl-prev{
    height:36px;
    width:36px;
    text-align:center;
    color:#000;
    box-shadow:0 3px 6px #00000029;
    border-radius:10px;
    position:absolute;
    top:0;
    background-color:#fff;
    transition:.3s all;
    font-size:24px;
    color:#702fff
}
.feedback-section .feedback-slider .owl-nav .owl-next:hover,.feedback-section .feedback-slider .owl-nav .owl-prev:hover{
    background-color:#702fff;
    color:#fff
}
.feedback-section .feedback-slider .owl-nav .owl-prev{
    left:0
}
.feedback-section .feedback-slider .owl-nav .owl-next{
    right:0
}
.feedback-section .feedback-box{
    box-shadow:3px 3px 25px #00000012;
    border-radius:5px 5px 45px 5px;
    padding:30px 20px 15px;
    margin:20px;
    background-color:#fff;
    text-align:left;
    overflow:hidden;
    position:relative
}
.feedback-section .feedback-box .ratings{
    margin-bottom:10px
}
.feedback-section .feedback-box .ratings .material-icons{
    color:#702fff
}
.feedback-section .feedback-box .author{
    font-size:16px;
    font-weight:700;
    color:#333;
    padding-left:50px;
    position:relative
}
.feedback-section .feedback-box .author:before{
    content:"";
    position:absolute;
    top:50%;
    height:1px;
    width:36px;
    background-color:#aeaeae;
    transform:translateY(-50%);
    left:0
}
.feedback-section .feedback-box .icon{
    height:80px;
    width:80px;
    position:absolute;
    border-radius:50%;
    bottom:-10px;
    right:-10px;
    background-color:rgb(112 47 255 / 60%);
    box-shadow:3px 3px 10px #0000001c
}
.feedback-section .feedback-box .icon .material-icons{
    color:#fff;
    font-size:60px;
    position:absolute;
    top:50%;
    left:44%;
    transform:translate(-50%,-50%)
}
.color-dark{
    color:#333
}
.login-page{
    background-image:url(../images/login-bg.png);
    background-size:cover;
    min-height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.login-page .box{
    background:#fff;
    box-shadow:0 5px 20px #00000014;
    border-radius:5px;
    max-width:520px;
    margin:30px auto;
    font-size:15px;
    overflow:hidden;
    font-size:15px
}
.login-page .box .inner{
    padding:30px
}
.login-page .box a{
    color:#702fff
}
.login-page .box .required{
    color:red
}
.login-page .form-heading{
    font-size:28px;
    margin-bottom:20px;
    padding-top:10px;
    text-align:center;
    padding:0;
    font-weight:600
}
.login-page .input-space{
    margin-bottom:20px
}
.login-page .cvv-box{
    position:relative
}
.login-page .cvv-box .cvv-btn{
    height:25px;
    width:25px;
    background-color:#702fff;
    border-radius:50%;
    position:absolute;
    transform:translateY(-50%);
    top:72%;
    right:5px;
    color:#fff;
    text-align:center;
    padding-top:2px
}
.login-page .form-control{
    height:auto;
    padding:10px;
    border:1px solid #e0e0e0;
    color:#a4a4a4;
    font-size:14px
}
.login-page .form-control::placeholder{
    color:#a4a4a4
}
.login-page .input-group-text{
    background-color:#f8f8f8
}
.login-page .forgot-link{
    color:#707070!important
}
.login-page .forgot-link:hover{
    color:#702fff!important
}
.login-page .card-box{
    background:#f3f3f3;
    box-shadow:0 3px 10px #0000001A;
    border-radius:10px;
    padding:30px;
    max-width:90%;
    margin:0 auto
}
.login-page .card-box .select-div{
    position:relative;
    width:100%;
    display:inline-block
}
.login-page .card-box .select-div:after{
    content:""!important;
    font-family:FontAwesome;
    height:unset!important;
    width:unset!important;
    background-color:transparent!important;
    position:absolute;
    right:15px!important;
    top:12px!important;
    left:unset!important;
    bottom:unset!important;
    transform-origin:0 0;
    transition:.3s all;
    border:0!important;
    pointer-events:none;
    z-index:0;
    color:#a2a2a2
}
.login-page .card-box select.form-control{
    background-image:none;
    -ms-word-break:normal;
    word-break:normal;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.login-page .card-box .select-div:first-child select.form-control{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.login-page .card-box .select-div:nth-child(2) select.form-control{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-left:0
}
.login-page .card-box label{
    color:#000
}
.login-page .back-btn{
    border:1px solid #702fff;
    padding:10px 15px;
    color:#702fff;
    border-radius:5px
}
.login-page .back-btn:hover{
    background-color:#702fff;
    color:#fff
}
.login-page .back-btn:hover span{
    color:#fff
}
.login-page .back-btn span{
    color:#702fff;
    margin-right:5px;
    vertical-align:middle
}
.login-page .material-icons{
    font-size:18px;
    color:#949494
}
.login-page .form-check{
    padding-left:25px
}
.login-page .form-check .form-check-input{
    position:absolute;
    margin-top:3px;
    margin-left:-24px;
    height:16px;
    width:16px
}
.login-page .form-check-label{
    color:#333
}
.login-page .form-bottom{
    background-color:#faf8ff;
    padding:30px
}
.login-page .form-bottom p{
    color:#000;
    margin-bottom:10px;
    font-size:13px
}
.modal{
    z-index:99999999
}
.modal .close{
    width:34px;
    height:34px;
    background:#eee;
    border-radius:7px;
    position:absolute;
    top:10px;
    right:10px;
    font-size:18px;
    z-index:99
}
.modal .close span{
    display:block
}
.modal .modal-process{
    display:flex;
    justify-content:space-between;
    position:relative;
    margin-top:15px;
    margin-bottom:30px;
    max-width:90%;
    margin:0 auto
}
.modal .modal-process:before{
    content:"";
    width:100%;
    border-bottom:1px dashed #702fff;
    position:absolute;
    top:50%
}
.modal .modal-process li{
    height:66px;
    width:66px;
    border:1px solid #e3daf8;
    color:#707070;
    font-weight:600;
    font-size:22px;
    border-radius:50%;
    text-align:center;
    background-color:#fff;
    position:relative
}
.modal .modal-process li.active,.modal .modal-process li.completed{
    border-color:#702fff
}
.modal .modal-process li.active span,.modal .modal-process li.completed span{
    background-color:#702fff;
    color:#fff
}
.modal .modal-process li span{
    position:absolute;
    top:10px;
    right:10px;
    bottom:10px;
    left:10px;
    cursor:pointer;
    border-radius:50%;
    line-height:45px
}
.modal .process-labels{
    display:flex;
    justify-content:space-between;
    font-size:15px;
    margin-top:15px;
    font-weight:500;
    text-align:center
}
.modal .col-6{
    padding-left:10px;
    padding-right:10px
}
.modal .options{
    margin-top:15px
}
.modal .options .option{
    background:#fcfbfe;
    border:1px solid #e0e0e0;
    border-radius:10px;
    text-align:center;
    color:#333;
    font-size:16px;
    margin-top:20px;
    padding:10px;
    font-weight:500;
    cursor:pointer
}
.modal .options .option.not-sure{
    background-color:#ebe6f8
}
.modal .options .option.selected{
    color:#702fff;
    border-color:#702fff
}
.modal .modal-dialog{
    max-width:600px
}
.modal .required{
    color:red
}
.modal .modal-content{
    border:0;
    padding:10px 30px 20px;
    box-shadow:0 5px 20px #00000029;
    border-radius:10px;
    background-color:#fff
}
.modal .modal-content .modal-title{
    font-size:28px;
    padding-bottom:15px;
    font-weight:600;
    position:relative;
    text-align:center;
    margin-bottom:20px
}
.modal .modal-content .modal-title:after{
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    background-color:#702fff;
    height:3px;
    width:60px
}
.modal .modal-content .btn-nav{
    text-align:center;
    border:1px solid #bebebe;
    padding:10px 20px;
    border-radius:5px;
    min-width:140px;
    text-align:center;
    font-weight:500
}
.modal .modal-content .btn-nav.btn-secondry{
    color:#fff;
    background-color:#ff5b83;
    border-color:#ff5b83
}
.modal .modal-content .btn-nav i{
    margin:0 5px
}
.modal .modal-content .country-select{
    position:relative
}
.modal .modal-content .country-select:after{
    content:""!important;
    font-family:FontAwesome;
    height:unset!important;
    width:unset!important;
    background-color:transparent!important;
    position:absolute;
    right:12px!important;
    top:10px!important;
    left:unset!important;
    bottom:unset!important;
    transform-origin:0 0;
    transition:.3s all;
    border:0!important;
    pointer-events:none;
    z-index:0;
    color:#a2a2a2
}
.modal .modal-content .country-select select.form-control{
    background-image:none;
    -ms-word-break:normal;
    word-break:normal;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-right:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    background-color:#f4efff;
    font-size:14px;
    font-size:inherit;
    height:38px;
    padding-right:30px
}
.modal .modal-content .tab-form{
    margin-top:30px
}
.modal .modal-content .tab-form .form-control{
    color:#707070
}
.modal .modal-content .tab-form .er{
    display:none
}
.modal .modal-content .tab-form .error .error-control{
    border:1px solid red
}
.modal .modal-content .tab-form .error .er{
    display:inline-block;
    color:red
}
.modal .modal-content .tab-form .error .required{
    font-size:13px;
    color:red;
    margin-top:5px
}
.modal .modal-content .tab-form label{
    font-size:14px
}
.modal .modal-content .tab-form .cal-picker{
    position:relative
}
.modal .modal-content .tab-form .cal-picker .material-icons{
    position:absolute;
    top:50%;
    right:10px;
    transform:translateY(-50%);
    color:#a7a7a7
}
.modal .modal-content .tab-form .rdio{
    position:relative;
    display:inline-block;
    margin-right:15px
}
.modal .modal-content .tab-form .rdio input[type=radio]{
    opacity:0
}
.modal .modal-content .tab-form .rdio label{
    padding-left:10px;
    cursor:pointer;
    margin-bottom:0!important
}
.modal .modal-content .tab-form .rdio label:before{
    width:18px;
    height:18px;
    position:absolute;
    top:1px;
    left:0;
    content:"";
    display:inline-block;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    border:1px solid #702fff;
    background:#fff
}
.modal .modal-content .tab-form .rdio input[type=radio]{
    margin:0
}
.modal .modal-content .tab-form .rdio input[type=radio]:disabled+label{
    color:#999
}
.modal .modal-content .tab-form .rdio input[type=radio]:disabled+label:before{
    background-color:#702fff
}
.modal .modal-content .tab-form .rdio input[type=radio]:checked+label::after{
    content:"";
    position:absolute;
    top:5px;
    left:4px;
    display:inline-block;
    font-size:11px;
    width:10px;
    height:10px;
    background-color:#702fff;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px
}
.modal .modal-content .tab-form .rdio-default input[type=radio]:checked+label:before{
    border-color:#702fff
}
.modal .modal-content .tab-form .rdio-primary input[type=radio]:checked+label:before{
    border-color:#702fff
}
.modal .modal-content .tab-form .rdio-primary input[type=radio]:checked+label::after{
    background-color:#702fff
}
.custom-checkbox a{
    font-size:13px
}
.custom-checkbox label{
    color:#333;
    font-size:15px
}
.custom-checkbox label,.custom-checkbox>[type=checkbox]{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.custom-checkbox>[type=checkbox]:checked,.custom-checkbox>[type=checkbox]:not(:checked){
    position:absolute;
    left:-9999px
}
.custom-checkbox>[type=checkbox]:checked+label,.custom-checkbox>[type=checkbox]:not(:checked)+label{
    position:relative;
    padding-left:30px;
    cursor:pointer
}
.custom-checkbox>[type=checkbox]:checked+label:before,.custom-checkbox>[type=checkbox]:not(:checked)+label:before{
    content:"";
    position:absolute;
    left:0;
    top:12px;
    margin-top:-10px;
    width:18px;
    height:18px;
    text-align:center;
    border:1px solid #702fff;
    background:#fff;
    border-radius:4px
}
.custom-checkbox>[type=checkbox]:checked+label:after,.custom-checkbox>[type=checkbox]:not(:checked)+label:after{
    content:"";
    font-family:FontAwesome;
    position:absolute;
    top:11px;
    margin-top:-10px;
    text-align:center;
    left:3px;
    font-size:14px;
    color:#702fff;
    transition:all .2s
}
.custom-checkbox>[type=checkbox]:not(:checked)+label:after{
    opacity:0;
    transform:scale(0)
}
.custom-checkbox>[type=checkbox]:checked+label:after{
    opacity:1;
    transform:scale(1)
}
.custom-checkbox>[type=checkbox][data-indeterminate]+label:after{
    content:"−";
    left:2px;
    opacity:1;
    transform:scale(1)
}
.custom-checkbox>[type=checkbox]:disabled:not(:checked)+label:before{
    box-shadow:none;
    background-color:#eee;
    border-color:#eee;
    cursor:not-allowed;
    opacity:1;
    color:#dadada
}
.custom-checkbox>[type=checkbox]:disabled:checked+label:before{
    box-shadow:none;
    background-color:#eee;
    border-color:#eee;
    cursor:not-allowed;
    opacity:1;
    color:#702fff
}
.custom-checkbox>[type=checkbox]:disabled:checked+label:after{
    color:#702fff;
    cursor:not-allowed
}
.custom-checkbox>[type=checkbox]:disabled+label{
    color:#aaa;
    cursor:not-allowed
}
.custom-checkbox>[type=checkbox]:checked:focus+label:before,.custom-checkbox>[type=checkbox]:not(:checked):focus+label:before{
    border:1px solid #702fff;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.custom-checkbox label:hover:before{
    border:1px solid #702fff!important
}
.custom-checkbox [type=checkbox]:disabled:checked+label:hover:before,.custom-checkbox [type=checkbox]:disabled:not(:checked)+label:hover:before{
    border:1px solid #702fff!important
}
.polygon-bg:before{
    content:"";
    opacity:.76;
    background:#fff;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:-1
}
.tnc{
    padding:80px 0 40px
}
.tnc h3{
    font-size:20px;
    font-weight:600;
    margin-bottom:20px
}
.tnc h4{
    font-size:16px;
    font-weight:600;
    line-height:1.5
}
.tnc ul{
    margin-left:20px;
    margin-top:10px
}
.tnc li{
    margin-left:12px;
    line-height:26px;
    margin-bottom:15px;
    text-align:justify;
    color:#333
}
.tnc li h5{
    font-size:15px;
    font-weight:600
}
.pri-policy{
    padding:80px 0 40px
}
.pri-policy h2{
    font-size:20px;
    font-weight:600;
    margin-bottom:20px
}
.pri-policy h3{
    font-size:16px;
    font-weight:600;
    margin-bottom:10px
}
.pri-policy h4{
    font-size:16px;
    font-weight:600;
    line-height:1.5
}
.pri-policy ul{
    margin-left:20px;
    margin-top:10px
}
.pri-policy b,.pri-policy strong{
    color:#333;
    font-weight:600
}
.pri-policy li{
    margin-left:12px;
    line-height:26px;
    margin-bottom:15px;
    text-align:justify;
    color:#333
}
.pri-policy li h5{
    font-size:15px;
    font-weight:600
}
.quote-accept .text-succes{
    color:#18dc59;
    font-size:18px;
    margin-bottom:8px;
    font-weight:500;
    display:block
}
.quote-accept .text-dangerr{
    color:#ffbc00;
    font-size:18px;
    margin-bottom:8px;
    font-weight:500;
    display:block
}
.quote-accept h3{
    font-weight:600
}
.quote-accept p{
    max-width:600px;
    margin:0 auto;
    font-weight:500
}
.quote-accept p .expert-link{
    color:#702fff;
    text-decoration:underline
}
.accept-steps{
    background-color:#f8f5ff;
    border-radius:8px;
    text-align:left;
    padding:35px 40px 20px;
    max-width:650px;
    margin:0 auto
}
.accept-steps .text-blue{
    font-weight:500
}
.accept-steps h5{
    font-weight:600
}
.accept-steps li{
    margin:10px 0;
    padding-left:30px;
    position:relative
}
.accept-steps li i{
    height:18px;
    width:18px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:3px;
    text-align:center;
    padding-top:2px;
    color:#fff;
    background-color:#702fff
}
@media (max-width:991px){
    .accept-steps{
        padding:30px 30px 20px
    }
    .menubar li.nav-item.px-15.dropdown.dropdown-btn.cust-btn{
        width:100%
    }
    .menubar li.nav-item.px-15.dropdown.dropdown-btn{
        padding:0
    }
}
.thanks-page{
    padding:40px 0!important
}
.thanks-page .thanks-box .thanks-title{
    margin:0;
    margin-bottom:5px;
    font-size:24px
}
.thanks-page .thanks-box .description{
    font-size:15px
}
.thanks-page .thanks-box .info{
    font-size:15px
}
.thanks-page .thanks-box .items{
    margin-bottom:40px;
    padding-left:13px
}
.thanks-page .thanks-box .item{
    position:relative;
    box-shadow:0 5px 15px #0000003D;
    border-radius:10px;
    padding:15px 20px;
    padding-right:50px;
    background-color:#fff;
    margin:25px 0 40px
}
.thanks-page .thanks-box .item:before{
    content:"";
    transform:rotate(-1deg);
    background:#702fff;
    box-shadow:0 3px 15px #0000001A;
    height:100%;
    width:100%;
    position:absolute;
    z-index:0;
    top:0;
    right:10px;
    transform-origin:bottom right;
    border-radius:10px
}
.thanks-page .thanks-box .item .overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:#fff;
    border-radius:10px;
    z-index:0
}
.thanks-page .thanks-box .item .title{
    color:#333;
    font-size:18px;
    padding-bottom:13px;
    position:relative;
    font-weight:600;
    margin-bottom:11px
}
.thanks-page .thanks-box .item .title:before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:40px;
    height:2px;
    background:#702fff;
    opacity:.27
}
.thanks-page .thanks-box .item p{
    font-size:14px;
    position:relative;
    margin-bottom:0
}
.thanks-page .thanks-box .item .icon{
    width:55px;
    height:50%;
    border-radius:10px;
    background-color:rgba(112,47,255,.04);
    position:absolute;
    top:0;
    right:0
}
.thanks-page .thanks-box .item .icon span{
    position:relative
}
.thanks-page .thanks-box .item .icon span:before{
    margin:0;
    color:#702fff;
    font-size:50px;
    transform:translateX(-40%);
    position:absolute
}
@media (max-width:767px){
    .mainebook-inner{
        width:100%
    }
    .thanks-page .thanks-box{
        padding:30px
    }
    .thanks-page .thanks-box .item{
        padding:20px;
        padding-right:50px
    }
    .thanks-page .thanks-box .item .icon{
        height:34%
    }
    .thanks-page .thanks-box .item .icon span:before{
        font-size:50px
    }
}
.expert-detail{
    background-color:#fff
}
.expert-detail .inner-content{
    background:#fff;
    box-shadow:0 3px 16px #0000001A;
    border-radius:15px
}
.expert-detail .exp-title{
    font-size:16px;
    font-weight:600;
    margin-bottom:15px
}
@media (max-width:767px){
    .leftfind-content h1{
        font-size:34px
    }
    .letsfind-bg{
        padding:0 0 26px 0
    }
    .expert-detail .exp-title{
        margin-top:20px
    }
}
.expert-detail .exp-content{
    margin-bottom:20px
}
.expert-detail .skills li{
    margin-bottom:10px;
    padding-left:20px;
    position:relative
}
.expert-detail .skills li:before{
    content:"";
    height:7px;
    width:7px;
    border:1px solid #702fff;
    position:absolute;
    top:7px;
    left:0;
    border-radius:50%
}
.expert-detail .skills li:last-child{
    margin-bottom:0
}
@media (min-width:768px){
    .expert-detail .skills.divide li{
        width:49%;
        display:inline-block
    }
}
@media (min-width:500px){
    .expert-detail .skills li{
        width:50%;
        float:left
    }
    .expert-detail .skills:after,.expert-detail .skills:before{
        content:"";
        clear:both;
        display:block;
        width:100%
    }
}
.expert-detail .top-content{
    background:#f9f6ff;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    padding:30px 30px 20px
}
.expert-detail .top-content .profile{
    padding-left:100px;
    padding-right:120px;
    min-height:91px;
    position:relative;
    height:100%
}
.expert-detail .top-content .profile .featured-img{
    position:absolute;
    top:0;
    left:0;
    border-radius:5px;
    overflow:hidden
}
.expert-detail .top-content .profile .featured-img img{
    border-radius:5px;
    width:80px
}
.expert-detail .top-content .profile .detail{
    display:flex;
    flex-direction:column;
    height:100%
}
.expert-detail .top-content .profile .detail .name{
    font-size:22px;
    margin:0
}
.expert-detail .top-content .profile .address{
    position:relative;
    color:#af9fd4;
    margin-top:5px
}
.expert-detail .top-content .profile .address:before{
    content:"";
    font-family:FontAwesome;
    margin-right:10px
}
.expert-detail .top-content .profile .rating{
    background:#fff;
    box-shadow:0 3px 13px #0000001C;
    border-radius:6px;
    position:absolute;
    top:10px;
    right:30px;
    padding:5px 10px;
    color:#f5ab00
}
@media (min-width:1200px){
    .expert-detail .top-content .profile .rating{
        right:50px
    }
}
.expert-detail .top-content .profile .rating i{
    margin:0 2px
}
@media (max-width:991px){
    .ebooksbenfits-border{
        border-right:none
    }
    .expert-detail .top-content .profile{
        padding-right:0;
        margin-bottom:15px;
        height:auto
    }
    .expert-detail .top-content .profile .address{
        margin:0 0 5px 0
    }
    .expert-detail .top-content .profile .detail{
        padding-top:0
    }
}
@media (max-width:476px){
    .expert-detail .top-content .profile .rating{
        position:relative;
        display:inline-block;
        left:0;
        top:0;
        margin-top:10px
    }
}
@media (min-width:1200px){
    .expert-detail .top-content .profile{
        border-right:1px solid #702FFF12
    }
}
.expert-detail .bottom-content{
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px
}
.expert-detail .bottom-content .item{
    padding:30px 30px 15px;
    border-bottom:1px solid #e3e3e3
}
.expert-detail .bottom-content .item:last-child{
    border:0
}
.modal-backdrop{
    z-index:999999;
    background-color:#fff;
    opacity:.9!important
}
.footer-section{
    background-color:#fcfcfc;
    padding:0 0 5px
}
.footer-section .footer-logo{
    padding:0 0 5px
}
.footer-section .footer-logo img{
    max-width:145px
}
.footer-section .callout-section{
    margin-bottom:-50px;
    padding:40px;
    background-size:76%;
    border-radius:10px;
    z-index:99;
    position:relative;
    transform:translateY(-50%)
}
.footer-section .callout-section .cursive-shape{
    overflow:hidden;
    background:#702fff url(../images/shapes/cta-bg.png) 0 0 no-repeat;
    border-radius:10px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-position:100% 40%;
    z-index:0
}
.footer-section .callout-section .cursive-shape:before{
    content:"";
    position:absolute;
    height:200%;
    width:70%;
    top:0;
    right:-18%;
    background:#fff;
    opacity:.2;
    transform:skewX(25deg)
}
@media (max-width:476px){
    .footer-section .callout-section .cursive-shape:before{
        width:70%;
        right:-42%
    }
}
.footer-section .callout-section h3{
    font-size:28px;
    color:#fff;
    font-weight:600
}
.footer-section .callout-section p{
    color:#fff;
    font-size:20px
}
.footer-section .footer-area .content{
    margin-top:15px
}
.footer-section .footer-area .footer-widget{
    margin:15px 0 30px
}
.footer-section .footer-area .footer-heading{
    font-size:22px;
    font-weight:600;
    color:#333;
    margin-top:0;
    margin-bottom:30px;
    padding-bottom:15px;
    position:relative
}
.footer-section .footer-area .footer-heading:before{
    content:"";
    height:3px;
    width:42px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:0
}
.footer-section .footer-area .footer-heading:after{
    content:"";
    height:3px;
    width:10px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:50px
}
.footer-section .footer-area .contact-list li{
    padding-left:30px;
    position:relative;
    margin-bottom:15px
}
.footer-section .footer-area .contact-list li .material-icons{
    font-size:18px;
    position:absolute;
    top:2px;
    left:0;
    color:#333
}
.footer-section .footer-area .contact-list li span:not(.material-icons){
    color:#707070
}
.footer-section .footer-area .footer-menu li{
    margin-bottom:10px
}
.footer-section .footer-area .footer-menu li a{
    color:#707070;
    display:block;
    position:relative;
    padding-bottom:5px;
    padding-left:15px;
    transition:.3s all
}
.footer-section .footer-area .footer-menu li a:after{
    content:""!important;
    font-family:FontAwesome;
    position:absolute;
    left:0;
    top:2px;
    font-size:16px;
    line-height:1;
    transition:.3s all
}
.footer-section .footer-area .footer-menu li a:hover{
    color:#702fff
}
.footer-section .footer-area .footer-menu li a:hover:after{
    left:3px;
    color:#702fff
}
.pt-50{
    padding-top:35px
}
.copyright-section{
    box-shadow:0 5px 15px #0000001C;
    padding:10px 0
}
.copyright-section span{
    font-weight:500;
    display:inline-block;
    margin:8px auto;
    color:#333
}
.copyright-section .social-link{
    margin:5px auto;
    margin-right:40px
}
.copyright-section .social-link li{
    margin-left:15px;
    display:inline-block;
    font-size:18px
}
.copyright-section .social-link li a{
    transition:.3s all;
    color:#333;
    display:block;
    background:#fff;
    padding:0 3px 3px;
    box-shadow:0 2px 5px #ccc;
    border-radius:5px
}
.copyright-section .social-link li a:hover{
    color:#702fff
}
.copyright-section .social-link li a img{
    max-width:25px
}
.color-one{
    color:#702fff
}
.double-bordered-heading{
    font-size:22px;
    font-weight:600;
    color:#333;
    margin-top:0;
    margin-bottom:30px;
    padding-bottom:15px;
    position:relative
}
.double-bordered-heading:before{
    content:"";
    height:3px;
    width:42px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:0
}
.double-bordered-heading:after{
    content:"";
    height:3px;
    width:10px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:50px
}
.btn-theme-one{
    background-color:#ff5b83;
    box-shadow:0 4px 10px #00000026;
    border-radius:5px;
    color:#fff;
    padding:.7rem 1rem;
    font-size:14px;
    min-width:150px;
    border:none
}
.btn-theme-one .material-icons{
    margin-left:10px;
    font-size:inherit;
    display:inline-block;
    vertical-align:middle
}
.btn-theme-one:focus,.btn-theme-one:hover{
    color:#fff
}
.btn-theme-one:hover{
    box-shadow:0 4px 10px #00000026
}
.btn-theme-two{
    background-color:#702fff;
    box-shadow:0 4px 10px #00000026;
    border-radius:5px;
    color:#fff;
    padding:.7rem 1.5rem;
    font-size:14px;
    min-width:150px;
    display:inline-block
}
.btn-theme-two .material-icons{
    margin-left:10px;
    font-size:inherit;
    display:inline-block;
    vertical-align:middle
}
.btn-theme-two:hover{
    color:#fff
}
.btn-theme-three{
    background-color:#fff;
    box-shadow:0 4px 10px #00000026;
    border-radius:5px;
    color:#702fff;
    padding:.7rem 1.5rem;
    font-size:14px;
    min-width:150px;
    display:inline-block;
    border:0
}
.btn-theme-three .material-icons{
    margin-left:10px;
    font-size:inherit;
    display:inline-block;
    vertical-align:middle
}
.btn-theme-three.btn-anim:before{
    background:rgba(112,47,255,.3);
    color:#702fff
}
.read-more{
    background-color:#ff5b83;
    box-shadow:0 4px 10px #00000026;
    border-radius:5px;
    color:#fff;
    padding:.5rem .8rem;
    font-size:14px;
    min-width:120px
}
.read-more i{
    margin-left:10px
}
.read-more:hover{
    color:#fff
}
#toTopBtn{
    display:none;
    position:fixed;
    bottom:95px;
    right:0;
    width:30px;
    height:39px;
    text-align:center;
    z-index:999;
    border:none;
    outline:0;
    background-color:#702fff;
    color:#fff;
    line-height:39px;
    box-shadow:0 3px 10px #0000004F;
    border-radius:5px;
    -webkit-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s
}
#toTopBtn i{
    -webkit-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s
}
#toTopBtn:hover{
    opacity:.8
}
.page-section{
    padding:80px 0
}
@media (min-width:992px){
    .pb-200{
        padding-bottom:200px
    }
}
.page-title{
    padding:80px 0;
    background:transparent linear-gradient(90deg,#f5f1ff 0,#fff 100%);
    position:relative;
    overflow:hidden
}
.page-title h2{
    font-size:35px;
    font-weight:600;
    margin:0;
    padding:0
}
.page-title .shape-one{
    position:absolute;
    top:0;
    left:5%;
    transform:translateY(-65%)
}
.page-title .shape-two{
    position:absolute;
    bottom:0;
    right:0;
    max-width:50px;
    transform:translateX(40%)
}
.page-title .shape-three{
    position:absolute;
    bottom:30px;
    right:20%;
    max-width:40px;
    transform:translateY(30%);
    animation:jump 10s ease-in-out alternate infinite
}
.page-title .shape-four{
    position:absolute;
    top:30px;
    left:48%;
    animation:rotated 15s ease-in-out alternate infinite;
    max-width:40px
}
.page-title .shape-five{
    position:absolute;
    bottom:0;
    left:0;
    max-width:150px;
    transform:translate(-20%,40%)
}
.page-title .shape-six{
    position:absolute;
    top:0;
    right:0;
    max-width:150px;
    transform:translate(10%,10px)
}
.page-title .shape-seven{
    position:absolute;
    bottom:5px;
    left:20%;
    max-width:40px;
    transform:translateY(30%);
    animation:jump 10s ease-in-out alternate infinite
}
.sidebar .widget{
    position:relative
}
.sidebar .widget:not(:last-child){
    margin-bottom:40px
}
.sidebar .search-box .input-group{
    box-shadow:0 3px 10px #0000001A;
    border-radius:5px
}
.sidebar .search-box .input-group input{
    border:0;
    min-height:44px
}
.sidebar .search-box .input-group button{
    width:40px;
    background-color:transparent;
    border:0;
    color:#702fff;
    border-radius:5px;
    cursor:pointer;
    padding-top:0
}
.sidebar .widget-title{
    font-weight:600;
    font-size:18px;
    padding-bottom:12px;
    margin-bottom:25px;
    position:relative
}
.sidebar .widget-title:before{
    content:"";
    height:2px;
    width:40px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:0
}
.sidebar .lists li{
    font-size:16px;
    color:#505050;
    padding:8px 0
}
.sidebar .lists li a{
    position:relative;
    display:block;
    padding-right:30px
}
.sidebar .lists li a:hover{
    color:#702fff
}
.sidebar .lists li a span{
    position:absolute;
    top:50%;
    right:5px;
    transform:translateY(-50%)
}
.sidebar .lists li:not(:last-child){
    border-bottom:1px solid #f0f0f0
}
.sidebar .news-post{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:20px
}
.sidebar .news-post .thumb{
    width:70px;
    margin:0;
    margin-right:15px;
    -ms-flex-negative:0;
    flex-shrink:0
}
.sidebar .news-post .thumb img{
    border-radius:5px
}
.sidebar .news-post .news-content a{
    color:#333;
    line-height:1;
    font-weight:500;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    font-size:15px
}
.sidebar .news-post .news-content a:hover{
    color:#702fff
}
.sidebar .news-post .news-content p{
    color:#702fff;
    font-size:12px;
    margin-top:5px;
    font-style:italic;
    margin-bottom:0
}
.sidebar .tags li{
    display:inline-block;
    margin:0 15px 15px 0
}
.sidebar .tags li a{
    display:block;
    padding:5px 15px;
    border-radius:5px;
    border:1px solid #d8d8d8
}
.sidebar .tags li a:hover{
    border:1px solid transparent;
    box-shadow:0 3px 10px #0000001A
}
.section-heading-two{
    font-size:22px;
    font-weight:600;
    color:#333;
    margin-top:0;
    margin-bottom:30px;
    padding-bottom:15px;
    position:relative
}
.section-heading-two:before{
    content:"";
    height:3px;
    width:42px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:0
}
.section-heading-two:after{
    content:"";
    height:3px;
    width:10px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:50px
}
.blog-item{
    background:#fff;
    box-shadow:0 5px 20px #0000001A;
    border-radius:10px;
    padding-top:1px;
    margin-bottom:30px
}
.blog-item .image-wrap{
    position:relative;
    overflow:hidden;
    border-radius:10px;
    margin:10px;
    height:200px;
    text-align:center
}
.blog-item .image-wrap img{
    transition:.3s all;
    margin:auto;
    width:100%;
    height:260px;
    object-fit:fill
}
.blog-item .blog-date{
    position:absolute;
    bottom:20px;
    left:20px;
    display:none
}
.blog-item .blog-date span{
    font-weight:500;
    text-transform:capitalize;
    color:#333;
    max-width:70px;
    border-radius:5px;
    display:inline-block;
    text-align:center;
    background-color:#fff;
    padding:8px 10px;
    font-size:14px;
    line-height:1.4;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    min-width:115px;
    max-width:100%
}
.blog-item .blog-content{
    padding:20px;
    transition:.3s all;
    height:220px
}
.blog-item .blog-content:hover .blog-info{
    border-color:#ccc8d7
}
.blog-item .blog-content:hover .blog-info li:not(:first-child){
    border-color:#ccc8d7
}
.blog-item .blog-content h5{
    font-size:20px;
    margin-bottom:10px
}
.blog-item .blog-content h5 a:hover{
    color:#702fff
}
.blog-item .blog-content .blog-info{
    border-bottom:1px solid #f0f0f0;
    margin-bottom:15px;
    white-space:nowrap;
    transition:.3s all;
    padding-bottom:10px
}
.blog-item .blog-content .blog-info li{
    display:inline-block;
    margin:5px 0;
    padding-right:20px
}
.blog-item .blog-content .blog-info li .material-icons-round{
    font-size:18px;
    margin:0 6px 0 0;
    line-height:1;
    vertical-align:top
}
.blog-item .blog-content .blog-info li .material-icons{
    font-size:18px;
    margin:0 6px 0 0;
    line-height:1;
    vertical-align:top
}
.blog-item .blog-content .blog-info li:not(:first-child){
    border-left:1px solid #f0f0f0;
    padding-left:20px;
    transition:.3s all
}
.blog-item:hover .blog-date span{
    background-color:#702fff;
    color:#fff
}
.blog-item:hover .image-wrap img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.blog-item:hover .blog-content{
    background-color:#f0eaff
}
.load-more{
    font-size:18px;
    position:relative;
    padding:0 0 5px 0;
    font-weight:500;
    display:inline-block;
    color:#702fff
}
.load-more:after{
    content:"";
    border-bottom:1px solid #702fff;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    transition:.3s all
}
.load-more:hover{
    color:#ff5b83
}
.load-more:hover:after{
    border-bottom:1px solid #ff5b83
}
@media (max-width:991px){
    .blog-detail{
        margin-bottom:100px
    }
}
.blog-detail .image-wrap{
    border-radius:10px;
    position:relative;
    overflow:hidden
}
.blog-detail .image-wrap img{
    border-radius:10px
}
.blog-detail .content{
    box-shadow:0 5px 20px #00000014;
    background-color:#fff;
    padding:40px;
    margin:-40px 40px 0;
    position:relative;
    z-index:9;
    border-radius:10px
}
.blog-detail .content h3{
    font-size:24px;
    font-weight:600;
    margin:0 auto 20px
}
.blog-detail .content .blog-info{
    border-bottom:1px solid #f0f0f0;
    margin:0 auto 20px;
    white-space:nowrap;
    padding-bottom:10px
}
.blog-detail .content .blog-info li{
    display:inline-block;
    margin:5px 0;
    padding-right:20px
}
.blog-detail .content .blog-info li .material-icons{
    font-size:18px;
    margin:0 10px 0 0;
    line-height:1;
    vertical-align:top
}
.blog-detail .content .blog-info li:not(:first-child){
    border-left:1px solid #f0f0f0;
    padding-left:20px
}
.blog-detail .content hr{
    margin-top:2rem;
    margin-bottom:2rem;
    border:0;
    border-top:1px solid #f0f0f0
}
.blog-detail .content blockquote{
    box-shadow:0 5px 20px #00000014;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    border-left:6px solid #702fff;
    background-color:#fbf9ff;
    padding:30px;
    font-style:italic;
    margin:30px auto;
    position:relative
}
.blog-detail .content blockquote p:first-letter{
    padding-left:20px
}
.blog-detail .content blockquote p{
    margin:0
}
.blog-detail .content blockquote .material-icons{
    color:rgba(112,47,255,.12);
    transform:scaleX(-1);
    font-size:32px;
    position:absolute;
    top:25px;
    left:15px
}
.blog-detail .content h4{
    font-size:18px;
    font-weight:600;
    margin:30px auto 20px
}
.blog-detail .content ul.list li{
    padding-left:15px;
    position:relative;
    margin-bottom:20px
}
.blog-detail .content ul.list li:before{
    content:"";
    position:absolute;
    top:7px;
    left:0;
    height:7px;
    width:7px;
    background-color:#707070;
    border-radius:50%
}
.blog-detail .content .list-with-heading li{
    display:inline-block;
    margin:0 10px 15px 0
}
.blog-detail .content .list-with-heading li.title{
    font-weight:500;
    color:#333;
    margin:0 10px 10px 0
}
.blog-detail .content .list-with-heading li a{
    display:block;
    padding:5px 15px;
    border-radius:5px;
    border:1px solid #d8d8d8
}
.blog-detail .content .list-with-heading li a:hover{
    border:1px solid transparent;
    box-shadow:0 3px 10px #0000001A
}
.blog-detail .content .list-with-heading.social li:not(.title) a{
    padding:5px;
    height:30px;
    width:30px;
    position:relative;
    text-align:center;
    padding-top:3px
}
.blog-detail .navi-btns{
    margin-top:40px
}
.blog-detail .navi-btns a{
    box-shadow:0 1px 6px #00000029;
    background-color:#fff;
    color:#702fff;
    border-radius:5px;
    padding:5px 20px
}
.blog-detail .navi-btns a span{
    margin:0;
    vertical-align:middle;
    font-size:18px
}
.blog-detail .navi-btns a:hover{
    background-color:#702fff;
    color:#fff
}
.blog-detail .navi-btns .prev span{
    margin-right:10px
}
.blog-detail .navi-btns .next span{
    margin-left:10px
}
.blog-detail .callout-section{
    padding:40px 40px;
    position:relative;
    background-color:#fff;
    margin:50px auto;
    border-top:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    z-index:99
}
.blog-detail .callout-section:before{
    content:"";
    width:70px;
    height:70px;
    border-top:7px solid #e1d3ff;
    border-left:7px solid #e1d3ff;
    position:absolute;
    top:0;
    left:0
}
.blog-detail .callout-section:after{
    content:"";
    width:70px;
    height:70px;
    border-bottom:7px solid #e1d3ff;
    border-right:7px solid #e1d3ff;
    position:absolute;
    bottom:0;
    right:0
}
.blog-detail .callout-section h2{
    margin-bottom:25px;
    font-weight:600;
    font-size:32px;
    line-height:1.4
}
.blog-detail .author-box{
    padding:30px;
    box-shadow:0 10px 30px #0000001A;
    border-radius:10px;
    position:relative;
    background-color:#fff;
    padding-left:140px
}
.blog-detail .author-box .featured-image{
    border-radius:10px;
    position:absolute;
    top:30px;
    left:30px
}
.blog-detail .author-box .featured-image img{
    border-radius:10px
}
.blog-detail .author-box .author-name{
    font-size:18px;
    font-weight:600
}
.blog-detail .author-box a{
    color:#702fff;
    font-size:14px;
    display:block;
    font-weight:500
}
.blog-detail .author-box p{
    margin-top:10px;
    margin-bottom:0
}
.focus{
    color:#702fff;
    font-weight:600
}
.page-title-two{
    padding:120px 0 50px;
    background:transparent linear-gradient(90deg,#f5f1ff 0,#fff 100%)
}
.page-title-two h2{
    font-size:28px
}
.f-bold{
    font-weight:700
}
.v-middle{
    vertical-align:middle
}
.f-medium{
    font-weight:600
}
.gradient-rtl{
    background:transparent linear-gradient(270deg,#f5f1ff 0,#fff 100%)
}
.gradient-ltr{
    background:transparent linear-gradient(90deg,#f5f1ff 0,#fff 100%)
}
.join-section{
    background-color:#702fff;
    position:relative;
    padding:60px 0
}
.join-section .shape-one,.join-section .shape-two{
    height:60%;
    max-height:100px;
    width:100px;
    background-color:#7e44ff;
    position:absolute;
    box-shadow:0 0 10px rgba(0,0,0,.1)
}
@media (min-width:1450px){
    .join-section .shape-one,.join-section .shape-two{
        width:140px
    }
}
.join-section .shape-one{
    border-top-right-radius:30px;
    bottom:0;
    left:0
}
.join-section .shape-two{
    border-bottom-left-radius:30px;
    top:0;
    right:0
}
.join-section h2{
    font-size:24px;
    color:#fff;
    margin-bottom:15px
}
.join-section p{
    font-size:16px;
    color:#fff
}
@media (min-width:992px){
    .join-section p{
        margin:0
    }
}
.how-section{
    padding-bottom:50px
}
.how-section .work-box{
    margin:20px auto 30px
}
.how-section .work-box .icon{
    height:120px;
    width:120px;
    color:#fff;
    margin:0 auto 15px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    position:relative
}
.how-section .work-box .icon:after{
    content:"";
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    border-radius:50%;
    border:10px solid rgba(255,255,255,.6)
}
.how-section .work-box .icon span{
    font-size:50px
}
.how-section .work-box .icon.people{
    background-color:#ce47e4
}
.how-section .work-box .icon.message{
    background-color:#f7d31c
}
.how-section .work-box .icon.contact{
    background-color:#61d442
}
.how-section .work-box h4{
    font-size:20px;
    font-weight:600
}
.how-section .access-box{
    padding:50px;
    position:relative
}
.how-section .access-box .shape-one{
    max-width:100px;
    transform:translate(-50%,-50%);
    position:absolute;
    top:0;
    left:0;
    animation:rotated 25s ease-in-out alternate infinite
}
.how-section .access-box:after{
    content:"";
    height:50%;
    width:50%;
    position:absolute;
    bottom:0;
    right:0;
    background:url(../images/mask.png);
    z-index:0
}
.how-section .access-box .inner-box{
    box-shadow:0 10px 40px #00000012;
    border-radius:10px;
    padding:45px;
    position:relative;
    z-index:999;
    background-color:#fff
}
.how-section .access-box .inner-box h2{
    font-size:28px;
    font-weight:600;
    margin-bottom:20px
}
.how-section .access-box .inner-box h2 span{
    color:#f2b12f
}
.how-section .access-box p{
    margin-bottom:10px
}
.how-section .access-box .text-red{
    color:red
}
.text-secondry{
    position:relative;
    margin-bottom:10px;
    font-size:15px;
    color:#333;
    font-weight:500
}
.client-portal-section .feature-box li{
    margin-bottom:15px
}
.client-portal-section .feature-box li .pill{
    box-shadow:5px 5px 20px #00000014;
    display:flex;
    align-items:center;
    padding:5px;
    border-radius:10px;
    background-color:#fff;
    padding-left:65px;
    position:relative;
    min-height:54px
}
.client-portal-section .feature-box li .pill .icon{
    height:42px;
    width:42px;
    background-color:#702fff;
    border-radius:5px;
    position:absolute;
    top:50%;
    left:5px;
    transform:translateY(-50%);
    display:flex;
    justify-content:center;
    align-items:center
}
.client-portal-section .feature-box li .pill .icon span{
    color:#fff
}
.client-portal-section .feature-box li .pill h5{
    font-size:16px;
    font-weight:600;
    margin:0
}
@media (min-width:1300px){
    .client-portal-section .desktop img{
        max-width:600px
    }
}
.entity-section{
    padding-bottom:80px;
    position:relative
}
.entity-section .shape-one{
    position:absolute;
    left:3%;
    top:5%;
    z-index:1;
    animation:rotated 10s ease-in-out alternate infinite;
    max-width:40px
}
.entity-section .shape-two{
    position:absolute;
    left:49%;
    top:50%;
    animation:jump 10s ease-in-out alternate infinite;
    max-width:32px
}
.entity-section .shape-three{
    position:absolute;
    right:25%;
    top:10%;
    animation:rotated 10s ease-in-out alternate infinite;
    max-width:40px
}
.entity-section .shape-four{
    position:absolute;
    right:3%;
    bottom:10%;
    animation:rotated 12s ease-in-out alternate infinite;
    max-width:40px
}
.entity-section .shape-five{
    position:absolute;
    left:25%;
    bottom:7%;
    animation:rotated 15s ease-in-out alternate infinite;
    max-width:40px
}
@media (max-width:1199px){
    .menubar li.nav-item.btn-one.btn-anim{
        margin:0!important;
        padding:0
    }
    .menubar .navbar-light .navbar-nav .nav-link{
        padding-right:16px
    }
    .entity-section .shape-five,.entity-section .shape-four,.entity-section .shape-one,.entity-section .shape-three,.entity-section .shape-two{
        display:none
    }
}
.entity-section .container{
    width:100%
}
@media (min-width:1200px){
    .entity-section .container{
        width:100%;
        max-width:1600px;
        padding:0 80px
    }
}
.entity-section .entity-box{
    background-color:rgba(6,214,160,.04);
    border-bottom:8px solid #06d6a0;
    border-radius:5px;
    padding:40px
}
.entity-section .entity-box p{
    font-size:14px
}
.entity-section .entity-box .check-lists{
    border:0
}
.entity-section .entity-box .check-lists li{
    font-weight:400;
    color:#707070;
    line-height:26px;
    text-align:justify
}
.entity-section .entity-box .check-lists li:after{
    border-bottom:2px solid #06d6a0;
    border-left:2px solid #06d6a0;
    top:8px
}
.entity-section .entity-box .check-lists li:before{
    height:22px;
    width:22px;
    border-radius:50%
}
.entity-section .entity-box .section-title-bordered{
    color:#06d6a0
}
.entity-section .entity-box .section-title-bordered:before{
    background:#06d6a0
}
.entity-section .entity-box .section-title{
    font-size:24px
}
.entity-section .entity-box.orange{
    background-color:rgba(251,175,105,.04);
    border-bottom:8px solid #fbaf69;
    margin-top:130px
}
.entity-section .entity-box.orange .section-title-bordered{
    color:#fbaf69
}
.entity-section .entity-box.orange .section-title-bordered:before{
    background:#fbaf69
}
.entity-section .entity-box.orange li strong{
    font-weight:500;
    color:#333
}
.entity-section .entity-box.orange li:after{
    border-bottom:2px solid #fbaf69;
    border-left:2px solid #fbaf69
}
.business-section{
    padding:0 0 80px
}
.business-section .tab-area .nav-tabs{
    text-align:center
}
.business-section .tab-area .nav-tabs li{
    padding:0 5px;
    display:inline-block
}
.business-section .tab-area .nav-tabs li a{
    padding:10px 50px 0;
    display:inline-block;
    border-bottom:3px solid transparent;
    margin-bottom:-1px
}
.business-section .tab-area .nav-tabs li a.active{
    border-bottom-color:#702fff;
    color:#702fff
}
.business-section .tab-area .nav-tabs li a.active i:before{
    color:#702fff
}
.business-section .tab-area .nav-tabs li a span{
    font-size:16px;
    font-weight:400;
    display:block;
    padding:12px 0 6px
}
.business-section .tab-area .nav-tabs li a i:before{
    margin:0;
    font-size:50px
}
.business-section .tab-area .check-lists{
    border-top:0
}
.business-section .tab-area .figure{
    -webkit-mask-image:url(../images/svg2.svg);
    mask-image:url(../images/svg2.svg);
    -webkit-mask-size:contain;
    mask-size:contain;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    mask-position:center center;
    position:relative;
    display:block
}
.business-section .tab-area .figure img{
    height:auto;
    max-width:100%;
    border:none;
    -webkit-border-radius:0;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.business-section .tab-area .tab-pane a{
    font-weight:600;
    color:#702fff;
    white-space:nowrap;
    margin:0 3px
}
.business-section .tab-area .tab-section-heading{
    padding-bottom:15px;
    position:relative;
    margin-bottom:28px
}
.business-section .tab-area .tab-section-heading:before{
    content:"";
    height:3px;
    width:42px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:0
}
.business-section .tab-area .tab-section-heading:after{
    content:"";
    height:3px;
    width:10px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:50px
}
.contact-section{
    background-color:#fff;
    border-radius:5px
}
.contact-section>.row{
    box-shadow:0 3px 12px #0000001A
}
.contact-section .contact-box{
    padding:50px;
    background:#f9f8fe
}
.contact-section .contact-box ul li{
    padding-left:35px;
    position:relative;
    min-height:30px;
    margin-bottom:25px
}
.contact-section .contact-box ul li .material-icons{
    font-size:22px;
    color:#702fff;
    position:absolute;
    top:0;
    left:0
}
.contact-section .contact-box ul li .chat-btn{
    font-size:18px;
    font-weight:600;
    margin-bottom:0;
    color:#333
}
.contact-section .contact-box ul li h5{
    font-size:16px;
    font-weight:600;
    margin-bottom:0
}
.contact-section .contact-box ul li p{
    color:#333
}
.contact-section .form-box{
    padding:50px;
    background:#fff
}
.contact-section .form-box .form-control{
    background:#fff;
    box-shadow:none;
    color:#111;
    border:1px solid #e0e0e0;
    border-radius:4px;
    padding:10px 15px 10px 15px;
    height:auto;
    margin-bottom:30px
}
.contact-section .form-box textarea.form-control{
    height:auto
}
.btn.btn-big{
    padding:10px 30px;
    display:inline-block;
    font-size:18px
}
@media (max-width:1199px){
    .business-section .tab-area .nav-tabs li a{
        padding:10px 30px 0
    }
}
@media (min-width:992px) and (max-width:1199px){
    .hero-section{
        padding:80px 0 80px
    }
    .hero-section .main-wrapper .heading{
        font-size:35px
    }
    .hero-section .hero-img{
        max-width:44%
    }
    .faq-section,.process-section{
        padding-bottom:80px
    }
    .feedback-section{
        padding-bottom:150px
    }
    .why-section{
        padding-top:80px
    }
    .entity-section .entity-box .section-title{
        font-size:22px
    }
}
@media (max-width:991px){
    .hero-section .main-wrapper .heading strong span:after{
        content:none
    }
    /*.navbar-collapse{
        position:absolute;
        top:100%;
        width:100%;
        right:0;
        opacity:0;
        visibility:hidden;
        transition:.3s all;
        display:block
    }*/
    .navbar-collapse.show{
        visibility:visible;
        opacity:1;
        transition:.5s all
    }
    .page-title{
        /*padding:50px 0*/
    }
    .page-title h2{
        font-size:32px
    }
    /*.navbar-nav{
        background:#f9f9f9;
        padding:15px;
        box-shadow:0 7px 12px rgba(0,0,0,.1)
    }*/
    .navbar-nav:before{
        content:"";
        position:fixed;
        top:72px;
        left:0;
        bottom:0;
        right:0;
        height:100vh;
        background:#fff;
        opacity:.7;
        z-index:-1
    }
    .navbar-toggler-icon{
        display:block;
        width:25px;
        height:2px;
        /*margin:7px 0;*/
        position:relative;
        z-index:1;
        background-color:#702fff;
        background-image:unset!important;
        transition:.3s all
    }
    .navbar-toggler-icon:nth-child(2){
        width:20px;
        margin-left:auto
    }
    .navbar-toggler{
        padding:2px;
        line-height:1;
        border-radius:0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        -ms-border-radius:0;
        -o-border-radius:0;
        z-index:999;
        /*position:absolute;
        right:0;
        top:16px;*/
        background-color:transparent;
        border:0
    }
    .navbar-toggler:hover .bar2{
        width:25px
    }
    .navbar-toggler span.navbar-toggler-icon{
        transition:all .15s
    }
    .navbar-toggler span:nth-child(1){
       /* transform:rotate(45deg);
        transform-origin:2% 10%*/
    }
    .navbar-toggler span:nth-child(2){
        opacity:0
    }
    .navbar-toggler span:nth-child(3){
        opacity:1
    }
    .navbar-toggler span:nth-child(3){
        transform:rotate(-45deg);
        transform-origin:-3% 75%
    }
    .navbar-toggler.collapsed span:nth-child(1),.navbar-toggler.collapsed span:nth-child(3){
        transform:rotate(0)
    }
    .navbar-toggler.collapsed span:nth-child(2){
        opacity:1
    }
    .navbar-toggler.collapsed span:nth-child(3){
        opacity:1
    }
    .menubar .dropdown-menu,.menubar .navbar-light .navbar-nav .nav-link{
        text-align:center
    }
    .hero-section .main-wrapper .title{
        text-align:center;
        padding-left:0
    }
    .hero-section .main-wrapper .title:before{
        content:none
    }
    .hero-section .main-wrapper .heading{
        font-size:36px;
        text-align:center
    }
    .hero-section .input-wrapper{
        margin:30px auto 0
    }
    .faq-section .faq-shape,.hero-img{
        display:none
    }
    .section-title.banner-style:after{
        font-size:120px
    }
    .footer-section{
        padding-top:80px
    }
    .footer-section .callout-section{
        transform:translateY(0);
        margin:0 auto 30px;
        padding:30px
    }
    .footer-section .callout-section h3{
        text-align:center
    }
    .footer-section .callout-section p{
        text-align:center
    }
    .footer-section .callout-section .input-wrapper{
        margin-left:auto;
        margin-right:auto
    }
    .process-section{
        padding:80px 0
    }
    .why-section{
        padding-top:80px
    }
    .feedback-section{
        padding:100px 0 80px
    }
    .hero-section{
        padding:80px 0 80px;
        background:transparent linear-gradient(270deg,#f5f1ff 0,#fff 100%)
    }
    .hero-section .shape-three{
        right:10%;
        left:unset
    }
    .hero-section .shape-four{
        right:13%;
        bottom:10%;
        left:unset;
        top:unset
    }
    .section-title{
        font-size:30px;
        margin:0
    }
    .page-section{
        padding:80px 0
    }
    .entity-section .entity-box.orange{
        margin-top:50px
    }
    .join-section{
        text-align:center
    }
    .blog-detail .content h3{
        font-size:22px
    }
    .blog-detail .callout-section{
        padding:25px;
        text-align:center
    }
}
@media (max-width:767px){
    .input-checkbox{
        margin-bottom:20px
    }
    .blog-detail .content{
        margin:-40px 15px 0
    }
    .hero-section .main-wrapper .heading{
        font-size:27px
    }
    .page-title-two{
        text-align:center
    }
    .hero-section .main-wrapper .title{
        margin-bottom:20px
    }
    .section-title.banner-style:after{
        font-size:68px;
        transform:translate(-50%,0)
    }
    .feedback-section{
        padding:80px 0
    }
    .faq-section .callout-section{
        transform:translate(0);
        margin:0 auto 50px;
        text-align:center;
        padding:20px 25px;
        border-radius:0
    }
    .faq-section .callout-section h3{
        font-size:24px;
        margin-top:15px
    }
    .faq-section .callout-section .contact-box ul li{
        margin:0 5px;
        padding:0;
        display:inline-block
    }
    .faq-section .callout-section .contact-box ul li .material-icons{
        position:relative;
        top:5px;
        transform:translateY(0)
    }
    .faq-section .callout-section .contact-box ul li div{
        display:inline-block;
        text-align:left
    }
    .faq-section,.hero-section,.why-section{
        padding:80px 0
    }
    .process-section{
        padding-bottom:80px
    }
    .entity-section .entity-box{
        padding:25px
    }
    .footer-section .callout-section{
        padding:20px
    }
    .footer-section .callout-section h3{
        font-size:26px
    }
    .footer-section .callout-section p{
        font-size:18px
    }
    .input-wrapper{
        padding-right:140px
    }
    .input-wrapper .btn{
        padding:10px 8px;
        font-size:14px
    }
    .input-wrapper .custom-dropdown{
        padding:10px 7px
    }
    .input-wrapper .custom-dropdown:after{
        top:8px
    }
    .input-wrapper .custom-dropdown .options-list{
        margin-top:10px
    }
    .business-section .tab-area .nav-tabs li a{
        padding:10px 20px 0
    }
    .business-section .tab-area .nav-tabs li a i:before{
        font-size:40px
    }
    .business-section .tab-area .nav-tabs li a span{
        font-size:14px
    }
    .how-section .access-box .inner-box{
        padding:25px
    }
    .contact-section .contact-box,.contact-section .form-box{
        padding:30px
    }
    .copyright-section .social-link{
        margin:0 auto
    }
    .blog-detail .content{
        padding:25px
    }
    .blog-detail .author-box{
        padding:25px;
        text-align:center
    }
    .blog-detail .author-box .featured-image{
        position:relative;
        top:unset;
        left:unset;
        margin:0 auto 15px
    }
    .why-section .tabs-area .nav-item .nav-link{
        padding:8px 16px;
        font-size:14px
    }
    .why-section .tabs-area .nav-item{
        margin:5px 3px
    }
    .faq-section .callout-section .contact-box{
        text-align:left;
        margin-top:30px
    }
    .faq-section .callout-section .contact-box .chat-btn{
        top:4px
    }
    .copyright-section .social-link li{
        margin:0 10px
    }
}
@media (max-width:575px){
    .search-box form{
        width:100%;
        margin:10px auto
    }
    .ebook-search{
        margin:176px auto -70px
    }
    .ebook-search .search-box{
        margin:0 0 26px 0
    }
    .modal .modal-content .modal-title{
        font-size:22px
    }
    .modal .modal-content{
        padding:10px 15px 20px
    }
    .modal .modal-process li{
        height:55px;
        width:55px;
        font-size:16px
    }
    .modal .modal-process li span{
        line-height:35px
    }
    .modal .process-labels{
        font-size:14px
    }
    .modal .options .option{
        font-size:14px;
        padding:8px;
        margin-top:15px
    }
    .modal .modal-content .btn-nav{
        font-size:13px;
        padding:10px
    }
}
@media (min-width:1300px){
    .expert-page img{
        max-width:500px
    }
    .expert-page .left-pull{
        position:relative;
        left:-60px
    }
}
@media (max-width:380px){
    .footer-section .footer-area .footer-menu-row .col-6{
        width:100%;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
        display:block
    }
    .modal .options .option{
        font-size:12px
    }
}
@-webkit-keyframes circle{
    0%{
        opacity:1
    }
    40%{
        opacity:1
    }
    100%{
        width:200%;
        height:200%;
        opacity:0
    }
}
@keyframes circle{
    0%{
        opacity:1
    }
    40%{
        opacity:1
    }
    100%{
        width:200%;
        height:200%;
        opacity:0
    }
}
@-webkit-keyframes jump{
    0%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    40%{
        -webkit-transform:translate3d(0,50%,0);
        transform:translate3d(0,50%,0)
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes jump{
    0%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    40%{
        -webkit-transform:translate3d(0,50%,0);
        transform:translate3d(0,50%,0)
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes rotated{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes rotated{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes zoom_animation{
    0%{
        -webkit-transform:scale(1) translateY(-50%);
        transform:scale(1) translateY(-50%)
    }
    50%{
        -webkit-transform:scale(1.2) translateY(-50%);
        transform:scale(1.2) translateY(-50%)
    }
    100%{
        -webkit-transform:scale(1) translateY(-50%);
        transform:scale(1) translateY(-50%)
    }
}
@keyframes zoom_animation{
    0%{
        -webkit-transform:scale(1) translateY(-50%);
        transform:scale(1) translateY(-50%)
    }
    50%{
        -webkit-transform:scale(1.2) translateY(-50%);
        transform:scale(1.2) translateY(-50%)
    }
    100%{
        -webkit-transform:scale(1) translateY(-50%);
        transform:scale(1) translateY(-50%)
    }
}
.error-page{
    text-align:center;
    padding:20px 0;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center
}
.error-content span{
    line-height:1;
    font-size:40px;
    color:#333;
    font-family:'Josefin Sans',sans-serif;
    font-weight:700;
    text-transform:capitalize;
    display:block;
    margin-top:20px
}
.error-page .back-btn{
    border:1px solid #702fff;
    padding:10px 15px;
    color:#702fff;
    border-radius:5px
}
.error-content p{
    margin:0 auto;
    margin-top:20px;
    max-width:500px
}
.error-content .search-box{
    max-width:400px;
    margin:0 auto
}
.error-content .input-group{
    -webkit-box-shadow:0 0 20px #e5e5e5;
    box-shadow:0 0 20px #e5e5e5;
    border-radius:100px
}
.error-content .form-control{
    border-color:#fff
}
.back-to-home{
    text-align:center
}
.back-to-home a i{
    height:60px;
    width:60px;
    line-height:60px;
    border:1px solid #702fff;
    border-radius:50%;
    background-color:#fff;
    font-size:25px;
    color:#702fff;
    margin-bottom:10px;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.back-to-home a:hover i{
    background-color:#702fff;
    color:#fff
}
.back-to-home a{
    font-size:14px;
    color:#702fff;
    font-family:'Josefin Sans',sans-serif;
    text-transform:capitalize;
    font-weight:600
}
.grecaptcha-badge{
    bottom:140px!important;
    z-index:998
}
.get-started-page{
    padding:40px 0
}
.get-started-page .modal{
    display:block;
    position:relative;
    width:auto;
    height:auto;
    top:auto;
    left:auto;
    z-index:1
}
.city-navi{
    /*background-color:#f0e9ff;*/
    background: linear-gradient(256.44deg, #FFEDE0 -20.3%, #EEE4FF 125.99%);
    padding:20px 0
}
.city-navi .breadcrumb{
    justify-content:flex-end;
    background-color:transparent
}
.city-navi h1,.city-navi h3{
    font-weight:600
}
.city-navi .breadcrumb .breadcrumb-item a,.city-navi .breadcrumb .breadcrumb-item span{
    font-size:15px;
    color:#232323;
    font-weight:500
}
.city-navi .breadcrumb-item+.breadcrumb-item::before{
    display:inline-block;
    padding-right:15px;
    padding-left:15px;
    color:#232323;
    content:"/";
    font-size:13px
}
.city-info{
    position:relative
}
.city-info::after{
    position:absolute;
    top:0;
    content:'';
    right:5%;
    font-size:10px;
    background-color:#f0e9ff;
    width:45%;
    height:40px;
    transform:skewx(30deg)
}
.city-info::before{
    position:absolute;
    top:0;
    content:'';
    right:0;
    font-size:10px;
    background-color:#f0e9ff;
    width:15%;
    height:40px;
    z-index:0
}
.city-content{
    padding:100px 0 60px
}
.city-badge{
    font-size:13px;
    font-weight:500;
    padding:5px 15px;
    border-radius:4px;
    margin-bottom:10px;
    display:inline-block
}
.city-badge-success{
    background-color:rgba(24,220,89,.2);
    color:#18dc59
}
.city-info p{
    text-align:justify
}
.city-info .f-medium{
    color:#232323
}
.check-list2 li{
    margin:15px 0;
    padding-left:0px;
   /* position:relative;*/
    left: 40px;
    margin-right: 34px;
    /*display: inline-flex;*/
}
.check-list2 li i,.check-list2 li span{
    height:18px;
    width:18px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:3px;
    text-align:center;
    padding-top:2px;
    color:#fff;
    background-color:#702fff
}
.check-list3 li{
    margin:30px 0;
    padding-left:50px;
    position:relative
}
.check-list3 li i{
    height:35px;
    width:35px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:0;
    text-align:center;
    padding-top:7px;
    font-weight:500;
    font-size:21px;
    color:#fff;
    background-color:#702fff;
    box-shadow:4px 4px 0 rgba(112,47,255,.2)
}
.check-list3 h6{
    font-weight:600
}
.city-box-count{
    position:relative;
    padding-top:20px;
    margin:25px 0
}
.city-box-count::after{
    position:absolute;
    top:0;
    left:0;
    font-size:10px;
    color:#c2c2c2;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:500
}
.sneak-blogs{
    background-color:rgba(112,47,255,.1);
    padding:40px;
    text-align:center;
    max-width:800px
}
.gs-form-wrapper{
    position:sticky;
    top:10px;
    z-index:99
}
.get-started-form{
    background-color:#fff;
    padding:40px 30px 20px;
    box-shadow:0 6px 15px #0000001A;
    border-radius:10px;
    position:relative
}
.gs-header{
    background-color:#702fff;
    border-radius:7px;
    padding:8px;
    text-align:center;
    font-weight:600;
    font-size:16px;
    color:#fff;
    margin:0 20px;
    margin-bottom:-20px;
    box-shadow:0 6px 10px #702FFF3B;
    z-index:9;
    position:relative
}
.read-privacy{
    background-color:rgba(112,47,255,.1);
    padding:3px;
    text-align:center;
    border-radius:0 0 10px 10px;
    margin:0 -30px
}
.gs-form-wrapper .modal{
    display:block;
    position:relative;
    width:auto;
    height:auto;
    top:auto;
    left:auto;
    z-index:1
}
.gs-form-wrapper{
    position:sticky;
    top:10px;
    z-index:99
}
.get-started-form{
    background-color:#fff;
    padding:40px 30px 20px;
    box-shadow:0 6px 15px #0000001A;
    border-radius:10px;
    position:relative
}
.gs-header{
    background-color:#702fff;
    border-radius:7px;
    padding:8px;
    text-align:center;
    font-weight:600;
    font-size:16px;
    color:#fff;
    margin:0 20px;
    margin-bottom:-20px;
    box-shadow:0 6px 10px #702FFF3B;
    z-index:9;
    position:relative
}
.read-privacy{
    background-color:rgba(112,47,255,.1);
    padding:3px;
    text-align:center;
    border-radius:0 0 10px 10px;
    margin:0 -30px
}
@media (max-width:992px){
    .city-info::after,.city-info::before{
        display:none
    }
    .city-content{
        padding-top:80px
    }
    .gs-form-wrapper{
        position:relative;
        top:auto;
        padding:50px 0 0 0
    }
    h3{
        font-size:24px
    }
}
.mb-80{
    margin-bottom:80px!important
}
.gs-form-wrapper .modal .modal-content{
    border:0;
    padding:0;
    box-shadow:none;
    border-radius:0;
    background-color:#fff
}
.modal .modal-content .tab-form{
    margin-top:0!important
}
.max-50-percent{
    max-width:50%
}
.process-section{
    padding:80px 0
}
.process-section{
    position:relative;
    padding-bottom:100px
}
.services-offer{
    padding:60px 60px 50px;
    border-radius:20px;
    text-align:center;
    background:transparent linear-gradient(270deg,#ad0fef 0,#5313dd 50%,#5919e5 100%);
    position:relative;
    z-index:0
}
.services-offer h3{
    margin-bottom:35px
}
.services-offer::after{
    position:absolute;
    left:0;
    top:0;
    background-image:url(../images/service-shape.png);
    z-index:-1;
    content:'';
    height:100%;
    width:100%
}
.services-offer h3{
    color:#fff
}
.services-offer .service-box{
    background-color:#fff;
    border-radius:10px;
    box-shadow:3px 7px 25px rgba(0,0,0,.4);
    padding:30px 10px 25px;
    text-align:center
}
.services-offer .service-box a{
    font-weight:500;
    transition:all .3s ease
}
.services-offer .service-box a:hover{
    text-decoration:underline;
    color:#702fff
}
.services-offer .service-box a span{
    font-size:14px;
    font-weight:600
}
.ebook{
    background:transparent linear-gradient(90deg,#f5f1ff 0,#fff 100%);
    padding:80px 0;
    position:relative;
    z-index:0
}
.title-border-left{
    position:relative;
    padding-bottom:15px;
    margin-bottom:20px
}
.title-border-left:before{
    content:"";
    height:2px;
    width:60px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:0
}
.title-border-center{
    position:relative;
    padding-bottom:15px;
    margin-bottom:20px
}
.title-border-center:before{
    content:"";
    height:2px;
    width:60px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%)
}
.ebook a.text-blue{
    font-weight:500;
    font-size:18px;
    transition:all .3s ease;
    text-decoration:underline
}
.ebook a.text-blue span{
    font-size:18px;
    vertical-align:middle
}
.ebook .ebook-form{
    padding:25px;
    border-radius:10px;
    margin-top:30px;
    background-color:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,.1)
}
.btn-ebook{
    background-color:#ff5b83;
    border-radius:5px;
    color:#fff;
    display:inline-block;
    box-shadow:0 4px 10px rgba(0,0,0,.2)
}
.btn-ebook i{
    background-color:rgba(255,255,255,.2);
    border-radius:5px 0 0 5px;
    color:#fff;
    padding-top:11px;
    height:44px;
    width:42px;
    text-align:center;
    font-size:20px;
    margin-right:15px;
    display:inline-block
}
.btn-ebook span{
    display:inline-block;
    padding:10px 10px 10px 0;
    color:#fff;
    padding-right:20px
}
.ebook::after{
    position:absolute;
    left:50%;
    top:50%;
    background-image:url(../images/ebook-shape.png);
    z-index:-1;
    content:'';
    height:100%;
    width:100%;
    background-size:contain;
    transform:translate(-50%,-50%)
}
.grecaptcha-badge{
    display:none!important
}
.diction-filter{
    padding:60px 0;
    text-align:center;
    background-color:#fff
}
.search-dic{
    max-width:500px;
    margin:0 auto 30px;
    width:100%;
    margin-bottom:35px;
    position:relative;
    border-radius:7px;
    box-shadow:0 3px 20px rgba(2,1,1,.1)
}
.search-dic .form-control{
    border:0;
    border-radius:20px;
    flex:1;
    padding:12px 20px 10px;
    height:auto;
    padding-right:0
}
.search-dic .btn i{
    text-shadow:0 3px 3px rgba(0,0,0,.2)
}
.alphabets{
    display:flex;
    flex-wrap:wrap;
    text-align:center;
    justify-content:center
}
.alphabets a{
    display:inline-block;
    text-transform:uppercase;
    height:35px;
    width:35px;
    color:#444;
    line-height:35px;
    font-size:16px;
    font-weight:500;
    margin:0 3px;
    border-radius:8px
}
.alphabets a.active,.alphabets a:hover{
    background-color:#702fff;
    color:#fff;
    box-shadow:0 3px 10px rgba(112,47,255,.5)
}
.dict-letters{
    padding:80px 0 30px;
    background-color:#f7f2ff
}
.single-alpha{
    margin-bottom:50px;
    padding-left:30px;
    border-left:1px solid #e1d8ef;
    position:relative
}
.single-alpha::after{
    content:"";
    height:55px;
    width:5px;
    background-color:#702fff;
    position:absolute;
    top:0;
    border-radius:5px;
    left:-2.5px
}
.single-alpha h2{
    font-weight:700;
    color:#702fff;
    font-size:45px;
    text-shadow:6px 6px 6px #00000038;
    text-transform:uppercase
}
.single-alpha ul{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:20px
}
.single-alpha li{
    flex:0 0 33%;
    width:33%
}
.single-alpha li a{
    line-height:1.3;
    display:block;
    padding:9px 20px;
    color:#5530a5;
    text-decoration:underline
}
.single-alpha li a:hover{
    color:#000
}
.single-alpha .show-more{
    text-align:center
}
.single-alpha .show-more a{
    color:#702fff;
    position:relative;
    z-index:0;
    font-weight:500
}
.single-alpha .show-more a::after{
    content:"";
    height:8px;
    width:100%;
    background-color:#6c33e921;
    position:absolute;
    bottom:0;
    left:0;
    z-index:-1
}
@media(max-width:768px){
    .single-alpha li{
        flex:0 0 50%;
        width:50%
    }
}
.dict-cta-box{
    background-color:#f8f4ff;
    padding:50px;
    text-align:center;
    max-width:800px;
    margin:20px auto;
    position:relative;
    z-index:0;
    border-radius:10px
}
.dict-cta-box::before{
    content:'';
    right:-10px;
    top:10px;
    bottom:-10px;
    left:10px;
    border:2px dashed #702fff;
    position:absolute;
    z-index:-1;
    background-size:cover;
    border-radius:10px
}
.dict-cta-box::after{
    content:'';
    right:0;
    top:0;
    height:100%;
    width:70%;
    border-radius:10px;
    background-color:#eee8fc;
    -webkit-clip-path:polygon(100% 0,0 0,100% 53%);
    clip-path:polygon(100% 0,0 0,100% 53%);
    position:absolute;
    z-index:-1
}
.dict-cta-box h3{
    max-width:500px;
    margin:0 auto 20px;
    font-weight:600
}
.dict-cta-box p{
    max-width:600px;
    margin:0 auto 20px
}
.trustpilot-reviews{
    background-color:#702fff;
    padding:50px 0;
    text-align:center;
    z-index:0;
    position:relative;
    overflow:hidden
}
.trustpilot-reviews::before{
    content:'star';
    font-family:'Material Icons';
    font-weight:900;
    left:-30px;
    top:-50px;
    font-size:130px;
    opacity:.4;
    color:#ab84ff;
    position:absolute;
    z-index:-1;
    text-shadow:1px 0 10px rgba(81,52,146,.8)
}
.trustpilot-reviews::after{
    content:'star';
    font-family:'Material Icons';
    font-weight:900;
    right:-30px;
    bottom:-50px;
    font-size:130px;
    opacity:.4;
    color:#ab84ff;
    position:absolute;
    z-index:-1;
    text-shadow:1px 0 10px rgba(81,52,146,.8)
}
.trustpilot-reviews .ratings i{
    color:#fff;
    font-size:27px;
    margin:0 1px;
    text-shadow:1px 3px 6px #513492
}
.trustpilot-reviews p{
    color:#fff;
    margin-bottom:0
}
.trustpilot-reviews p a{
    color:#fff;
    font-weight:600;
    text-decoration:underline
}
.trustpilot-reviews p span{
    font-weight:600;
    font-size:1.3em
}
.breadcrumb-item.active{
    color:#702fff
}
.city-navi .breadcrumb-item+.breadcrumb-item::before{
    font-family:FontAwesome;
    content:"\f105";
    font-size:14px;
    font-weight:600;
    padding:0 15px 0 10px
}
.sidebar .rel-tags li{
    display:inline-block;
    margin:0 15px 15px 0
}
.sidebar .rel-tags li a{
    display:block;
    padding:5px 15px;
    border-radius:5px;
    background-color:#f7f2ff;
    border:1px solid #d8d8d8;
    text-decoration:underline
}
.sidebar .rel-tags li a:hover{
    background-color:#fff;
    border:1px solid transparent;
    box-shadow:0 3px 10px #0000001a
}
.search-results-dict ul{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:20px
}
.search-results-dict li{
    flex:0 0 33%;
    width:33%
}
.search-results-dict li a{
    line-height:1.3;
    display:block;
    padding:9px 20px;
    color:#5530a5;
    text-decoration:underline
}
.search-results-dict li a:hover{
    color:#000
}
.site-links{
    padding-bottom:20px;
    margin-bottom:50px;
    border-bottom:1px dashed #d0cbdd
}
.site-links:last-child{
    border-bottom:0
}
.site-links ul{
    margin-bottom:30px
}
.site-links li{
    margin-bottom:15px;
    display:block
}
.site-links h6+ul li::before{
    margin-right:5px;
    content:""!important;
    height:6px;
    width:6px;
    border:1px solid #5f5f5f;
    border-radius:50%;
    vertical-align:middle;
    display:inline-block
}
.site-links li:last-child{
    margin-bottom:0
}
.site-links li a{
    color:#333;
    font-size:14px;
    transition:all .1 ease
}
.site-links li a:hover{
    text-decoration:underline;
    color:#702fff
}
@media(max-width:992px){
    .site-links{
        padding-bottom:0;
        margin-bottom:0
    }
}
.bg-gradi{
    background:transparent linear-gradient(90deg,#f5f1ff 0,#fff 100%)
}
@media (min-width:992px){
    .pb-150{
        padding-bottom:150px
    }
}
.title-border-center:before{
    height:3px
}
.calc-box{
    background-color:#fff;
    box-shadow:0 8px 20px #0000001C;
    border-radius:15px;
    padding:30px;
    padding-bottom:40px;
    position:relative;
    z-index:0;
    height: 230px;
}
.calc-box::after{
    position:absolute;
    content:'';
    bottom:0;
    right:10px;
    background-image:url(../images/calculator-svg.svg);
    height:80px;
    width:61px;
    background-repeat:no-repeat;
    background-size:auto
}
.calc-box::before{
    position:absolute;
    content:'';
    bottom:0;
    right:0;
    height:100px;
    width:100px;
    background-color:#faf8ff;
    border-top-left-radius:50px;
    transition:all .3s ease;
    z-index:-1
}
.calc-box:hover::before{
    height:100%;
    width:100%;
    border-radius:15px
}
.calc-box h4{
    font-size:18px;
    margin-bottom:10px;
    position:relative
}
.calc-box p{
    font-size:14px
}
.btn-round{
    border:1px solid #702fff !important;
    border-radius:30px !important;
    font-size:13px !important;
    padding:4px 10px !important;
    padding-right:4px !important;
    transition:all .3s ease !important;
    color:#702fff !important;
    font-weight:500 !important;
}
.btn-round:hover{
    background-color:#702fff !important;
    color:#fff !important;
    border-color:#702fff !important;
}
.btn-round span{
    display:inline-block;
    margin-right:3px;
    vertical-align:middle
}
.btn-round i{
    height:26px;
    line-height:23px;
    width:26px;
    border-radius:30px;
    background-color:#702fff;
    color:#fff;
    font-size:15px;
    vertical-align:middle;
    border:1.5px solid #fff
}
.calculation-box{
    border-radius:10px;
    background-color:#fff;
    padding:35px 30px;
    padding-bottom:20px;
    box-shadow:0 8px 20px rgba(0,0,0,.1)
}
.pound-input{
    position:relative
}
.pound-input::after{
    position:absolute;
    left:0;
    top:0;
    border:1px solid #ced4da;
    background-color:#f3f3f3;
    color:#333;
    content:'£';
    height:100%;
    width:38px;
    font-size:16px;
    text-align:center;
    line-height:36px;
    border-radius:.25rem 0 0 .25rem
}
.pound-input .form-control{
    padding-left:50px
}
.custom-sel{
    background-image:none;
    position:relative
}
.custom-sel:after{
    content:"\F107"!important;
    font-family:FontAwesome;
    font-size:20px;
    position:absolute;
    height:20px;
    width:24px;
    top:5px;
    pointer-events:none;
    right:4px;
    background-color:#fff
}
.custom-sel .form-control{
    cursor:pointer;
    -moz-appearance:window;
    -webkit-appearance:none;
    /*font-size: 14px;*/
}
.pre-fill .form-control{
    background-color:#f3f3f3
}
.custom-form-switch{
    cursor:pointer;
    color:#333;
    font-size:14px
}
.custom-form-switch label{
    margin-bottom:0
}
.custom-form-switch .switch{
    display:inline-block;
    margin-right:15px;
    position:relative;
    width:45px;
    height:24px;
    border-radius:20px;
    background:#efe8ff;
    -webkit-transition:background .28s cubic-bezier(.4,0,.2,1);
    transition:background .28s cubic-bezier(.4,0,.2,1);
    vertical-align:middle;
    cursor:pointer
}
.custom-form-switch .switch::before{
    content:'';
    position:absolute;
    top:3px;
    left:3px;
    width:18px;
    height:18px;
    background:#fff;
    border-radius:50%;
    -webkit-box-shadow:0 0 6px #cac6d2;
    box-shadow:0 0 6px #cac6d2;
    -webkit-transition:left .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);
    transition:left .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);
    transition:left .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);
    transition:left .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1)
}
.custom-form-switch .switch:active::before{
    -webkit-box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(128,128,128,.1);
    box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(128,128,128,.1)
}
.custom-form-switch input:checked+.switch{
    background:#702fff
}
.custom-form-switch input:checked+.switch::before{
    left:23px;
    background:#fff
}
.custom-form-switch input:checked+.switch:active::before{
    -webkit-box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(0,150,136,.2);
    box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(0,150,136,.2)
}
i.i-icon{
    height:20px;
    width:20px;
    border-radius:20px;
    background-color:#eee6ff;
    text-align:center;
    color:#702fff;
    font-weight:400;
    font-size:14px;
    display:inline-block;
    padding-top:3px;
    vertical-align:middle
}
.compare-box{
    background-color:#f7f3ff;
    padding:0 30px;
    border-radius:10px;
    padding-bottom:0;
    box-shadow:0 3px 7px rgba(0,0,0,.13)
}
.comp-box{
    text-align:center;
    width:40%;
    margin:0 2%;
    padding:20px;
    border-radius:10px;
    display:inline-block;
    color:#000;
    vertical-align:top;
    position:relative;
    z-index:0
}
.comp-box::after{
    content:'';
    position:absolute;
    height:calc(100% - 20px);
    width:calc(100% - 20px);
    border:1.5px dashed #fff;
    left:10px;
    top:10px;
    border-radius:10px;
    opacity:.7;
    z-index:-1
}
.comp-box p{
    color:#000;
    margin-bottom:5px;
    font-size:16px;
    font-weight:500
}
.comp-box a{
    font-size:14px;
    text-decoration:underline
}
.comp-box h4{
    font-weight:600
}
.comp-box.active{
    background-color:#702fff;
    width:50%;
    color:#fff;
    transform:translateY(-10px);
    padding:29px 20px;
    box-shadow:0 5px 13px rgba(0,0,0,.33)
}
.comp-box.active h4,.comp-box.active p{
    color:#fff
}
.compare-th{
    background-color:#ede5ff;
    margin:0 -30px;
    color:#000;
    text-align:center;
    padding:20px;
    font-size:16px;
    margin-top:12px;
    border-radius:0 0 10px 10px;
    line-height:1
}
.compare-th span{
    font-size:1.3em;
    font-weight:700
}
.calc-table{
    background-color:#f9f6ff;
    font-size:14px
}
.calc-table-sm{
    border-radius:10px;
    box-shadow:0 8px 20px rgba(0,0,0,.1)
}
.calc-table-heading{
    text-align:center;
    font-size:18px;
    font-weight:600;
    padding:15px;
    border-radius:10px 10px 0 0;
    border-bottom:1px solid #dfd8f1
}
.calc-table .table-striped tbody tr:nth-of-type(odd){
    background-color:#f9f6ff
}
.calc-table .table-striped tbody tr:nth-of-type(even){
    background-color:#fff
}
.calc-table .table{
    margin-bottom:10px
}
.calc-table .table-active,.calc-table .table-active>td,.calc-table .table-active>th{
    background-color:#ebeaee
}
.calc-table .table td,.calc-table .table th{
    border:0;
    text-align:right;
    padding:12px 20px;
    vertical-align:middle;
   /* white-space:nowrap;*/
   white-space:normal;
    font-size:14px;
    min-width:120px
}
.calc-table .table thead th{
    color:#702fff;
    font-weight:600;
    padding-bottom:8px
}
.calc-table .table td:first-child,.calc-table .table th:first-child{
    text-align:left
}
.calc-table .take-home-total td{
    font-size:14px;
    color:#702fff;
    font-weight:600
}
.calc-table .take-home-total{
    background-color:#f9f6ff!important
}
.calc-table .table-active{
    font-size:14px;
    color:#222;
    font-weight:600
}
.calc-table .pound-input{
    max-width:150px;
    min-width:150px;
    margin-left:auto
}
.calc-table .pound-input .form-control{
    font-size:14px;
    text-align:right
}
label{
    color:#333;
    font-weight:500
}
.city-navi h1,.city-navi h3{
    font-size:25px
}
.city-content{
    padding:100px 0 60px
}
.city-content h1{
    font-size:24px;
    color:#232323;
    font-weight:600
}
.city-content strong{
    font-weight:600;
    color:#232323
}
.city-content h3{
    font-weight:600;
    font-size:20px;
    color:#232323
}
.check-list2 li{
    position:relative
}
.city-content .check-list2 li::after{
    content:'\f2ee';
    font-family:Material-Design-Iconic-Font;
    height:20px;
    width:20px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:3px;
    text-align:center;
    padding-top:0;
    color:#fff;
    background-color:#702fff
}
.check-list3 li{
    position:relative
}
.city-content .check-list3 li::after{
    content:'\f26b';
    font-family:Material-Design-Iconic-Font;
    height:35px;
    width:35px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:0;
    text-align:center;
    padding-top:2.5px;
    font-weight:500;
    font-size:21px;
    color:#fff;
    background-color:#702fff;
    box-shadow:4px 4px 0 rgb(112 47 255 / 20%)
}
.city-names{
    padding:80px 0;
    background-color:#fff
}
.blue-border{
    position:relative;
    z-index:0;
    color:#702fff;
    font-weight:600
}
.city-names .blue-border::after{
    content:"";
    height:8px;
    width:100%;
    background-color:#6c33e921;
    position:absolute;
    bottom:3px;
    left:0;
    z-index:-1
}
.cities-box{
    padding:15px 20px;
    background-color:#fbf9ff;
    border:1px solid #f7f2ff;
    border-radius:7px;
    position:relative;
    transition:all .3s ease;
    margin-bottom:20px;
    display:block
}
.cities-box:hover{
    background-color:#702fff
}
.cities-box span{
    color:#bdb2d4;
    font-size:13px;
    margin-bottom:5px;
    display:block;
    transition:all .3s ease
}
.cities-box h5{
    font-weight:600;
    color:#333;
    font-size:20px;
    margin-bottom:0;
    position:relative;
    padding-right:20px;
    transition:all .3s ease
}
.cities-box h5 i{
    position:absolute;
    right:0;
    color:#ddd4f1;
    bottom:3px
}
.cities-box:hover h5,.cities-box:hover h5 i,.cities-box:hover span{
    color:#fff
}
.cities-box:hover span{
    opacity:.8
}
.subscribe-news{
    background-color:#702fff;
    padding:60px 0;
    text-align:center;
    position:relative;
    overflow:hidden;
    z-index:0
}
.subscribe-news::after{
    position:absolute;
    left:0;
    background-color:#fff;
    content:'';
    opacity:.12;
    right:-10%;
    bottom:0;
    height:125%;
    width:101%;
    -webkit-clip-path:polygon(100% 0,32% 100%,100% 100%);
    clip-path:polygon(100% 0,32% 100%,100% 100%);
    z-index:-1
}
.subscribe-news::before{
    position:absolute;
    left:0;
    background-color:#fff;
    content:'';
    opacity:.1;
    left:0;
    bottom:0;
    height:100%;
    width:40%;
    -webkit-clip-path:polygon(0 0,1% 100%,100% 100%);
    clip-path:polygon(0 0,1% 100%,100% 100%);
    z-index:-1
}
.subscribe-news h2{
    color:#fff
}
.subscribe-news p{
    color:#fff
}
.subscribe-news .title-border-center{
    padding-bottom:20px
}
.subscribe-news .title-border-center:before{
    background-color:#fff;
    height:2px
}
.subscribe-news .search-wrap{
    max-width:420px;
    margin:30px auto 0
}
.subscribe-news .search-wrap .form-control{
    border:1px solid #fff;
    border-radius:5px;
    background-color:#814ef2;
    color:#fff;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
    padding:12px 20px;
    height:auto;
    font-size:14px
}
.subscribe-news .search-wrap .btn{
    font-size:14px;
    margin-left:10px;
    font-weight:500;
    line-height:1
}
.subscribe-news .search-wrap .btn:hover{
    opacity:.9
}
.subscribe-news .form-control::-webkit-input-placeholder{
    color:#fff;
    opacity:1
}
.subscribe-news .form-control::-moz-placeholder{
    color:#fff;
    opacity:1
}
.subscribe-news .form-control:-ms-input-placeholder{
    color:#fff;
    opacity:1
}
.subscribe-news .form-control::-ms-input-placeholder{
    color:#fff;
    opacity:1
}
.subscribe-news .form-control::placeholder{
    color:#fff;
    opacity:1
}
.custom-sel-pound .pound-input{
    max-width:unset;
    min-width:unset
}
.custom-sel-pound .pound-input .form-control{
    text-align:inherit
}
.check-profile{
    overflow:inherit!important
}
p.green-check{
    margin:-10px 0 0 70px
}
p.green-check i{
    color:#2da93d;
    font-size:22px;
    border-radius:50%;
    line-height:26px;
    cursor:pointer;
    text-align:center
}
p.green-check.inactive i{
    color:#868686
}
.pri-policy p a{
    color:#702fff
}
.pri-policy p a:hover{
    text-decoration:underline
}
@media (min-width:992px){
    .navbar-brand+[data-toggle=modal]{
        display:none
    }
}
@media (max-width:991px){
    .navbar-brand+[data-toggle=modal]{
        margin-right:40px;
        min-width:auto;
        padding:10px
    }
    .navbar-nav .btn-one{
        display:none
    }
}
.serv-accoun-tabs a.nav-link{
    position:relative;
    z-index:1
}
.serv-accoun-tabs a.nav-link.active{
    background:#702fff;
    border:none;
    box-shadow:0 3px 10px #00000017;
    position:relative;
    color:#fff
}
.serv-accoun-tabs a.nav-link.active:after,.serv-accoun-tabs a.nav-link:hover:after{
    position:absolute;
    content:"";
    border:1px dashed #702fff;
    top:23%;
    left:4%;
    width:160px;
    min-height:52px;
    border-radius:6px
}
.serv-accoun-tabs a.nav-link.active p{
    color:#fff
}
.serv-accoun-tabs a.nav-link span{
    line-height:22px;
    white-space:pre-line;
    display:block
}
.serv-accoun-tabs a.nav-link{
    text-align:center;
    border-radius:8px!important;
    min-height:50px;
    font-size:16px;
    white-space:nowrap;
    vertical-align:middle;
    transition:.3s all;
    box-shadow:0 3px 10px #00000017;
    padding:8px;
    margin:0 16px 23px 0;
    width:160px;
    line-height:32px
}
.serv-accoun-tabs .nav-link:focus,.serv-accoun-tabs .nav-link:hover{
    background:#702fff;
    border:none;
    color:#fff
}
.serv-accoun-tabs .nav-link:hover p{
    color:#fff
}
.accounting-wrapper .check-lists li:before{
    border-radius:50%;
    height:22px;
    width:22px
}
.accounting-wrapper .check-lists li:after{
    top:9px;
    left:6px;
    width:10px;
    height:6px
}
.accounting-wrapper .check-lists li{
    color:#707070;
    font-weight:400
}
.update-prop .custom-form-group .form-control{
    height:41px;
    border-radius:4px
}
.expert-bulid-bg{
    padding:40px 0;
    background:linear-gradient(270deg ,#fff 0,#faf8ff 35%,#f5f1ff 100%)
}
.accounting-shape{
    background-color:hsl(259deg 100% 59% / 3%);
    height:500px;
    width:100%;
    border-radius:50%;
    position:absolute;
    left:32%;
    bottom:-12px;
    z-index:-1
}
.account-img{
    width:70%;
    height:auto
}
.phr-text{
    color:#707070;
    font-size:14px;
    line-height:20px
}
.services-head{
    position:relative
}
.services-head:before{
    content:"";
    height:3px;
    width:42px;
    background-color:#702fff;
    position:absolute;
    bottom:0;
    left:0
}
.light-clr{
    font-size:16px;
    opacity:.4
}
.accounting-bg{
    position:relative
}
.accounts-accrdian-bg [data-toggle=collapse].collapsed i:before{
    content:""
}
.accounts-accrdian-bg #accordion .card-header{
    margin-bottom:8px
}
.accounts-accrdian-bg #accordion .accordion-title{
    position:relative;
    display:block;
    padding:0;
    border-radius:8px;
    overflow:hidden;
    text-decoration:none;
    font-size:16px;
    font-weight:500;
    width:100%;
    text-align:left;
    transition:all .4s ease-in-out;
    background-color:#fff;
    color:#262626
}
.accounts-accrdian-bg #accordion .accordion-title p{
    font-size:16px;
    font-weight:500;
    color:#262626
}
.accounts-accrdian-bg #accordion .accordion-title i{
    position:absolute;
    width:40px;
    height:100%;
    right:0;
    top:0;
    text-align:center;
    color:#c9c9c9
}
.accounts-accrdian-bg .accordion-bg .card{
    border:0;
    border-bottom:1px solid #f2f2f2;
    border-radius:0;
    padding:10px 4px
}
.accounts-accrdian-bg #accordion .accordion-body{
    padding:0
}
.accounts-accrdian-bg #accordion .accordion-body ul{
    list-style:none;
    margin-left:0;
    padding-left:0
}
.accounts-accrdian-bg #accordion .accordion-body p{
    padding:0;
    color:#4f4f4f
}
.accounts-accrdian-bg .accordion-bg{
    margin:0 0 100px 0
}
.pointer{
    cursor:pointer
}
.accounts-accrdian-bg.collapse{
    color:#702fff!important
}
.experluhelp-inner{
    position:relative;
    overflow:hidden
}
.experluhelp-inner:before{
    background-image:url(../images/exhelpful-img.png);
    background-size:cover;
    height:300px;
    display:block;
    content:"";
    opacity:0;
    transition:.3s all
}
.experluhelp-inner:hover.experluhelp-inner:before{
    opacity:1
}
.experluhelp-inner img{
    width:110px;
    height:110px;
    object-fit:scale-down
}
.experluhelp-inner p{
    padding:0 42px;
    font-size:12px;
    line-height:19px;
    margin-bottom:0
}
.experluhelp-content{
    position:absolute;
    top:12px;
    left:6%
}
.exper-customers-bg{
    background-image:url(../images/expert-curomer-bg.png);
    background-size:100% 100%;
    height:300px
}
.cust-inner,.expert-inner{
    padding:70px
}
.cust-inner p{
    color:#fff
}
.cust-inner h4.services-head{
    color:#fff
}
.cust-inner .services-head:before{
    background-color:#fff;
    position:absolute;
    bottom:0
}
.cust-inner .services-head:before,.expert-inner .services-head:before{
    height:1px;
    left:46%
}
.down-ebook-inner .view-all-btn{
    color:#702fff;
    display:inline-block;
    padding:14px 0;
    position:relative;
    font-weight:500
}
.down-ebook-inner .view-all-btn span.material-icons{
    font-size:14px;
    vertical-align:middle
}
.pdf-form{
    background:#fff;
    box-shadow:0 3px 20px #0000000f;
    border-radius:10px;
    padding:20px
}
.pdf-btn .icon{
    box-shadow:3px 0 10px #0000000f;
    border-radius:6px;
    width:50px;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(255,255,255,.2);
    padding:10px
}
.pdf-btn a.btn.btn-theme-one.btn-anim{
    padding-left:60px
}
.download-ebook-bg{
    background-image:url(../images/e-book-bg.png);
    background-size:cover;
    padding:30px 0
}
.expertbuild-inner .services-head:before{
    height:2px;
    bottom:-6px
}
.expertbuild-inner p{
    padding:0 60px 0 0
}
.recentblog-bg .services-head:before,.related-faqs .services-head:before{
    height:2px
}
.related-faqs{
    padding:30px 0;
    background:#fff
}
.recentblog-bg{
    padding:80px 0
}
.recentblog-bg .blog-item .blog-content h5{
    font-size:18px;
    margin-bottom:10px
}
.recentblog-bg .services-head:before{
    left:50%
}
.recentblog-bg .view-all-btn{
    color:#702fff;
    display:inline-block;
    margin-top:10px;
    padding-bottom:5px;
    position:relative;
    font-weight:500
}
.subscribe-bg{
    background-image:url(../images/subscribe-bg.png);
    background-size:cover;
    padding:30px 0
}
input.subscribe-input{
    background:#814ef2;
    border:1px solid #fff;
    border-radius:5px;
    min-height:44px;
    width:40%;
    padding:0 10px
}
.subscribe-input::placeholder{
    color:#fff
}
.subscribe-inner{
    width:60%;
    text-align:center;
    margin:0 auto;
    padding:30px 0
}
.subscribe-inner h4{
    color:#fff
}
.subscribe-inner p{
    color:#fff;
    padding:16px 0
}
.subscribe-inner .services-head:before{
    height:1px;
    background-color:#fff;
    left:48%;
    bottom:-6px
}
.dummyadd-inner{
    background:#fff;
    box-shadow:0 5px 20px #0000001a;
    border-radius:10px;
    padding:26px 26px 0;
    text-align:center;
    height:280px
}
.dummyadd-inner .services-head:before{
    height:2px;
    left:48%
}
.scrollbar{
    margin-left:30px;
    float:left;
    height:200px;
    overflow-y:scroll;
    margin-bottom:25px;
    border-radius:4px
}
.force-overflow{
    min-height:300px;
    border-radius:4px
}
#style-3::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#e6e6e6;
    border-radius:4px
}
#style-3::-webkit-scrollbar{
    width:6px;
    background-color:#e6e6e6;
    border-radius:4px
}
#style-3::-webkit-scrollbar-thumb{
    background-color:#a1a1a1;
    border-radius:4px
}
.tax-tabs-bg a.nav-link{
    width:140px;
    margin:0 14px 0 0;
    padding:6px
}
.tax-tabs-bg .serv-accoun-tabs a.nav-link.active:after,.tax-tabs-bg .serv-accoun-tabs a.nav-link:hover:after{
    position:absolute;
    content:"";
    border:1px dashed #702fff;
    top:20%;
    left:4%;
    width:140px;
    min-height:46px;
    border-radius:6px
}
.tax-inner .serv-accoun-tabs a p{
    font-size:14px
}
.incometax-content strong.blue-text{
    border-bottom:2px dashed
}
strong.blue-text{
    color:#702fff;
    font-size:28px;
    font-weight:500!important
}
.table-bg th.blue-th{
    color:#702fff;
    font-weight:600;
    font-size:16px;
    border-bottom:1px solid #dee2e6!important
}
.table-bg th{
    font-size:16px;
    font-weight:500;
    border:none
}
.table-bg td{
    font-size:16px;
    border:none
}
.white-strip{
    background:#fff
}
.table-bg{
    background:#faf8ff;
    border:2px solid #fff!important;
    box-shadow:0 3px 10px #00000017;
    border-radius:10px;
    padding:10px 20px
}
.table-bg .table thead th{
    vertical-align:bottom;
    border-bottom:none
}
.paytax-inner{
    background:#f4f7fa;
    border-radius:20px
}
.payroll-border{
    border-right:2px dashed hsl(259deg 100% 59% / 21%);
    height:100%
}
.payroll-benfits-bg{
    background:linear-gradient(90deg,#fff 0,#faf8ff 35%,#f5f1ff 100%);
    padding:40px 0
}
.payroll-bussiness-inner .services-head:before{
    height:2px;
    left:50%
}
.grey-text{
    color:#333;
    font-weight:400
}
.payroll-icon span.material-icons{
    vertical-align:middle;
    font-size:22px;
    padding:0 8px
}
.payroll-bussiness-bg{
    background-image:url(../images/payroll-bussiness-bg.png);
    background-size:cover;
    background-position:100%;
    height:360px
}
.payroll-bussiness-inner{
    padding:80px 0 0 0
}
@media (max-width:991.98px){
    .cust-inner,.expert-inner{
        padding:35px!important
    }
    .accounting-bg{
        text-align:center
    }
}
@media (max-width:767px){
    .dummyadd-inner{
        height:100%
    }
    .subscribe-inner{
        width:100%
    }
    .experluhelp-inner:before{
        height:420px
    }
    .experluhelp-content{
        top:20%
    }
    .download-ebook-bg .float-right{
        float:inherit!important;
        text-align:center;
        margin:8px auto
    }
    .accounts-accrdian-bg #accordion .accordion-title p{
        color:#262626;
        margin:0 32px 0 0
    }
    .exper-customers-bg{
        background:0 0;
        width:100%;
        height:100%
    }
    .cust-inner,.expert-inner{
        border-radius:10px
    }
    .cust-inner{
        background:#702fff;
        margin-bottom:10px
    }
    .expert-inner{
        background:#fbf9ff
    }
}
@media (min-width:1200px){
    .accounting-shape{
        display:none
    }
    .account-img{
        width:100%;
        height:auto
    }
}
@media (max-width:991px){
    .calc-box{
        height: 280px;
    }
    .paytax-inner .section-title{
        text-align:left
    }
    .paytax-inner{
        text-align:center;
        padding:20px 10px
    }
}
@media (max-width:476px){
    .experluhelp-content{
        top:12%
    }
    .experluhelp-inner:before{
        background-size:100%;
        background-repeat:no-repeat
    }
}
@media (max-width:440px){
    .calc-box{
        height: auto;
    }
    .table-bg th.blue-th{
        font-size:14px
    }
    .experluhelp-inner:before{
        height:300px
    }
    .experluhelp-content{
        top:6%
    }
    .experluhelp-inner img{
        width:80px;
        height:80px
    }
    .table-bg{
        padding:0
    }
    .table-bg td,.table-bg th{
        font-size:14px;
        font-weight:400
    }
}
@media (max-width:330px){
    .experluhelp-inner img{
        width:60px;
        height:60px
    }
    .experluhelp-content h5{
        font-size:16px
    }
    .experluhelp-inner:before{
        height:260px
    }
}
@media (max-width:1199px){
    .payroll-bussiness-bg{
        background:0 0
    }
    .payroll-bussiness-inner{
        padding:80px 0
    }
    .payroll-border{
        border-right:none;
        height:100%
    }
}
@media (max-width:1199px){
    .accounting-shape{
        display:none
    }
}
.resend-email-verification-mail{
    text-decoration:underline;
    text-transform:capitalize;
    font-weight:600
}
.tracking-bg a.btn.btn-outline,.tracking-bg h2.section-title{
    display:none
}
.tracking-bg .form-card-header{
    text-align:left;
    padding:15px 0;
    border-bottom:1px solid #e7e7e7;
    margin-bottom:16px
}
.tracking-bg label{
    text-align:left!important;
    display:block
}
.tracking-bg .form-card .form-card-header h3{
    font-size:17px;
    color:#333;
    margin-bottom:0
}
.tracking-bg .custom-uploader .logo-frame{
    width:calc(100% - 100px);
    -webkit-box-shadow:0 3px 15px #00000017;
    box-shadow:0 3px 15px #00000017;
    background-color:#fff;
    min-height:162px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#aeaeae
}
.tracking-bg .custom-uploader .upload-btns{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-left:20px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.custom-uploader .upload-btns .delete-btn,.upload-btns .upload-btn{
    width:42px;
    height:42px;
    background:#f4efff;
    border-radius:5px;
    margin:10px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#333;
    cursor:pointer;
    position:relative
}
.tracking-bg .custom-uploader .logo-frame img.uploaded-logo{
    width:100px;
    height:100px;
    object-fit:scale-down;
    padding:10px
}
.custom-uploader .upload-btns .custom-inputselect{
    z-index:100;
    cursor:pointer;
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:0
}
.tracking-bg .custom-uploader{
    margin:0 0 20px 0
}
.tracking-bg .custom-form-switch{
    cursor:pointer;
    color:#333;
    font-size:14px
}
.tracking-bg .custom-form-group{
    margin-bottom:25px
}
.tracking-bg .primary-btn{
    background-color:#702fff;
    color:#fff;
    font-size:14px;
    min-height:42px;
    padding:10px 20px;
    min-width:50px;
    text-align:center
}
.tracking-bg .custom-form-group .btn-save{
    background-color:#00c121;
    color:#fff;
    font-size:14px;
    min-height:39px;
    padding:4px 9px;
    min-width:39px;
    text-align:center;
    border-radius:0;
    border-radius:0 5px 5px 0
}
.tracking-bg .btn.business-availability-box-single-add{
    text-align:left;
    display:block;
    margin:10px 0 0 0
}
.tracking-bg .back-btn{
    border:1px solid #702fff;
    padding:10px 15px;
    color:#702fff;
    border-radius:5px
}
.tracking-bg .back-btn span{
    color:#702fff;
    margin-right:5px;
    vertical-align:middle
}
.tracking-bg .back-btn .material-icons{
    font-size:18px
}
.tracking-bg .back-btn:hover{
    background-color:#702fff;
    color:#fff
}
.tracking-bg .back-btn:hover .material-icons{
    color:#fff
}
.tracking-bg .alert{
    margin-bottom:2rem!important
}
.tracking-bg{
    background-image:url(../images/login-bg.png);
    background-size:cover;
    min-height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.tracking-bg .text-center.mt-5{
    margin-bottom:3rem!important
}
.tracking-bg .card-box-wrapper .card-box{
    background:#f3f3f3;
    -webkit-box-shadow:0 3px 10px #0000001a;
    box-shadow:0 3px 10px #0000001a;
    border-radius:10px;
    padding:30px;
    max-width:90%;
    margin:0 auto
}
.multi_step_form #msform{
    text-align:center;
    position:relative;
    margin:0 auto;
    z-index:0;
    background:#fff;
    box-shadow:0 5px 20px #00000014;
    border-radius:5px;
    max-width:100%;
    margin:30px auto;
    overflow:hidden;
    font-size:15px;
    padding:40px 60px 40px 60px
}
.multi_step_form #msform .tittle{
    text-align:center;
    padding-bottom:40px
}
.multi_step_form #msform .tittle p{
    font:400 16px/28px Roboto,sans-serif;
    color:#5f6771
}
.multi_step_form #msform fieldset{
    border:0;
    padding:20px 105px 0;
    position:relative;
    width:100%;
    left:0;
    right:0
}
.multi_step_form #msform fieldset:not(:first-of-type){
    display:none
}
.multi_step_form #msform fieldset h3{
    font:500 18px/35px Roboto,sans-serif;
    color:#3f4553
}
.multi_step_form #msform fieldset h6{
    font:400 15px/28px Roboto,sans-serif;
    color:#5f6771;
    padding-bottom:30px
}
.multi_step_form #msform fieldset .intl-tel-input{
    display:block;
    background:0 0;
    border:0;
    box-shadow:none;
    outline:0
}
.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag{
    padding:0 20px;
    background:0 0;
    border:0;
    box-shadow:none;
    outline:0;
    width:65px
}
.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow{
    border:0
}
.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    font:normal normal normal 24px/7px Ionicons;
    color:#5f6771
}
.multi_step_form #msform fieldset #phone{
    padding-left:80px
}
.multi_step_form #msform fieldset .form-group{
    padding:0 10px
}
.multi_step_form #msform fieldset .fg_2,.multi_step_form #msform fieldset .fg_3{
    padding-top:10px;
    display:block;
    overflow:hidden
}
.multi_step_form #msform fieldset .fg_3{
    padding-bottom:70px
}
.multi_step_form #msform fieldset .form-control,.multi_step_form #msform fieldset .product_select{
    border-radius:3px;
    border:1px solid #d8e1e7;
    padding:0 20px;
    height:auto;
    font:400 15px/48px Roboto,sans-serif;
    color:#5f6771;
    box-shadow:none;
    outline:0;
    width:100%
}
.multi_step_form #msform fieldset .form-control.placeholder,.multi_step_form #msform fieldset .product_select.placeholder{
    color:#5f6771
}
.multi_step_form #msform fieldset .form-control:-moz-placeholder,.multi_step_form #msform fieldset .product_select:-moz-placeholder{
    color:#5f6771
}
.multi_step_form #msform fieldset .form-control::-moz-placeholder,.multi_step_form #msform fieldset .product_select::-moz-placeholder{
    color:#5f6771
}
.multi_step_form #msform fieldset .form-control::-webkit-input-placeholder,.multi_step_form #msform fieldset .product_select::-webkit-input-placeholder{
    color:#5f6771
}
.multi_step_form #msform fieldset .form-control:focus,.multi_step_form #msform fieldset .form-control:hover,.multi_step_form #msform fieldset .product_select:focus,.multi_step_form #msform fieldset .product_select:hover{
    border-color:#702fff
}
.multi_step_form #msform fieldset .form-control:focus.placeholder,.multi_step_form #msform fieldset .product_select:focus.placeholder{
    color:transparent
}
.multi_step_form #msform fieldset .form-control:focus:-moz-placeholder,.multi_step_form #msform fieldset .product_select:focus:-moz-placeholder{
    color:transparent
}
.multi_step_form #msform fieldset .form-control:focus::-moz-placeholder,.multi_step_form #msform fieldset .product_select:focus::-moz-placeholder{
    color:transparent
}
.multi_step_form #msform fieldset .form-control:focus::-webkit-input-placeholder,.multi_step_form #msform fieldset .product_select:focus::-webkit-input-placeholder{
    color:transparent
}
.multi_step_form #msform fieldset .product_select:after{
    display:none
}
.multi_step_form #msform fieldset .product_select:before{
    content:"";
    position:absolute;
    top:0;
    right:20px;
    font:normal normal normal 24px/48px Ionicons;
    color:#5f6771
}
.multi_step_form #msform fieldset .product_select .list{
    width:100%
}
.multi_step_form #msform fieldset .done_text{
    padding-top:40px
}
.multi_step_form #msform fieldset .done_text .don_icon{
    height:36px;
    width:36px;
    line-height:36px;
    font-size:22px;
    margin-bottom:10px;
    background:#702fff;
    display:inline-block;
    border-radius:50%;
    color:#fff;
    text-align:center
}
.multi_step_form #msform fieldset .done_text h6{
    line-height:23px
}
.multi_step_form #msform fieldset .code_group{
    margin-bottom:60px
}
.multi_step_form #msform fieldset .code_group .form-control{
    border:0;
    border-bottom:1px solid #a1a7ac;
    border-radius:0;
    display:inline-block;
    width:30px;
    font-size:30px;
    color:#5f6771;
    padding:0;
    margin-right:7px;
    text-align:center;
    line-height:1
}
.multi_step_form #msform fieldset .passport{
    margin-top:-10px;
    padding-bottom:30px;
    position:relative
}
.multi_step_form #msform fieldset .passport .don_icon{
    height:36px;
    width:36px;
    line-height:36px;
    font-size:22px;
    position:absolute;
    top:4px;
    right:0;
    background:#702fff;
    display:inline-block;
    border-radius:50%;
    color:#fff;
    text-align:center
}
.multi_step_form #msform fieldset .passport h4{
    font:500 15px/23px Roboto,sans-serif;
    color:#5f6771;
    padding:0
}
.multi_step_form #msform fieldset .input-group{
    padding-bottom:40px
}
.multi_step_form #msform fieldset .input-group .custom-file{
    width:100%;
    height:auto
}
.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label{
    width:168px;
    border-radius:5px;
    cursor:pointer;
    font:700 14px/40px Roboto,sans-serif;
    border:1px solid #99a2a8;
    text-align:center;
    transition:all .3s linear 0s;
    color:#5f6771
}
.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label i{
    font-size:20px;
    padding-right:10px
}
.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label:focus,.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label:hover{
    background:#702fff;
    border-color:#702fff;
    color:#fff
}
.multi_step_form #msform fieldset .input-group .custom-file input{
    display:none
}
.multi_step_form #msform fieldset .file_added{
    text-align:left;
    padding-left:190px;
    padding-bottom:60px
}
.multi_step_form #msform fieldset .file_added li{
    font:400 15px/28px Roboto,sans-serif;
    color:#5f6771
}
.multi_step_form #msform fieldset .file_added li a{
    color:#702fff;
    font-weight:500;
    display:inline-block;
    position:relative;
    padding-left:15px
}
.multi_step_form #msform fieldset .file_added li a i{
    font-size:22px;
    padding-right:8px;
    position:absolute;
    left:0;
    transform:rotate(20deg)
}
.multi_step_form #msform #progressbar{
    margin-bottom:30px;
    overflow:hidden
}
.multi_step_form #msform #progressbar li{
    list-style-type:none;
    color:#99a2a8;
    font-size:9px;
    width:calc(100%/5);
    float:left;
    position:relative
}
.multi_step_form #msform #progressbar li:nth-child(2):before{
    content:""
}
.multi_step_form #msform #progressbar li:nth-child(3):before{
    content:""
}
.multi_step_form #msform #progressbar li:before{
    content:"";
    font:normal normal normal 30px/50px Ionicons;
    width:100px;
    height:100px;
    line-height:50px;
    display:block;
    background:#eaf0f4;
    border-radius:22px
}
.multi_step_form #msform #progressbar li:after{
    content:"";
    width:100%;
    height:10px;
    background:#eaf0f4;
    position:absolute;
    left:-58%;
    top:44px;
    z-index:-1
}
.multi_step_form #msform #progressbar li:last-child:after{
    width:93%
}
#progressbar .active-img,#progressbar .inactive-img{
    position:absolute;
    top:0;
    left:0;
    cursor:pointer
}
#progressbar p{
    text-align:left;
    padding:10px 0 0 0
}
.multi_step_form #msform #progressbar li.active:after,.multi_step_form #msform #progressbar li.active:before{
    background:#702fff;
    color:#fff
}
.multi_step_form #msform .action-button{
    background:#702fff;
    color:#fff;
    border:0 none;
    border-radius:5px;
    cursor:pointer;
    min-width:130px;
    font:700 14px/40px Roboto,sans-serif;
    border:1px solid#702fff;
    margin:0 5px;
    text-transform:uppercase;
    display:inline-block
}
.multi_step_form #msform .action-button:focus,.multi_step_form #msform .action-button:hover{
    background:#405867;
    border-color:#405867
}
.multi_step_form #msform .previous_button{
    background:0 0;
    color:#99a2a8;
    border-color:#99a2a8
}
.multi_step_form #msform .previous_button:focus,.multi_step_form #msform .previous_button:hover{
    background:#405867;
    border-color:#405867;
    color:#fff
}
.set-padding .col-sm-4{
    padding-right:4px
}
.set-padding .col-sm-1,.set-padding .col-sm-2,.set-padding .col-sm-5,.set-padding .col-sm-6{
    padding:0 4px 3px 0
}
.set-padding .col-sm-5>.row{
    margin:0
}
.set-padding .col-sm-5>.row>.col-sm-6{
    display:inline-block;
    float:left
}
.set-padding select{
    padding:0 0 0 3px
}
@media (max-width:1199.98px){
    .multi_step_form #msform{
        padding:20px 0 42px 40px
    }
    #progressbar p{
        margin:0 65px 0 0
    }
}
@media (max-width:991.98px){
    .multi_step_form #msform #progressbar li:after{
        height:6px;
        left:-58%;
        top:50px
    }
    #progressbar p{
        margin:0
    }
}
@media (max-width:767.98px){
    .multi_step_form #msform{
        padding:10px 0
    }
    .multi_step_form #msform #progressbar li:after{
        display:none
    }
    .multi_step_form #msform #progressbar li{
        float:none;
        margin:0 auto
    }
    #progressbar p{
        padding:10px 0;
        font-size:12px;
        line-height:20px
    }
}
@media (max-width:660px){
    .multi_step_form #msform #progressbar li{
        float:none;
        margin:0 auto;
        width:100px
    }
    .multi_step_form #msform #progressbar li:after{
        height:100%;
        left:-90px;
        top:50px
    }
}
@media (min-width:1800px){
    .hero-section .hero-img{
        left:55%
    }
    .faq-section .faq-shape{
        left:55%
    }
}
.remodal{
    max-width:1250px;
    background:0 0!important
}
@media only screen and (max-width:600px){
    .remodal{
        padding:2px
    }
    .remodal-close{
        top:-31px;
        left:-9px
    }
}
.remodal,.remodal video,.remodal-wrapper{
    width:100vw;
    max-height:100vh
}
.no-index .menubar{
    z-index:0
}
video{
    max-width:100%
}
form.vatfrm-bg{
    margin:30px auto;
    width:100%;
    background:#fff;
    box-shadow:0 3px 20px #0000000f;
    padding:30px;
    border-radius:10px
}
form.vatfrm-bg .form-control{
    background:#fff;
    box-shadow:none;
    color:#111;
    border:1px solid #e0e0e0;
    border-radius:4px;
    padding:10px 15px 10px 15px;
    height:auto;
    margin-bottom:0px
}
.vattable-bg thead{
    background:#f9f8fc
}
.vattable-bg .table-bordered thead td,.vattable-bg .table-bordered thead th{
    border-bottom-width:0
}
.vattable-bg{
    width:100%;
    margin:0 auto
}
.vattable-bg tr td:first-child,.vattable-bg tr th:first-child{
    width:50%
}
.text-purple{
    color:#702fff!important
}
.searchtab-bg{
    margin:30px auto;
    width:70%;
    background:#fff;
    box-shadow:0 3px 20px #0000000f;
    padding:30px;
    border-radius:10px
}
.box-shadow{
    margin:10px;
    width:90%;
    background:#fff;
    box-shadow:0 3px 20px #0000000f;
    padding:14px;
    border-radius:10px
}
.searchtab-bg .form-control:focus{
    border-color:#ccc;
    outline:0
}
.has-search .form-control{
    padding-left:2.375rem
}
.has-search .form-control-feedback{
    position:absolute;
    z-index:2;
    display:block;
    width:2.375rem;
    height:2.375rem;
    line-height:2.375rem;
    text-align:center;
    pointer-events:none;
    color:#aaa
}
.searchtab-bg .btn-theme-one{
    padding:0 1rem;
    min-width:auto
}
.searchtabs-wrapper .serv-accoun-tabs a.nav-link span{
    line-height:22px;
    white-space:inherit;
    display:inline-block
}
.searchtabs-wrapper .serv-accoun-tabs a.nav-link.active:after,.searchtabs-wrapper .serv-accoun-tabs a.nav-link:hover:after{
    top:23%;
    left:6%;
    width:138px;
    min-height:44px;
    border-radius:6px
}
.searchtabs-wrapper .serv-accoun-tabs a.nav-link{
    min-height:40px;
    font-size:16px;
    width:140px
}
.searchtab-table thead{
    background:#f9f8fc
}
.searchtab-table .table-bordered thead td,.searchtab-table .table-bordered thead th{
    border-bottom-width:0
}
.blue-text{
    color:#702fff
}
.active-clr{
    background-color:#006435;
    color:#fff;
    font-size:13px;
    padding:2px 4px;
    border-radius:3px;
    font-weight:500
}
.inactive-clr{
    background-color:#4b5253;
    color:#fff;
    font-size:13px;
    padding:2px 4px;
    border-radius:3px;
    font-weight:500
}
p.box-phr{
    font-size:14px;
    margin-bottom:0
}
.innertabs-bg .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{
    color:#702fff;
    background-color:#fff;
    border-bottom:2px solid!important;
    border:none
}
.innertabs-bg .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{
    border-color:transparent;
    border:none
}
.innertabs-bg .nav-tabs .nav-link{
    border-bottom:1px solid transparent;
    border:none
}
.fillinghis-tabs a{
    color:#702fff;
    text-decoration:underline
}
ul.table-list li{
    margin:0 0 0 22px;
    list-style-type:initial
}
.table-list strong{
    color:#000
}
.innertabs-bg .mt-4{
    border-bottom:1px solid #eaeaea
}
.innertabs-bg .mt-4:last-child{
    border:none
}
.searchtabs-wrapper{
    position:relative;
    margin-bottom:100px!important
}
.company-deadline-loader{
    position:absolute;
    top:0;
    background-color:rgba(255,255,255,.5);
    width:100%;
    height:100%;
    text-align:center;
    padding-top:100px;
    z-index:9;
    left:0;
    right:0;
    color:#702fff;
    color:#ff5b83;
    font-size:30px
}


@media (max-width:  500px){
    .feedback-section .feedback-box .icon{
        display: none;
    }
}