@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
body {
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden !important;
    font-size: 1rem;
    color: #161c2d;
    background-color: #fff;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-family:var(--bs-font-sans-serif);
    line-height:1.4;
    font-weight:600
}
::-moz-selection{
    background:rgba(47,85,212,.9);
    color:#fff
}
::selection{
    background:rgba(47,85,212,.9);
    color:#fff
}
a{
    text-decoration:none!important;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
p{
    line-height:1.6
}
/* General styles for sections */
.section {
    padding: 60px 0;
}

/* Adjusting styles for mobile devices */
@media (max-width: 768px) {
    /* Reduce padding for smaller screens */
    .section {
        padding: 30px 0;
    }

    /* Adjust the header text size */
    .section h1,
    .section h3,
    .section h4 {
        font-size: 24px; /* Adjust as necessary */
    }

    /* Adjust images for mobile */
    .section img {
        max-width: 100%;
        height: auto; /* Maintain aspect ratio */
        margin-bottom: 20px; /* Ensure some space below the image */
    }

    /* Stack columns vertically on mobile */
    .row {
        flex-direction: column !important; /* Force columns to stack */
    }

    /* Adjust card body padding */
    .card-body {
        padding: 20px; /* Less padding on mobile */
    }

    /* Adjust form fields for better accessibility */
    .form-control {
        margin-bottom: 15px; /* More space between form fields */
    }
}

#topnav{
    position:fixed;
    right:0;
    left:0;
    top:0;
    z-index:999;
    background-color: black;
    border:0;
    opacity: 0.6;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
#topnav .logo{
    float:left;
    color:#3c4858!important
}
#topnav .logo .l-dark,#topnav .logo .logo-dark-mode{
    display:none
}
#topnav .logo .l-light,#topnav .logo .logo-light-mode{
    display:inline-block
}
#topnav .logo:focus{
    outline:0
}
#topnav .has-submenu.active a{
    color:#fff
}
#topnav .has-submenu.active .submenu li.active>a{
    color:#2f55d4!important
}
#topnav .has-submenu.active.active .menu-arrow{
    border-color:#2f55d4
}
#topnav .has-submenu{
    position:relative
}
#topnav .has-submenu .submenu{
    position:relative
}
#topnav .has-submenu .submenu .submenu-arrow{
    border:solid #3c4858;
    border-radius:.5px;
    border-width:0 2px 2px 0;
    display:inline-block;
    padding:3px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    position:absolute;
    right:20px;
    top:13px
}
#topnav .has-submenu .submenu .has-submenu .submenu .has-submenu:hover .submenu-arrow{
    border-color:#2f55d4
}
#topnav .has-submenu .submenu .has-submenu:hover>.submenu-arrow{
    border-color:#2f55d4
}
#topnav .navbar-toggle{
    border:0;
    position:relative;
    padding:0;
    margin:0;
    cursor:pointer
}
#topnav .navbar-toggle .lines{
    width:25px;
    display:block;
    position:relative;
    margin:30px 0 26px 10px;
    height:18px
}
#topnav .navbar-toggle span{
    height:2px;
    width:100%;
    background-color:#3c4858;
    display:block;
    margin-bottom:5px;
    -webkit-transition:-webkit-transform .5s ease;
    transition:-webkit-transform .5s ease;
    transition:transform .5s ease;
    transition:transform .5s ease,-webkit-transform .5s ease
}
#topnav .navbar-toggle span:last-child{
    margin-bottom:0
}
#topnav .buy-button{
    float:right;
    line-height:74px
}
#topnav .buy-button>li{
    line-height:initial
}
#topnav .buy-button .btn-icon-dark,#topnav .buy-button .login-btn-primary{
    display:none
}
#topnav .buy-button .btn-icon-light,#topnav .buy-button .login-btn-light{
    display:inline-block
}
#topnav .buy-button .search-bar .menu-search form{
    position:relative
}
#topnav .buy-button .search-bar .searchform input[type=text]{
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:10px 12px;
    height:44px;
    font-size:14px;
    display:block;
    outline:0!important;
    padding-right:45px
}
#topnav .buy-button .search-bar .searchform input[type=submit]{
    display:none
}
#topnav .buy-button .search-bar .searchform:after{
    content:"\f0349";
    position:absolute;
    font-family:"Material Design Icons";
    right:14px;
    top:14px;
    font-size:20px;
    line-height:20px;
    pointer-events:none
}
#topnav .buy-button .dropdown .dropdown-toggle:after,#topnav .buy-menu-btn .dropdown .dropdown-toggle:after{
    display:none
}
#topnav .navbar-toggle.open span{
    position:absolute
}
#topnav .navbar-toggle.open span:first-child{
    top:6px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
#topnav .navbar-toggle.open span:nth-child(2){
    visibility:hidden
}
#topnav .navbar-toggle.open span:last-child{
    width:100%;
    top:6px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
#topnav .navbar-toggle.open span:hover{
    background-color:#2f55d4
}
#topnav .navbar-toggle .navigation-menu>li>a:hover,#topnav .navbar-toggle:focus,#topnav .navbar-toggle:hover{
    background-color:transparent
}
#topnav .navigation-menu{
    list-style:none;
    margin:0;
    padding:0
}
#topnav .navigation-menu>li{
    float:left;
    display:block;
    position:relative;
    margin:0 10px
}
#topnav .navigation-menu>li.active>a,#topnav .navigation-menu>li:hover>a{
    color:#2f55d4!important
}
#topnav .navigation-menu>li>a{
    display:block;
    color:#3c4858;
    font-size:17px;
    background-color:transparent!important;
    font-weight:700;
    letter-spacing:1px;
    line-height:24px;
    text-transform:uppercase;
    font-family:var(--bs-font-sans-serif);
    padding-left:15px;
    padding-right:15px
}
#topnav .navigation-menu>li>a:active,#topnav .navigation-menu>li>a:hover{
    color:#2f55d4
}
#topnav .navigation-menu>li .submenu.megamenu li .megamenu-head{
    padding:10px 20px;
    white-space:nowrap;
    font-size:17px;
    text-transform:uppercase;
    letter-spacing:.04em;
    font-weight:700;
    color:#161c2d!important
}
#topnav .navigation-menu .has-submenu .menu-arrow{
    border:solid #3c4858;
    border-radius:.5px;
    border-width:0 2px 2px 0;
    display:inline-block;
    padding:3px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    position:absolute;
    -webkit-transition:all .5s;
    transition:all .5s;
    right:-1px;
    top:30px
}
#topnav .navigation-menu .has-submenu:hover .menu-arrow{
    -webkit-transform:rotate(225deg);
    transform:rotate(225deg)
}
#topnav .menu-extras{
    float:right
}
#topnav.scroll{
    background-color:#fff;
    border:none;
    -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
    box-shadow:0 0 3px rgba(60,72,88,.15)
}
#topnav.scroll .navigation-menu>li>a{
    color:#3c4858
}
#topnav.scroll .navigation-menu>li>.menu-arrow{
    border-color:#3c4858
}
#topnav.scroll .navigation-menu>li.active>a,#topnav.scroll .navigation-menu>li:hover>a{
    color:#2f55d4
}
#topnav.scroll .navigation-menu>li.active>.menu-arrow,#topnav.scroll .navigation-menu>li:hover>.menu-arrow{
    border-color:#2f55d4
}
#topnav.defaultscroll.dark-menubar .logo{
    line-height:70px
}
#topnav.defaultscroll.scroll .logo{
    line-height:62px
}
#topnav.defaultscroll.scroll.dark-menubar .logo{
    line-height:62px
}
#topnav.nav-sticky{
    background:#000;
    -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
    box-shadow:0 0 3px rgba(60,72,88,.15)
}
#topnav.nav-sticky .navigation-menu.nav-light>li>a{
    color:#3c4858
}
#topnav.nav-sticky .navigation-menu.nav-light>li.active>a{
    color:#2f55d4!important
}
#topnav.nav-sticky .navigation-menu.nav-light>li.active>.menu-arrow,#topnav.nav-sticky .navigation-menu.nav-light>li:hover>.menu-arrow{
    border-color:#2f55d4!important
}
#topnav.nav-sticky .navigation-menu.nav-light>li.active>a,#topnav.nav-sticky .navigation-menu.nav-light>li:hover>a{
    color:#2f55d4!important
}
#topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow{
    border-color:#3c4858
}
#topnav.nav-sticky.tagline-height{
    top:0!important
}
#topnav.nav-sticky .buy-button .btn-icon-dark,#topnav.nav-sticky .buy-button .login-btn-primary{
    display:inline-block
}
#topnav.nav-sticky .buy-button .btn-icon-light,#topnav.nav-sticky .buy-button .login-btn-light{
    display:none
}
#topnav.nav-sticky .logo .l-dark{
    display:inline-block
}
#topnav.nav-sticky .logo .l-light{
    display:none
}
.logo{
    font-weight:700;
    font-size:24px;
    margin-right:15px;
    padding:0 0 6px;
    letter-spacing:1px;
    line-height:68px
}
@media (min-width:1025px){
    #topnav .navigation-menu>li .submenu.megamenu{
        width:1116px!important
    }
}
@media screen and (max-width:1024px) and (min-width:992px){
    #topnav .navigation-menu>li .submenu.megamenu{
        width:936px!important
    }
}
@media (min-width:992px){
    #topnav .navigation-menu{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    #topnav .navigation-menu>.has-submenu:hover .menu-arrow{
        top:33px!important
    }
    #topnav .navigation-menu>.has-submenu.active .menu-arrow{
        top:30px
    }
    #topnav .navigation-menu>li .submenu{
        position:absolute;
        top:100%;
        left:0;
        z-index:1000;
        padding:15px 0;
        list-style:none;
        min-width:180px;
        visibility:hidden;
        opacity:0;
        margin-top:10px;
        -webkit-transition:all .2s ease;
        transition:all .2s ease;
        border-radius:6px;
        background-color:#fff;
        -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
        box-shadow:0 0 3px rgba(60,72,88,.15)
    }
    #topnav .navigation-menu>li .submenu li{
        position:relative
    }
    #topnav .navigation-menu>li .submenu li a{
        display:block;
        padding:10px 20px;
        clear:both;
        white-space:nowrap;
        font-size:18px;
        text-transform:uppercase;
        letter-spacing:.04em;
        font-weight:700;
        color:#3c4858!important;
        -webkit-transition:all .3s;
        transition:all .3s
    }
    #topnav .navigation-menu>li .submenu li a:hover{
        color:#2f55d4!important
    }
    #topnav .navigation-menu>li .submenu li ul{
        list-style:none;
        padding-left:0;
        margin:0
    }
    #topnav .navigation-menu>li .submenu.megamenu{
        white-space:nowrap;
        left:50%;
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%);
        position:fixed;
        top:auto;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    #topnav .navigation-menu>li .submenu.megamenu>li{
        overflow:hidden;
        vertical-align:top;
        width:20%
    }
    #topnav .navigation-menu>li .submenu.megamenu>li .submenu{
        left:100%;
        top:0;
        margin-left:10px;
        margin-top:-1px
    }
    #topnav .navigation-menu>li .submenu>li .submenu{
        left:101%;
        top:0;
        margin-left:10px;
        margin-top:-1px
    }
    #topnav .navigation-menu>li>a{
        padding-top:25px;
        padding-bottom:25px;
        min-height:62px
    }
    #topnav .navigation-menu>li:hover>.menu-arrow{
        border-color:#2f55d4
    }
    #topnav .navigation-menu>li.active>a,#topnav .navigation-menu>li:hover>a{
        color:#2f55d4!important
    }
    #topnav .navigation-menu>li.last-elements .submenu{
        left:auto;
        right:0
    }
    #topnav .navigation-menu>li.last-elements .submenu:before{
        left:auto;
        right:10px
    }
    #topnav .navigation-menu>li.last-elements .submenu>li.has-submenu .submenu{
        left:auto;
        right:100%;
        margin-left:0;
        margin-right:10px
    }
    #topnav .navigation-menu.nav-light>li>a{
        color:rgba(255,255,255,.5)
    }
    #topnav .navigation-menu.nav-light>li.active>a{
        color:#fff!important
    }
    #topnav .navigation-menu.nav-light>li:hover>.menu-arrow{
        border-color:#fff!important
    }
    #topnav .navigation-menu.nav-light>li:hover>a{
        color:#fff!important
    }
    #topnav .navigation-menu.nav-light .has-submenu .menu-arrow{
        border-color:rgba(255,255,255,.5)
    }
    #topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow{
        border-color:#fff!important
    }
    #topnav .navigation-menu.nav-right{
        -webkit-box-pack:end!important;
        -ms-flex-pack:end!important;
        justify-content:flex-end!important
    }
    #topnav .navigation-menu.nav-left{
        -webkit-box-pack:start!important;
        -ms-flex-pack:start!important;
        justify-content:flex-start!important
    }
    #topnav .navigation-menu.nav-left>li.last-elements .submenu{
        left:0!important;
        right:auto!important
    }
    #topnav .navigation-menu.nav-left>li.last-elements .submenu:before{
        left:45px!important;
        right:auto!important
    }
    #topnav .buy-button{
        padding-left:15px;
        margin-left:15px
    }
    #topnav .navbar-toggle{
        display:none
    }
    #topnav #navigation{
        display:block!important
    }
    #topnav.scroll{
        top:0
    }
    #topnav.scroll .navigation-menu>li>a{
        padding-top:20px;
        padding-bottom:20px
    }
    #topnav.scroll-active .navigation-menu>li>a{
        padding-top:25px;
        padding-bottom:25px
    }
}
@media (max-width:991px){
    #topnav{
        background-color:#fff;
        -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
        box-shadow:0 0 3px rgba(60,72,88,.15);
        min-height:74px
    }
    #topnav .logo .l-dark{
        display:inline-block!important
    }
    #topnav .logo .l-light{
        display:none!important
    }
    #topnav .container{
        width:auto
    }
    #topnav #navigation{
        max-height:400px
    }
    #topnav .navigation-menu{
        float:none
    }
    #topnav .navigation-menu>li{
        float:none
    }
    #topnav .navigation-menu>li .submenu{
        display:none;
        list-style:none;
        padding-left:20px;
        margin:0
    }
    #topnav .navigation-menu>li .submenu li a{
        display:block;
        position:relative;
        padding:7px 15px;
        text-transform:uppercase;
        font-size:11px;
        letter-spacing:.04em;
        font-weight:700;
        color:#3c4858!important;
        -webkit-transition:all .3s;
        transition:all .3s
    }
    #topnav .navigation-menu>li .submenu.megamenu li .megamenu-head{
        padding:7px 15px
    }
    #topnav .navigation-menu>li .submenu.open{
        display:block
    }
    #topnav .navigation-menu>li .submenu .submenu{
        display:none;
        list-style:none
    }
    #topnav .navigation-menu>li .submenu .submenu.open{
        display:block
    }
    #topnav .navigation-menu>li .submenu.megamenu>li>ul{
        list-style:none;
        padding-left:0
    }
    #topnav .navigation-menu>li .submenu.megamenu>li>ul>li>span{
        display:block;
        position:relative;
        padding:10px 15px;
        text-transform:uppercase;
        font-size:12px;
        letter-spacing:2px;
        color:#8492a6
    }
    #topnav .navigation-menu>li>a{
        color:#3c4858;
        padding:10px 20px
    }
    #topnav .navigation-menu>li>a:after{
        position:absolute;
        right:15px
    }
    #topnav .navigation-menu>li .submenu li a:hover,#topnav .navigation-menu>li.has-submenu.open>a,#topnav .navigation-menu>li>a:hover{
        color:#2f55d4
    }
    #topnav .menu-extras .menu-item{
        border-color:white;
    }
    #topnav .navbar-header{
        float:left
    }
    #topnav .buy-button .btn-icon-dark,#topnav .buy-button .login-btn-primary{
        display:inline-block!important
    }
    #topnav .buy-button .btn-icon-light,#topnav .buy-button .login-btn-light{
        display:none
    }
    #topnav .has-submenu .submenu .submenu-arrow{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        position:absolute;
        right:20px;
        top:12px
    }
    #topnav .has-submenu.active a{
        color:#2f55d4
    }
    #navigation{
        position:absolute;
        top:74px;
        left:0;
        width:100%;
        display:none;
        height:auto;
        padding-bottom:0;
        overflow:auto;
        border-top:1px solid #f2f4f6;
        border-bottom:1px solid #f2f4f6;
        background-color:#fff;
        -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
        box-shadow:0 0 3px rgba(60,72,88,.15)
    }
    #navigation.open{
        display:block;
        overflow-y:auto
    }
}
@media (max-width:768px){
    #topnav .navigation-menu .has-submenu .menu-arrow{
        right:8px;
        top:16px
    }
}
@media (min-width:768px){
    #topnav .navigation-menu>li.has-submenu:hover>.submenu{
        visibility:visible;
        opacity:1;
        margin-top:0
    }
    #topnav .navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu{
        visibility:visible;
        opacity:1;
        margin-left:0;
        margin-right:0
    }
    #topnav .navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu>li:hover>.submenu{
        visibility:visible;
        opacity:1;
        margin-left:0;
        margin-right:0
    }
    .navbar-toggle{
        display:block
    }
}
@media (max-width:425px){
    #topnav .buy-menu-btn{
        display:block!important;
        margin:0 10px;
        padding:10px 20px
    }
    #topnav .buy-menu-btn .dropdown .dropdown-menu.show{
        -webkit-transform:translate3d(0,-54px,0)!important;
        transform:translate3d(0,-54px,0)!important
    }
}
.tagline{
    position:absolute;
    width:100%;
    z-index:99;
    font-size:14px;
    padding:13px 0
}
@media screen and (max-width:575px){
    .tagline{
        display:none
    }
}
@media screen and (max-width:575px){
    .tagline-height{
        top:0!important
    }
}
@media (min-width:576px){
    .tagline-height{
        top:47px!important
    }
}
.sidebar-nav>.navbar-item{
    padding:5px 0
}
.sidebar-nav>.navbar-item .navbar-link{
    color:#3c4858!important;
    font-size:15px;
    font-weight:600
}
.sidebar-nav>.navbar-item .navbar-link .navbar-icon{
    font-size:18px;
    margin-right:6px
}
.sidebar-nav>.navbar-item.active .navbar-link,.sidebar-nav>.navbar-item:hover .navbar-link{
    color:#2f55d4!important
}
#navmenu-nav li.active a{
    color:#2f55d4!important
}
#navmenu-nav li.account-menu.active .navbar-link,#navmenu-nav li.account-menu:hover .navbar-link{
    color:#fff!important;
    background-color:#2f55d4!important
}
.navbar-white-bg{
    background-color:#fff!important
}
.footer{
    background:#202942;
    position:relative;
    color:#adb5bd
}
.footer .footer-py-60{
    padding:60px 0
}
.footer .footer-py-30{
    padding:30px 0
}
.footer .logo-footer{
    font-size:22px
}
.footer .logo-footer:focus{
    outline:0
}
.footer .footer-head{
    letter-spacing:1px;
    font-weight:500;
    color:#fff
}
.footer .foot-subscribe .form-control{
    background-color:#27314f;
    border:1px solid #27314f;
    color:#dee2e6!important
}
.footer .foot-subscribe .form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.footer .foot-subscribe.foot-white .form-control{
    color:#adb5bd
}
.footer .foot-subscribe input::-webkit-input-placeholder{
    color:#adb5bd
}
.footer .foot-subscribe input::-moz-placeholder{
    color:#adb5bd
}
.footer .foot-subscribe input:-ms-input-placeholder{
    color:#adb5bd
}
.footer .foot-subscribe input::-ms-input-placeholder{
    color:#adb5bd
}
.footer .foot-subscribe input::placeholder{
    color:#adb5bd
}
.footer .text-foot{
    color:#adb5bd
}
.footer .footer-list{
    margin-bottom:0
}
.footer .footer-list li{
    margin-bottom:10px
}
.footer .footer-list li a{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.footer .footer-list li a:hover{
    color:#e6e8ea
}
.footer .footer-list li:last-child{
    margin-bottom:0
}
.footer .footer-bar,.footer .footer-border{
    border-top:1px solid #283453
}
.footer .border{
    border-color:#283453!important
}
.footer.footer-light{
    background:#f8f9fa;
    color:#8492a6
}
.footer.footer-light .footer-head{
    color:#3c4858
}
.footer.footer-light .foot-subscribe .form-control{
    background-color:#f8f9fa;
    border:1px solid #e9ecef;
    color:#f8f9fa
}
.footer.footer-light .foot-subscribe.foot-white .form-control{
    color:#adb5bd
}
.footer.footer-light .foot-subscribe input::-webkit-input-placeholder{
    color:#adb5bd
}
.footer.footer-light .foot-subscribe input::-moz-placeholder{
    color:#adb5bd
}
.footer.footer-light .foot-subscribe input:-ms-input-placeholder{
    color:#adb5bd
}
.footer.footer-light .foot-subscribe input::-ms-input-placeholder{
    color:#adb5bd
}
.footer.footer-light .foot-subscribe input::placeholder{
    color:#adb5bd
}
.footer.footer-light .border{
    border-color:#e9ecef!important
}
.footer.footer-light .text-foot{
    color:#8492a6
}
.footer.footer-light .footer-list li a:hover{
    color:#495057
}
.avatar.avatar-coin,.avatar.avatar-sm-sm{
    height:36px;
    width:36px
}
.avatar.avatar-ex-sm{
    max-height:25px
}
.avatar.avatar-ex-small{
    height:36px;
    width:36px
}
.avatar.avatar-md-sm{
    height:45px;
    width:45px
}
.avatar.avatar-small{
    height:65px;
    width:65px
}
.avatar.avatar-md-md{
    height:80px;
    width:80px
}
.avatar.avatar-medium{
    height:110px;
    width:110px
}
.avatar.avatar-large{
    height:140px;
    width:140px
}
.avatar.avatar-ex-large{
    height:180px;
    width:180px
}
.accordion .accordion-item{
    overflow:hidden;
    border:0;
    -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
    box-shadow:0 0 3px rgba(60,72,88,.15)
}
.accordion .accordion-item .accordion-button{
    font-weight:600;
    text-align:left;
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:1rem 2.5rem 1rem 1.25rem
}
.accordion .accordion-item .accordion-button:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.accordion .accordion-item .accordion-button:before{
    content:"\f0143";
    display:block;
    font-family:"Material Design Icons";
    font-size:16px;
    color:#2f55d4;
    position:absolute;
    right:20px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.accordion .accordion-item .accordion-button.collapsed{
    background-color:#fff;
    color:#3c4858!important;
    -webkit-transition:all .5s;
    transition:all .5s
}
.accordion .accordion-item .accordion-button.collapsed:before{
    top:15px;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    color:#3c4858!important
}
.accordion .accordion-item .accordion-button:not(.collapsed){
    color:#2f55d4
}
.accordion .accordion-item .accordion-button:after{
    display:none
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image:linear-gradient(45deg,#fff,#fff);
    z-index:9999999
}
#preloader #status{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
#preloader #status .spinner{
    width:40px;
    height:40px;
    position:relative;
    margin:100px auto
}
#preloader #status .spinner .double-bounce1,#preloader #status .spinner .double-bounce2{
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:#2f55d4;
    opacity:.6;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:sk-bounce 2s infinite ease-in-out;
    animation:sk-bounce 2s infinite ease-in-out
}
#preloader #status .spinner .double-bounce2{
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes sk-bounce{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes sk-bounce{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.form-check-label,.form-label{
    font-weight:700;
    font-size:14px
}
.form-control{
    border:1px solid #e9ecef;
    font-size:14px;
    line-height:26px;
    border-radius:6px;
    color:#3c4858!important;
    text-align:left
}
.form-control:focus{
    border-color:#2f55d4;
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-control[readonly]{
    background-color:#fff
}
.form-control:disabled{
    background-color:#dee2e6
}
.form-control::-webkit-input-placeholder{
    color:#3c4858
}
.form-control::-moz-placeholder{
    color:#3c4858
}
.form-control:-ms-input-placeholder{
    color:#3c4858
}
.form-control::-ms-input-placeholder{
    color:#3c4858
}
.form-control::placeholder{
    color:#3c4858
}
.form-check-input{
    border:1px solid #e9ecef;
    background-color:#fff
}
.form-check-input:focus{
    border-color:#2f55d4;
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-check-input.form-check-input:checked{
    background-color:#2f55d4;
    border-color:#2f55d4
}
.subcribe-form .btn{
    padding:10px 20px
}
.subcribe-form input{
    padding:12px 20px;
    width:100%;
    color:#3c4858!important;
    border:none;
    outline:0!important;
    padding-right:160px;
    padding-left:30px;
    background-color:rgba(255,255,255,.8);
    height:50px
}
.subcribe-form input::-webkit-input-placeholder{
    color:#3c4858
}
.subcribe-form input::-moz-placeholder{
    color:#3c4858
}
.subcribe-form input:-ms-input-placeholder{
    color:#3c4858
}
.subcribe-form input::-ms-input-placeholder{
    color:#3c4858
}
.subcribe-form input::placeholder{
    color:#3c4858
}
.subcribe-form button{
    position:absolute;
    top:2px;
    right:3px;
    outline:0!important
}
.subcribe-form form{
    position:relative;
    max-width:600px;
    margin:0 auto
}
.blog.blog-primary .tag{
    background:#2f55d4!important
}
.blog.blog-primary .readmore:hover,.blog.blog-primary .title:hover{
    color:#2f55d4!important
}
.blog.blog-primary .link{
    color:#2f55d4!important
}
.blog.blog-secondary .tag{
    background:#6c757d!important
}
.blog.blog-secondary .readmore:hover,.blog.blog-secondary .title:hover{
    color:#6c757d!important
}
.blog.blog-secondary .link{
    color:#6c757d!important
}
.blog.blog-success .tag{
    background:#2eca8b!important
}
.blog.blog-success .readmore:hover,.blog.blog-success .title:hover{
    color:#2eca8b!important
}
.blog.blog-success .link{
    color:#2eca8b!important
}
.blog.blog-info .tag{
    background:#17a2b8!important
}
.blog.blog-info .readmore:hover,.blog.blog-info .title:hover{
    color:#17a2b8!important
}
.blog.blog-info .link{
    color:#17a2b8!important
}
.blog.blog-warning .tag{
    background:#f17425!important
}
.blog.blog-warning .readmore:hover,.blog.blog-warning .title:hover{
    color:#f17425!important
}
.blog.blog-warning .link{
    color:#f17425!important
}
.blog.blog-danger .tag{
    background:#e43f52!important
}
.blog.blog-danger .readmore:hover,.blog.blog-danger .title:hover{
    color:#e43f52!important
}
.blog.blog-danger .link{
    color:#e43f52!important
}
.blog.blog-light .tag{
    background:#f8f9fa!important
}
.blog.blog-light .readmore:hover,.blog.blog-light .title:hover{
    color:#f8f9fa!important
}
.blog.blog-light .link{
    color:#f8f9fa!important
}
.blog.blog-dark .tag{
    background:#3c4858!important
}
.blog.blog-dark .readmore:hover,.blog.blog-dark .title:hover{
    color:#3c4858!important
}
.blog.blog-dark .link{
    color:#3c4858!important
}
.blog.blog-footer .tag{
    background:#202942!important
}
.blog.blog-footer .readmore:hover,.blog.blog-footer .title:hover{
    color:#202942!important
}
.blog.blog-footer .link{
    color:#202942!important
}
.blog.blog-muted .tag{
    background:#8492a6!important
}
.blog.blog-muted .readmore:hover,.blog.blog-muted .title:hover{
    color:#8492a6!important
}
.blog.blog-muted .link{
    color:#8492a6!important
}
.blog{
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.blog .content h4{
    line-height:1.2
}
.blog .content .title{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.blog .content .post-meta .comments,.blog .content .post-meta .like,.blog .content .post-meta .readmore{
    font-size:15px;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.blog .content .post-meta .like:hover{
    color:#e43f52!important
}
.blog .content .post-meta .comments:hover{
    color:#2eca8b!important
}
.blog .author,.blog .course-fee,.blog .preview,.blog .teacher{
    position:absolute;
    z-index:1;
    opacity:0;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.blog .author{
    top:5%;
    left:5%
}
.blog .author .date,.blog .author .profession,.blog .author .user,.blog .teacher .date,.blog .teacher .profession,.blog .teacher .user{
    color:#fff
}
.blog .teacher{
    bottom:6%;
    left:5%
}
.blog .course-fee{
    bottom:-5%;
    right:5%;
    width:50px;
    height:50px
}
.blog .course-fee .fee{
    line-height:50px
}
.blog.blog-detail:hover{
    -webkit-transform:translateY(0)!important;
    transform:translateY(0)!important
}
.blog .overlay{
    background:#3c4858
}
.blog:hover{
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px)
}
.blog:hover .overlay{
    opacity:.6
}
.blog:hover .author,.blog:hover .course-fee,.blog:hover .preview,.blog:hover .teacher{
    opacity:1
}
.blog .blog-list-meta{
    position:absolute;
    bottom:24px
}
.blog .preview{
    color:#fff!important
}
.sidebar .widget .blog-categories li{
    padding-bottom:10px
}
.sidebar .widget .blog-categories li:last-child{
    padding-bottom:0
}
.sidebar .widget .blog-categories li a,.sidebar .widget .blog-categories li span{
    font-size:15px
}
.sidebar .widget .blog-categories li a{
    color:#3c4858;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.sidebar .widget .blog-categories li a:hover{
    color:#2f55d4
}
.sidebar .widget .post-recent{
    padding-bottom:15px
}
.sidebar .widget .post-recent:last-child{
    padding-bottom:0
}
.sidebar .widget .post-recent .post-recent-thumb{
    width:25%
}
.sidebar .widget .post-recent .post-recent-content{
    width:75%;
    padding-left:10px
}
.sidebar .widget .post-recent .post-recent-content a{
    display:block;
    color:#3c4858;
    font-size:15px;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.sidebar .widget .post-recent .post-recent-content a:hover{
    color:#2f55d4
}
.sidebar .widget .post-recent .post-recent-content span{
    font-size:13px
}
.tagcloud>a{
    background:#f8f9fa;
    color:#3c4858;
    display:inline-block;
    font-size:9px;
    letter-spacing:1px;
    margin:5px 10px 5px 0;
    padding:8px 12px 7px;
    text-transform:uppercase;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    font-weight:600
}
.tagcloud>a:hover{
    background:#2f55d4;
    color:#fff
}
.media-list .media .media-heading:hover{
    color:#2f55d4!important
}
.media-list .sub-comment{
    border-left:2px dashed #e9ecef
}
.blog .overlay,.job-box .job-overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.job-box.job-primary .position a:hover{
    color:#2f55d4!important
}
.job-box.job-primary .company-name:hover{
    color:#2f55d4!important
}
.job-box.job-primary .readmore:hover,.job-box.job-primary .title:hover{
    color:#2f55d4!important
}
.job-box.job-primary .icons{
    color:#2f55d4!important
}
.job-box.job-primary.candidate-list .name:hover,.job-box.job-primary.company-list .name:hover{
    color:#2f55d4!important
}
.job-box.job-primary .bg{
    background-color:#2f55d4!important
}
.job-box.job-primary .bg-soft{
    background-color:rgba(47,85,212,.1)!important;
    border:1px solid rgba(47,85,212,.1)!important;
    color:#2f55d4!important
}
.job-box.job-primary .btn-soft{
    background-color:rgba(47,85,212,.05)!important;
    border:1px solid rgba(47,85,212,.05)!important;
    color:#2f55d4!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(47,85,212,.1);
    box-shadow:0 3px 5px 0 rgba(47,85,212,.1)
}
.job-box.job-primary .btn-soft.active,.job-box.job-primary .btn-soft.focus,.job-box.job-primary .btn-soft:active,.job-box.job-primary .btn-soft:focus,.job-box.job-primary .btn-soft:hover{
    background-color:#2f55d4!important;
    border-color:#2f55d4!important;
    color:#fff!important
}
.job-box.job-secondary .position a:hover{
    color:#6c757d!important
}
.job-box.job-secondary .company-name:hover{
    color:#6c757d!important
}
.job-box.job-secondary .readmore:hover,.job-box.job-secondary .title:hover{
    color:#6c757d!important
}
.job-box.job-secondary .icons{
    color:#6c757d!important
}
.job-box.job-secondary.candidate-list .name:hover,.job-box.job-secondary.company-list .name:hover{
    color:#6c757d!important
}
.job-box.job-secondary .bg{
    background-color:#6c757d!important
}
.job-box.job-secondary .bg-soft{
    background-color:rgba(108,117,125,.1)!important;
    border:1px solid rgba(108,117,125,.1)!important;
    color:#6c757d!important
}
.job-box.job-secondary .btn-soft{
    background-color:rgba(108,117,125,.05)!important;
    border:1px solid rgba(108,117,125,.05)!important;
    color:#6c757d!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(108,117,125,.1);
    box-shadow:0 3px 5px 0 rgba(108,117,125,.1)
}
.job-box.job-secondary .btn-soft.active,.job-box.job-secondary .btn-soft.focus,.job-box.job-secondary .btn-soft:active,.job-box.job-secondary .btn-soft:focus,.job-box.job-secondary .btn-soft:hover{
    background-color:#6c757d!important;
    border-color:#6c757d!important;
    color:#fff!important
}
.job-box.job-success .position a:hover{
    color:#2eca8b!important
}
.job-box.job-success .company-name:hover{
    color:#2eca8b!important
}
.job-box.job-success .readmore:hover,.job-box.job-success .title:hover{
    color:#2eca8b!important
}
.job-box.job-success .icons{
    color:#2eca8b!important
}
.job-box.job-success.candidate-list .name:hover,.job-box.job-success.company-list .name:hover{
    color:#2eca8b!important
}
.job-box.job-success .bg{
    background-color:#2eca8b!important
}
.job-box.job-success .bg-soft{
    background-color:rgba(46,202,139,.1)!important;
    border:1px solid rgba(46,202,139,.1)!important;
    color:#2eca8b!important
}
.job-box.job-success .btn-soft{
    background-color:rgba(46,202,139,.05)!important;
    border:1px solid rgba(46,202,139,.05)!important;
    color:#2eca8b!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(46,202,139,.1);
    box-shadow:0 3px 5px 0 rgba(46,202,139,.1)
}
.job-box.job-success .btn-soft.active,.job-box.job-success .btn-soft.focus,.job-box.job-success .btn-soft:active,.job-box.job-success .btn-soft:focus,.job-box.job-success .btn-soft:hover{
    background-color:#2eca8b!important;
    border-color:#2eca8b!important;
    color:#fff!important
}
.job-box.job-info .position a:hover{
    color:#17a2b8!important
}
.job-box.job-info .company-name:hover{
    color:#17a2b8!important
}
.job-box.job-info .readmore:hover,.job-box.job-info .title:hover{
    color:#17a2b8!important
}
.job-box.job-info .icons{
    color:#17a2b8!important
}
.job-box.job-info.candidate-list .name:hover,.job-box.job-info.company-list .name:hover{
    color:#17a2b8!important
}
.job-box.job-info .bg{
    background-color:#17a2b8!important
}
.job-box.job-info .bg-soft{
    background-color:rgba(23,162,184,.1)!important;
    border:1px solid rgba(23,162,184,.1)!important;
    color:#17a2b8!important
}
.job-box.job-info .btn-soft{
    background-color:rgba(23,162,184,.05)!important;
    border:1px solid rgba(23,162,184,.05)!important;
    color:#17a2b8!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(23,162,184,.1);
    box-shadow:0 3px 5px 0 rgba(23,162,184,.1)
}
.job-box.job-info .btn-soft.active,.job-box.job-info .btn-soft.focus,.job-box.job-info .btn-soft:active,.job-box.job-info .btn-soft:focus,.job-box.job-info .btn-soft:hover{
    background-color:#17a2b8!important;
    border-color:#17a2b8!important;
    color:#fff!important
}
.job-box.job-warning .position a:hover{
    color:#f17425!important
}
.job-box.job-warning .company-name:hover{
    color:#f17425!important
}
.job-box.job-warning .readmore:hover,.job-box.job-warning .title:hover{
    color:#f17425!important
}
.job-box.job-warning .icons{
    color:#f17425!important
}
.job-box.job-warning.candidate-list .name:hover,.job-box.job-warning.company-list .name:hover{
    color:#f17425!important
}
.job-box.job-warning .bg{
    background-color:#f17425!important
}
.job-box.job-warning .bg-soft{
    background-color:rgba(241,116,37,.1)!important;
    border:1px solid rgba(241,116,37,.1)!important;
    color:#f17425!important
}
.job-box.job-warning .btn-soft{
    background-color:rgba(241,116,37,.05)!important;
    border:1px solid rgba(241,116,37,.05)!important;
    color:#f17425!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(241,116,37,.1);
    box-shadow:0 3px 5px 0 rgba(241,116,37,.1)
}
.job-box.job-warning .btn-soft.active,.job-box.job-warning .btn-soft.focus,.job-box.job-warning .btn-soft:active,.job-box.job-warning .btn-soft:focus,.job-box.job-warning .btn-soft:hover{
    background-color:#f17425!important;
    border-color:#f17425!important;
    color:#fff!important
}
.job-box.job-danger .position a:hover{
    color:#e43f52!important
}
.job-box.job-danger .company-name:hover{
    color:#e43f52!important
}
.job-box.job-danger .readmore:hover,.job-box.job-danger .title:hover{
    color:#e43f52!important
}
.job-box.job-danger .icons{
    color:#e43f52!important
}
.job-box.job-danger.candidate-list .name:hover,.job-box.job-danger.company-list .name:hover{
    color:#e43f52!important
}
.job-box.job-danger .bg{
    background-color:#e43f52!important
}
.job-box.job-danger .bg-soft{
    background-color:rgba(228,63,82,.1)!important;
    border:1px solid rgba(228,63,82,.1)!important;
    color:#e43f52!important
}
.job-box.job-danger .btn-soft{
    background-color:rgba(228,63,82,.05)!important;
    border:1px solid rgba(228,63,82,.05)!important;
    color:#e43f52!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(228,63,82,.1);
    box-shadow:0 3px 5px 0 rgba(228,63,82,.1)
}
.job-box.job-danger .btn-soft.active,.job-box.job-danger .btn-soft.focus,.job-box.job-danger .btn-soft:active,.job-box.job-danger .btn-soft:focus,.job-box.job-danger .btn-soft:hover{
    background-color:#e43f52!important;
    border-color:#e43f52!important;
    color:#fff!important
}
.job-box.job-light .position a:hover{
    color:#f8f9fa!important
}
.job-box.job-light .company-name:hover{
    color:#f8f9fa!important
}
.job-box.job-light .readmore:hover,.job-box.job-light .title:hover{
    color:#f8f9fa!important
}
.job-box.job-light .icons{
    color:#f8f9fa!important
}
.job-box.job-light.candidate-list .name:hover,.job-box.job-light.company-list .name:hover{
    color:#f8f9fa!important
}
.job-box.job-light .bg{
    background-color:#f8f9fa!important
}
.job-box.job-light .bg-soft{
    background-color:rgba(248,249,250,.1)!important;
    border:1px solid rgba(248,249,250,.1)!important;
    color:#f8f9fa!important
}
.job-box.job-light .btn-soft{
    background-color:rgba(248,249,250,.05)!important;
    border:1px solid rgba(248,249,250,.05)!important;
    color:#f8f9fa!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(248,249,250,.1);
    box-shadow:0 3px 5px 0 rgba(248,249,250,.1)
}
.job-box.job-light .btn-soft.active,.job-box.job-light .btn-soft.focus,.job-box.job-light .btn-soft:active,.job-box.job-light .btn-soft:focus,.job-box.job-light .btn-soft:hover{
    background-color:#f8f9fa!important;
    border-color:#f8f9fa!important;
    color:#fff!important
}
.job-box.job-dark .position a:hover{
    color:#3c4858!important
}
.job-box.job-dark .company-name:hover{
    color:#3c4858!important
}
.job-box.job-dark .readmore:hover,.job-box.job-dark .title:hover{
    color:#3c4858!important
}
.job-box.job-dark .icons{
    color:#3c4858!important
}
.job-box.job-dark.candidate-list .name:hover,.job-box.job-dark.company-list .name:hover{
    color:#3c4858!important
}
.job-box.job-dark .bg{
    background-color:#3c4858!important
}
.job-box.job-dark .bg-soft{
    background-color:rgba(60,72,88,.1)!important;
    border:1px solid rgba(60,72,88,.1)!important;
    color:#3c4858!important
}
.job-box.job-dark .btn-soft{
    background-color:rgba(60,72,88,.05)!important;
    border:1px solid rgba(60,72,88,.05)!important;
    color:#3c4858!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(60,72,88,.1);
    box-shadow:0 3px 5px 0 rgba(60,72,88,.1)
}
.job-box.job-dark .btn-soft.active,.job-box.job-dark .btn-soft.focus,.job-box.job-dark .btn-soft:active,.job-box.job-dark .btn-soft:focus,.job-box.job-dark .btn-soft:hover{
    background-color:#3c4858!important;
    border-color:#3c4858!important;
    color:#fff!important
}
.job-box.job-footer .position a:hover{
    color:#202942!important
}
.job-box.job-footer .company-name:hover{
    color:#202942!important
}
.job-box.job-footer .readmore:hover,.job-box.job-footer .title:hover{
    color:#202942!important
}
.job-box.job-footer .icons{
    color:#202942!important
}
.job-box.job-footer.candidate-list .name:hover,.job-box.job-footer.company-list .name:hover{
    color:#202942!important
}
.job-box.job-footer .bg{
    background-color:#202942!important
}
.job-box.job-footer .bg-soft{
    background-color:rgba(32,41,66,.1)!important;
    border:1px solid rgba(32,41,66,.1)!important;
    color:#202942!important
}
.job-box.job-footer .btn-soft{
    background-color:rgba(32,41,66,.05)!important;
    border:1px solid rgba(32,41,66,.05)!important;
    color:#202942!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(32,41,66,.1);
    box-shadow:0 3px 5px 0 rgba(32,41,66,.1)
}
.job-box.job-footer .btn-soft.active,.job-box.job-footer .btn-soft.focus,.job-box.job-footer .btn-soft:active,.job-box.job-footer .btn-soft:focus,.job-box.job-footer .btn-soft:hover{
    background-color:#202942!important;
    border-color:#202942!important;
    color:#fff!important
}
.job-box.job-muted .position a:hover{
    color:#8492a6!important
}
.job-box.job-muted .company-name:hover{
    color:#8492a6!important
}
.job-box.job-muted .readmore:hover,.job-box.job-muted .title:hover{
    color:#8492a6!important
}
.job-box.job-muted .icons{
    color:#8492a6!important
}
.job-box.job-muted.candidate-list .name:hover,.job-box.job-muted.company-list .name:hover{
    color:#8492a6!important
}
.job-box.job-muted .bg{
    background-color:#8492a6!important
}
.job-box.job-muted .bg-soft{
    background-color:rgba(132,146,166,.1)!important;
    border:1px solid rgba(132,146,166,.1)!important;
    color:#8492a6!important
}
.job-box.job-muted .btn-soft{
    background-color:rgba(132,146,166,.05)!important;
    border:1px solid rgba(132,146,166,.05)!important;
    color:#8492a6!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(132,146,166,.1);
    box-shadow:0 3px 5px 0 rgba(132,146,166,.1)
}
.job-box.job-muted .btn-soft.active,.job-box.job-muted .btn-soft.focus,.job-box.job-muted .btn-soft:active,.job-box.job-muted .btn-soft:focus,.job-box.job-muted .btn-soft:hover{
    background-color:#8492a6!important;
    border-color:#8492a6!important;
    color:#fff!important
}
.job-box{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.job-box .job-overlay{
    opacity:.6
}
.job-box .head{
    position:absolute;
    top:15px;
    right:15px
}
.job-box .position{
    position:absolute;
    top:15px;
    left:15px
}
.job-box .position a{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.job-box .firm-logo{
    position:absolute;
    left:0;
    right:0;
    height:60px;
    width:60px;
    line-height:60px;
    margin:0 auto;
    top:-30px
}
.job-box .company-name{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.job-box.candidate-list .like{
    -webkit-text-stroke:1px #8492a6;
    -webkit-text-fill-color:transparent
}
.job-box.candidate-list .like:focus,.job-box.candidate-list .like:hover{
    -webkit-text-stroke:#e43f52;
    -webkit-text-fill-color:#e43f52
}
.job-box.candidate-list,.job-box.company-list{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.job-box.candidate-list:hover,.job-box.company-list:hover{
    -webkit-box-shadow:0 5px 13px rgba(60,72,88,.2)!important;
    box-shadow:0 5px 13px rgba(60,72,88,.2)!important
}
.job-box:hover{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
@media (min-width:1024px){
    .job-profile{
        top:-378px
    }
}
@media (min-width:768px) and (max-width:1023px){
    .job-profile{
        top:-338px
    }
}
@media (max-width:767px){
    .company-logo{
        float:none!important;
        text-align:left!important
    }
}
.categories.category-primary .title:hover{
    color:#2f55d4!important
}
.categories.category-secondary .title:hover{
    color:#6c757d!important
}
.categories.category-success .title:hover{
    color:#2eca8b!important
}
.categories.category-info .title:hover{
    color:#17a2b8!important
}
.categories.category-warning .title:hover{
    color:#f17425!important
}
.categories.category-danger .title:hover{
    color:#e43f52!important
}
.categories.category-light .title:hover{
    color:#f8f9fa!important
}
.categories.category-dark .title:hover{
    color:#3c4858!important
}
.categories.category-footer .title:hover{
    color:#202942!important
}
.categories.category-muted .title:hover{
    color:#8492a6!important
}
.categories{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.categories:hover{
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px);
    -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
    box-shadow:0 0 3px rgba(60,72,88,.15)
}
.form-icon .icons{
    position:absolute;
    top:13px;
    left:18px
}
.map{
    line-height:0
}
.map iframe{
    width:100%;
    height:400px
}
.error{
    margin:8px 0;
    display:none;
    color:#e43f52
}
#ajaxsuccess{
    font-size:16px;
    width:100%;
    display:none;
    clear:both;
    margin:8px 0
}
#success_page,.error_message{
    padding:10px;
    margin-bottom:20px;
    text-align:center;
    border-radius:5px
}
.error_message{
    background-color:rgba(240,115,90,.1)!important;
    border:2px solid rgba(240,115,90,.1)!important;
    color:#f0735a!important;
    font-size:14px
}
.contact-loader{
    display:none
}
#success_page{
    background-color:rgba(83,199,151,.1)!important;
    border:2px solid rgba(83,199,151,.1)!important;
    color:#53c797!important
}
#success_page p{
    margin-bottom:0!important
}
.qs-datepicker-container{
    background-color:#fff;
    border-color:#e9ecef;
    color:#3c4858;
    -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
    box-shadow:0 0 3px rgba(60,72,88,.15)
}
.qs-datepicker-container .qs-controls{
    background-color:#e9ecef;
    color:#3c4858
}
.qs-datepicker-container .qs-controls .qs-month-year{
    font-weight:600;
    font-size:15px
}
.qs-datepicker-container .qs-controls .qs-month-year:hover{
    border-bottom:1px solid #e9ecef
}
.qs-datepicker-container .qs-squares .qs-square{
    font-size:15px;
    height:34px;
    width:34px
}
.qs-datepicker-container .qs-squares .qs-square.qs-current,.qs-datepicker-container .qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{
    background:#2f55d4;
    color:#fff;
    border-radius:30px;
    font-weight:500;
    text-decoration:none;
    border-radius:30px
}
.qs-datepicker-container .qs-squares .qs-day{
    font-weight:500;
    color:#8492a6
}
@media (min-width:768px){
    .map.map-height-two iframe{
        height:551px
    }
}
.coming-soon,.error-page,.maintenance{
    font-size:40px;
    letter-spacing:1px
}
@media (max-width:767px){
    .coming-soon,.error-page,.maintenance{
        font-size:32px
    }
}
#countdown .count-down,#eventdown .count-down,#token-sale .count-down{
    display:inline-block;
    margin:30px 10px 10px;
    color:#fff;
    text-align:center
}
#countdown .count-down .count-number,#eventdown .count-down .count-number,#token-sale .count-down .count-number{
    font-size:40px;
    line-height:95px
}
#countdown .count-down .count-head,#eventdown .count-down .count-head,#token-sale .count-down .count-head{
    display:block;
    position:relative;
    -webkit-transform:translateY(-20px);
    transform:translateY(-20px);
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:1px
}
#countdown .count-down .count-number{
    font-size:40px;
    line-height:95px;
    border:4px solid #e9ecef;
    height:130px;
    width:130px;
    border-radius:50%
}
#token-sale .count-down{
    border:0;
    color:#3c4858!important
}
#token-sale .count-down .count-number{
    line-height:80px
}
@media (max-width:767px){
    #token-sale .count-down .count-number{
        font-size:30px
    }
}
#token-sale .count-down .count-head{
    margin-bottom:0!important;
    -webkit-transform:translateY(-15px);
    transform:translateY(-15px)
}
@media (max-width:767px){
    #token-sale .count-down .count-head{
        font-size:10px
    }
}
#eventdown .count-down{
    margin:10px!important;
    border:0
}
@media (max-width:767px){
    #eventdown .count-down{
        width:60px
    }
}
#eventdown .count-down .count-number{
    line-height:80px
}
@media (max-width:767px){
    #eventdown .count-down .count-number{
        font-size:30px
    }
}
#eventdown .count-down .count-head{
    -webkit-transform:translateY(-15px);
    transform:translateY(-15px)
}
@media (max-width:767px){
    #eventdown .count-down .count-head{
        font-size:10px
    }
}
#maintenance{
    color:#fff;
    font-size:56px;
    letter-spacing:1px
}
#maintenance .indicator{
    font-size:18px
}
.bg-cta{
    padding:150px 0
}
.play-btn{
    height:78px;
    width:78px;
    font-size:30px;
    line-height:76px;
    border-radius:50%;
    display:inline-block;
    color:#fff;
    border:1px solid #fff
}
.play-icon{
    position:absolute;
    bottom:50%;
    -webkit-transform:translateY(50%);
    transform:translateY(50%);
    right:0;
    left:0;
    text-align:center
}
.play-icon i{
    height:75px;
    -webkit-text-stroke:2px #2f55d4;
    -webkit-text-fill-color:transparent;
    width:75px;
    font-size:25px;
    line-height:75px;
    display:inline-block;
    background-color:#fff
}
.play-icon i:hover{
    -webkit-text-stroke:2px #2f55d4;
    -webkit-text-fill-color:#2f55d4
}
@media (max-width:767px){
    iframe{
        width:auto!important
    }
}
.features.feature-primary .icon{
    background:rgba(47,85,212,.1)
}
.features.feature-primary .image:before{
    background:linear-gradient(45deg,transparent,rgba(47,85,212,.1))
}
.features.feature-primary .color,.features.feature-primary .read-more{
    color:#2f55d4!important
}
.features.feature-primary.feature-clean .icons{
    color:#2f55d4!important
}
.features.feature-primary.feature-clean .icons i{
    background-color:rgba(47,85,212,.1)
}
.features.feature-primary.feature-clean .title:hover{
    color:#2f55d4!important
}
.features.feature-primary.feature-full-bg .icon-color{
    color:#2f55d4!important
}
.features.feature-primary.feature-full-bg:hover{
    background-color:#2f55d4!important
}
.features.feature-primary.key-feature .icon{
    background:linear-gradient(45deg,transparent,rgba(47,85,212,.15));
    color:#2f55d4
}
.features.feature-primary.course-feature .full-img{
    color:#2f55d4!important
}
.features.feature-primary.explore-feature:hover .icons,.features.feature-primary.explore-feature:hover .title{
    color:#2f55d4!important
}
.features.feature-primary .btn-soft{
    background-color:rgba(47,85,212,.05)!important;
    border:1px solid rgba(47,85,212,.05)!important;
    color:#2f55d4!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(47,85,212,.1);
    box-shadow:0 3px 5px 0 rgba(47,85,212,.1)
}
.features.feature-primary .btn-soft.active,.features.feature-primary .btn-soft.focus,.features.feature-primary .btn-soft:active,.features.feature-primary .btn-soft:focus,.features.feature-primary .btn-soft:hover{
    background-color:#2f55d4!important;
    border-color:#2f55d4!important;
    color:#fff!important
}
.features.feature-primary:hover .image:before{
    background:rgba(47,85,212,.1)
}
.features.feature-secondary .icon{
    background:rgba(108,117,125,.1)
}
.features.feature-secondary .image:before{
    background:linear-gradient(45deg,transparent,rgba(108,117,125,.1))
}
.features.feature-secondary .color,.features.feature-secondary .read-more{
    color:#6c757d!important
}
.features.feature-secondary.feature-clean .icons{
    color:#6c757d!important
}
.features.feature-secondary.feature-clean .icons i{
    background-color:rgba(108,117,125,.1)
}
.features.feature-secondary.feature-clean .title:hover{
    color:#6c757d!important
}
.features.feature-secondary.feature-full-bg .icon-color{
    color:#6c757d!important
}
.features.feature-secondary.feature-full-bg:hover{
    background-color:#6c757d!important
}
.features.feature-secondary.key-feature .icon{
    background:linear-gradient(45deg,transparent,rgba(108,117,125,.15));
    color:#6c757d
}
.features.feature-secondary.course-feature .full-img{
    color:#6c757d!important
}
.features.feature-secondary.explore-feature:hover .icons,.features.feature-secondary.explore-feature:hover .title{
    color:#6c757d!important
}
.features.feature-secondary .btn-soft{
    background-color:rgba(108,117,125,.05)!important;
    border:1px solid rgba(108,117,125,.05)!important;
    color:#6c757d!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(108,117,125,.1);
    box-shadow:0 3px 5px 0 rgba(108,117,125,.1)
}
.features.feature-secondary .btn-soft.active,.features.feature-secondary .btn-soft.focus,.features.feature-secondary .btn-soft:active,.features.feature-secondary .btn-soft:focus,.features.feature-secondary .btn-soft:hover{
    background-color:#6c757d!important;
    border-color:#6c757d!important;
    color:#fff!important
}
.features.feature-secondary:hover .image:before{
    background:rgba(108,117,125,.1)
}
.features.feature-success .icon{
    background:rgba(46,202,139,.1)
}
.features.feature-success .image:before{
    background:linear-gradient(45deg,transparent,rgba(46,202,139,.1))
}
.features.feature-success .color,.features.feature-success .read-more{
    color:#2eca8b!important
}
.features.feature-success.feature-clean .icons{
    color:#2eca8b!important
}
.features.feature-success.feature-clean .icons i{
    background-color:rgba(46,202,139,.1)
}
.features.feature-success.feature-clean .title:hover{
    color:#2eca8b!important
}
.features.feature-success.feature-full-bg .icon-color{
    color:#2eca8b!important
}
.features.feature-success.feature-full-bg:hover{
    background-color:#2eca8b!important
}
.features.feature-success.key-feature .icon{
    background:linear-gradient(45deg,transparent,rgba(46,202,139,.15));
    color:#2eca8b
}
.features.feature-success.course-feature .full-img{
    color:#2eca8b!important
}
.features.feature-success.explore-feature:hover .icons,.features.feature-success.explore-feature:hover .title{
    color:#2eca8b!important
}
.features.feature-success .btn-soft{
    background-color:rgba(46,202,139,.05)!important;
    border:1px solid rgba(46,202,139,.05)!important;
    color:#2eca8b!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(46,202,139,.1);
    box-shadow:0 3px 5px 0 rgba(46,202,139,.1)
}
.features.feature-success .btn-soft.active,.features.feature-success .btn-soft.focus,.features.feature-success .btn-soft:active,.features.feature-success .btn-soft:focus,.features.feature-success .btn-soft:hover{
    background-color:#2eca8b!important;
    border-color:#2eca8b!important;
    color:#fff!important
}
.features.feature-success:hover .image:before{
    background:rgba(46,202,139,.1)
}
.features.feature-info .icon{
    background:rgba(23,162,184,.1)
}
.features.feature-info .image:before{
    background:linear-gradient(45deg,transparent,rgba(23,162,184,.1))
}
.features.feature-info .color,.features.feature-info .read-more{
    color:#17a2b8!important
}
.features.feature-info.feature-clean .icons{
    color:#17a2b8!important
}
.features.feature-info.feature-clean .icons i{
    background-color:rgba(23,162,184,.1)
}
.features.feature-info.feature-clean .title:hover{
    color:#17a2b8!important
}
.features.feature-info.feature-full-bg .icon-color{
    color:#17a2b8!important
}
.features.feature-info.feature-full-bg:hover{
    background-color:#17a2b8!important
}
.features.feature-info.key-feature .icon{
    background:linear-gradient(45deg,transparent,rgba(23,162,184,.15));
    color:#17a2b8
}
.features.feature-info.course-feature .full-img{
    color:#17a2b8!important
}
.features.feature-info.explore-feature:hover .icons,.features.feature-info.explore-feature:hover .title{
    color:#17a2b8!important
}
.features.feature-info .btn-soft{
    background-color:rgba(23,162,184,.05)!important;
    border:1px solid rgba(23,162,184,.05)!important;
    color:#17a2b8!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(23,162,184,.1);
    box-shadow:0 3px 5px 0 rgba(23,162,184,.1)
}
.features.feature-info .btn-soft.active,.features.feature-info .btn-soft.focus,.features.feature-info .btn-soft:active,.features.feature-info .btn-soft:focus,.features.feature-info .btn-soft:hover{
    background-color:#17a2b8!important;
    border-color:#17a2b8!important;
    color:#fff!important
}
.features.feature-info:hover .image:before{
    background:rgba(23,162,184,.1)
}
.features.feature-warning .icon{
    background:rgba(241,116,37,.1)
}
.features.feature-warning .image:before{
    background:linear-gradient(45deg,transparent,rgba(241,116,37,.1))
}
.features.feature-warning .color,.features.feature-warning .read-more{
    color:#f17425!important
}
.features.feature-warning.feature-clean .icons{
    color:#f17425!important
}
.features.feature-warning.feature-clean .icons i{
    background-color:rgba(241,116,37,.1)
}
.features.feature-warning.feature-clean .title:hover{
    color:#f17425!important
}
.features.feature-warning.feature-full-bg .icon-color{
    color:#f17425!important
}
.features.feature-warning.feature-full-bg:hover{
    background-color:#f17425!important
}
.features.feature-warning.key-feature .icon{
    background:linear-gradient(45deg,transparent,rgba(241,116,37,.15));
    color:#f17425
}
.features.feature-warning.course-feature .full-img{
    color:#f17425!important
}
.features.feature-warning.explore-feature:hover .icons,.features.feature-warning.explore-feature:hover .title{
    color:#f17425!important
}
.features.feature-warning .btn-soft{
    background-color:rgba(241,116,37,.05)!important;
    border:1px solid rgba(241,116,37,.05)!important;
    color:#f17425!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(241,116,37,.1);
    box-shadow:0 3px 5px 0 rgba(241,116,37,.1)
}
.features.feature-warning .btn-soft.active,.features.feature-warning .btn-soft.focus,.features.feature-warning .btn-soft:active,.features.feature-warning .btn-soft:focus,.features.feature-warning .btn-soft:hover{
    background-color:#f17425!important;
    border-color:#f17425!important;
    color:#fff!important
}
.features.feature-warning:hover .image:before{
    background:rgba(241,116,37,.1)
}
.features.feature-danger .icon{
    background:rgba(228,63,82,.1)
}
.features.feature-danger .image:before{
    background:linear-gradient(45deg,transparent,rgba(228,63,82,.1))
}
.features.feature-danger .color,.features.feature-danger .read-more{
    color:#e43f52!important
}
.features.feature-danger.feature-clean .icons{
    color:#e43f52!important
}
.features.feature-danger.feature-clean .icons i{
    background-color:rgba(228,63,82,.1)
}
.features.feature-danger.feature-clean .title:hover{
    color:#e43f52!important
}
.features.feature-danger.feature-full-bg .icon-color{
    color:#e43f52!important
}
.features.feature-danger.feature-full-bg:hover{
    background-color:#e43f52!important
}
.features.feature-danger.key-feature .icon{
    background:linear-gradient(45deg,transparent,rgba(228,63,82,.15));
    color:#e43f52
}
.features.feature-danger.course-feature .full-img{
    color:#e43f52!important
}
.features.feature-danger.explore-feature:hover .icons,.features.feature-danger.explore-feature:hover .title{
    color:#e43f52!important
}
.features.feature-danger .btn-soft{
    background-color:rgba(228,63,82,.05)!important;
    border:1px solid rgba(228,63,82,.05)!important;
    color:#e43f52!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(228,63,82,.1);
    box-shadow:0 3px 5px 0 rgba(228,63,82,.1)
}
.features.feature-danger .btn-soft.active,.features.feature-danger .btn-soft.focus,.features.feature-danger .btn-soft:active,.features.feature-danger .btn-soft:focus,.features.feature-danger .btn-soft:hover{
    background-color:#e43f52!important;
    border-color:#e43f52!important;
    color:#fff!important
}
.features.feature-danger:hover .image:before{
    background:rgba(228,63,82,.1)
}
.features.feature-light .icon{
    background:rgba(248,249,250,.1)
}
.features.feature-light .image:before{
    background:linear-gradient(45deg,transparent,rgba(248,249,250,.1))
}
.features.feature-light .color,.features.feature-light .read-more{
    color:#f8f9fa!important
}
.features.feature-light.feature-clean .icons{
    color:#f8f9fa!important
}
.features.feature-light.feature-clean .icons i{
    background-color:rgba(248,249,250,.1)
}
.features.feature-light.feature-clean .title:hover{
    color:#f8f9fa!important
}
.features.feature-light.feature-full-bg .icon-color{
    color:#f8f9fa!important
}
.features.feature-light.feature-full-bg:hover{
    background-color:#f8f9fa!important
}
.features.feature-light.key-feature .icon{
    background:linear-gradient(45deg,transparent,rgba(248,249,250,.15));
    color:#f8f9fa
}
.features.feature-light.course-feature .full-img{
    color:#f8f9fa!important
}
.features.feature-light.explore-feature:hover .icons,.features.feature-light.explore-feature:hover .title{
    color:#f8f9fa!important
}
.features.feature-light .btn-soft{
    background-color:rgba(248,249,250,.05)!important;
    border:1px solid rgba(248,249,250,.05)!important;
    color:#f8f9fa!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(248,249,250,.1);
    box-shadow:0 3px 5px 0 rgba(248,249,250,.1)
}
.features.feature-light .btn-soft.active,.features.feature-light .btn-soft.focus,.features.feature-light .btn-soft:active,.features.feature-light .btn-soft:focus,.features.feature-light .btn-soft:hover{
    background-color:#f8f9fa!important;
    border-color:#f8f9fa!important;
    color:#fff!important
}
.features.feature-light:hover .image:before{
    background:rgba(248,249,250,.1)
}
.features.feature-dark .icon{
    background:rgba(60,72,88,.1)
}
.features.feature-dark .image:before{
    background:linear-gradient(45deg,transparent,rgba(60,72,88,.1))
}
.features.feature-dark .color,.features.feature-dark .read-more{
    color:#3c4858!important
}
.features.feature-dark.feature-clean .icons{
    color:#3c4858!important
}
.features.feature-dark.feature-clean .icons i{
    background-color:rgba(60,72,88,.1)
}
.features.feature-dark.feature-clean .title:hover{
    color:#3c4858!important
}
.features.feature-dark.feature-full-bg .icon-color{
    color:#3c4858!important
}
.features.feature-dark.feature-full-bg:hover{
    background-color:#3c4858!important
}
.features.feature-dark.key-feature .icon{
    background:linear-gradient(45deg,transparent,rgba(60,72,88,.15));
    color:#3c4858
}
.features.feature-dark.course-feature .full-img{
    color:#3c4858!important
}
.features.feature-dark.explore-feature:hover .icons,.features.feature-dark.explore-feature:hover .title{
    color:#3c4858!important
}
.features.feature-dark .btn-soft{
    background-color:rgba(60,72,88,.05)!important;
    border:1px solid rgba(60,72,88,.05)!important;
    color:#3c4858!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(60,72,88,.1);
    box-shadow:0 3px 5px 0 rgba(60,72,88,.1)
}
.features.feature-dark .btn-soft.active,.features.feature-dark .btn-soft.focus,.features.feature-dark .btn-soft:active,.features.feature-dark .btn-soft:focus,.features.feature-dark .btn-soft:hover{
    background-color:#3c4858!important;
    border-color:#3c4858!important;
    color:#fff!important
}
.features.feature-dark:hover .image:before{
    background:rgba(60,72,88,.1)
}
.features.feature-footer .icon{
    background:rgba(32,41,66,.1)
}
.features.feature-footer .image:before{
    background:linear-gradient(45deg,transparent,rgba(32,41,66,.1))
}
.features.feature-footer .color,.features.feature-footer .read-more{
    color:#202942!important
}
.features.feature-footer.feature-clean .icons{
    color:#202942!important
}
.features.feature-footer.feature-clean .icons i{
    background-color:rgba(32,41,66,.1)
}
.features.feature-footer.feature-clean .title:hover{
    color:#202942!important
}
.features.feature-footer.feature-full-bg .icon-color{
    color:#202942!important
}
.features.feature-footer.feature-full-bg:hover{
    background-color:#202942!important
}
.features.feature-footer.key-feature .icon{
    background:linear-gradient(45deg,transparent,rgba(32,41,66,.15));
    color:#202942
}
.features.feature-footer.course-feature .full-img{
    color:#202942!important
}
.features.feature-footer.explore-feature:hover .icons,.features.feature-footer.explore-feature:hover .title{
    color:#202942!important
}
.features.feature-footer .btn-soft{
    background-color:rgba(32,41,66,.05)!important;
    border:1px solid rgba(32,41,66,.05)!important;
    color:#202942!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(32,41,66,.1);
    box-shadow:0 3px 5px 0 rgba(32,41,66,.1)
}
.features.feature-footer .btn-soft.active,.features.feature-footer .btn-soft.focus,.features.feature-footer .btn-soft:active,.features.feature-footer .btn-soft:focus,.features.feature-footer .btn-soft:hover{
    background-color:#202942!important;
    border-color:#202942!important;
    color:#fff!important
}
.features.feature-footer:hover .image:before{
    background:rgba(32,41,66,.1)
}
.features.feature-muted .icon{
    background:rgba(132,146,166,.1)
}
.features.feature-muted .image:before{
    background:linear-gradient(45deg,transparent,rgba(132,146,166,.1))
}
.features.feature-muted .color,.features.feature-muted .read-more{
    color:#8492a6!important
}
.features.feature-muted.feature-clean .icons{
    color:#8492a6!important
}
.features.feature-muted.feature-clean .icons i{
    background-color:rgba(132,146,166,.1)
}
.features.feature-muted.feature-clean .title:hover{
    color:#8492a6!important
}
.features.feature-muted.feature-full-bg .icon-color{
    color:#8492a6!important
}
.features.feature-muted.feature-full-bg:hover{
    background-color:#8492a6!important
}
.features.feature-muted.key-feature .icon{
    background:linear-gradient(45deg,transparent,rgba(132,146,166,.15));
    color:#8492a6
}
.features.feature-muted.course-feature .full-img{
    color:#8492a6!important
}
.features.feature-muted.explore-feature:hover .icons,.features.feature-muted.explore-feature:hover .title{
    color:#8492a6!important
}
.features.feature-muted .btn-soft{
    background-color:rgba(132,146,166,.05)!important;
    border:1px solid rgba(132,146,166,.05)!important;
    color:#8492a6!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(132,146,166,.1);
    box-shadow:0 3px 5px 0 rgba(132,146,166,.1)
}
.features.feature-muted .btn-soft.active,.features.feature-muted .btn-soft.focus,.features.feature-muted .btn-soft:active,.features.feature-muted .btn-soft:focus,.features.feature-muted .btn-soft:hover{
    background-color:#8492a6!important;
    border-color:#8492a6!important;
    color:#fff!important
}
.features.feature-muted:hover .image:before{
    background:rgba(132,146,166,.1)
}
.features .image:before{
    content:"";
    position:absolute;
    bottom:5px;
    left:5px;
    width:64px;
    height:64px;
    border-radius:6px;
    -webkit-transform:rotate(33.75deg);
    transform:rotate(33.75deg)
}
.features.feature-clean{
    background-color:#fff
}
.features.feature-clean .icons i{
    height:65px;
    width:65px;
    line-height:65px
}
.features .ride-image{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.features .ride-image img{
    border-radius:100% 100% 100% 0
}
.features.key-feature{
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.features.key-feature:hover{
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
    -webkit-box-shadow:0 5px 13px rgba(60,72,88,.2)!important;
    box-shadow:0 5px 13px rgba(60,72,88,.2)!important
}
.features:hover .image:before{
    -webkit-animation:spinner-border 5s linear infinite!important;
    animation:spinner-border 5s linear infinite!important
}
.features.feature-full-bg{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.features.feature-full-bg .big-icon{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    right:0;
    opacity:.015;
    font-size:180px
}
.features.feature-full-bg:hover{
    -webkit-box-shadow:0 10px 25px rgba(60,72,88,.15);
    box-shadow:0 10px 25px rgba(60,72,88,.15);
    color:#fff!important
}
.features.feature-full-bg:hover .icon-color i,.features.feature-full-bg:hover .para{
    color:rgba(255,255,255,.5)!important
}
.features.feature-full-bg:hover .content,.features.feature-full-bg:hover .icon-color{
    z-index:2
}
.features.feature-full-bg:hover .big-icon{
    opacity:.05
}
.features.feature-full-bg:hover .readmore{
    color:#fff!important
}
.features.course-feature{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.features.course-feature .full-img{
    position:absolute;
    bottom:50%;
    -webkit-transform:translateY(50%);
    transform:translateY(50%);
    left:0;
    right:0;
    opacity:0;
    margin:0 auto;
    z-index:-2;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    font-size:250px
}
.features.course-feature:hover{
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px)
}
.features.course-feature:hover .full-img{
    opacity:.05
}
.features.explore-feature{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.features.explore-feature .icons{
    height:80px;
    width:80px;
    line-height:80px;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.features.explore-feature:hover{
    -webkit-box-shadow:0 10px 25px rgba(60,72,88,.15)!important;
    box-shadow:0 10px 25px rgba(60,72,88,.15)!important
}
.features .title,.key-feature .title{
    font-size:18px!important
}
.features .icon,.key-feature .icon{
    height:45px;
    min-width:45px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.work-process{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.work-process .step,.work-process .step-icon{
    opacity:.06
}
.work-process a{
    font-size:15px
}
.work-process.process-arrow:after{
    content:"";
    position:absolute;
    width:60%;
    height:40px;
    top:30px;
    left:80%;
    background:url(../images/process.png) center center no-repeat;
    z-index:1
}
@media (max-width:767px){
    .work-process.process-arrow:after{
        display:none
    }
}
.work-process.process-arrow:hover{
    -webkit-transform:none!important;
    transform:none!important
}
.work-process:hover{
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px)
}
.work-process.d-none-arrow:hover{
    -webkit-transform:none!important;
    transform:none!important
}
.features-absolute{
    position:relative;
    z-index:2;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.features-absolute{
    margin:-200px 0 0
}
@media (max-width:768px){
    .features-absolute{
        margin:-140px 0 0
    }
}
.features-absolute.blog-search{
    margin:-120px 0 0
}
@media (max-width:768px){
    .features-absolute.blog-search{
        margin:-90px 0 0
    }
}
.app-feature-shape-left:after,.app-feature-shape-right:after{
    bottom:0;
    width:30rem;
    height:40rem;
    border-radius:10rem
}
.app-feature-shape-right:after{
    left:10rem;
    -webkit-transform:rotate(150deg);
    transform:rotate(150deg)
}
@media (max-width:768px){
    .app-feature-shape-right:after{
        left:0
    }
}
.app-feature-shape-left:after{
    right:10rem;
    -webkit-transform:rotate(210deg);
    transform:rotate(210deg)
}
@media (max-width:768px){
    .app-feature-shape-left:after{
        right:0
    }
}
.app-subscribe{
    position:absolute;
    top:-200px
}
@media (max-width:767px){
    .app-subscribe{
        position:relative;
        top:0
    }
}
.saas-feature-shape-left:after,.saas-feature-shape-right:after{
    bottom:-3rem;
    width:35rem;
    height:35rem;
    border-radius:15rem;
    -webkit-transform:rotate(145deg);
    transform:rotate(145deg)
}
@media (max-width:767px){
    .saas-feature-shape-left:after,.saas-feature-shape-right:after{
        bottom:-1rem;
        width:25rem;
        height:25rem;
        border-radius:10rem
    }
}
.saas-feature-shape-left:after{
    left:-10rem
}
.saas-feature-shape-right:after{
    right:-10rem
}
.app-feature-shape-left:after,.app-feature-shape-right:after,.saas-feature-shape-left:after,.saas-feature-shape-right:after,.social-feature-left:after,.social-feature-right:after{
    background:rgba(47,85,212,.1);
    -webkit-box-shadow:0 0 40px rgba(47,85,212,.1);
    box-shadow:0 0 40px rgba(47,85,212,.1)
}
.app-feature-shape-left:after,.app-feature-shape-right:after,.saas-feature-shape-left:after,.saas-feature-shape-right:after,.social-feature-left:after,.social-feature-right:after{
    content:"";
    position:absolute;
    z-index:-1
}
.social-feature-left:after,.social-feature-right:after{
    width:450px;
    height:520px;
    border-radius:30px;
    bottom:-75px
}
@media (max-width:768px){
    .social-feature-left:after,.social-feature-right:after{
        width:300px;
        height:400px;
        bottom:-65px
    }
}
@media (max-width:575px){
    .social-feature-left:after,.social-feature-right:after{
        bottom:-35px
    }
}
.social-feature-left:after{
    right:-200px
}
@media (max-width:575px){
    .social-feature-left:after{
        right:60px
    }
}
.social-feature-right:after{
    left:-200px
}
@media (max-width:575px){
    .social-feature-right:after{
        left:60px
    }
}
.construction-img{
    position:absolute;
    bottom:0;
    right:20px
}
.nft.nft-primary .read-more:hover,.nft.nft-primary .title:hover{
    color:#2f55d4!important
}
.nft.nft-primary .link{
    color:#2f55d4!important
}
.nft.nft-primary .author .name:hover{
    color:#2f55d4!important
}
.nft.nft-primary .bg-soft{
    background-color:rgba(47,85,212,.1)!important;
    border:1px solid rgba(47,85,212,.1)!important;
    color:#2f55d4!important
}
.nft.nft-primary .btn{
    background-color:#2f55d4!important;
    border:1px solid #2f55d4!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(47,85,212,.1);
    box-shadow:0 3px 5px 0 rgba(47,85,212,.1)
}
.nft.nft-primary .btn.active,.nft.nft-primary .btn.focus,.nft.nft-primary .btn:active,.nft.nft-primary .btn:focus,.nft.nft-primary .btn:hover{
    background-color:#2443ac!important;
    border-color:#2443ac!important;
    color:#fff!important
}
.nft.nft-secondary .read-more:hover,.nft.nft-secondary .title:hover{
    color:#6c757d!important
}
.nft.nft-secondary .link{
    color:#6c757d!important
}
.nft.nft-secondary .author .name:hover{
    color:#6c757d!important
}
.nft.nft-secondary .bg-soft{
    background-color:rgba(108,117,125,.1)!important;
    border:1px solid rgba(108,117,125,.1)!important;
    color:#6c757d!important
}
.nft.nft-secondary .btn{
    background-color:#6c757d!important;
    border:1px solid #6c757d!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(108,117,125,.1);
    box-shadow:0 3px 5px 0 rgba(108,117,125,.1)
}
.nft.nft-secondary .btn.active,.nft.nft-secondary .btn.focus,.nft.nft-secondary .btn:active,.nft.nft-secondary .btn:focus,.nft.nft-secondary .btn:hover{
    background-color:#545b62!important;
    border-color:#545b62!important;
    color:#fff!important
}
.nft.nft-success .read-more:hover,.nft.nft-success .title:hover{
    color:#2eca8b!important
}
.nft.nft-success .link{
    color:#2eca8b!important
}
.nft.nft-success .author .name:hover{
    color:#2eca8b!important
}
.nft.nft-success .bg-soft{
    background-color:rgba(46,202,139,.1)!important;
    border:1px solid rgba(46,202,139,.1)!important;
    color:#2eca8b!important
}
.nft.nft-success .btn{
    background-color:#2eca8b!important;
    border:1px solid #2eca8b!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(46,202,139,.1);
    box-shadow:0 3px 5px 0 rgba(46,202,139,.1)
}
.nft.nft-success .btn.active,.nft.nft-success .btn.focus,.nft.nft-success .btn:active,.nft.nft-success .btn:focus,.nft.nft-success .btn:hover{
    background-color:#25a06e!important;
    border-color:#25a06e!important;
    color:#fff!important
}
.nft.nft-info .read-more:hover,.nft.nft-info .title:hover{
    color:#17a2b8!important
}
.nft.nft-info .link{
    color:#17a2b8!important
}
.nft.nft-info .author .name:hover{
    color:#17a2b8!important
}
.nft.nft-info .bg-soft{
    background-color:rgba(23,162,184,.1)!important;
    border:1px solid rgba(23,162,184,.1)!important;
    color:#17a2b8!important
}
.nft.nft-info .btn{
    background-color:#17a2b8!important;
    border:1px solid #17a2b8!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(23,162,184,.1);
    box-shadow:0 3px 5px 0 rgba(23,162,184,.1)
}
.nft.nft-info .btn.active,.nft.nft-info .btn.focus,.nft.nft-info .btn:active,.nft.nft-info .btn:focus,.nft.nft-info .btn:hover{
    background-color:#117a8b!important;
    border-color:#117a8b!important;
    color:#fff!important
}
.nft.nft-warning .read-more:hover,.nft.nft-warning .title:hover{
    color:#f17425!important
}
.nft.nft-warning .link{
    color:#f17425!important
}
.nft.nft-warning .author .name:hover{
    color:#f17425!important
}
.nft.nft-warning .bg-soft{
    background-color:rgba(241,116,37,.1)!important;
    border:1px solid rgba(241,116,37,.1)!important;
    color:#f17425!important
}
.nft.nft-warning .btn{
    background-color:#f17425!important;
    border:1px solid #f17425!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(241,116,37,.1);
    box-shadow:0 3px 5px 0 rgba(241,116,37,.1)
}
.nft.nft-warning .btn.active,.nft.nft-warning .btn.focus,.nft.nft-warning .btn:active,.nft.nft-warning .btn:focus,.nft.nft-warning .btn:hover{
    background-color:#d55b0e!important;
    border-color:#d55b0e!important;
    color:#fff!important
}
.nft.nft-danger .read-more:hover,.nft.nft-danger .title:hover{
    color:#e43f52!important
}
.nft.nft-danger .link{
    color:#e43f52!important
}
.nft.nft-danger .author .name:hover{
    color:#e43f52!important
}
.nft.nft-danger .bg-soft{
    background-color:rgba(228,63,82,.1)!important;
    border:1px solid rgba(228,63,82,.1)!important;
    color:#e43f52!important
}
.nft.nft-danger .btn{
    background-color:#e43f52!important;
    border:1px solid #e43f52!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(228,63,82,.1);
    box-shadow:0 3px 5px 0 rgba(228,63,82,.1)
}
.nft.nft-danger .btn.active,.nft.nft-danger .btn.focus,.nft.nft-danger .btn:active,.nft.nft-danger .btn:focus,.nft.nft-danger .btn:hover{
    background-color:#d21e32!important;
    border-color:#d21e32!important;
    color:#fff!important
}
.nft.nft-light .read-more:hover,.nft.nft-light .title:hover{
    color:#f8f9fa!important
}
.nft.nft-light .link{
    color:#f8f9fa!important
}
.nft.nft-light .author .name:hover{
    color:#f8f9fa!important
}
.nft.nft-light .bg-soft{
    background-color:rgba(248,249,250,.1)!important;
    border:1px solid rgba(248,249,250,.1)!important;
    color:#f8f9fa!important
}
.nft.nft-light .btn{
    background-color:#f8f9fa!important;
    border:1px solid #f8f9fa!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(248,249,250,.1);
    box-shadow:0 3px 5px 0 rgba(248,249,250,.1)
}
.nft.nft-light .btn.active,.nft.nft-light .btn.focus,.nft.nft-light .btn:active,.nft.nft-light .btn:focus,.nft.nft-light .btn:hover{
    background-color:#dae0e5!important;
    border-color:#dae0e5!important;
    color:#fff!important
}
.nft.nft-dark .read-more:hover,.nft.nft-dark .title:hover{
    color:#3c4858!important
}
.nft.nft-dark .link{
    color:#3c4858!important
}
.nft.nft-dark .author .name:hover{
    color:#3c4858!important
}
.nft.nft-dark .bg-soft{
    background-color:rgba(60,72,88,.1)!important;
    border:1px solid rgba(60,72,88,.1)!important;
    color:#3c4858!important
}
.nft.nft-dark .btn{
    background-color:#3c4858!important;
    border:1px solid #3c4858!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(60,72,88,.1);
    box-shadow:0 3px 5px 0 rgba(60,72,88,.1)
}
.nft.nft-dark .btn.active,.nft.nft-dark .btn.focus,.nft.nft-dark .btn:active,.nft.nft-dark .btn:focus,.nft.nft-dark .btn:hover{
    background-color:#272f3a!important;
    border-color:#272f3a!important;
    color:#fff!important
}
.nft.nft-footer .read-more:hover,.nft.nft-footer .title:hover{
    color:#202942!important
}
.nft.nft-footer .link{
    color:#202942!important
}
.nft.nft-footer .author .name:hover{
    color:#202942!important
}
.nft.nft-footer .bg-soft{
    background-color:rgba(32,41,66,.1)!important;
    border:1px solid rgba(32,41,66,.1)!important;
    color:#202942!important
}
.nft.nft-footer .btn{
    background-color:#202942!important;
    border:1px solid #202942!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(32,41,66,.1);
    box-shadow:0 3px 5px 0 rgba(32,41,66,.1)
}
.nft.nft-footer .btn.active,.nft.nft-footer .btn.focus,.nft.nft-footer .btn:active,.nft.nft-footer .btn:focus,.nft.nft-footer .btn:hover{
    background-color:#0f1420!important;
    border-color:#0f1420!important;
    color:#fff!important
}
.nft.nft-muted .read-more:hover,.nft.nft-muted .title:hover{
    color:#8492a6!important
}
.nft.nft-muted .link{
    color:#8492a6!important
}
.nft.nft-muted .author .name:hover{
    color:#8492a6!important
}
.nft.nft-muted .bg-soft{
    background-color:rgba(132,146,166,.1)!important;
    border:1px solid rgba(132,146,166,.1)!important;
    color:#8492a6!important
}
.nft.nft-muted .btn{
    background-color:#8492a6!important;
    border:1px solid #8492a6!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(132,146,166,.1);
    box-shadow:0 3px 5px 0 rgba(132,146,166,.1)
}
.nft.nft-muted .btn.active,.nft.nft-muted .btn.focus,.nft.nft-muted .btn:active,.nft.nft-muted .btn:focus,.nft.nft-muted .btn:hover{
    background-color:#68788f!important;
    border-color:#68788f!important;
    color:#fff!important
}
.nft.nft-item{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.nft.nft-item .nft-image .item-img{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.nft.nft-item .nft-image .overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    background:#3c4858
}
.nft.nft-item:hover{
    -webkit-box-shadow:0 5px 13px rgba(60,72,88,.2)!important;
    box-shadow:0 5px 13px rgba(60,72,88,.2)!important
}
.nft .bid-btn{
    position:absolute;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    bottom:-100px;
    right:0;
    left:0
}
.nft.nft-creator{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.nft.nft-creator img{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.nft.nft-creator:hover img{
    height:90px!important;
    width:90px!important
}
.nft:hover .nft-image .item-img{
    -webkit-transform:scale(1.1) rotate(3deg);
    transform:scale(1.1) rotate(3deg)
}
.nft:hover .nft-image .overlay{
    opacity:.7
}
.nft:hover .bid-btn{
    bottom:0
}
.bg-home{
    height:100vh;
    background-size:cover;
    -ms-flex-item-align:center;
    align-self:center;
    position:relative;
    background-position:center center
}
.bg-home-75vh{
    height:75vh!important;
    background-size:cover;
    -ms-flex-item-align:center;
    align-self:center;
    position:relative;
    background-position:center center
}
@media (max-width:767px){
    .bg-home-75vh{
        height:80vh!important
    }
}
.bg-half-260{
    padding:260px 0;
    background-size:cover;
    -ms-flex-item-align:center;
    align-self:center;
    position:relative;
    background-position:center center
}
.bg-half-170{
    padding:170px 0;
    background-size:cover;
    -ms-flex-item-align:center;
    align-self:center;
    position:relative;
    background-position:center center
}
.bg-half-100{
    padding:100px 0;
    background-size:cover;
    -ms-flex-item-align:center;
    align-self:center;
    position:relative;
    background-position:center center
}
.bg-half{
    padding:200px 0 100px;
    background-size:cover;
    -ms-flex-item-align:center;
    align-self:center;
    position:relative;
    background-position:center center
}
@media (max-width:768px){
    .bg-half{
        padding:160px 0 60px
    }
}
.bg-auth-home{
    padding:142px 0;
    background-size:cover;
    -ms-flex-item-align:center;
    align-self:center;
    position:relative;
    background-position:center center
}
.bg-circle-gradiant{
    background:radial-gradient(circle at 50% 50%,rgba(47,85,212,.1) 0,rgba(47,85,212,.1) 33.333%,rgba(47,85,212,.2) 33.333%,rgba(47,85,212,.2) 66.666%,rgba(47,85,212,.3) 66.666%,rgba(47,85,212,.3) 99.999%)
}
.it-home{
    -webkit-animation:slideleft 30000s infinite linear;
    animation:slideleft 30000s infinite linear
}
@-webkit-keyframes slideleft{
    from{
        background-position:0
    }
    to{
        background-position:90000%
    }
}
@keyframes slideleft{
    from{
        background-position:0
    }
    to{
        background-position:90000%
    }
}
.home-dashboard img{
    position:relative;
    top:60px;
    z-index:1
}
@media (min-width:768px){
    .home-dashboard.onepage-hero{
        overflow:hidden
    }
}
.classic-saas-image .bg-saas-shape:after{
    bottom:3rem;
    left:0;
    width:75rem;
    height:55rem;
    border-radius:20rem
}
@media (max-width:767px){
    .classic-saas-image .bg-saas-shape:after{
        left:10rem;
        width:30rem;
        height:30rem;
        border-radius:10rem
    }
}
@media (max-width:768px){
    .classic-saas-image .bg-saas-shape img,.freelance-hero .bg-shape img{
        max-width:550px
    }
}
@media (max-width:767px){
    .classic-saas-image .bg-saas-shape img,.freelance-hero .bg-shape img{
        max-width:100%;
        height:auto
    }
}
.classic-saas-image .bg-saas-shape:after,.freelance-hero .bg-shape:after{
    opacity:.9;
    -webkit-transform:rotate(130deg);
    transform:rotate(130deg)
}
@media (max-width:767px){
    .classic-saas-image .bg-saas-shape:after,.freelance-hero .bg-shape:after{
        bottom:-5rem!important;
        height:30rem
    }
}
.freelance-hero .bg-shape:after{
    bottom:0;
    left:7rem;
    width:100rem;
    height:70rem;
    border-radius:6rem
}
@media (max-width:768px){
    .freelance-hero .bg-shape:after{
        bottom:-10rem
    }
}
@media (max-width:767px){
    .freelance-hero .bg-shape:after{
        left:15rem;
        width:40rem;
        height:30rem
    }
}
.freelance-hero .bg-shape:after{
    -webkit-box-shadow:0 0 40px rgba(47,85,212,.5);
    box-shadow:0 0 40px rgba(47,85,212,.5);
    background-color:#99abea
}
.studio-home{
    padding:7%
}
.agency-wrapper:before{
    content:"";
    position:absolute;
    bottom:22rem;
    right:54rem;
    width:90rem;
    height:35rem;
    border-radius:17rem;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    background-color:#f8f9fa;
    z-index:-1
}
@media (max-width:768px){
    .agency-wrapper:before{
        right:12rem
    }
}
@media (max-width:767px){
    .agency-wrapper:before{
        right:0
    }
}
.bg-marketing{
    padding:76px 0 120px;
    background-size:cover;
    -ms-flex-item-align:center;
    align-self:center;
    position:relative;
    background-position:center center
}
.home-slider .carousel-control-next,.home-slider .carousel-control-prev{
    width:30px;
    height:30px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    border-radius:30px;
    border:1px solid #e9ecef
}
.home-slider .carousel-control-next-icon,.home-slider .carousel-control-prev-icon{
    width:30%
}
.home-slider .carousel-control-next{
    right:8px
}
.home-slider .carousel-control-prev{
    left:8px
}
.carousel-indicators [data-bs-target]{
    width:10px;
    height:10px;
    border-radius:3px;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    border:0;
    background:#2f55d4!important;
    margin:auto 4px
}
.carousel-indicators .active{
    background-color:#2f55d4!important;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.bg-animation-left:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:70%;
    height:100%;
    background:rgba(255,255,255,.85);
    -webkit-clip-path:polygon(0 0,90% 0,70% 100%,0 100%);
    clip-path:polygon(0 0,90% 0,70% 100%,0 100%)
}
@media (max-width:767px){
    .bg-animation-left:after{
        width:100%;
        -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path:polygon(0 0,100% 0,100% 100%,0 100%)
    }
}
.bg-animation-left.dark-left:after{
    background:rgba(60,72,88,.6)
}
.bg-animation-left.crypto-home:after{
    background:#2f55d4;
    width:80%;
    -webkit-clip-path:polygon(0 0,100% 0,50% 100%,0 100%);
    clip-path:polygon(0 0,100% 0,50% 100%,0 100%)
}
.bg-animation-left.task-management-home:after{
    background:url(../images/task/bg.png) #2f55d4;
    width:100%;
    -webkit-clip-path:circle(65% at 40% 25%);
    clip-path:circle(65% at 40% 25%)
}
.bg-invoice{
    padding:100px 0;
    background-size:cover;
    -ms-flex-item-align:center;
    align-self:center;
    position:relative;
    background-position:center center
}
.classic-app-image .bg-app-shape:after{
    bottom:3rem;
    left:-8rem;
    width:55rem;
    height:35rem;
    border-radius:20rem;
    -webkit-transform:rotate(120deg);
    transform:rotate(120deg);
    opacity:.9
}
.classic-app-image .app-images{
    position:absolute;
    bottom:60px;
    right:-20px
}
.classic-app-image .bg-app-shape:after,.classic-saas-image .bg-saas-shape:after,.freelance-hero .bg-shape:after{
    content:" ";
    position:absolute;
    z-index:-1
}
.classic-app-image .bg-app-shape:after,.classic-saas-image .bg-saas-shape:after{
    -webkit-box-shadow:0 0 40px rgba(47,85,212,.5);
    box-shadow:0 0 40px rgba(47,85,212,.5);
    background-color:#2f55d4
}
.shape-before .shape-img{
    position:absolute;
    top:-50px;
    left:-35px;
    z-index:-1;
    height:auto;
    overflow:hidden
}
.swiper-slider-hero .swiper-container,.swiper-slider-hero .swiper-slide .slide-inner{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.swiper-slider-hero .swiper-container .swiper-button-next,.swiper-slider-hero .swiper-container .swiper-button-prev{
    background:0 0;
    width:35px;
    height:35px;
    line-height:35px;
    margin-top:-30px
}
.swiper-slider-hero .swiper-container .swiper-button-next:before,.swiper-slider-hero .swiper-container .swiper-button-prev:before{
    font-family:"Material Design Icons";
    font-weight:900;
    color:#fff
}
.swiper-slider-hero .swiper-container .swiper-button-next:hover,.swiper-slider-hero .swiper-container .swiper-button-prev:hover{
    background:#2f55d4;
    border-color:#2f55d4!important
}
.swiper-slider-hero .swiper-container .swiper-button-prev{
    left:10px;
    border:1px solid rgba(255,255,255,.5)
}
.swiper-slider-hero .swiper-container .swiper-button-prev:before{
    content:"\f0141"
}
.swiper-slider-hero .swiper-container .swiper-button-next{
    right:10px;
    border:1px solid rgba(255,255,255,.5)
}
.swiper-slider-hero .swiper-container .swiper-button-next:before{
    content:"\f0142"
}
.swiper-slider-hero .swiper-pagination-bullet{
    color:#f8f9fa;
    background:0 0
}
.swiper-slider-hero .swiper-pagination-bullet-active{
    color:#fff
}
.swiper-slider-hero .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-slider-hero .swiper-pagination-custom,.swiper-slider-hero .swiper-pagination-fraction{
    bottom:45px
}
.swiper-slider-hero .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 13px
}
@media (min-width:769px){
    .bg-studio:after{
        content:"";
        position:absolute;
        right:0;
        top:0;
        width:50%;
        height:100%;
        background:#fff none repeat scroll 0 0;
        z-index:2
    }
}
@media (max-width:767px){
    .bg-half-170,.bg-half-260,.bg-home,.bg-marketing,.swiper-slider-hero .swiper-container .swiper-slide{
        padding:150px 0;
        height:auto
    }
}
.bg-video-wrapper{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    pointer-events:none;
    overflow:hidden
}
.bg-video-wrapper iframe{
    width:100vw;
    height:56.25vw;
    min-height:100vh;
    min-width:177.77vh;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.shape{
    position:absolute;
    pointer-events:none;
    right:0;
    bottom:-2px;
    left:0
}
.shape>svg{
    -webkit-transform:scale(2);
    transform:scale(2);
    width:100%;
    height:auto;
    -webkit-transform-origin:top center;
    transform-origin:top center
}
.shape.integration-hero{
    -webkit-clip-path:polygon(50% 0,0 100%,100% 100%);
    clip-path:polygon(50% 0,0 100%,100% 100%);
    height:250px;
    background:#fff
}
@media (max-width:768px){
    .shape.integration-hero{
        height:140px
    }
}
@media (max-width:425px){
    .shape.integration-hero{
        height:60px
    }
}
@media (max-width:425px){
    .shape{
        bottom:-4px
    }
}
.pricing.pricing-primary.business-rate:hover{
    border-color:#2f55d4!important
}
.pricing.pricing-primary.business-rate:hover .title{
    color:#2f55d4
}
.pricing.pricing-primary.starter-plan{
    border-color:#2f55d4!important
}
.pricing.pricing-primary .icon,.pricing.pricing-primary .name{
    color:#2f55d4
}
.pricing.pricing-secondary.business-rate:hover{
    border-color:#6c757d!important
}
.pricing.pricing-secondary.business-rate:hover .title{
    color:#6c757d
}
.pricing.pricing-secondary.starter-plan{
    border-color:#6c757d!important
}
.pricing.pricing-secondary .icon,.pricing.pricing-secondary .name{
    color:#6c757d
}
.pricing.pricing-success.business-rate:hover{
    border-color:#2eca8b!important
}
.pricing.pricing-success.business-rate:hover .title{
    color:#2eca8b
}
.pricing.pricing-success.starter-plan{
    border-color:#2eca8b!important
}
.pricing.pricing-success .icon,.pricing.pricing-success .name{
    color:#2eca8b
}
.pricing.pricing-info.business-rate:hover{
    border-color:#17a2b8!important
}
.pricing.pricing-info.business-rate:hover .title{
    color:#17a2b8
}
.pricing.pricing-info.starter-plan{
    border-color:#17a2b8!important
}
.pricing.pricing-info .icon,.pricing.pricing-info .name{
    color:#17a2b8
}
.pricing.pricing-warning.business-rate:hover{
    border-color:#f17425!important
}
.pricing.pricing-warning.business-rate:hover .title{
    color:#f17425
}
.pricing.pricing-warning.starter-plan{
    border-color:#f17425!important
}
.pricing.pricing-warning .icon,.pricing.pricing-warning .name{
    color:#f17425
}
.pricing.pricing-danger.business-rate:hover{
    border-color:#e43f52!important
}
.pricing.pricing-danger.business-rate:hover .title{
    color:#e43f52
}
.pricing.pricing-danger.starter-plan{
    border-color:#e43f52!important
}
.pricing.pricing-danger .icon,.pricing.pricing-danger .name{
    color:#e43f52
}
.pricing.pricing-light.business-rate:hover{
    border-color:#f8f9fa!important
}
.pricing.pricing-light.business-rate:hover .title{
    color:#f8f9fa
}
.pricing.pricing-light.starter-plan{
    border-color:#f8f9fa!important
}
.pricing.pricing-light .icon,.pricing.pricing-light .name{
    color:#f8f9fa
}
.pricing.pricing-dark.business-rate:hover{
    border-color:#3c4858!important
}
.pricing.pricing-dark.business-rate:hover .title{
    color:#3c4858
}
.pricing.pricing-dark.starter-plan{
    border-color:#3c4858!important
}
.pricing.pricing-dark .icon,.pricing.pricing-dark .name{
    color:#3c4858
}
.pricing.pricing-footer.business-rate:hover{
    border-color:#202942!important
}
.pricing.pricing-footer.business-rate:hover .title{
    color:#202942
}
.pricing.pricing-footer.starter-plan{
    border-color:#202942!important
}
.pricing.pricing-footer .icon,.pricing.pricing-footer .name{
    color:#202942
}
.pricing.pricing-muted.business-rate:hover{
    border-color:#8492a6!important
}
.pricing.pricing-muted.business-rate:hover .title{
    color:#8492a6
}
.pricing.pricing-muted.starter-plan{
    border-color:#8492a6!important
}
.pricing.pricing-muted .icon,.pricing.pricing-muted .name{
    color:#8492a6
}
.pricing{
    position:relative;
    z-index:1;
    border-bottom:3px solid #e9ecef!important;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.pricing .price{
    font-weight:400
}
.pricing.business-rate:hover{
    -webkit-transform:scale(1.03);
    transform:scale(1.03);
    z-index:2;
    -webkit-box-shadow:0 5px 13px rgba(60,72,88,.2)!important;
    box-shadow:0 5px 13px rgba(60,72,88,.2)!important;
    background-color:#fff!important
}
.pricing.starter-plan{
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
    z-index:2
}
@media (max-width:767px){
    .pricing.starter-plan{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.pricing.best-plan:hover{
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px)
}
.ribbon.ribbon-primary span{
    background-color:#2f55d4!important
}
.ribbon.ribbon-primary span:before{
    border-left-color:#2443ac;
    border-top-color:#2443ac
}
.ribbon.ribbon-primary span:after{
    border-right-color:#2443ac;
    border-top-color:#2443ac
}
.ribbon.ribbon-secondary span{
    background-color:#6c757d!important
}
.ribbon.ribbon-secondary span:before{
    border-left-color:#545b62;
    border-top-color:#545b62
}
.ribbon.ribbon-secondary span:after{
    border-right-color:#545b62;
    border-top-color:#545b62
}
.ribbon.ribbon-success span{
    background-color:#2eca8b!important
}
.ribbon.ribbon-success span:before{
    border-left-color:#25a06e;
    border-top-color:#25a06e
}
.ribbon.ribbon-success span:after{
    border-right-color:#25a06e;
    border-top-color:#25a06e
}
.ribbon.ribbon-info span{
    background-color:#17a2b8!important
}
.ribbon.ribbon-info span:before{
    border-left-color:#117a8b;
    border-top-color:#117a8b
}
.ribbon.ribbon-info span:after{
    border-right-color:#117a8b;
    border-top-color:#117a8b
}
.ribbon.ribbon-warning span{
    background-color:#f17425!important
}
.ribbon.ribbon-warning span:before{
    border-left-color:#d55b0e;
    border-top-color:#d55b0e
}
.ribbon.ribbon-warning span:after{
    border-right-color:#d55b0e;
    border-top-color:#d55b0e
}
.ribbon.ribbon-danger span{
    background-color:#e43f52!important
}
.ribbon.ribbon-danger span:before{
    border-left-color:#d21e32;
    border-top-color:#d21e32
}
.ribbon.ribbon-danger span:after{
    border-right-color:#d21e32;
    border-top-color:#d21e32
}
.ribbon.ribbon-light span{
    background-color:#f8f9fa!important
}
.ribbon.ribbon-light span:before{
    border-left-color:#dae0e5;
    border-top-color:#dae0e5
}
.ribbon.ribbon-light span:after{
    border-right-color:#dae0e5;
    border-top-color:#dae0e5
}
.ribbon.ribbon-dark span{
    background-color:#3c4858!important
}
.ribbon.ribbon-dark span:before{
    border-left-color:#272f3a;
    border-top-color:#272f3a
}
.ribbon.ribbon-dark span:after{
    border-right-color:#272f3a;
    border-top-color:#272f3a
}
.ribbon.ribbon-footer span{
    background-color:#202942!important
}
.ribbon.ribbon-footer span:before{
    border-left-color:#0f1420;
    border-top-color:#0f1420
}
.ribbon.ribbon-footer span:after{
    border-right-color:#0f1420;
    border-top-color:#0f1420
}
.ribbon.ribbon-muted span{
    background-color:#8492a6!important
}
.ribbon.ribbon-muted span:before{
    border-left-color:#68788f;
    border-top-color:#68788f
}
.ribbon.ribbon-muted span:after{
    border-right-color:#68788f;
    border-top-color:#68788f
}
.ribbon{
    position:absolute;
    top:-5px;
    width:75px;
    height:75px;
    z-index:2
}
.ribbon.ribbon-right{
    right:-5px
}
.ribbon.ribbon-right span{
    right:-23px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.ribbon.ribbon-left{
    left:-5px
}
.ribbon.ribbon-left span{
    left:-21px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.ribbon span{
    position:absolute;
    top:18px;
    width:100px;
    color:#fff
}
.ribbon span:after,.ribbon span:before{
    content:"";
    position:absolute;
    top:100%;
    z-index:-1;
    border:3px solid transparent
}
.ribbon span:before{
    left:0
}
.ribbon span:after{
    right:0
}
.invoice-top .logo-invoice{
    font-weight:700;
    font-size:27px;
    letter-spacing:1px
}
.crypto-chart{
    position:absolute;
    left:24px;
    right:24px;
    bottom:24px;
    opacity:.1;
    z-index:0
}
.calculator-block{
    background-color:#fff
}
.calculator-block .cryptonatorwidget{
    border:none!important;
    padding:0!important;
    background:#f8f9fa!important
}
.calculator-block .cryptonatorwidget input,.calculator-block .cryptonatorwidget select{
    height:40px!important;
    line-height:40px!important;
    margin-bottom:0;
    border:none;
    background-color:#f8f9fa!important;
    border:none;
    outline:0;
    -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
    box-shadow:0 0 3px rgba(60,72,88,.15);
    padding:8px 12px;
    border-radius:6px;
    background-color:transparent;
    color:#8492a6;
    font-family:var(--bs-font-sans-serif)!important
}
.calculator-block .cryptonatorwidget div:last-child{
    display:none
}
.calculator-block ::-webkit-input-placeholder{
    color:#8492a6;
    text-transform:capitalize
}
.calculator-block ::-moz-placeholder{
    color:#8492a6;
    text-transform:capitalize
}
.calculator-block :-ms-input-placeholder{
    color:#8492a6;
    text-transform:capitalize
}
.calculator-block :-moz-placeholder{
    color:#8492a6;
    text-transform:capitalize
}
.apexcharts-tooltip{
    background:#161c2d!important;
    color:#fff
}
.switcher-pricing .toggle,.switcher-pricing .toggler{
    display:inline-block;
    vertical-align:middle
}
.switcher-pricing .toggler{
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    font-weight:700
}
.switcher-pricing .toggler--is-active{
    color:#2f55d4!important
}
.switcher-pricing .form-switch .form-check-input{
    width:48px;
    height:24px;
    margin-top:0
}
.hide{
    display:none
}
.team.team-primary .name:hover{
    color:#2f55d4!important
}
.team.team-secondary .name:hover{
    color:#6c757d!important
}
.team.team-success .name:hover{
    color:#2eca8b!important
}
.team.team-info .name:hover{
    color:#17a2b8!important
}
.team.team-warning .name:hover{
    color:#f17425!important
}
.team.team-danger .name:hover{
    color:#e43f52!important
}
.team.team-light .name:hover{
    color:#f8f9fa!important
}
.team.team-dark .name:hover{
    color:#3c4858!important
}
.team.team-footer .name:hover{
    color:#202942!important
}
.team.team-muted .name:hover{
    color:#8492a6!important
}
.team img{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.team .team-icon{
    position:absolute;
    bottom:50%;
    -webkit-transform:translateY(50%);
    transform:translateY(50%);
    right:0;
    opacity:0;
    left:0;
    text-align:center;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.team:hover img{
    -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
    box-shadow:0 0 3px rgba(60,72,88,.15);
    opacity:.2
}
.team:hover .overlay-team{
    opacity:.6
}
.team:hover .team-icon{
    opacity:1
}
.client-testi{
    cursor:e-resize
}
.client-testi .client-image{
    margin-right:16px
}
.client-testi .content:before{
    content:"";
    position:absolute;
    top:30px;
    left:0;
    margin-left:13px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:8px solid #3c4858;
    border-color:transparent #fff #fff transparent;
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    -webkit-box-shadow:2px 2px 2px -1px rgba(60,72,88,.15);
    box-shadow:2px 2px 2px -1px rgba(60,72,88,.15)
}
.tns-nav{
    text-align:center;
    margin-top:10px
}
.tns-nav button{
    border-radius:3px;
    background:rgba(47,85,212,.5)!important;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    border:none;
    margin:0 5px;
    padding:5px
}
.tns-nav button.tns-nav-active{
    background:#2f55d4!important;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.tns-controls button[data-controls=next],.tns-controls button[data-controls=prev]{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:16px;
    width:32px;
    height:32px;
    border-radius:50%;
    background:#fff;
    color:#3c4858;
    border:none;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    z-index:1;
    -webkit-box-shadow:0 10px 25px rgba(60,72,88,.15);
    box-shadow:0 10px 25px rgba(60,72,88,.15)
}
.tns-controls button[data-controls=next]:hover,.tns-controls button[data-controls=prev]:hover{
    background:#2f55d4;
    color:#fff
}
.tns-controls button[data-controls=prev]{
    left:0
}
.tns-controls button[data-controls=next]{
    right:0
}
.slick-slider{
    overflow-x:hidden!important;
    cursor:pointer
}
.tiny-timeline{
    position:relative;
    width:100%;
    margin:0 auto
}
.tiny-timeline:before{
    content:"";
    position:absolute;
    width:100%;
    top:17px;
    left:0;
    height:2px;
    background:#2f55d4
}
.tiny-timeline .item-box{
    margin:70px 15px 20px
}
.tiny-timeline .item-box:after,.tiny-timeline .item-box:before{
    content:"";
    position:absolute;
    left:50%;
    background:#2f55d4
}
.tiny-timeline .item-box:before{
    width:2px;
    height:46px;
    top:-46px;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.tiny-timeline .item-box:after{
    width:13px;
    height:13px;
    top:-59px;
    border-radius:3px;
    -webkit-transform:translateX(-50%) rotate(45deg);
    transform:translateX(-50%) rotate(45deg)
}
[dir=rtl] .swiper-slider-hero,[dir=rtl] .tns-inner,[dir=rtl] .tns-nav{
    direction:rtl
}
.login-page{
    font-size:15px
}
.login-page .forgot-pass{
    z-index:99;
    position:relative;
    font-size:13px
}
.cover-user .container-fluid{
    max-width:100%
}
@media (max-width:768px){
    .cover-user .container-fluid .padding-less{
        position:relative!important;
        height:400px!important
    }
}
.cover-user .container-fluid .padding-less.img{
    background:scroll center no-repeat;
    background-size:cover;
    position:absolute;
    height:100%
}
.cover-user .cover-user-img{
    height:100vh
}
@media (min-width:1025px){
    .cover-user .cover-user-img{
        padding:0 20%
    }
}
@media (max-width:768px){
    .cover-user .cover-user-img{
        -webkit-box-align:start!important;
        -ms-flex-align:start!important;
        align-items:start!important;
        height:auto!important;
        padding:30px
    }
}
@media (max-width:768px){
    .cover-user .cover-user-content{
        text-align:left!important
    }
    .cover-user .cover-my-30{
        margin:30px 0
    }
}
.form-signin{
    width:100%;
    max-width:400px;
    margin:auto
}
.bg-profile{
    padding:100px 0;
    background-size:cover;
    -ms-flex-item-align:center;
    align-self:center;
    position:relative;
    background-position:center center
}
.bg-profile .public-profile{
    top:175px
}
.chat .chat-list.active,.chat .chat-list:focus,.chat .chat-list:hover{
    background:#f8f9fa!important;
    -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
    box-shadow:0 0 3px rgba(60,72,88,.15)
}
.chat .chat-list .on-off,.chat .chat-type .on-off{
    position:absolute;
    left:-1px;
    top:-1px;
    font-size:12px!important
}
.chat.chat-person .on-off{
    font-size:10px
}
.chat.chat-person .chat-msg{
    margin-left:8px
}
.chat.chat-person .chat-msg .msg{
    border:1px solid #e9ecef
}
.chat.chat-person .chat-msg .msg-time{
    font-size:12px!important
}
.chat.chat-person .chat-right{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    text-align:right
}
.chat.chat-person .chat-right .chat-user-image{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
.chat.chat-person .chat-right .chat-user-image .on-off{
    right:-1px
}
.chat.chat-person .chat-right .chat-msg{
    margin-right:8px;
    margin-left:0
}
.chat.chat-person .chat-right .chat-msg .msg{
    display:inline-block
}
.chat.chat-person .chat-right .chat-msg .msg-time{
    display:block
}
.simplebar-track.simplebar-vertical{
    width:8px!important
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{
    width:4px!important;
    background:#adb5bd!important
}
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused),.ck.ck-toolbar{
    background:#fff!important;
    border:1px solid #e9ecef!important
}
.ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break),.ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown{
    color:#161c2d
}
.work-container.work-primary .title:hover{
    color:#2f55d4!important
}
.work-container.work-primary.work-modern .work-icon{
    color:#2f55d4!important
}
.work-container.work-primary.work-modern .work-icon:hover{
    background:#2f55d4!important
}
.work-container.work-primary .btn{
    background-color:#2f55d4!important;
    border:1px solid #2f55d4!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(47,85,212,.1);
    box-shadow:0 3px 5px 0 rgba(47,85,212,.1)
}
.work-container.work-primary .btn.active,.work-container.work-primary .btn.focus,.work-container.work-primary .btn:active,.work-container.work-primary .btn:focus,.work-container.work-primary .btn:hover{
    background-color:#2443ac!important;
    border-color:#2443ac!important;
    color:#fff!important
}
.work-container.work-primary .bg{
    background-color:#2f55d4!important
}
.work-container.work-primary .link{
    color:#2f55d4!important
}
.work-container.work-secondary .title:hover{
    color:#6c757d!important
}
.work-container.work-secondary.work-modern .work-icon{
    color:#6c757d!important
}
.work-container.work-secondary.work-modern .work-icon:hover{
    background:#6c757d!important
}
.work-container.work-secondary .btn{
    background-color:#6c757d!important;
    border:1px solid #6c757d!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(108,117,125,.1);
    box-shadow:0 3px 5px 0 rgba(108,117,125,.1)
}
.work-container.work-secondary .btn.active,.work-container.work-secondary .btn.focus,.work-container.work-secondary .btn:active,.work-container.work-secondary .btn:focus,.work-container.work-secondary .btn:hover{
    background-color:#545b62!important;
    border-color:#545b62!important;
    color:#fff!important
}
.work-container.work-secondary .bg{
    background-color:#6c757d!important
}
.work-container.work-secondary .link{
    color:#6c757d!important
}
.work-container.work-success .title:hover{
    color:#2eca8b!important
}
.work-container.work-success.work-modern .work-icon{
    color:#2eca8b!important
}
.work-container.work-success.work-modern .work-icon:hover{
    background:#2eca8b!important
}
.work-container.work-success .btn{
    background-color:#2eca8b!important;
    border:1px solid #2eca8b!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(46,202,139,.1);
    box-shadow:0 3px 5px 0 rgba(46,202,139,.1)
}
.work-container.work-success .btn.active,.work-container.work-success .btn.focus,.work-container.work-success .btn:active,.work-container.work-success .btn:focus,.work-container.work-success .btn:hover{
    background-color:#25a06e!important;
    border-color:#25a06e!important;
    color:#fff!important
}
.work-container.work-success .bg{
    background-color:#2eca8b!important
}
.work-container.work-success .link{
    color:#2eca8b!important
}
.work-container.work-info .title:hover{
    color:#17a2b8!important
}
.work-container.work-info.work-modern .work-icon{
    color:#17a2b8!important
}
.work-container.work-info.work-modern .work-icon:hover{
    background:#17a2b8!important
}
.work-container.work-info .btn{
    background-color:#17a2b8!important;
    border:1px solid #17a2b8!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(23,162,184,.1);
    box-shadow:0 3px 5px 0 rgba(23,162,184,.1)
}
.work-container.work-info .btn.active,.work-container.work-info .btn.focus,.work-container.work-info .btn:active,.work-container.work-info .btn:focus,.work-container.work-info .btn:hover{
    background-color:#117a8b!important;
    border-color:#117a8b!important;
    color:#fff!important
}
.work-container.work-info .bg{
    background-color:#17a2b8!important
}
.work-container.work-info .link{
    color:#17a2b8!important
}
.work-container.work-warning .title:hover{
    color:#f17425!important
}
.work-container.work-warning.work-modern .work-icon{
    color:#f17425!important
}
.work-container.work-warning.work-modern .work-icon:hover{
    background:#f17425!important
}
.work-container.work-warning .btn{
    background-color:#f17425!important;
    border:1px solid #f17425!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(241,116,37,.1);
    box-shadow:0 3px 5px 0 rgba(241,116,37,.1)
}
.work-container.work-warning .btn.active,.work-container.work-warning .btn.focus,.work-container.work-warning .btn:active,.work-container.work-warning .btn:focus,.work-container.work-warning .btn:hover{
    background-color:#d55b0e!important;
    border-color:#d55b0e!important;
    color:#fff!important
}
.work-container.work-warning .bg{
    background-color:#f17425!important
}
.work-container.work-warning .link{
    color:#f17425!important
}
.work-container.work-danger .title:hover{
    color:#e43f52!important
}
.work-container.work-danger.work-modern .work-icon{
    color:#e43f52!important
}
.work-container.work-danger.work-modern .work-icon:hover{
    background:#e43f52!important
}
.work-container.work-danger .btn{
    background-color:#e43f52!important;
    border:1px solid #e43f52!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(228,63,82,.1);
    box-shadow:0 3px 5px 0 rgba(228,63,82,.1)
}
.work-container.work-danger .btn.active,.work-container.work-danger .btn.focus,.work-container.work-danger .btn:active,.work-container.work-danger .btn:focus,.work-container.work-danger .btn:hover{
    background-color:#d21e32!important;
    border-color:#d21e32!important;
    color:#fff!important
}
.work-container.work-danger .bg{
    background-color:#e43f52!important
}
.work-container.work-danger .link{
    color:#e43f52!important
}
.work-container.work-light .title:hover{
    color:#f8f9fa!important
}
.work-container.work-light.work-modern .work-icon{
    color:#f8f9fa!important
}
.work-container.work-light.work-modern .work-icon:hover{
    background:#f8f9fa!important
}
.work-container.work-light .btn{
    background-color:#f8f9fa!important;
    border:1px solid #f8f9fa!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(248,249,250,.1);
    box-shadow:0 3px 5px 0 rgba(248,249,250,.1)
}
.work-container.work-light .btn.active,.work-container.work-light .btn.focus,.work-container.work-light .btn:active,.work-container.work-light .btn:focus,.work-container.work-light .btn:hover{
    background-color:#dae0e5!important;
    border-color:#dae0e5!important;
    color:#fff!important
}
.work-container.work-light .bg{
    background-color:#f8f9fa!important
}
.work-container.work-light .link{
    color:#f8f9fa!important
}
.work-container.work-dark .title:hover{
    color:#3c4858!important
}
.work-container.work-dark.work-modern .work-icon{
    color:#3c4858!important
}
.work-container.work-dark.work-modern .work-icon:hover{
    background:#3c4858!important
}
.work-container.work-dark .btn{
    background-color:#3c4858!important;
    border:1px solid #3c4858!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(60,72,88,.1);
    box-shadow:0 3px 5px 0 rgba(60,72,88,.1)
}
.work-container.work-dark .btn.active,.work-container.work-dark .btn.focus,.work-container.work-dark .btn:active,.work-container.work-dark .btn:focus,.work-container.work-dark .btn:hover{
    background-color:#272f3a!important;
    border-color:#272f3a!important;
    color:#fff!important
}
.work-container.work-dark .bg{
    background-color:#3c4858!important
}
.work-container.work-dark .link{
    color:#3c4858!important
}
.work-container.work-footer .title:hover{
    color:#202942!important
}
.work-container.work-footer.work-modern .work-icon{
    color:#202942!important
}
.work-container.work-footer.work-modern .work-icon:hover{
    background:#202942!important
}
.work-container.work-footer .btn{
    background-color:#202942!important;
    border:1px solid #202942!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(32,41,66,.1);
    box-shadow:0 3px 5px 0 rgba(32,41,66,.1)
}
.work-container.work-footer .btn.active,.work-container.work-footer .btn.focus,.work-container.work-footer .btn:active,.work-container.work-footer .btn:focus,.work-container.work-footer .btn:hover{
    background-color:#0f1420!important;
    border-color:#0f1420!important;
    color:#fff!important
}
.work-container.work-footer .bg{
    background-color:#202942!important
}
.work-container.work-footer .link{
    color:#202942!important
}
.work-container.work-muted .title:hover{
    color:#8492a6!important
}
.work-container.work-muted.work-modern .work-icon{
    color:#8492a6!important
}
.work-container.work-muted.work-modern .work-icon:hover{
    background:#8492a6!important
}
.work-container.work-muted .btn{
    background-color:#8492a6!important;
    border:1px solid #8492a6!important;
    color:#fff!important;
    -webkit-box-shadow:0 3px 5px 0 rgba(132,146,166,.1);
    box-shadow:0 3px 5px 0 rgba(132,146,166,.1)
}
.work-container.work-muted .btn.active,.work-container.work-muted .btn.focus,.work-container.work-muted .btn:active,.work-container.work-muted .btn:focus,.work-container.work-muted .btn:hover{
    background-color:#68788f!important;
    border-color:#68788f!important;
    color:#fff!important
}
.work-container.work-muted .bg{
    background-color:#8492a6!important
}
.work-container.work-muted .link{
    color:#8492a6!important
}
.work-container.work-classic .work-image{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.work-container.work-classic .work-image:hover{
    -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
    box-shadow:0 0 3px rgba(60,72,88,.15)
}
.work-container .overlay-work{
    background-color:#3c4858
}
.work-container.work-classic .content .title,.work-container.work-grid .content .title,.work-container.work-modern .content .title{
    font-size:18px;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.work-container.work-classic .content .tag,.work-container.work-grid .content .tag,.work-container.work-modern .content .tag{
    font-size:15px!important
}
.work-container.work-modern .client,.work-container.work-modern .content,.work-container.work-modern .icons,.work-container.work-modern .icons .work-icon,.work-container.work-modern .overlay-work,.work-container.work-modern .read_more,.work-container.work-modern img{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.work-container.work-modern .client,.work-container.work-modern .content,.work-container.work-modern .icons,.work-container.work-modern .overlay-work,.work-container.work-modern .read_more{
    position:absolute
}
.work-container.work-modern .overlay-work{
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0;
    z-index:1
}
.work-container.work-modern .content{
    z-index:1;
    bottom:5%;
    left:5%
}
.work-container.work-modern .client,.work-container.work-modern .content{
    opacity:0
}
.work-container.work-modern .client,.work-container.work-modern .read_more{
    z-index:1;
    right:5%;
    top:5%
}
.work-container.work-modern .read_more{
    height:30px;
    width:30px;
    line-height:30px
}
.work-container.work-modern .icons{
    right:0;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:2;
    opacity:0
}
.work-container.work-modern .icons .work-icon{
    height:45px;
    width:45px;
    line-height:45px
}
.work-container.work-modern .icons .work-icon:hover{
    color:#fff!important
}
.work-container.work-modern:hover img{
    -webkit-transform:scale(1.1) rotate(3deg);
    transform:scale(1.1) rotate(3deg)
}
.work-container.work-modern:hover .overlay-work{
    opacity:.65
}
.work-container.work-modern:hover .icons{
    opacity:1
}
.work-container.work-modern:hover .client,.work-container.work-modern:hover .content,.work-container.work-modern:hover .personal-port{
    opacity:1
}
.work-container.work-grid{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.work-container.work-grid .content,.work-container.work-grid .content .title,.work-container.work-grid img{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.work-container.work-grid .content{
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    -webkit-transform:translateY(150px);
    transform:translateY(150px);
    overflow:hidden;
    background-color:#fff
}
.work-container.work-grid:hover{
    -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
    box-shadow:0 0 3px rgba(60,72,88,.15)
}
.work-container.work-grid:hover img{
    -webkit-transform:translateY(-40px);
    transform:translateY(-40px)
}
.work-container.work-grid:hover .content{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.work-details ul li b{
    max-width:90px;
    width:100%;
    display:inline-block
}
.container-filter li{
    font-size:13px;
    padding:0 15px;
    margin:5px 3px;
    font-weight:700;
    letter-spacing:.8px;
    cursor:pointer;
    line-height:34px;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.container-filter li.active,.container-filter li:hover{
    color:#2f55d4!important;
    border-color:#2f55d4!important
}
.spacing{
    padding:7px
}
.popular-tour .content{
    position:absolute;
    bottom:3%;
    left:5%
}
.popular-tour .overlay-work{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.popular-tour:hover .overlay-work{
    opacity:.6
}
.event-schedule.event-primary .date{
    color:#2f55d4!important
}
.event-schedule.event-primary .date .day{
    background:rgba(47,85,212,.1);
    -webkit-box-shadow:0 0 2px .25px rgba(47,85,212,.5);
    box-shadow:0 0 2px .25px rgba(47,85,212,.5)
}
.event-schedule.event-primary .content .title:hover{
    color:#2f55d4!important
}
.event-schedule.event-primary:hover{
    border-color:#2f55d4!important
}
.event-schedule.event-secondary .date{
    color:#6c757d!important
}
.event-schedule.event-secondary .date .day{
    background:rgba(108,117,125,.1);
    -webkit-box-shadow:0 0 2px .25px rgba(108,117,125,.5);
    box-shadow:0 0 2px .25px rgba(108,117,125,.5)
}
.event-schedule.event-secondary .content .title:hover{
    color:#6c757d!important
}
.event-schedule.event-secondary:hover{
    border-color:#6c757d!important
}
.event-schedule.event-success .date{
    color:#2eca8b!important
}
.event-schedule.event-success .date .day{
    background:rgba(46,202,139,.1);
    -webkit-box-shadow:0 0 2px .25px rgba(46,202,139,.5);
    box-shadow:0 0 2px .25px rgba(46,202,139,.5)
}
.event-schedule.event-success .content .title:hover{
    color:#2eca8b!important
}
.event-schedule.event-success:hover{
    border-color:#2eca8b!important
}
.event-schedule.event-info .date{
    color:#17a2b8!important
}
.event-schedule.event-info .date .day{
    background:rgba(23,162,184,.1);
    -webkit-box-shadow:0 0 2px .25px rgba(23,162,184,.5);
    box-shadow:0 0 2px .25px rgba(23,162,184,.5)
}
.event-schedule.event-info .content .title:hover{
    color:#17a2b8!important
}
.event-schedule.event-info:hover{
    border-color:#17a2b8!important
}
.event-schedule.event-warning .date{
    color:#f17425!important
}
.event-schedule.event-warning .date .day{
    background:rgba(241,116,37,.1);
    -webkit-box-shadow:0 0 2px .25px rgba(241,116,37,.5);
    box-shadow:0 0 2px .25px rgba(241,116,37,.5)
}
.event-schedule.event-warning .content .title:hover{
    color:#f17425!important
}
.event-schedule.event-warning:hover{
    border-color:#f17425!important
}
.event-schedule.event-danger .date{
    color:#e43f52!important
}
.event-schedule.event-danger .date .day{
    background:rgba(228,63,82,.1);
    -webkit-box-shadow:0 0 2px .25px rgba(228,63,82,.5);
    box-shadow:0 0 2px .25px rgba(228,63,82,.5)
}
.event-schedule.event-danger .content .title:hover{
    color:#e43f52!important
}
.event-schedule.event-danger:hover{
    border-color:#e43f52!important
}
.event-schedule.event-light .date{
    color:#f8f9fa!important
}
.event-schedule.event-light .date .day{
    background:rgba(248,249,250,.1);
    -webkit-box-shadow:0 0 2px .25px rgba(248,249,250,.5);
    box-shadow:0 0 2px .25px rgba(248,249,250,.5)
}
.event-schedule.event-light .content .title:hover{
    color:#f8f9fa!important
}
.event-schedule.event-light:hover{
    border-color:#f8f9fa!important
}
.event-schedule.event-dark .date{
    color:#3c4858!important
}
.event-schedule.event-dark .date .day{
    background:rgba(60,72,88,.1);
    -webkit-box-shadow:0 0 2px .25px rgba(60,72,88,.5);
    box-shadow:0 0 2px .25px rgba(60,72,88,.5)
}
.event-schedule.event-dark .content .title:hover{
    color:#3c4858!important
}
.event-schedule.event-dark:hover{
    border-color:#3c4858!important
}
.event-schedule.event-footer .date{
    color:#202942!important
}
.event-schedule.event-footer .date .day{
    background:rgba(32,41,66,.1);
    -webkit-box-shadow:0 0 2px .25px rgba(32,41,66,.5);
    box-shadow:0 0 2px .25px rgba(32,41,66,.5)
}
.event-schedule.event-footer .content .title:hover{
    color:#202942!important
}
.event-schedule.event-footer:hover{
    border-color:#202942!important
}
.event-schedule.event-muted .date{
    color:#8492a6!important
}
.event-schedule.event-muted .date .day{
    background:rgba(132,146,166,.1);
    -webkit-box-shadow:0 0 2px .25px rgba(132,146,166,.5);
    box-shadow:0 0 2px .25px rgba(132,146,166,.5)
}
.event-schedule.event-muted .content .title:hover{
    color:#8492a6!important
}
.event-schedule.event-muted:hover{
    border-color:#8492a6!important
}
.event-schedule{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.event-schedule .date .day{
    font-size:18px;
    width:50px;
    height:50px;
    border-radius:50px;
    line-height:48px;
    border:2px solid #e9ecef
}
.event-schedule .date .month{
    font-size:13px
}
.event-schedule .content .title{
    font-size:20px;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.event-schedule .content .location-time{
    font-size:14px
}
.event-schedule:hover{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px);
    -webkit-box-shadow:0 0 3px rgba(60,72,88,.15);
    box-shadow:0 0 3px rgba(60,72,88,.15)
}
.shop-features .category-title{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:20px;
    z-index:1
}
.shop-list .shop-image .overlay-work,.shop-list .shop-image .shop-icons{
    position:absolute;
    opacity:0;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.shop-list .shop-image .overlay-work{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1
}
.shop-list .shop-image .overlay-work .out-stock{
    position:absolute;
    bottom:0;
    left:0;
    right:0
}
.shop-list .shop-image .shop-icons{
    top:15px;
    right:15px;
    z-index:2
}
.shop-list .shop-image:hover .overlay-work,.shop-list .shop-image:hover .shop-icons{
    opacity:1
}
.shop-list .content .product-name{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.shop-list .content .product-name:hover{
    color:#2f55d4!important
}
.shop-list .label{
    position:absolute;
    top:15px;
    left:15px;
    z-index:2
}
.shop-list .qty-btn{
    pointer-events:none;
    width:65px;
    padding-left:15px
}
.main-icon{
    border:2px solid #e9ecef;
    height:40px;
    width:40px;
    line-height:0;
    text-align:center
}
.main-icon .fea{
    height:20px
}
@media (min-width:768px){
    .main-icon{
        margin:0 auto
    }
}
.timeline-page:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:95%;
    margin:auto;
    width:2px;
    background-color:#e9ecef!important
}
.timeline-page .timeline-item .date-label-left,.timeline-page .timeline-item .duration-right{
    margin-right:15px
}
.timeline-page .timeline-item .date-label-left:after,.timeline-page .timeline-item .duration-right:after{
    content:"";
    position:absolute;
    top:12px;
    width:12px;
    height:12px;
    z-index:1;
    background-color:#2f55d4;
    border-radius:4px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.timeline-page .timeline-item .date-label-left{
    float:right;
    margin-right:15px
}
.timeline-page .timeline-item .date-label-left:after{
    right:-34px
}
.timeline-page .timeline-item .duration-right{
    float:left;
    margin-left:15px
}
.timeline-page .timeline-item .duration-right:after{
    left:-34px
}
.timeline-page .timeline-item .event{
    -webkit-transition:all .2s ease;
    transition:all .2s ease
}
.timeline-page .timeline-item .event.event-description-right{
    margin-left:15px
}
.timeline-page .timeline-item .event.event-description-left{
    margin-right:15px;
    text-align:right
}
@media (max-width:767px){
    .timeline-page{
        margin-left:18px
    }
    .timeline-page:after{
        margin:0
    }
    .timeline-page .timeline-item .duration{
        float:left!important;
        margin:0 0 30px 15px!important;
        text-align:left!important
    }
    .timeline-page .timeline-item .duration:after{
        left:-21px!important
    }
    .timeline-page .timeline-item .duration .event{
        text-align:left!important;
        margin-left:15px
    }
    .timeline-page .timeline-item .event-description-left{
        text-align:left!important;
        margin:0 0 0 15px
    }
}
.tobii>button.tobii__close svg,.tobii>button.tobii__next svg,.tobii>button.tobii__prev svg{
    height:36px;
    width:auto
}
.tobii__counter{
    font-size:16px
}
.tobii-zoom{
    display:block!important
}
.tobii-zoom__icon{
    display:none
}
#grid{
    padding:0!important
}
.fw-medium{
    font-weight:600
}
.section{
    padding:100px 0;
    position:relative
}
@media (max-width:768px){
    .section{
        padding:60px 0
    }
}
.section-two{
    padding:60px 0;
    position:relative
}
.bg-overlay{
    background-color: #6C717D;
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    width:100%;
    height:100%
}
.bg-overlay-white{
    background-color:rgba(255,255,255,.5)
}
.bg-gradient-primary{
    background:-webkit-gradient(linear,right top,left top,from(#59339d),to(#0257d5));
    background:linear-gradient(to left,#59339d 0,#0257d5 100%)
}
.bg-linear-gradient{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(80%,rgba(0,0,0,.3)),to(black));
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.3) 80%,#000 100%)
}
.bg-linear-gradient-2{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.3)),color-stop(75%,rgba(0,0,0,.7)),to(black));
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7) 75%,#000 100%)
}
.bg-linear-gradient-3{
    background:-webkit-gradient(linear,left top,right top,from(black),color-stop(25%,#000),color-stop(50%,#000),color-stop(75%,rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background:linear-gradient(to right,#000 0,#000 25%,#000 50%,rgba(0,0,0,.5) 75%,rgba(0,0,0,0) 100%)
}
.bg-gradient-overlay{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(25%,rgba(0,0,0,.5)),color-stop(50%,rgba(0,0,0,.75)),to(black));
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 25%,rgba(0,0,0,.75) 50%,#000 100%)
}
.bg-gradient-overlay-2{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),color-stop(25%,rgba(0,0,0,.6)),color-stop(50%,rgba(0,0,0,.7)),to(rgba(0,0,0,.8)));
    background:linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,.6) 25%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.8) 100%)
}
.bg-primary-gradient-overlay{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(13,110,253,0)),color-stop(25%,rgba(13,110,253,.25)),color-stop(50%,rgba(13,110,253,.5)),color-stop(75%,rgba(13,110,253,.75)),to(#0d6efd));
    background:linear-gradient(to bottom,rgba(13,110,253,0) 0,rgba(13,110,253,.25) 25%,rgba(13,110,253,.5) 50%,rgba(13,110,253,.75) 75%,#0d6efd 100%)
}
.bg-gradient-white-overlay{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(25%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0)),to(rgba(255,255,255,.5)));
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.5) 100%)
}
.title-heading{
    line-height:26px
}
.title-heading .heading{
    font-size:45px!important;
    letter-spacing:1px
}
@media (max-width:768px){
    .title-heading .heading{
        font-size:35px!important
    }
}
.title-heading .para-desc{
    font-size:18px
}
.section-title .title{
    letter-spacing:.5px;
    font-size:30px!important
}
@media (max-width:768px){
    .section-title .title{
        font-size:24px!important
    }
}
.text-shadow-title{
    text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 4px 0 rgba(255,255,255,.4),0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff
}
.para-desc{
    max-width:600px
}
.mt-100{
    margin-top:100px
}
.text-slider{
    margin:0 auto;
    position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.text-slider>ul{
    white-space:nowrap
}
.text-slider .move-text{
    -webkit-animation:moveSlideshow 12s linear infinite;
    animation:moveSlideshow 12s linear infinite
}
@-webkit-keyframes moveSlideshow{
    100%{
        -webkit-transform:translateX(-45%);
        transform:translateX(-45%)
    }
}
@keyframes moveSlideshow{
    100%{
        -webkit-transform:translateX(-45%);
        transform:translateX(-45%)
    }
}
.mover{
    -webkit-animation:mover 1s infinite alternate;
    animation:mover 1s infinite alternate
}
@-webkit-keyframes mover{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(5px);
        transform:translateY(5px)
    }
}
@keyframes mover{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(5px);
        transform:translateY(5px)
    }
}
.feature-posts-placeholder{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:66.6%
}
@media (max-width:425px){
    .feature-posts-placeholder{
        height:80%
    }
}
.spin-anything{
    -webkit-animation:spinner-animation 5s linear infinite;
    animation:spinner-animation 5s linear infinite
}
@-webkit-keyframes spinner-animation{
    from{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spinner-animation{
    from{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.seo-hero-widget{
    position:relative;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.seo-hero-widget:hover{
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
    z-index:9
}
.home-wrapper:before{
    content:"";
    position:absolute;
    bottom:40rem;
    right:0;
    width:90rem;
    height:35rem;
    -webkit-transform:rotate(78.75deg);
    transform:rotate(78.75deg);
    background:-webkit-gradient(linear,left top,right top,from(rgba(47,85,212,.3)),to(transparent));
    background:linear-gradient(90deg,rgba(47,85,212,.3),transparent);
    z-index:1
}
@media (min-width:769px) and (max-width:1024px){
    .home-wrapper:before{
        right:-20rem
    }
}
@media (min-width:426px) and (max-width:768px){
    .home-wrapper:before{
        right:-15rem;
        width:70rem;
        height:25rem
    }
}
@media (max-width:425px){
    .home-wrapper:before{
        right:-25rem
    }
}
.cookie-popup{
    position:fixed;
    bottom:12px;
    left:0;
    right:0;
    margin:0 auto;
    max-width:512px;
    z-index:5
}
.cookie-popup .cookie-popup-actions button{
    border:none;
    background:0 0;
    padding:0;
    cursor:pointer;
    font-weight:600;
    position:absolute;
    top:5px;
    right:5px
}
@media (max-width:425px){
    .cookie-popup{
        left:12px;
        right:12px
    }
}
.cookie-popup-not-accepted{
    display:block;
    -webkit-animation:cookie-popup-in .5s ease forwards;
    animation:cookie-popup-in .5s ease forwards
}
.cookie-popup-accepted{
    display:none!important
}
@-webkit-keyframes cookie-popup-in{
    from{
        bottom:-6.25rem
    }
    to{
        bottom:1.25rem
    }
}
@keyframes cookie-popup-in{
    from{
        bottom:-6.25rem
    }
    to{
        bottom:1.25rem
    }
}
.clip-text{
    font-size:190px;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.clip-text.clip-text-image{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
@media (max-width:1024px){
    .clip-text{
        font-size:180px
    }
}
@media (max-width:768px){
    .clip-text{
        font-size:135px
    }
}
@media (max-width:425px){
    .clip-text{
        font-size:50px
    }
}
@media (min-width:768px){
    .margin-top-100{
        margin-top:100px
    }
}
@media (max-width:768px){
    .mt-60{
        margin-top:60px
    }
}
.background-effect .circles{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    width:100%;
    overflow:hidden
}
.background-effect .circles li{
    position:absolute;
    display:block;
    -webkit-animation:animate 25s linear infinite;
    animation:animate 25s linear infinite;
    bottom:-150px;
    background:rgba(47,85,212,.15)
}
.background-effect .circles li:nth-child(1),.background-effect .circles li:nth-child(10),.background-effect .circles li:nth-child(2),.background-effect .circles li:nth-child(3),.background-effect .circles li:nth-child(4),.background-effect .circles li:nth-child(5),.background-effect .circles li:nth-child(6),.background-effect .circles li:nth-child(7),.background-effect .circles li:nth-child(8),.background-effect .circles li:nth-child(9){
    width:24px;
    height:24px
}
.background-effect .circles li:nth-child(1){
    left:25%;
    -webkit-animation-delay:0s;
    animation-delay:0s
}
.background-effect .circles li:nth-child(2){
    left:10%;
    -webkit-animation-delay:2s;
    animation-delay:2s;
    -webkit-animation-duration:12s;
    animation-duration:12s
}
.background-effect .circles li:nth-child(3){
    left:70%;
    -webkit-animation-delay:4s;
    animation-delay:4s
}
.background-effect .circles li:nth-child(4){
    left:40%;
    -webkit-animation-delay:0s;
    animation-delay:0s;
    -webkit-animation-duration:18s;
    animation-duration:18s
}
.background-effect .circles li:nth-child(5){
    left:65%;
    -webkit-animation-delay:0s;
    animation-delay:0s
}
.background-effect .circles li:nth-child(6){
    left:75%;
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.background-effect .circles li:nth-child(7){
    left:35%;
    -webkit-animation-delay:7s;
    animation-delay:7s
}
.background-effect .circles li:nth-child(8){
    left:50%;
    -webkit-animation-delay:15s;
    animation-delay:15s;
    -webkit-animation-duration:45s;
    animation-duration:45s
}
.background-effect .circles li:nth-child(9){
    left:20%;
    -webkit-animation-delay:2s;
    animation-delay:2s;
    -webkit-animation-duration:35s;
    animation-duration:35s
}
.background-effect .circles li:nth-child(10){
    left:85%;
    -webkit-animation-delay:0s;
    animation-delay:0s;
    -webkit-animation-duration:11s;
    animation-duration:11s
}
@-webkit-keyframes animate{
    0%{
        -webkit-transform:translateY(0) rotate(0);
        transform:translateY(0) rotate(0);
        opacity:1;
        border-radius:10px
    }
    100%{
        -webkit-transform:translateY(-1000px) rotate(720deg);
        transform:translateY(-1000px) rotate(720deg);
        opacity:0
    }
}
@keyframes animate{
    0%{
        -webkit-transform:translateY(0) rotate(0);
        transform:translateY(0) rotate(0);
        opacity:1;
        border-radius:10px
    }
    100%{
        -webkit-transform:translateY(-1000px) rotate(720deg);
        transform:translateY(-1000px) rotate(720deg);
        opacity:0
    }
}
.fea{
    stroke-width:1.8
}
.fea.icon-sm{
    height:16px;
    width:16px
}
.fea.icon-ex-md{
    height:20px;
    min-width:20px
}
.fea.icon-m-md{
    height:28px;
    width:28px
}
.fea.icon-md{
    height:35px;
    width:35px
}
.fea.icon-lg{
    height:42px;
    width:42px
}
.fea.icon-ex-lg{
    height:52px;
    width:52px
}
[class*=" uil-"]:before,[class^=uil-]:before{
    margin:0
}
.uim-svg{
    vertical-align:0!important
}
.rounded{
    border-radius:6px!important
}
.rounded-top{
    border-top-left-radius:6px!important;
    border-top-right-radius:6px!important
}
.rounded-left{
    border-top-left-radius:6px!important;
    border-bottom-left-radius:6px!important
}
.rounded-bottom{
    border-bottom-left-radius:6px!important;
    border-bottom-right-radius:6px!important
}
.rounded-right{
    border-top-right-radius:6px!important;
    border-bottom-right-radius:6px!important
}
.rounded-md{
    border-radius:10px!important
}
.rounded-lg{
    border-radius:30px!important
}
.border-primary{
    border-color:#2f55d4!important
}
.border-secondary{
    border-color:#6c757d!important
}
.border-success{
    border-color:#2eca8b!important
}
.border-info{
    border-color:#17a2b8!important
}
.border-warning{
    border-color:#f17425!important
}
.border-danger{
    border-color:#e43f52!important
}
.border-light{
    border-color:#f8f9fa!important
}
.border-dark{
    border-color:#3c4858!important
}
.border-footer{
    border-color:#202942!important
}
.border-muted{
    border-color:#8492a6!important
}
.opacity-05{
    opacity:.05
}
.opacity-075{
    opacity:.075
}
.opacity-1{
    opacity:.1
}
.opacity-2{
    opacity:.2
}
.opacity-3{
    opacity:.3
}
.opacity-4{
    opacity:.4
}
.opacity-5{
    opacity:.5
}
.opacity-6{
    opacity:.6
}
.opacity-7{
    opacity:.7
}
.opacity-8{
    opacity:.8
}
.opacity-9{
    opacity:.9
}
.z-index-1{
    z-index:1
}
.z-index-0{
    z-index:0
}
.z-index-m-1{
    z-index:-1
}
.small,small{
    font-size:90%
}
.social-icon li a{
    color:#3c4858;
    border:1px solid #3c4858;
    height:32px;
    width:32px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    overflow:hidden;
    position:relative
}
.social-icon li a .fea-social{
    stroke-width:2
}
.social-icon li a:hover{
    background-color:#2f55d4;
    border-color:#2f55d4!important;
    color:#fff!important
}
.social-icon li a:hover .fea-social{
    fill:#2f55d4
}
.social-icon.social li a{
    color:#adb5bd;
    border-color:#adb5bd
}
.social-icon.foot-social-icon li a{
    color:#adb5bd;
    border-color:#283453
}
.back-to-top{
    position:fixed;
    z-index:99;
    bottom:30px;
    right:30px;
    display:none;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    height:36px;
    width:36px;
    line-height:33px;
    border-radius:6px;
    text-align:center;
    background:#2f55d4;
    color:#fff!important
}
.back-to-top .icons{
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.back-to-top:hover{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.back-to-top:hover .icons{
    -webkit-transform:rotate(-45deg)!important;
    transform:rotate(-45deg)!important
}
.back-to-home{
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:1
}
.sticky-bar{
    position:sticky;
    top:80px
}
.position-middle-bottom{
    position:absolute;
    bottom:15px;
    left:12px;
    right:12px;
    text-align:center
}
.text-color-white{
    color:#fff!important
}
.d-flex .flex-1{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.switcher-btn{
    position:fixed;
    top:200px;
    height:41px;
    width:40px;
    padding:3px;
    border-radius:0 30px 30px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.style-switcher .t-dark,.style-switcher .t-rtl-light{
    display:inline-block
}
.style-switcher .t-light,.style-switcher .t-ltr-dark,.style-switcher .t-ltr-light,.style-switcher .t-rtl-dark{
    display:none
}
@media only screen and (max-width:375px){
    .switcher-btn{
        display:none!important
    }
}
[dir=rtl] .style-switcher .t-rtl-light{
    display:none
}
[dir=rtl] .style-switcher .t-ltr-light{
    display:inline-block
}
/*# sourceMappingURL=style.min.css.map */