{"version":3,"sources":["custom/fonts/_fonts.scss","custom/structure/_general.scss","custom/structure/_topbar.scss","style-dark-green-rtl.css","custom/structure/_footer.scss","custom/components/_avatar.scss","custom/components/_accordion.scss","custom/components/_preloader.scss","custom/components/_forms.scss","custom/pages/_blog-job.scss","custom/pages/_contact.scss","custom/pages/_countdown.scss","custom/pages/_cta.scss","custom/pages/_features.scss","custom/pages/_home.scss","custom/pages/_price.scss","custom/pages/_team.scss","custom/pages/_testi.scss","style-dark-green.css","custom/pages/_user.scss","custom/pages/_work.scss","_variables-dark-green.scss","custom/pages/_helper.scss","custom/pages/_switcher.scss","custom/dark/_common.scss"],"names":[],"mappings":"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","file":"style-dark-green-rtl.min.css","sourcesContent":["//\r\n// Google font - Nunito\r\n//\r\n\r\n@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700&display=swap');","\r\nbody {\r\n    font-family: $font-family-secondary;\r\n    overflow-x: hidden !important;\r\n    font-size: $font-size-base;\r\n    color: $body-color;\r\n    background-color: $body-bg;\r\n}\r\nh1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {\r\n    font-family: $font-family-base;\r\n    line-height: 1.4;\r\n    font-weight: 600;\r\n}\r\n::selection {\r\n    background: rgba($primary, 0.9);\r\n    color: $white;\r\n}\r\na {\r\n    text-decoration: none !important;\r\n    transition: all 0.5s ease;\r\n}\r\np {\r\n    line-height: 1.6;\r\n}","//\r\n// menu.scss\r\n//\r\n\r\n/*********************************/\r\n/*         Menu                  */\r\n/*===============================*/\r\n\r\n#topnav {\r\n    position: fixed;\r\n    right: 0;\r\n    left: 0;\r\n    top: 0;\r\n    z-index: 999;\r\n    background-color: transparent;\r\n    border: 0;\r\n    transition: all .5s ease;\r\n    .logo {\r\n        float: left;\r\n        color: $dark !important;\r\n        .l-dark,\r\n        .logo-dark-mode {\r\n            display: none;\r\n        }\r\n        .l-light,\r\n        .logo-light-mode {\r\n            display: inline-block;\r\n        }\r\n        &:focus {\r\n            outline: none;\r\n        }\r\n    }\r\n    .has-submenu {\r\n        &.active {\r\n            a {\r\n                color: $white;\r\n            }\r\n            .submenu {\r\n                li.active > a{\r\n                    color: $primary !important;\r\n                }\r\n            }\r\n            &.active {\r\n                .menu-arrow{\r\n                    border-color: $primary;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    #navigation {\r\n        &.toggle-menu {\r\n            position: relative;\r\n            display: block;\r\n            top: 0;\r\n            border: none;\r\n            .toggle-menu-item {\r\n                display: block;\r\n                >li {\r\n                    float: none;\r\n                    margin: 0 16px !important;\r\n                    text-align: center;\r\n                    >a {\r\n                        padding: 16px 0;\r\n                        min-height: auto;\r\n                        font-size: 18px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .has-submenu {\r\n        position: relative;\r\n        .submenu {\r\n            position: relative;\r\n            .submenu-arrow {\r\n                border: solid $dark;\r\n                border-radius: 0.5px;\r\n                border-width: 0 2px 2px 0;\r\n                display: inline-block;\r\n                padding: 3px;\r\n                transform: rotate(-45deg);\r\n                position: absolute;\r\n                right: 20px;\r\n                top: 13px;\r\n            }\r\n            .has-submenu {\r\n                .submenu {\r\n                    .has-submenu {\r\n                        &:hover {\r\n                            .submenu-arrow {\r\n                                border-color: $primary;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n                &:hover {\r\n                    >.submenu-arrow {\r\n                        border-color: $primary;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .navbar-toggle {\r\n        border: 0;\r\n        position: relative;\r\n        padding: 0;\r\n        margin: 0;\r\n        cursor: pointer;\r\n        .lines {\r\n            width: 25px;\r\n            display: block;\r\n            position: relative;\r\n            margin: 30px 0 26px 10px;\r\n            height: 18px;\r\n        }\r\n        span {\r\n            height: 2px;\r\n            width: 100%;\r\n            background-color: $dark;\r\n            display: block;\r\n            margin-bottom: 5px;\r\n            transition: transform .5s ease;   \r\n            &:last-child {\r\n                margin-bottom: 0;\r\n            }\r\n        }\r\n    }\r\n    \r\n    //Buy button\r\n    .buy-button {\r\n        float: right;\r\n        line-height: 74px;\r\n        > li {\r\n            line-height: initial;\r\n        }\r\n        .login-btn-primary,\r\n        .btn-icon-dark {\r\n            display: none;\r\n        }\r\n        .login-btn-light,\r\n        .btn-icon-light {\r\n            display: inline-block;\r\n        }\r\n\r\n        .search-bar {\r\n            .menu-search {\r\n                form {\r\n                    position: relative;\r\n                }\r\n            }\r\n            .searchform {\r\n                input[type=\"text\"] {\r\n                    box-shadow: none;\r\n                    padding: 10px 12px;\r\n                    height: 44px;\r\n                    font-size: 14px;\r\n                    display: block;\r\n                    outline: none !important;\r\n                    padding-right: 45px;\r\n                }\r\n                input[type=\"submit\"] {\r\n                    display: none;\r\n                }\r\n                &:after {\r\n                    content: \"\\F0349\";\r\n                    position: absolute;\r\n                    font-family: \"Material Design Icons\";\r\n                    right: 14px;\r\n                    top: 14px;\r\n                    font-size: 20px;\r\n                    line-height: 20px;\r\n                    pointer-events: none;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .buy-button,\r\n    .buy-menu-btn {\r\n        .dropdown {\r\n            .dropdown-toggle {\r\n                &:after {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .navbar-toggle {\r\n        &.open {\r\n            span {\r\n                position: absolute;\r\n                &:first-child {\r\n                    top: 6px;\r\n                    transform: rotate(45deg);\r\n                }\r\n                &:nth-child(2) {\r\n                    visibility: hidden;\r\n                }\r\n                &:last-child {\r\n                    width: 100%;\r\n                    top: 6px;\r\n                    transform: rotate(-45deg);\r\n                }\r\n                &:hover {\r\n                    background-color: $primary;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .navbar-toggle {\r\n        &:hover, \r\n        &:focus,\r\n        .navigation-menu > li > a:hover, \r\n        &:focus {\r\n            background-color: transparent;\r\n        }\r\n    }\r\n  \r\n    .navigation-menu {\r\n        list-style: none;\r\n        margin: 0;\r\n        padding: 0;\r\n        > li {\r\n            float: left;\r\n            display: block;\r\n            position: relative;\r\n            margin: 0 10px;\r\n            &:hover > a,\r\n            &.active > a{\r\n                color: $primary !important;\r\n            }\r\n            > a {\r\n                display: block;\r\n                color: $dark;\r\n                font-size: 13px;\r\n                background-color: transparent !important;\r\n                font-weight: 700;\r\n                letter-spacing: 1px;\r\n                line-height: 24px;\r\n                text-transform: uppercase;\r\n                font-family: $font-family-base;\r\n                padding-left: 15px;\r\n                padding-right: 15px;\r\n                &:hover,\r\n                &:active{\r\n                    color: $primary;    \r\n                }\r\n            }\r\n            .submenu {\r\n                &.megamenu {\r\n                    li {\r\n                        .megamenu-head {\r\n                            padding: 10px 20px;\r\n                            white-space: nowrap;\r\n                            font-size: 12px;\r\n                            text-transform: uppercase;\r\n                            letter-spacing: 0.04em;\r\n                            font-weight: 700;\r\n                            color: $megamenu-head-text !important;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .has-submenu {\r\n            .menu-arrow {\r\n                border: solid $dark;\r\n                border-radius: 0.5px;\r\n                border-width: 0 2px 2px 0;\r\n                display: inline-block;\r\n                padding: 3px;\r\n                transform: rotate(45deg);\r\n                position: absolute;\r\n                transition: all 0.5s;\r\n                right: -1px;\r\n                top: 30px;\r\n            }\r\n            &:hover {\r\n                .menu-arrow {\r\n                    transform: rotate(225deg);\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .menu-extras {\r\n        float: right;\r\n    }\r\n    \r\n    &.scroll {\r\n        background-color: $white;\r\n        border: none;\r\n        box-shadow: $shadow;\r\n        .navigation-menu {\r\n            > li {\r\n                > a {\r\n                    color: $dark;\r\n                }\r\n                \r\n                > .menu-arrow {\r\n                    border-color: $dark;\r\n                }\r\n                &:hover, &.active {\r\n                    > a {\r\n                        color: $primary;\r\n                    }\r\n                    > .menu-arrow {\r\n                        border-color: $primary;\r\n                    }\r\n                } \r\n            } \r\n        }\r\n    }\r\n    \r\n    &.defaultscroll{\r\n        &.dark-menubar {\r\n            .logo {\r\n                line-height: 70px;\r\n            }\r\n        }\r\n        &.scroll {\r\n            .logo{\r\n                line-height: 62px;\r\n            }\r\n            &.dark-menubar {\r\n                .logo{\r\n                    line-height: 62px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    &.nav-sticky{\r\n        background: $nav-sticky-bg;\r\n        box-shadow: $shadow;\r\n        .navigation-menu {\r\n            &.nav-light {\r\n                > li {\r\n                    > a {\r\n                        color: $dark;\r\n                    }\r\n                    &.active {\r\n                        > a {\r\n                            color: $primary !important;\r\n                        }      \r\n                    }\r\n                    &:hover, \r\n                    &.active {\r\n                        > .menu-arrow {\r\n                            border-color: $primary !important;\r\n                        }\r\n                        > a {\r\n                            color: $primary !important;\r\n                        }\r\n                    }\r\n                } \r\n                .has-submenu {\r\n                    .menu-arrow {\r\n                        border-color: $dark; \r\n                    }\r\n                }\r\n            }\r\n        }\r\n        &.tagline-height {\r\n            top: 0 !important;\r\n        }\r\n        \r\n        .buy-button {\r\n            .login-btn-primary,\r\n            .btn-icon-dark {\r\n                display: inline-block;\r\n            }\r\n            .login-btn-light,\r\n            .btn-icon-light {\r\n                display: none;\r\n            }\r\n        }\r\n        .logo {\r\n            .l-dark {\r\n                display: inline-block;\r\n            }\r\n            .l-light {\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n.logo {\r\n    font-weight: 700;\r\n    font-size: 24px;\r\n    margin-right: 15px;\r\n    padding: 0 0 6px;\r\n    letter-spacing: 1px;\r\n    line-height: 68px;\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n    #topnav {\r\n        .navigation-menu {\r\n            > li {\r\n                .submenu {\r\n                    &.megamenu {\r\n                        width: 1116px !important;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 1024px) and (min-width: 992px) {\r\n    #topnav {\r\n        .navigation-menu {\r\n            > li {\r\n                .submenu {\r\n                    &.megamenu {\r\n                        width: 936px !important;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    #topnav {\r\n        .navigation-menu {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            > .has-submenu {\r\n                &:hover {\r\n                    .menu-arrow {\r\n                        top: 33px !important;\r\n                    }\r\n                }\r\n                &.active {\r\n                    .menu-arrow {\r\n                        top: 30px;\r\n                    }\r\n                }\r\n            } \r\n            > li {\r\n                .submenu {\r\n                    position: absolute;\r\n                    top: 100%;\r\n                    left: 0;\r\n                    z-index: 1000;\r\n                    padding: 15px 0;\r\n                    list-style: none;\r\n                    min-width: 180px;\r\n                    visibility: hidden;\r\n                    opacity: 0;\r\n                    margin-top: 10px;\r\n                    transition: all .2s ease;\r\n                    border-radius: 6px;\r\n                    background-color: $submenu-bg;\r\n                    box-shadow: $shadow;\r\n                    li {\r\n                        position: relative;\r\n                        a {\r\n                            display: block;\r\n                            padding: 10px 20px;\r\n                            clear: both;\r\n                            white-space: nowrap;\r\n                            font-size: 11px;\r\n                            text-transform: uppercase;\r\n                            letter-spacing: 0.04em;\r\n                            font-weight: 700;\r\n                            color: $dark !important;\r\n                            transition: all 0.3s;\r\n                            &:hover {\r\n                                color: $primary !important;\r\n                            }\r\n                        }\r\n                        ul {\r\n                            list-style: none;\r\n                            padding-left: 0;\r\n                            margin: 0;\r\n                        }\r\n                    }\r\n                    &.megamenu {\r\n                        white-space: nowrap;\r\n                        left: 50%;\r\n                        transform: translateX(-50%);\r\n                        position: fixed;\r\n                        top: auto;\r\n                        display: flex;\r\n                        > li {\r\n                            overflow: hidden;\r\n                            vertical-align: top;\r\n                            width: 20%;\r\n                            .submenu {\r\n                                left: 100%;\r\n                                top: 0;\r\n                                margin-left: 10px;\r\n                                margin-top: -1px;\r\n                            }\r\n                        }\r\n                        // li {\r\n                        //     .megamenu-head {\r\n                        //         padding: 10px 20px;\r\n                        //         white-space: nowrap;\r\n                        //         font-size: 11px;\r\n                        //         text-transform: uppercase;\r\n                        //         letter-spacing: 0.04em;\r\n                        //         font-weight: 700;\r\n                        //         color: $dark !important;\r\n                        //     }\r\n                        // }\r\n                    }\r\n                    > li {\r\n                        .submenu {\r\n                            left: 101%;\r\n                            top: 0;\r\n                            margin-left: 10px;\r\n                            margin-top: -1px;\r\n                        }\r\n                    }\r\n                }\r\n                > a {\r\n                    padding-top: 25px;\r\n                    padding-bottom: 25px;\r\n                    min-height: 62px;\r\n                }\r\n                &:hover {\r\n                    > .menu-arrow {\r\n                        border-color: $primary;\r\n                    }\r\n                }\r\n                &:hover > a,\r\n                &.active > a{\r\n                    color: $primary !important;\r\n                }\r\n                \r\n                &.last-elements {\r\n                    .submenu {\r\n                        left: auto;\r\n                        right: 0;\r\n                        &:before {\r\n                            left: auto;\r\n                            right: 10px;\r\n                        }\r\n                        > li.has-submenu .submenu {\r\n                            left: auto;\r\n                            right: 100%;\r\n                            margin-left: 0;\r\n                            margin-right: 10px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            &.nav-light {\r\n                > li {\r\n                    > a {\r\n                        color: rgba($white, 0.5);\r\n                    }   \r\n                    &.active {\r\n                        > a {\r\n                            color: $white !important;\r\n                        }      \r\n                    }           \r\n                    &:hover {\r\n                        > .menu-arrow {\r\n                            border-color: $white !important;\r\n                        }\r\n                        > a {\r\n                            color: $white !important;\r\n                        }\r\n                    }\r\n                } \r\n                .has-submenu {\r\n                    .menu-arrow {\r\n                        border-color: rgba($white, 0.5);\r\n                    }\r\n                    &.active {\r\n                        .menu-arrow{\r\n                            border-color: $white !important;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            &.nav-right {\r\n                justify-content: flex-end !important;\r\n            }\r\n\r\n            &.nav-left {\r\n                justify-content: flex-start !important;\r\n                > li {\r\n                    &.last-elements {\r\n                        .submenu {\r\n                            left: 0 !important;\r\n                            right: auto !important;\r\n                            &:before {\r\n                                left: 45px !important;\r\n                                right: auto !important;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }  \r\n        .buy-button {\r\n            padding-left: 15px;\r\n            margin-left: 15px;\r\n        }      \r\n        .navbar-toggle {\r\n            display: none;\r\n        }\r\n        #navigation {\r\n            display: block!important;\r\n        }\r\n        &.scroll {\r\n            top: 0;\r\n            .navigation-menu {\r\n                > li {\r\n                    > a {\r\n                        padding-top: 20px;\r\n                        padding-bottom: 20px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        &.scroll-active {\r\n            .navigation-menu {\r\n                > li {\r\n                    > a {\r\n                        padding-top: 25px;\r\n                        padding-bottom: 25px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n  \r\n@media (max-width: 991px) {\r\n    #topnav {\r\n        background-color: $topnav-bg;\r\n        box-shadow: $shadow;\r\n        min-height: 74px;\r\n        .logo {\r\n            .l-dark {\r\n                display: inline-block !important;\r\n            }\r\n            .l-light {\r\n                display: none !important;\r\n            }\r\n        }\r\n        .container {\r\n            width: auto;\r\n        }\r\n\r\n        #navigation{\r\n            max-height: 400px;\r\n        }\r\n        .navigation-menu {\r\n            float: none;\r\n            > li {\r\n                float: none;\r\n                .submenu {\r\n                    display: none;\r\n                    list-style: none;\r\n                    padding-left: 20px;\r\n                    margin: 0;\r\n                    li {\r\n                        a {\r\n                            display: block;\r\n                            position: relative;\r\n                            padding: 7px 15px;\r\n                            text-transform: uppercase;\r\n                            font-size: 11px;\r\n                            letter-spacing: 0.04em;\r\n                            font-weight: 700;\r\n                            color: $dark !important;\r\n                            transition: all 0.3s;\r\n                        }\r\n                    }\r\n                    &.megamenu {\r\n                        li {\r\n                            .megamenu-head {\r\n                                padding: 7px 15px;\r\n                            }\r\n                        }\r\n                    }\r\n                    &.open {\r\n                        display: block;\r\n                    }\r\n                    .submenu {\r\n                        display: none;\r\n                        list-style: none;\r\n                        &.open {\r\n                            display: block;\r\n                        }\r\n                    }\r\n                    &.megamenu {\r\n                        > li {\r\n                            > ul {\r\n                                list-style: none;\r\n                                padding-left: 0;\r\n                                > li {\r\n                                    > span {\r\n                                        display: block;\r\n                                        position: relative;\r\n                                        padding: 10px 15px;\r\n                                        text-transform: uppercase;\r\n                                        font-size: 12px;\r\n                                        letter-spacing: 2px;\r\n                                        color: $muted;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n                > a {\r\n                    color: $dark;\r\n                    padding: 10px 20px;\r\n                    &:after {\r\n                        position: absolute;\r\n                        right: 15px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .navigation-menu > li > a:hover,\r\n        .navigation-menu > li .submenu li a:hover,\r\n        .navigation-menu > li.has-submenu.open > a {\r\n            color: $primary;\r\n        }\r\n        .menu-extras .menu-item {\r\n            border-color: $muted;\r\n        }\r\n        .navbar-header {\r\n            float: left;\r\n        }\r\n        .buy-button {\r\n            .login-btn-primary,\r\n            .btn-icon-dark {\r\n                display: inline-block !important;\r\n            }\r\n            .login-btn-light,\r\n            .btn-icon-light {\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n    #topnav {\r\n        .has-submenu{\r\n            .submenu {\r\n                .submenu-arrow {\r\n                    transform: rotate(45deg);\r\n                    position: absolute;\r\n                    right: 20px;\r\n                    top: 12px;\r\n                }\r\n            }\r\n            &.active {\r\n                a {\r\n                    color: $primary;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    #navigation {\r\n        position: absolute;\r\n        top: 74px;\r\n        left: 0;\r\n        width: 100%;\r\n        display: none;\r\n        height: auto;\r\n        padding-bottom: 0;\r\n        overflow: auto;\r\n        border-top: 1px solid darken($light,2%);\r\n        border-bottom: 1px solid darken($light,2%);\r\n        background-color: $topnav-bg;\r\n        box-shadow: $shadow;\r\n        &.open {\r\n            display: block;\r\n            overflow-y: auto;\r\n        }\r\n    }\r\n}\r\n@media (max-width: 768px) {\r\n    #topnav {\r\n        .navigation-menu {\r\n            .has-submenu {\r\n                .menu-arrow {\r\n                    right: 8px;\r\n                    top: 16px;\r\n                }\r\n            }\r\n        }\r\n        // .buy-button {\r\n        //     padding: 3px 0;\r\n        // }\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    #topnav {\r\n        .navigation-menu {\r\n            > li{\r\n                &.has-submenu{\r\n                    &:hover {\r\n                        > .submenu {\r\n                            visibility: visible;\r\n                            opacity: 1;\r\n                            margin-top: 0;\r\n                            > li{\r\n                                &.has-submenu{\r\n                                    &:hover {\r\n                                        > .submenu {\r\n                                            visibility: visible;\r\n                                            opacity: 1;\r\n                                            margin-left: 0;\r\n                                            margin-right: 0;\r\n                                            > li{\r\n                                                &:hover {\r\n                                                    > .submenu {\r\n                                                        visibility: visible;\r\n                                                        opacity: 1;\r\n                                                        margin-left: 0;\r\n                                                        margin-right: 0;\r\n                                                    }\r\n                                                }\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .navbar-toggle {\r\n        display: block;\r\n    }\r\n}\r\n\r\n@media (max-width: 425px){\r\n    #topnav {\r\n        // .buy-button {\r\n        //     .button {\r\n        //         display: none;\r\n        //     }\r\n        // }\r\n        .buy-menu-btn {\r\n            display: block !important;\r\n            margin: 0 10px;\r\n            padding: 10px 20px;\r\n            .dropdown {\r\n                .dropdown-menu {\r\n                    &.show {\r\n                        transform: translate3d(0px, -54px, 0px) !important;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n//Tagline\r\n.tagline {\r\n    position: absolute;\r\n    width: 100%;\r\n    z-index: 99;\r\n    font-size: 14px;\r\n    padding: 13px 0;\r\n    @media screen and (max-width: 575px) {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.tagline-height {\r\n    @media screen and (max-width: 575px) {\r\n        top: 0px !important;\r\n    }\r\n\r\n    @media (min-width: 576px) {\r\n        top: 47px !important;\r\n    }\r\n}\r\n\r\n//Sidebar-nav \r\n.sidebar-nav{\r\n    > .navbar-item {\r\n        padding: 5px 0;\r\n        .navbar-link {\r\n            color: $dark !important;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            .navbar-icon {\r\n                font-size: 18px;\r\n                margin-right: 6px;\r\n            }\r\n        }\r\n        &:hover,\r\n        &.active {\r\n            .navbar-link {\r\n                color: $primary !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n#navmenu-nav {\r\n    li {\r\n        &.active {\r\n            a {\r\n                color: $primary !important;\r\n            }\r\n        }\r\n        &.account-menu {\r\n            &.active,\r\n            &:hover {\r\n                .navbar-link {\r\n                    color: $white !important;\r\n                    background-color: $primary !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.navbar-white-bg {\r\n    background-color: $navbar-white-bg !important;\r\n}","/*  Template Name: Landrick - Bootstrap 5 Multipurpose App, Saas & Software Landing & Admin Dashboard Template\n    Author: Shreethemes\n    E-mail: support@shreethemes.in\n    Created: August 2019\n    Version: 4.8.0\n    File: Main Css File\n*/\n@import url(\"https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700&display=swap\");\nbody {\n  font-family: \"Nunito\", sans-serif;\n  overflow-x: hidden !important;\n  font-size: 1rem;\n  color: #f8f9fa;\n  background-color: #1c2836;\n}\n\nh1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {\n  font-family: var(--bs-font-sans-serif);\n  line-height: 1.4;\n  font-weight: 600;\n}\n\n::-moz-selection {\n  background: rgba(22, 163, 74, 0.9);\n  color: #ffffff;\n}\n\n::selection {\n  background: rgba(22, 163, 74, 0.9);\n  color: #ffffff;\n}\n\na {\n  text-decoration: none !important;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n\np {\n  line-height: 1.6;\n}\n\n/*********************************/\n/*         Menu                  */\n/*===============================*/\n#topnav {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 0;\n  z-index: 999;\n  background-color: transparent;\n  border: 0;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n#topnav .logo {\n  float: right;\n  color: #f8f9fa !important;\n}\n#topnav .logo .l-dark,\n#topnav .logo .logo-dark-mode {\n  display: none;\n}\n#topnav .logo .l-light,\n#topnav .logo .logo-light-mode {\n  display: inline-block;\n}\n#topnav .logo:focus {\n  outline: none;\n}\n#topnav .has-submenu.active a {\n  color: #ffffff;\n}\n#topnav .has-submenu.active .submenu li.active > a {\n  color: #16a34a !important;\n}\n#topnav .has-submenu.active.active .menu-arrow {\n  border-color: #16a34a;\n}\n#topnav #navigation.toggle-menu {\n  position: relative;\n  display: block;\n  top: 0;\n  border: none;\n}\n#topnav #navigation.toggle-menu .toggle-menu-item {\n  display: block;\n}\n#topnav #navigation.toggle-menu .toggle-menu-item > li {\n  float: none;\n  margin: 0 16px !important;\n  text-align: center;\n}\n#topnav #navigation.toggle-menu .toggle-menu-item > li > a {\n  padding: 16px 0;\n  min-height: auto;\n  font-size: 18px;\n}\n#topnav .has-submenu {\n  position: relative;\n}\n#topnav .has-submenu .submenu {\n  position: relative;\n}\n#topnav .has-submenu .submenu .submenu-arrow {\n  border: solid #f8f9fa;\n  border-radius: 0.5px;\n  border-width: 0 0 2px 2px;\n  display: inline-block;\n  padding: 3px;\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n  position: absolute;\n  left: 20px;\n  top: 13px;\n}\n#topnav .has-submenu .submenu .has-submenu .submenu .has-submenu:hover .submenu-arrow {\n  border-color: #16a34a;\n}\n#topnav .has-submenu .submenu .has-submenu:hover > .submenu-arrow {\n  border-color: #16a34a;\n}\n#topnav .navbar-toggle {\n  border: 0;\n  position: relative;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n}\n#topnav .navbar-toggle .lines {\n  width: 25px;\n  display: block;\n  position: relative;\n  margin: 30px 10px 26px 0;\n  height: 18px;\n}\n#topnav .navbar-toggle span {\n  height: 2px;\n  width: 100%;\n  background-color: #f8f9fa;\n  display: block;\n  margin-bottom: 5px;\n  -webkit-transition: -webkit-transform 0.5s ease;\n  transition: -webkit-transform 0.5s ease;\n  transition: transform 0.5s ease;\n  transition: transform 0.5s ease, -webkit-transform 0.5s ease;\n}\n#topnav .navbar-toggle span:last-child {\n  margin-bottom: 0;\n}\n#topnav .buy-button {\n  float: left;\n  line-height: 74px;\n}\n#topnav .buy-button > li {\n  line-height: initial;\n}\n#topnav .buy-button .login-btn-primary,\n#topnav .buy-button .btn-icon-dark {\n  display: none;\n}\n#topnav .buy-button .login-btn-light,\n#topnav .buy-button .btn-icon-light {\n  display: inline-block;\n}\n#topnav .buy-button .search-bar .menu-search form {\n  position: relative;\n}\n#topnav .buy-button .search-bar .searchform input[type=text] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  padding: 10px 12px;\n  height: 44px;\n  font-size: 14px;\n  display: block;\n  outline: none !important;\n  padding-left: 45px;\n}\n#topnav .buy-button .search-bar .searchform input[type=submit] {\n  display: none;\n}\n#topnav .buy-button .search-bar .searchform:after {\n  content: \"\\f0349\";\n  position: absolute;\n  font-family: \"Material Design Icons\";\n  left: 14px;\n  top: 14px;\n  font-size: 20px;\n  line-height: 20px;\n  pointer-events: none;\n}\n#topnav .buy-button .dropdown .dropdown-toggle:after,\n#topnav .buy-menu-btn .dropdown .dropdown-toggle:after {\n  display: none;\n}\n#topnav .navbar-toggle.open span {\n  position: absolute;\n}\n#topnav .navbar-toggle.open span:first-child {\n  top: 6px;\n  -webkit-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n}\n#topnav .navbar-toggle.open span:nth-child(2) {\n  visibility: hidden;\n}\n#topnav .navbar-toggle.open span:last-child {\n  width: 100%;\n  top: 6px;\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n}\n#topnav .navbar-toggle.open span:hover {\n  background-color: #16a34a;\n}\n#topnav .navbar-toggle:hover, #topnav .navbar-toggle:focus,\n#topnav .navbar-toggle .navigation-menu > li > a:hover, #topnav .navbar-toggle:focus {\n  background-color: transparent;\n}\n#topnav .navigation-menu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n#topnav .navigation-menu > li {\n  float: right;\n  display: block;\n  position: relative;\n  margin: 0 10px;\n}\n#topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a {\n  color: #16a34a !important;\n}\n#topnav .navigation-menu > li > a {\n  display: block;\n  color: #f8f9fa;\n  font-size: 13px;\n  background-color: transparent !important;\n  font-weight: 700;\n  letter-spacing: 1px;\n  line-height: 24px;\n  text-transform: uppercase;\n  font-family: var(--bs-font-sans-serif);\n  padding-right: 15px;\n  padding-left: 15px;\n}\n#topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active {\n  color: #16a34a;\n}\n#topnav .navigation-menu > li .submenu.megamenu li .megamenu-head {\n  padding: 10px 20px;\n  white-space: nowrap;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  font-weight: 700;\n  color: #fff !important;\n}\n#topnav .navigation-menu .has-submenu .menu-arrow {\n  border: solid #f8f9fa;\n  border-radius: 0.5px;\n  border-width: 0 0 2px 2px;\n  display: inline-block;\n  padding: 3px;\n  -webkit-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n  position: absolute;\n  -webkit-transition: all 0.5s;\n  transition: all 0.5s;\n  left: -1px;\n  top: 30px;\n}\n#topnav .navigation-menu .has-submenu:hover .menu-arrow {\n  -webkit-transform: rotate(-225deg);\n          transform: rotate(-225deg);\n}\n#topnav .menu-extras {\n  float: left;\n}\n#topnav.scroll {\n  background-color: #ffffff;\n  border: none;\n  -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n          box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n#topnav.scroll .navigation-menu > li > a {\n  color: #f8f9fa;\n}\n#topnav.scroll .navigation-menu > li > .menu-arrow {\n  border-color: #f8f9fa;\n}\n#topnav.scroll .navigation-menu > li:hover > a, #topnav.scroll .navigation-menu > li.active > a {\n  color: #16a34a;\n}\n#topnav.scroll .navigation-menu > li:hover > .menu-arrow, #topnav.scroll .navigation-menu > li.active > .menu-arrow {\n  border-color: #16a34a;\n}\n#topnav.defaultscroll.dark-menubar .logo {\n  line-height: 70px;\n}\n#topnav.defaultscroll.scroll .logo {\n  line-height: 62px;\n}\n#topnav.defaultscroll.scroll.dark-menubar .logo {\n  line-height: 62px;\n}\n#topnav.nav-sticky {\n  background: #1c2836;\n  -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n          box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n#topnav.nav-sticky .navigation-menu.nav-light > li > a {\n  color: #f8f9fa;\n}\n#topnav.nav-sticky .navigation-menu.nav-light > li.active > a {\n  color: #16a34a !important;\n}\n#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow, #topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow {\n  border-color: #16a34a !important;\n}\n#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a {\n  color: #16a34a !important;\n}\n#topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow {\n  border-color: #f8f9fa;\n}\n#topnav.nav-sticky.tagline-height {\n  top: 0 !important;\n}\n#topnav.nav-sticky .buy-button .login-btn-primary,\n#topnav.nav-sticky .buy-button .btn-icon-dark {\n  display: inline-block;\n}\n#topnav.nav-sticky .buy-button .login-btn-light,\n#topnav.nav-sticky .buy-button .btn-icon-light {\n  display: none;\n}\n#topnav.nav-sticky .logo .l-dark {\n  display: inline-block;\n}\n#topnav.nav-sticky .logo .l-light {\n  display: none;\n}\n\n.logo {\n  font-weight: 700;\n  font-size: 24px;\n  margin-left: 15px;\n  padding: 0 0 6px;\n  letter-spacing: 1px;\n  line-height: 68px;\n}\n\n@media (min-width: 1025px) {\n  #topnav .navigation-menu > li .submenu.megamenu {\n    width: 1116px !important;\n  }\n}\n@media screen and (max-width: 1024px) and (min-width: 992px) {\n  #topnav .navigation-menu > li .submenu.megamenu {\n    width: 936px !important;\n  }\n}\n@media (min-width: 992px) {\n  #topnav .navigation-menu {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n  }\n  #topnav .navigation-menu > .has-submenu:hover .menu-arrow {\n    top: 33px !important;\n  }\n  #topnav .navigation-menu > .has-submenu.active .menu-arrow {\n    top: 30px;\n  }\n  #topnav .navigation-menu > li .submenu {\n    position: absolute;\n    top: 100%;\n    right: 0;\n    z-index: 1000;\n    padding: 15px 0;\n    list-style: none;\n    min-width: 180px;\n    visibility: hidden;\n    opacity: 0;\n    margin-top: 10px;\n    -webkit-transition: all 0.2s ease;\n    transition: all 0.2s ease;\n    border-radius: 6px;\n    background-color: #1c2836;\n    -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n            box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n  }\n  #topnav .navigation-menu > li .submenu li {\n    position: relative;\n  }\n  #topnav .navigation-menu > li .submenu li a {\n    display: block;\n    padding: 10px 20px;\n    clear: both;\n    white-space: nowrap;\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    font-weight: 700;\n    color: #f8f9fa !important;\n    -webkit-transition: all 0.3s;\n    transition: all 0.3s;\n  }\n  #topnav .navigation-menu > li .submenu li a:hover {\n    color: #16a34a !important;\n  }\n  #topnav .navigation-menu > li .submenu li ul {\n    list-style: none;\n    padding-right: 0;\n    margin: 0;\n  }\n  #topnav .navigation-menu > li .submenu.megamenu {\n    white-space: nowrap;\n    right: 50%;\n    -webkit-transform: translateX(50%);\n            transform: translateX(50%);\n    position: fixed;\n    top: auto;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n  }\n  #topnav .navigation-menu > li .submenu.megamenu > li {\n    overflow: hidden;\n    vertical-align: top;\n    width: 20%;\n  }\n  #topnav .navigation-menu > li .submenu.megamenu > li .submenu {\n    right: 100%;\n    top: 0;\n    margin-right: 10px;\n    margin-top: -1px;\n  }\n  #topnav .navigation-menu > li .submenu > li .submenu {\n    right: 101%;\n    top: 0;\n    margin-right: 10px;\n    margin-top: -1px;\n  }\n  #topnav .navigation-menu > li > a {\n    padding-top: 25px;\n    padding-bottom: 25px;\n    min-height: 62px;\n  }\n  #topnav .navigation-menu > li:hover > .menu-arrow {\n    border-color: #16a34a;\n  }\n  #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a {\n    color: #16a34a !important;\n  }\n  #topnav .navigation-menu > li.last-elements .submenu {\n    right: auto;\n    left: 0;\n  }\n  #topnav .navigation-menu > li.last-elements .submenu:before {\n    right: auto;\n    left: 10px;\n  }\n  #topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu {\n    right: auto;\n    left: 100%;\n    margin-right: 0;\n    margin-left: 10px;\n  }\n  #topnav .navigation-menu.nav-light > li > a {\n    color: rgba(255, 255, 255, 0.5);\n  }\n  #topnav .navigation-menu.nav-light > li.active > a {\n    color: #ffffff !important;\n  }\n  #topnav .navigation-menu.nav-light > li:hover > .menu-arrow {\n    border-color: #ffffff !important;\n  }\n  #topnav .navigation-menu.nav-light > li:hover > a {\n    color: #ffffff !important;\n  }\n  #topnav .navigation-menu.nav-light .has-submenu .menu-arrow {\n    border-color: rgba(255, 255, 255, 0.5);\n  }\n  #topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow {\n    border-color: #ffffff !important;\n  }\n  #topnav .navigation-menu.nav-right {\n    -webkit-box-pack: end !important;\n        -ms-flex-pack: end !important;\n            justify-content: flex-end !important;\n  }\n  #topnav .navigation-menu.nav-left {\n    -webkit-box-pack: start !important;\n        -ms-flex-pack: start !important;\n            justify-content: flex-start !important;\n  }\n  #topnav .navigation-menu.nav-left > li.last-elements .submenu {\n    right: 0 !important;\n    left: auto !important;\n  }\n  #topnav .navigation-menu.nav-left > li.last-elements .submenu:before {\n    right: 45px !important;\n    left: auto !important;\n  }\n  #topnav .buy-button {\n    padding-right: 15px;\n    margin-right: 15px;\n  }\n  #topnav .navbar-toggle {\n    display: none;\n  }\n  #topnav #navigation {\n    display: block !important;\n  }\n  #topnav.scroll {\n    top: 0;\n  }\n  #topnav.scroll .navigation-menu > li > a {\n    padding-top: 20px;\n    padding-bottom: 20px;\n  }\n  #topnav.scroll-active .navigation-menu > li > a {\n    padding-top: 25px;\n    padding-bottom: 25px;\n  }\n}\n@media (max-width: 991px) {\n  #topnav {\n    background-color: #1c2836;\n    -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n            box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n    min-height: 74px;\n  }\n  #topnav .logo .l-dark {\n    display: inline-block !important;\n  }\n  #topnav .logo .l-light {\n    display: none !important;\n  }\n  #topnav .container {\n    width: auto;\n  }\n  #topnav #navigation {\n    max-height: 400px;\n  }\n  #topnav .navigation-menu {\n    float: none;\n  }\n  #topnav .navigation-menu > li {\n    float: none;\n  }\n  #topnav .navigation-menu > li .submenu {\n    display: none;\n    list-style: none;\n    padding-right: 20px;\n    margin: 0;\n  }\n  #topnav .navigation-menu > li .submenu li a {\n    display: block;\n    position: relative;\n    padding: 7px 15px;\n    text-transform: uppercase;\n    font-size: 11px;\n    letter-spacing: 0.04em;\n    font-weight: 700;\n    color: #f8f9fa !important;\n    -webkit-transition: all 0.3s;\n    transition: all 0.3s;\n  }\n  #topnav .navigation-menu > li .submenu.megamenu li .megamenu-head {\n    padding: 7px 15px;\n  }\n  #topnav .navigation-menu > li .submenu.open {\n    display: block;\n  }\n  #topnav .navigation-menu > li .submenu .submenu {\n    display: none;\n    list-style: none;\n  }\n  #topnav .navigation-menu > li .submenu .submenu.open {\n    display: block;\n  }\n  #topnav .navigation-menu > li .submenu.megamenu > li > ul {\n    list-style: none;\n    padding-right: 0;\n  }\n  #topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span {\n    display: block;\n    position: relative;\n    padding: 10px 15px;\n    text-transform: uppercase;\n    font-size: 12px;\n    letter-spacing: 2px;\n    color: #9bacc4;\n  }\n  #topnav .navigation-menu > li > a {\n    color: #f8f9fa;\n    padding: 10px 20px;\n  }\n  #topnav .navigation-menu > li > a:after {\n    position: absolute;\n    left: 15px;\n  }\n  #topnav .navigation-menu > li > a:hover,\n  #topnav .navigation-menu > li .submenu li a:hover,\n  #topnav .navigation-menu > li.has-submenu.open > a {\n    color: #16a34a;\n  }\n  #topnav .menu-extras .menu-item {\n    border-color: #9bacc4;\n  }\n  #topnav .navbar-header {\n    float: right;\n  }\n  #topnav .buy-button .login-btn-primary,\n  #topnav .buy-button .btn-icon-dark {\n    display: inline-block !important;\n  }\n  #topnav .buy-button .login-btn-light,\n  #topnav .buy-button .btn-icon-light {\n    display: none;\n  }\n  #topnav .has-submenu .submenu .submenu-arrow {\n    -webkit-transform: rotate(-45deg);\n            transform: rotate(-45deg);\n    position: absolute;\n    left: 20px;\n    top: 12px;\n  }\n  #topnav .has-submenu.active a {\n    color: #16a34a;\n  }\n  #navigation {\n    position: absolute;\n    top: 74px;\n    right: 0;\n    width: 100%;\n    display: none;\n    height: auto;\n    padding-bottom: 0;\n    overflow: auto;\n    border-top: 1px solid #1c2836;\n    border-bottom: 1px solid #1c2836;\n    background-color: #1c2836;\n    -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n            box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n  }\n  #navigation.open {\n    display: block;\n    overflow-y: auto;\n  }\n}\n@media (max-width: 768px) {\n  #topnav .navigation-menu .has-submenu .menu-arrow {\n    left: 8px;\n    top: 16px;\n  }\n}\n@media (min-width: 768px) {\n  #topnav .navigation-menu > li.has-submenu:hover > .submenu {\n    visibility: visible;\n    opacity: 1;\n    margin-top: 0;\n  }\n  #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu {\n    visibility: visible;\n    opacity: 1;\n    margin-right: 0;\n    margin-left: 0;\n  }\n  #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu > li:hover > .submenu {\n    visibility: visible;\n    opacity: 1;\n    margin-right: 0;\n    margin-left: 0;\n  }\n  .navbar-toggle {\n    display: block;\n  }\n}\n@media (max-width: 425px) {\n  #topnav .buy-menu-btn {\n    display: block !important;\n    margin: 0 10px;\n    padding: 10px 20px;\n  }\n  #topnav .buy-menu-btn .dropdown .dropdown-menu.show {\n    -webkit-transform: translate3d(0px, -54px, 0px) !important;\n            transform: translate3d(0px, -54px, 0px) !important;\n  }\n}\n.tagline {\n  position: absolute;\n  width: 100%;\n  z-index: 99;\n  font-size: 14px;\n  padding: 13px 0;\n}\n@media screen and (max-width: 575px) {\n  .tagline {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 575px) {\n  .tagline-height {\n    top: 0px !important;\n  }\n}\n@media (min-width: 576px) {\n  .tagline-height {\n    top: 47px !important;\n  }\n}\n\n.sidebar-nav > .navbar-item {\n  padding: 5px 0;\n}\n.sidebar-nav > .navbar-item .navbar-link {\n  color: #f8f9fa !important;\n  font-size: 15px;\n  font-weight: 600;\n}\n.sidebar-nav > .navbar-item .navbar-link .navbar-icon {\n  font-size: 18px;\n  margin-left: 6px;\n}\n.sidebar-nav > .navbar-item:hover .navbar-link, .sidebar-nav > .navbar-item.active .navbar-link {\n  color: #16a34a !important;\n}\n\n#navmenu-nav li.active a {\n  color: #16a34a !important;\n}\n#navmenu-nav li.account-menu.active .navbar-link, #navmenu-nav li.account-menu:hover .navbar-link {\n  color: #ffffff !important;\n  background-color: #16a34a !important;\n}\n\n.navbar-white-bg {\n  background-color: #1c2836 !important;\n}\n\n/*********************************/\n/*         Footer                */\n/*===============================*/\n.footer {\n  background: #212f40;\n  position: relative;\n  color: #adb5bd;\n}\n.footer .footer-py-60 {\n  padding: 60px 0;\n}\n.footer .footer-py-30 {\n  padding: 30px 0;\n}\n.footer .logo-footer {\n  font-size: 22px;\n}\n.footer .logo-footer:focus {\n  outline: none;\n}\n.footer .footer-head {\n  letter-spacing: 1px;\n  font-weight: 500;\n  color: #fff;\n}\n.footer .foot-subscribe .form-control {\n  background-color: #253447;\n  border: 1px solid #253447;\n  color: #dee2e6 !important;\n}\n.footer .foot-subscribe .form-control:focus {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n.footer .foot-subscribe.foot-white .form-control {\n  color: #adb5bd;\n}\n.footer .foot-subscribe input::-webkit-input-placeholder {\n  color: #adb5bd;\n}\n.footer .foot-subscribe input::-moz-placeholder {\n  color: #adb5bd;\n}\n.footer .foot-subscribe input:-ms-input-placeholder {\n  color: #adb5bd;\n}\n.footer .foot-subscribe input::-ms-input-placeholder {\n  color: #adb5bd;\n}\n.footer .foot-subscribe input::placeholder {\n  color: #adb5bd;\n}\n.footer .text-foot {\n  color: #adb5bd;\n}\n.footer .footer-list {\n  margin-bottom: 0;\n}\n.footer .footer-list li {\n  margin-bottom: 10px;\n}\n.footer .footer-list li a {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.footer .footer-list li a:hover {\n  color: #e6e8ea;\n}\n.footer .footer-list li:last-child {\n  margin-bottom: 0;\n}\n.footer .footer-border,\n.footer .footer-bar {\n  border-top: 1px solid #2a3b51;\n}\n.footer .border {\n  border-color: #2a3b51 !important;\n}\n.footer.footer-light {\n  background: #1f2d3d;\n  color: #9bacc4;\n}\n.footer.footer-light .footer-head {\n  color: #f8f9fa;\n}\n.footer.footer-light .foot-subscribe .form-control {\n  background-color: #1f2d3d;\n  border: 1px solid #2a3c51;\n  color: #1f2d3d;\n}\n.footer.footer-light .foot-subscribe.foot-white .form-control {\n  color: #adb5bd;\n}\n.footer.footer-light .foot-subscribe input::-webkit-input-placeholder {\n  color: #adb5bd;\n}\n.footer.footer-light .foot-subscribe input::-moz-placeholder {\n  color: #adb5bd;\n}\n.footer.footer-light .foot-subscribe input:-ms-input-placeholder {\n  color: #adb5bd;\n}\n.footer.footer-light .foot-subscribe input::-ms-input-placeholder {\n  color: #adb5bd;\n}\n.footer.footer-light .foot-subscribe input::placeholder {\n  color: #adb5bd;\n}\n.footer.footer-light .border {\n  border-color: #2a3c51 !important;\n}\n.footer.footer-light .text-foot {\n  color: #9bacc4;\n}\n.footer.footer-light .footer-list li a:hover {\n  color: #dee2e6;\n}\n\n.avatar.avatar-coin, .avatar.avatar-sm-sm {\n  height: 36px !important;\n  width: 36px !important;\n}\n.avatar.avatar-ex-sm {\n  max-height: 25px !important;\n}\n.avatar.avatar-ex-small {\n  height: 36px !important;\n  width: 36px !important;\n}\n.avatar.avatar-md-sm {\n  height: 45px !important;\n  width: 45px !important;\n}\n.avatar.avatar-small {\n  height: 65px !important;\n  width: 65px !important;\n}\n.avatar.avatar-md-md {\n  height: 80px !important;\n  width: 80px !important;\n}\n.avatar.avatar-medium {\n  height: 110px !important;\n  width: 110px !important;\n}\n.avatar.avatar-large {\n  height: 140px !important;\n  width: 140px !important;\n}\n.avatar.avatar-ex-large {\n  height: 180px !important;\n  width: 180px !important;\n}\n\n.accordion .accordion-item {\n  overflow: hidden;\n  border: 0;\n  -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n          box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n.accordion .accordion-item .accordion-button {\n  font-weight: 600;\n  text-align: right;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  padding: 1rem 1.25rem 1rem 2.5rem;\n}\n.accordion .accordion-item .accordion-button:focus {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n.accordion .accordion-item .accordion-button:before {\n  content: \"\\f0143\";\n  display: block;\n  font-family: \"Material Design Icons\";\n  font-size: 16px;\n  color: #16a34a;\n  position: absolute;\n  left: 20px;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.accordion .accordion-item .accordion-button.collapsed {\n  background-color: #ffffff;\n  color: #f8f9fa !important;\n  -webkit-transition: all 0.5s;\n  transition: all 0.5s;\n}\n.accordion .accordion-item .accordion-button.collapsed:before {\n  top: 15px;\n  -webkit-transform: rotate(-180deg);\n          transform: rotate(-180deg);\n  color: #f8f9fa !important;\n}\n.accordion .accordion-item .accordion-button:not(.collapsed) {\n  color: #16a34a;\n}\n.accordion .accordion-item .accordion-button:after {\n  display: none;\n}\n\n#preloader {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background-image: linear-gradient(-45deg, #ffffff, #ffffff);\n  z-index: 9999999;\n}\n#preloader #status {\n  position: absolute;\n  right: 0;\n  left: 0;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n}\n#preloader #status .spinner {\n  width: 40px;\n  height: 40px;\n  position: relative;\n  margin: 100px auto;\n}\n#preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2 {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  background-color: #16a34a;\n  opacity: 0.6;\n  position: absolute;\n  top: 0;\n  right: 0;\n  -webkit-animation: sk-bounce 2s infinite ease-in-out;\n          animation: sk-bounce 2s infinite ease-in-out;\n}\n#preloader #status .spinner .double-bounce2 {\n  -webkit-animation-delay: -1s;\n          animation-delay: -1s;\n}\n\n@-webkit-keyframes sk-bounce {\n  0%, 100% {\n    -webkit-transform: scale(0);\n            transform: scale(0);\n  }\n  50% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n}\n\n@keyframes sk-bounce {\n  0%, 100% {\n    -webkit-transform: scale(0);\n            transform: scale(0);\n  }\n  50% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n}\n.form-label,\n.form-check-label {\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.form-control {\n  border: 1px solid #2a3c51;\n  font-size: 14px;\n  line-height: 26px;\n  border-radius: 6px;\n  color: #f8f9fa !important;\n  text-align: right;\n}\n.form-control:focus {\n  border-color: #16a34a;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n.form-control[readonly] {\n  background-color: #ffffff;\n}\n.form-control:disabled {\n  background-color: #495057;\n}\n.form-control::-webkit-input-placeholder {\n  color: #dee2e6;\n}\n.form-control::-moz-placeholder {\n  color: #dee2e6;\n}\n.form-control:-ms-input-placeholder {\n  color: #dee2e6;\n}\n.form-control::-ms-input-placeholder {\n  color: #dee2e6;\n}\n.form-control::placeholder {\n  color: #dee2e6;\n}\n\n.form-check-input {\n  border: 1px solid #2a3c51;\n  background-color: #1c2836;\n}\n.form-check-input:focus {\n  border-color: #16a34a;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n.form-check-input.form-check-input:checked {\n  background-color: #16a34a;\n  border-color: #16a34a;\n}\n\n.subcribe-form .btn {\n  padding: 10px 20px;\n}\n.subcribe-form input {\n  padding: 12px 20px;\n  width: 100%;\n  color: #f8f9fa !important;\n  border: none;\n  outline: none !important;\n  padding-left: 160px;\n  background-color: rgba(28, 40, 54, 0.8);\n  height: 50px;\n}\n.subcribe-form input::-webkit-input-placeholder {\n  color: #dee2e6;\n}\n.subcribe-form input::-moz-placeholder {\n  color: #dee2e6;\n}\n.subcribe-form input:-ms-input-placeholder {\n  color: #dee2e6;\n}\n.subcribe-form input::-ms-input-placeholder {\n  color: #dee2e6;\n}\n.subcribe-form input::placeholder {\n  color: #dee2e6;\n}\n.subcribe-form button {\n  position: absolute;\n  top: 2px;\n  left: 3px;\n  outline: none !important;\n}\n.subcribe-form form {\n  position: relative;\n  max-width: 600px;\n  margin: 0px auto;\n}\n\n/*********************************/\n/*         Blog & News           */\n/*===============================*/\n.blog.blog-primary .tag {\n  background: #16a34a !important;\n}\n.blog.blog-primary .title:hover,\n.blog.blog-primary .readmore:hover {\n  color: #16a34a !important;\n}\n.blog.blog-primary .link {\n  color: #16a34a !important;\n}\n\n.blog.blog-secondary .tag {\n  background: #ced4da !important;\n}\n.blog.blog-secondary .title:hover,\n.blog.blog-secondary .readmore:hover {\n  color: #ced4da !important;\n}\n.blog.blog-secondary .link {\n  color: #ced4da !important;\n}\n\n.blog.blog-success .tag {\n  background: #2eca8b !important;\n}\n.blog.blog-success .title:hover,\n.blog.blog-success .readmore:hover {\n  color: #2eca8b !important;\n}\n.blog.blog-success .link {\n  color: #2eca8b !important;\n}\n\n.blog.blog-info .tag {\n  background: #17a2b8 !important;\n}\n.blog.blog-info .title:hover,\n.blog.blog-info .readmore:hover {\n  color: #17a2b8 !important;\n}\n.blog.blog-info .link {\n  color: #17a2b8 !important;\n}\n\n.blog.blog-warning .tag {\n  background: #f17425 !important;\n}\n.blog.blog-warning .title:hover,\n.blog.blog-warning .readmore:hover {\n  color: #f17425 !important;\n}\n.blog.blog-warning .link {\n  color: #f17425 !important;\n}\n\n.blog.blog-danger .tag {\n  background: #e43f52 !important;\n}\n.blog.blog-danger .title:hover,\n.blog.blog-danger .readmore:hover {\n  color: #e43f52 !important;\n}\n.blog.blog-danger .link {\n  color: #e43f52 !important;\n}\n\n.blog.blog-light .tag {\n  background: #1f2d3d !important;\n}\n.blog.blog-light .title:hover,\n.blog.blog-light .readmore:hover {\n  color: #1f2d3d !important;\n}\n.blog.blog-light .link {\n  color: #1f2d3d !important;\n}\n\n.blog.blog-dark .tag {\n  background: #f8f9fa !important;\n}\n.blog.blog-dark .title:hover,\n.blog.blog-dark .readmore:hover {\n  color: #f8f9fa !important;\n}\n.blog.blog-dark .link {\n  color: #f8f9fa !important;\n}\n\n.blog.blog-footer .tag {\n  background: #212f40 !important;\n}\n.blog.blog-footer .title:hover,\n.blog.blog-footer .readmore:hover {\n  color: #212f40 !important;\n}\n.blog.blog-footer .link {\n  color: #212f40 !important;\n}\n\n.blog.blog-muted .tag {\n  background: #9bacc4 !important;\n}\n.blog.blog-muted .title:hover,\n.blog.blog-muted .readmore:hover {\n  color: #9bacc4 !important;\n}\n.blog.blog-muted .link {\n  color: #9bacc4 !important;\n}\n\n.blog {\n  -webkit-transition: all 0.3s ease;\n  transition: all 0.3s ease;\n}\n.blog .content h4 {\n  line-height: 1.2;\n}\n.blog .content .title {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.blog .content .post-meta .like, .blog .content .post-meta .comments, .blog .content .post-meta .readmore {\n  font-size: 15px;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.blog .content .post-meta .like:hover {\n  color: #e43f52 !important;\n}\n.blog .content .post-meta .comments:hover {\n  color: #2eca8b !important;\n}\n.blog .author,\n.blog .teacher,\n.blog .preview,\n.blog .course-fee {\n  position: absolute;\n  z-index: 1;\n  opacity: 0;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.blog .author {\n  top: 5%;\n  right: 5%;\n}\n.blog .author .user,\n.blog .author .date,\n.blog .author .profession,\n.blog .teacher .user,\n.blog .teacher .date,\n.blog .teacher .profession {\n  color: #ffffff;\n}\n.blog .teacher {\n  bottom: 6%;\n  right: 5%;\n}\n.blog .course-fee {\n  bottom: -5%;\n  left: 5%;\n  width: 50px;\n  height: 50px;\n}\n.blog .course-fee .fee {\n  line-height: 50px;\n}\n.blog.blog-detail:hover {\n  -webkit-transform: translateY(0px) !important;\n          transform: translateY(0px) !important;\n}\n.blog .overlay {\n  background: #161c2d;\n}\n.blog:hover {\n  -webkit-transform: translateY(-10px);\n          transform: translateY(-10px);\n}\n.blog:hover .overlay {\n  opacity: 0.6;\n}\n.blog:hover .author,\n.blog:hover .teacher,\n.blog:hover .preview,\n.blog:hover .course-fee {\n  opacity: 1;\n}\n.blog .blog-list-meta {\n  position: absolute;\n  bottom: 24px;\n}\n.blog .preview {\n  color: #ffffff !important;\n}\n\n.sidebar .widget .blog-categories li {\n  padding-bottom: 10px;\n}\n.sidebar .widget .blog-categories li:last-child {\n  padding-bottom: 0;\n}\n.sidebar .widget .blog-categories li a, .sidebar .widget .blog-categories li span {\n  font-size: 15px;\n}\n.sidebar .widget .blog-categories li a {\n  color: #f8f9fa;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.sidebar .widget .blog-categories li a:hover {\n  color: #16a34a;\n}\n.sidebar .widget .post-recent {\n  padding-bottom: 15px;\n}\n.sidebar .widget .post-recent:last-child {\n  padding-bottom: 0;\n}\n.sidebar .widget .post-recent .post-recent-thumb {\n  width: 25%;\n}\n.sidebar .widget .post-recent .post-recent-content {\n  width: 75%;\n  padding-right: 10px;\n}\n.sidebar .widget .post-recent .post-recent-content a {\n  display: block;\n  color: #f8f9fa;\n  font-size: 15px;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.sidebar .widget .post-recent .post-recent-content a:hover {\n  color: #16a34a;\n}\n.sidebar .widget .post-recent .post-recent-content span {\n  font-size: 13px;\n}\n\n.tagcloud > a {\n  background: #1f2d3d;\n  color: #f8f9fa;\n  display: inline-block;\n  font-size: 9px;\n  letter-spacing: 1px;\n  margin: 5px 0 5px 10px;\n  padding: 8px 12px 7px;\n  text-transform: uppercase;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n  font-weight: 600;\n}\n.tagcloud > a:hover {\n  background: #16a34a;\n  color: #ffffff;\n}\n\n.media-list .media .media-heading:hover {\n  color: #16a34a !important;\n}\n.media-list .sub-comment {\n  border-right: 2px dashed #2a3c51;\n}\n\n.blog .overlay,\n.job-box .job-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  opacity: 0;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n\n.job-box.job-primary .position a:hover {\n  color: #16a34a !important;\n}\n.job-box.job-primary .company-name:hover {\n  color: #16a34a !important;\n}\n.job-box.job-primary .title:hover,\n.job-box.job-primary .readmore:hover {\n  color: #16a34a !important;\n}\n.job-box.job-primary .icons {\n  color: #16a34a !important;\n}\n.job-box.job-primary.candidate-list .name:hover, .job-box.job-primary.company-list .name:hover {\n  color: #16a34a !important;\n}\n.job-box.job-primary .bg {\n  background-color: #16a34a !important;\n}\n.job-box.job-primary .bg-soft {\n  background-color: rgba(22, 163, 74, 0.1) !important;\n  border: 1px solid rgba(22, 163, 74, 0.1) !important;\n  color: #16a34a !important;\n}\n.job-box.job-primary .btn-soft {\n  background-color: rgba(22, 163, 74, 0.05) !important;\n  border: 1px solid rgba(22, 163, 74, 0.05) !important;\n  color: #16a34a !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(22, 163, 74, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(22, 163, 74, 0.1);\n}\n.job-box.job-primary .btn-soft:hover, .job-box.job-primary .btn-soft:focus, .job-box.job-primary .btn-soft:active, .job-box.job-primary .btn-soft.active, .job-box.job-primary .btn-soft.focus {\n  background-color: #16a34a !important;\n  border-color: #16a34a !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-secondary .position a:hover {\n  color: #ced4da !important;\n}\n.job-box.job-secondary .company-name:hover {\n  color: #ced4da !important;\n}\n.job-box.job-secondary .title:hover,\n.job-box.job-secondary .readmore:hover {\n  color: #ced4da !important;\n}\n.job-box.job-secondary .icons {\n  color: #ced4da !important;\n}\n.job-box.job-secondary.candidate-list .name:hover, .job-box.job-secondary.company-list .name:hover {\n  color: #ced4da !important;\n}\n.job-box.job-secondary .bg {\n  background-color: #ced4da !important;\n}\n.job-box.job-secondary .bg-soft {\n  background-color: rgba(206, 212, 218, 0.1) !important;\n  border: 1px solid rgba(206, 212, 218, 0.1) !important;\n  color: #ced4da !important;\n}\n.job-box.job-secondary .btn-soft {\n  background-color: rgba(206, 212, 218, 0.05) !important;\n  border: 1px solid rgba(206, 212, 218, 0.05) !important;\n  color: #ced4da !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(206, 212, 218, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(206, 212, 218, 0.1);\n}\n.job-box.job-secondary .btn-soft:hover, .job-box.job-secondary .btn-soft:focus, .job-box.job-secondary .btn-soft:active, .job-box.job-secondary .btn-soft.active, .job-box.job-secondary .btn-soft.focus {\n  background-color: #ced4da !important;\n  border-color: #ced4da !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-success .position a:hover {\n  color: #2eca8b !important;\n}\n.job-box.job-success .company-name:hover {\n  color: #2eca8b !important;\n}\n.job-box.job-success .title:hover,\n.job-box.job-success .readmore:hover {\n  color: #2eca8b !important;\n}\n.job-box.job-success .icons {\n  color: #2eca8b !important;\n}\n.job-box.job-success.candidate-list .name:hover, .job-box.job-success.company-list .name:hover {\n  color: #2eca8b !important;\n}\n.job-box.job-success .bg {\n  background-color: #2eca8b !important;\n}\n.job-box.job-success .bg-soft {\n  background-color: rgba(46, 202, 139, 0.1) !important;\n  border: 1px solid rgba(46, 202, 139, 0.1) !important;\n  color: #2eca8b !important;\n}\n.job-box.job-success .btn-soft {\n  background-color: rgba(46, 202, 139, 0.05) !important;\n  border: 1px solid rgba(46, 202, 139, 0.05) !important;\n  color: #2eca8b !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.1);\n}\n.job-box.job-success .btn-soft:hover, .job-box.job-success .btn-soft:focus, .job-box.job-success .btn-soft:active, .job-box.job-success .btn-soft.active, .job-box.job-success .btn-soft.focus {\n  background-color: #2eca8b !important;\n  border-color: #2eca8b !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-info .position a:hover {\n  color: #17a2b8 !important;\n}\n.job-box.job-info .company-name:hover {\n  color: #17a2b8 !important;\n}\n.job-box.job-info .title:hover,\n.job-box.job-info .readmore:hover {\n  color: #17a2b8 !important;\n}\n.job-box.job-info .icons {\n  color: #17a2b8 !important;\n}\n.job-box.job-info.candidate-list .name:hover, .job-box.job-info.company-list .name:hover {\n  color: #17a2b8 !important;\n}\n.job-box.job-info .bg {\n  background-color: #17a2b8 !important;\n}\n.job-box.job-info .bg-soft {\n  background-color: rgba(23, 162, 184, 0.1) !important;\n  border: 1px solid rgba(23, 162, 184, 0.1) !important;\n  color: #17a2b8 !important;\n}\n.job-box.job-info .btn-soft {\n  background-color: rgba(23, 162, 184, 0.05) !important;\n  border: 1px solid rgba(23, 162, 184, 0.05) !important;\n  color: #17a2b8 !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.1);\n}\n.job-box.job-info .btn-soft:hover, .job-box.job-info .btn-soft:focus, .job-box.job-info .btn-soft:active, .job-box.job-info .btn-soft.active, .job-box.job-info .btn-soft.focus {\n  background-color: #17a2b8 !important;\n  border-color: #17a2b8 !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-warning .position a:hover {\n  color: #f17425 !important;\n}\n.job-box.job-warning .company-name:hover {\n  color: #f17425 !important;\n}\n.job-box.job-warning .title:hover,\n.job-box.job-warning .readmore:hover {\n  color: #f17425 !important;\n}\n.job-box.job-warning .icons {\n  color: #f17425 !important;\n}\n.job-box.job-warning.candidate-list .name:hover, .job-box.job-warning.company-list .name:hover {\n  color: #f17425 !important;\n}\n.job-box.job-warning .bg {\n  background-color: #f17425 !important;\n}\n.job-box.job-warning .bg-soft {\n  background-color: rgba(241, 116, 37, 0.1) !important;\n  border: 1px solid rgba(241, 116, 37, 0.1) !important;\n  color: #f17425 !important;\n}\n.job-box.job-warning .btn-soft {\n  background-color: rgba(241, 116, 37, 0.05) !important;\n  border: 1px solid rgba(241, 116, 37, 0.05) !important;\n  color: #f17425 !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.1);\n}\n.job-box.job-warning .btn-soft:hover, .job-box.job-warning .btn-soft:focus, .job-box.job-warning .btn-soft:active, .job-box.job-warning .btn-soft.active, .job-box.job-warning .btn-soft.focus {\n  background-color: #f17425 !important;\n  border-color: #f17425 !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-danger .position a:hover {\n  color: #e43f52 !important;\n}\n.job-box.job-danger .company-name:hover {\n  color: #e43f52 !important;\n}\n.job-box.job-danger .title:hover,\n.job-box.job-danger .readmore:hover {\n  color: #e43f52 !important;\n}\n.job-box.job-danger .icons {\n  color: #e43f52 !important;\n}\n.job-box.job-danger.candidate-list .name:hover, .job-box.job-danger.company-list .name:hover {\n  color: #e43f52 !important;\n}\n.job-box.job-danger .bg {\n  background-color: #e43f52 !important;\n}\n.job-box.job-danger .bg-soft {\n  background-color: rgba(228, 63, 82, 0.1) !important;\n  border: 1px solid rgba(228, 63, 82, 0.1) !important;\n  color: #e43f52 !important;\n}\n.job-box.job-danger .btn-soft {\n  background-color: rgba(228, 63, 82, 0.05) !important;\n  border: 1px solid rgba(228, 63, 82, 0.05) !important;\n  color: #e43f52 !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.1);\n}\n.job-box.job-danger .btn-soft:hover, .job-box.job-danger .btn-soft:focus, .job-box.job-danger .btn-soft:active, .job-box.job-danger .btn-soft.active, .job-box.job-danger .btn-soft.focus {\n  background-color: #e43f52 !important;\n  border-color: #e43f52 !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-light .position a:hover {\n  color: #1f2d3d !important;\n}\n.job-box.job-light .company-name:hover {\n  color: #1f2d3d !important;\n}\n.job-box.job-light .title:hover,\n.job-box.job-light .readmore:hover {\n  color: #1f2d3d !important;\n}\n.job-box.job-light .icons {\n  color: #1f2d3d !important;\n}\n.job-box.job-light.candidate-list .name:hover, .job-box.job-light.company-list .name:hover {\n  color: #1f2d3d !important;\n}\n.job-box.job-light .bg {\n  background-color: #1f2d3d !important;\n}\n.job-box.job-light .bg-soft {\n  background-color: rgba(31, 45, 61, 0.1) !important;\n  border: 1px solid rgba(31, 45, 61, 0.1) !important;\n  color: #1f2d3d !important;\n}\n.job-box.job-light .btn-soft {\n  background-color: rgba(31, 45, 61, 0.05) !important;\n  border: 1px solid rgba(31, 45, 61, 0.05) !important;\n  color: #1f2d3d !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(31, 45, 61, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(31, 45, 61, 0.1);\n}\n.job-box.job-light .btn-soft:hover, .job-box.job-light .btn-soft:focus, .job-box.job-light .btn-soft:active, .job-box.job-light .btn-soft.active, .job-box.job-light .btn-soft.focus {\n  background-color: #1f2d3d !important;\n  border-color: #1f2d3d !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-dark .position a:hover {\n  color: #f8f9fa !important;\n}\n.job-box.job-dark .company-name:hover {\n  color: #f8f9fa !important;\n}\n.job-box.job-dark .title:hover,\n.job-box.job-dark .readmore:hover {\n  color: #f8f9fa !important;\n}\n.job-box.job-dark .icons {\n  color: #f8f9fa !important;\n}\n.job-box.job-dark.candidate-list .name:hover, .job-box.job-dark.company-list .name:hover {\n  color: #f8f9fa !important;\n}\n.job-box.job-dark .bg {\n  background-color: #f8f9fa !important;\n}\n.job-box.job-dark .bg-soft {\n  background-color: rgba(248, 249, 250, 0.1) !important;\n  border: 1px solid rgba(248, 249, 250, 0.1) !important;\n  color: #f8f9fa !important;\n}\n.job-box.job-dark .btn-soft {\n  background-color: rgba(248, 249, 250, 0.05) !important;\n  border: 1px solid rgba(248, 249, 250, 0.05) !important;\n  color: #f8f9fa !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(248, 249, 250, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(248, 249, 250, 0.1);\n}\n.job-box.job-dark .btn-soft:hover, .job-box.job-dark .btn-soft:focus, .job-box.job-dark .btn-soft:active, .job-box.job-dark .btn-soft.active, .job-box.job-dark .btn-soft.focus {\n  background-color: #f8f9fa !important;\n  border-color: #f8f9fa !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-footer .position a:hover {\n  color: #212f40 !important;\n}\n.job-box.job-footer .company-name:hover {\n  color: #212f40 !important;\n}\n.job-box.job-footer .title:hover,\n.job-box.job-footer .readmore:hover {\n  color: #212f40 !important;\n}\n.job-box.job-footer .icons {\n  color: #212f40 !important;\n}\n.job-box.job-footer.candidate-list .name:hover, .job-box.job-footer.company-list .name:hover {\n  color: #212f40 !important;\n}\n.job-box.job-footer .bg {\n  background-color: #212f40 !important;\n}\n.job-box.job-footer .bg-soft {\n  background-color: rgba(33, 47, 64, 0.1) !important;\n  border: 1px solid rgba(33, 47, 64, 0.1) !important;\n  color: #212f40 !important;\n}\n.job-box.job-footer .btn-soft {\n  background-color: rgba(33, 47, 64, 0.05) !important;\n  border: 1px solid rgba(33, 47, 64, 0.05) !important;\n  color: #212f40 !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(33, 47, 64, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(33, 47, 64, 0.1);\n}\n.job-box.job-footer .btn-soft:hover, .job-box.job-footer .btn-soft:focus, .job-box.job-footer .btn-soft:active, .job-box.job-footer .btn-soft.active, .job-box.job-footer .btn-soft.focus {\n  background-color: #212f40 !important;\n  border-color: #212f40 !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-muted .position a:hover {\n  color: #9bacc4 !important;\n}\n.job-box.job-muted .company-name:hover {\n  color: #9bacc4 !important;\n}\n.job-box.job-muted .title:hover,\n.job-box.job-muted .readmore:hover {\n  color: #9bacc4 !important;\n}\n.job-box.job-muted .icons {\n  color: #9bacc4 !important;\n}\n.job-box.job-muted.candidate-list .name:hover, .job-box.job-muted.company-list .name:hover {\n  color: #9bacc4 !important;\n}\n.job-box.job-muted .bg {\n  background-color: #9bacc4 !important;\n}\n.job-box.job-muted .bg-soft {\n  background-color: rgba(155, 172, 196, 0.1) !important;\n  border: 1px solid rgba(155, 172, 196, 0.1) !important;\n  color: #9bacc4 !important;\n}\n.job-box.job-muted .btn-soft {\n  background-color: rgba(155, 172, 196, 0.05) !important;\n  border: 1px solid rgba(155, 172, 196, 0.05) !important;\n  color: #9bacc4 !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(155, 172, 196, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(155, 172, 196, 0.1);\n}\n.job-box.job-muted .btn-soft:hover, .job-box.job-muted .btn-soft:focus, .job-box.job-muted .btn-soft:active, .job-box.job-muted .btn-soft.active, .job-box.job-muted .btn-soft.focus {\n  background-color: #9bacc4 !important;\n  border-color: #9bacc4 !important;\n  color: #ffffff !important;\n}\n\n.job-box {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.job-box .job-overlay {\n  opacity: 0.6;\n}\n.job-box .head {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n}\n.job-box .position {\n  position: absolute;\n  top: 15px;\n  right: 15px;\n}\n.job-box .position a {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.job-box .firm-logo {\n  position: absolute;\n  right: 0;\n  left: 0;\n  height: 60px;\n  width: 60px;\n  line-height: 60px;\n  margin: 0 auto;\n  top: -30px;\n}\n.job-box .company-name {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.job-box.candidate-list .like {\n  -webkit-text-stroke: 1px #9bacc4;\n  -webkit-text-fill-color: transparent;\n}\n.job-box.candidate-list .like:hover, .job-box.candidate-list .like:focus {\n  -webkit-text-stroke: #e43f52;\n  -webkit-text-fill-color: #e43f52;\n}\n.job-box.candidate-list, .job-box.company-list {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.job-box.candidate-list:hover, .job-box.company-list:hover {\n  -webkit-box-shadow: 0 5px 13px rgba(173, 181, 189, 0.2) !important;\n          box-shadow: 0 5px 13px rgba(173, 181, 189, 0.2) !important;\n}\n.job-box:hover {\n  -webkit-transform: translateY(-5px);\n          transform: translateY(-5px);\n}\n\n@media (min-width: 1024px) {\n  .job-profile {\n    top: -378px;\n  }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n  .job-profile {\n    top: -338px;\n  }\n}\n@media (max-width: 767px) {\n  .company-logo {\n    float: none !important;\n    text-align: right !important;\n  }\n}\n.categories.category-primary .title:hover {\n  color: #16a34a !important;\n}\n\n.categories.category-secondary .title:hover {\n  color: #ced4da !important;\n}\n\n.categories.category-success .title:hover {\n  color: #2eca8b !important;\n}\n\n.categories.category-info .title:hover {\n  color: #17a2b8 !important;\n}\n\n.categories.category-warning .title:hover {\n  color: #f17425 !important;\n}\n\n.categories.category-danger .title:hover {\n  color: #e43f52 !important;\n}\n\n.categories.category-light .title:hover {\n  color: #1f2d3d !important;\n}\n\n.categories.category-dark .title:hover {\n  color: #f8f9fa !important;\n}\n\n.categories.category-footer .title:hover {\n  color: #212f40 !important;\n}\n\n.categories.category-muted .title:hover {\n  color: #9bacc4 !important;\n}\n\n.categories {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.categories:hover {\n  -webkit-transform: translateY(-10px);\n          transform: translateY(-10px);\n  -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n          box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n\n/*********************************/\n/*         Contact us            */\n/*===============================*/\n.form-icon .icons {\n  position: absolute;\n  top: 12px;\n  right: 18px;\n}\n\n.map {\n  line-height: 0;\n}\n.map iframe {\n  width: 100%;\n  height: 400px;\n}\n\n.error {\n  margin: 8px 0px;\n  display: none;\n  color: #e43f52;\n}\n\n#ajaxsuccess {\n  font-size: 16px;\n  width: 100%;\n  display: none;\n  clear: both;\n  margin: 8px 0px;\n}\n\n.error_message,\n#success_page {\n  padding: 10px;\n  margin-bottom: 20px;\n  text-align: center;\n  border-radius: 5px;\n}\n\n.error_message {\n  background-color: rgba(240, 115, 90, 0.1) !important;\n  border: 2px solid rgba(240, 115, 90, 0.1) !important;\n  color: #f0735a !important;\n  font-size: 14px;\n}\n\n.contact-loader {\n  display: none;\n}\n\n#success_page {\n  background-color: rgba(83, 199, 151, 0.1) !important;\n  border: 2px solid rgba(83, 199, 151, 0.1) !important;\n  color: #53c797 !important;\n}\n#success_page p {\n  margin-bottom: 0 !important;\n}\n\n.qs-datepicker-container {\n  background-color: #1c2836;\n  border-color: #2a3c51;\n  color: #fff;\n  -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n          box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n.qs-datepicker-container .qs-controls {\n  background-color: #2a3c51;\n  color: #fff;\n}\n.qs-datepicker-container .qs-controls .qs-month-year {\n  font-weight: 600;\n  font-size: 15px;\n}\n.qs-datepicker-container .qs-controls .qs-month-year:hover {\n  border-bottom: 1px solid #2a3c51;\n}\n.qs-datepicker-container .qs-squares .qs-square {\n  font-size: 15px;\n  height: 34px;\n  width: 34px;\n}\n.qs-datepicker-container .qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover, .qs-datepicker-container .qs-squares .qs-square.qs-current {\n  background: #16a34a;\n  color: #ffffff;\n  border-radius: 30px;\n  font-weight: 500;\n  text-decoration: none;\n  border-radius: 30px;\n}\n.qs-datepicker-container .qs-squares .qs-day {\n  font-weight: 500;\n  color: #9bacc4;\n}\n\n@media (min-width: 768px) {\n  .map.map-height-two iframe {\n    height: 551px;\n  }\n}\n/*********************************/\n/* Countdown(Comingsoon, Maintenance) */\n/*===============================*/\n.coming-soon, .maintenance, .error-page {\n  font-size: 40px;\n  letter-spacing: 1px;\n}\n@media (max-width: 767px) {\n  .coming-soon, .maintenance, .error-page {\n    font-size: 32px;\n  }\n}\n\n#countdown .count-down, #eventdown .count-down, #token-sale .count-down {\n  display: inline-block;\n  margin: 30px 10px 10px;\n  color: #ffffff;\n  text-align: center;\n}\n#countdown .count-down .count-number, #eventdown .count-down .count-number, #token-sale .count-down .count-number {\n  font-size: 40px;\n  line-height: 95px;\n}\n#countdown .count-down .count-head, #eventdown .count-down .count-head, #token-sale .count-down .count-head {\n  display: block;\n  position: relative;\n  -webkit-transform: translateY(-20px);\n          transform: translateY(-20px);\n  text-transform: uppercase;\n  font-size: 14px;\n  letter-spacing: 1px;\n}\n\n#countdown .count-down .count-number {\n  font-size: 40px;\n  line-height: 95px;\n  border: 4px solid #ffffff;\n  height: 130px;\n  width: 130px;\n  border-radius: 50%;\n}\n\n#token-sale .count-down {\n  border: 0;\n  color: #f8f9fa !important;\n}\n#token-sale .count-down .count-number {\n  line-height: 80px;\n}\n@media (max-width: 767px) {\n  #token-sale .count-down .count-number {\n    font-size: 30px;\n  }\n}\n#token-sale .count-down .count-head {\n  margin-bottom: 0 !important;\n  -webkit-transform: translateY(-15px);\n          transform: translateY(-15px);\n}\n@media (max-width: 767px) {\n  #token-sale .count-down .count-head {\n    font-size: 10px;\n  }\n}\n\n#eventdown .count-down {\n  margin: 10px !important;\n  border: 0;\n}\n@media (max-width: 767px) {\n  #eventdown .count-down {\n    width: 60px;\n  }\n}\n#eventdown .count-down .count-number {\n  line-height: 80px;\n}\n@media (max-width: 767px) {\n  #eventdown .count-down .count-number {\n    font-size: 30px;\n  }\n}\n#eventdown .count-down .count-head {\n  -webkit-transform: translateY(-15px);\n          transform: translateY(-15px);\n}\n@media (max-width: 767px) {\n  #eventdown .count-down .count-head {\n    font-size: 10px;\n  }\n}\n\n#maintenance {\n  color: #ffffff;\n  font-size: 56px;\n  letter-spacing: 1px;\n}\n#maintenance .indicator {\n  font-size: 18px;\n}\n\n/*********************************/\n/*         CTA                   */\n/*===============================*/\n.bg-cta {\n  padding: 150px 0;\n}\n\n.play-btn {\n  height: 78px;\n  width: 78px;\n  font-size: 30px;\n  line-height: 76px;\n  border-radius: 50%;\n  display: inline-block;\n  color: #ffffff;\n  border: 1px solid #fff;\n}\n\n.play-icon {\n  position: absolute;\n  bottom: 50%;\n  -webkit-transform: translateY(50%);\n          transform: translateY(50%);\n  left: 0;\n  right: 0;\n  text-align: center;\n}\n.play-icon i {\n  height: 75px;\n  -webkit-text-stroke: 2px #16a34a;\n  -webkit-text-fill-color: transparent;\n  width: 75px;\n  font-size: 25px;\n  line-height: 75px;\n  display: inline-block;\n  background-color: #161c2d;\n}\n.play-icon i:hover {\n  -webkit-text-stroke: 2px #16a34a;\n  -webkit-text-fill-color: #16a34a;\n}\n\n@media (max-width: 767px) {\n  iframe {\n    width: auto !important;\n  }\n}\n/*********************************/\n/*     Features & Services       */\n/*===============================*/\n.features.feature-primary .icon {\n  background: rgba(22, 163, 74, 0.1);\n}\n.features.feature-primary .image:before {\n  background: linear-gradient(-45deg, transparent, rgba(22, 163, 74, 0.1));\n}\n.features.feature-primary .read-more,\n.features.feature-primary .color {\n  color: #16a34a !important;\n}\n.features.feature-primary.feature-clean .icons {\n  color: #16a34a !important;\n}\n.features.feature-primary.feature-clean .icons i {\n  background-color: rgba(22, 163, 74, 0.1);\n}\n.features.feature-primary.feature-clean .title:hover {\n  color: #16a34a !important;\n}\n.features.feature-primary.feature-full-bg .icon-color {\n  color: #16a34a !important;\n}\n.features.feature-primary.feature-full-bg:hover {\n  background-color: #16a34a !important;\n}\n.features.feature-primary.key-feature .icon {\n  background: linear-gradient(-45deg, transparent, rgba(22, 163, 74, 0.15));\n  color: #16a34a;\n}\n.features.feature-primary.course-feature .full-img {\n  color: #16a34a !important;\n}\n.features.feature-primary.explore-feature:hover .icons,\n.features.feature-primary.explore-feature:hover .title {\n  color: #16a34a !important;\n}\n.features.feature-primary .btn-soft {\n  background-color: rgba(22, 163, 74, 0.05) !important;\n  border: 1px solid rgba(22, 163, 74, 0.05) !important;\n  color: #16a34a !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(22, 163, 74, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(22, 163, 74, 0.1);\n}\n.features.feature-primary .btn-soft:hover, .features.feature-primary .btn-soft:focus, .features.feature-primary .btn-soft:active, .features.feature-primary .btn-soft.active, .features.feature-primary .btn-soft.focus {\n  background-color: #16a34a !important;\n  border-color: #16a34a !important;\n  color: #ffffff !important;\n}\n.features.feature-primary:hover .image:before {\n  background: rgba(22, 163, 74, 0.1);\n}\n\n.features.feature-secondary .icon {\n  background: rgba(206, 212, 218, 0.1);\n}\n.features.feature-secondary .image:before {\n  background: linear-gradient(-45deg, transparent, rgba(206, 212, 218, 0.1));\n}\n.features.feature-secondary .read-more,\n.features.feature-secondary .color {\n  color: #ced4da !important;\n}\n.features.feature-secondary.feature-clean .icons {\n  color: #ced4da !important;\n}\n.features.feature-secondary.feature-clean .icons i {\n  background-color: rgba(206, 212, 218, 0.1);\n}\n.features.feature-secondary.feature-clean .title:hover {\n  color: #ced4da !important;\n}\n.features.feature-secondary.feature-full-bg .icon-color {\n  color: #ced4da !important;\n}\n.features.feature-secondary.feature-full-bg:hover {\n  background-color: #ced4da !important;\n}\n.features.feature-secondary.key-feature .icon {\n  background: linear-gradient(-45deg, transparent, rgba(206, 212, 218, 0.15));\n  color: #ced4da;\n}\n.features.feature-secondary.course-feature .full-img {\n  color: #ced4da !important;\n}\n.features.feature-secondary.explore-feature:hover .icons,\n.features.feature-secondary.explore-feature:hover .title {\n  color: #ced4da !important;\n}\n.features.feature-secondary .btn-soft {\n  background-color: rgba(206, 212, 218, 0.05) !important;\n  border: 1px solid rgba(206, 212, 218, 0.05) !important;\n  color: #ced4da !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(206, 212, 218, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(206, 212, 218, 0.1);\n}\n.features.feature-secondary .btn-soft:hover, .features.feature-secondary .btn-soft:focus, .features.feature-secondary .btn-soft:active, .features.feature-secondary .btn-soft.active, .features.feature-secondary .btn-soft.focus {\n  background-color: #ced4da !important;\n  border-color: #ced4da !important;\n  color: #ffffff !important;\n}\n.features.feature-secondary:hover .image:before {\n  background: rgba(206, 212, 218, 0.1);\n}\n\n.features.feature-success .icon {\n  background: rgba(46, 202, 139, 0.1);\n}\n.features.feature-success .image:before {\n  background: linear-gradient(-45deg, transparent, rgba(46, 202, 139, 0.1));\n}\n.features.feature-success .read-more,\n.features.feature-success .color {\n  color: #2eca8b !important;\n}\n.features.feature-success.feature-clean .icons {\n  color: #2eca8b !important;\n}\n.features.feature-success.feature-clean .icons i {\n  background-color: rgba(46, 202, 139, 0.1);\n}\n.features.feature-success.feature-clean .title:hover {\n  color: #2eca8b !important;\n}\n.features.feature-success.feature-full-bg .icon-color {\n  color: #2eca8b !important;\n}\n.features.feature-success.feature-full-bg:hover {\n  background-color: #2eca8b !important;\n}\n.features.feature-success.key-feature .icon {\n  background: linear-gradient(-45deg, transparent, rgba(46, 202, 139, 0.15));\n  color: #2eca8b;\n}\n.features.feature-success.course-feature .full-img {\n  color: #2eca8b !important;\n}\n.features.feature-success.explore-feature:hover .icons,\n.features.feature-success.explore-feature:hover .title {\n  color: #2eca8b !important;\n}\n.features.feature-success .btn-soft {\n  background-color: rgba(46, 202, 139, 0.05) !important;\n  border: 1px solid rgba(46, 202, 139, 0.05) !important;\n  color: #2eca8b !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.1);\n}\n.features.feature-success .btn-soft:hover, .features.feature-success .btn-soft:focus, .features.feature-success .btn-soft:active, .features.feature-success .btn-soft.active, .features.feature-success .btn-soft.focus {\n  background-color: #2eca8b !important;\n  border-color: #2eca8b !important;\n  color: #ffffff !important;\n}\n.features.feature-success:hover .image:before {\n  background: rgba(46, 202, 139, 0.1);\n}\n\n.features.feature-info .icon {\n  background: rgba(23, 162, 184, 0.1);\n}\n.features.feature-info .image:before {\n  background: linear-gradient(-45deg, transparent, rgba(23, 162, 184, 0.1));\n}\n.features.feature-info .read-more,\n.features.feature-info .color {\n  color: #17a2b8 !important;\n}\n.features.feature-info.feature-clean .icons {\n  color: #17a2b8 !important;\n}\n.features.feature-info.feature-clean .icons i {\n  background-color: rgba(23, 162, 184, 0.1);\n}\n.features.feature-info.feature-clean .title:hover {\n  color: #17a2b8 !important;\n}\n.features.feature-info.feature-full-bg .icon-color {\n  color: #17a2b8 !important;\n}\n.features.feature-info.feature-full-bg:hover {\n  background-color: #17a2b8 !important;\n}\n.features.feature-info.key-feature .icon {\n  background: linear-gradient(-45deg, transparent, rgba(23, 162, 184, 0.15));\n  color: #17a2b8;\n}\n.features.feature-info.course-feature .full-img {\n  color: #17a2b8 !important;\n}\n.features.feature-info.explore-feature:hover .icons,\n.features.feature-info.explore-feature:hover .title {\n  color: #17a2b8 !important;\n}\n.features.feature-info .btn-soft {\n  background-color: rgba(23, 162, 184, 0.05) !important;\n  border: 1px solid rgba(23, 162, 184, 0.05) !important;\n  color: #17a2b8 !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.1);\n}\n.features.feature-info .btn-soft:hover, .features.feature-info .btn-soft:focus, .features.feature-info .btn-soft:active, .features.feature-info .btn-soft.active, .features.feature-info .btn-soft.focus {\n  background-color: #17a2b8 !important;\n  border-color: #17a2b8 !important;\n  color: #ffffff !important;\n}\n.features.feature-info:hover .image:before {\n  background: rgba(23, 162, 184, 0.1);\n}\n\n.features.feature-warning .icon {\n  background: rgba(241, 116, 37, 0.1);\n}\n.features.feature-warning .image:before {\n  background: linear-gradient(-45deg, transparent, rgba(241, 116, 37, 0.1));\n}\n.features.feature-warning .read-more,\n.features.feature-warning .color {\n  color: #f17425 !important;\n}\n.features.feature-warning.feature-clean .icons {\n  color: #f17425 !important;\n}\n.features.feature-warning.feature-clean .icons i {\n  background-color: rgba(241, 116, 37, 0.1);\n}\n.features.feature-warning.feature-clean .title:hover {\n  color: #f17425 !important;\n}\n.features.feature-warning.feature-full-bg .icon-color {\n  color: #f17425 !important;\n}\n.features.feature-warning.feature-full-bg:hover {\n  background-color: #f17425 !important;\n}\n.features.feature-warning.key-feature .icon {\n  background: linear-gradient(-45deg, transparent, rgba(241, 116, 37, 0.15));\n  color: #f17425;\n}\n.features.feature-warning.course-feature .full-img {\n  color: #f17425 !important;\n}\n.features.feature-warning.explore-feature:hover .icons,\n.features.feature-warning.explore-feature:hover .title {\n  color: #f17425 !important;\n}\n.features.feature-warning .btn-soft {\n  background-color: rgba(241, 116, 37, 0.05) !important;\n  border: 1px solid rgba(241, 116, 37, 0.05) !important;\n  color: #f17425 !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.1);\n}\n.features.feature-warning .btn-soft:hover, .features.feature-warning .btn-soft:focus, .features.feature-warning .btn-soft:active, .features.feature-warning .btn-soft.active, .features.feature-warning .btn-soft.focus {\n  background-color: #f17425 !important;\n  border-color: #f17425 !important;\n  color: #ffffff !important;\n}\n.features.feature-warning:hover .image:before {\n  background: rgba(241, 116, 37, 0.1);\n}\n\n.features.feature-danger .icon {\n  background: rgba(228, 63, 82, 0.1);\n}\n.features.feature-danger .image:before {\n  background: linear-gradient(-45deg, transparent, rgba(228, 63, 82, 0.1));\n}\n.features.feature-danger .read-more,\n.features.feature-danger .color {\n  color: #e43f52 !important;\n}\n.features.feature-danger.feature-clean .icons {\n  color: #e43f52 !important;\n}\n.features.feature-danger.feature-clean .icons i {\n  background-color: rgba(228, 63, 82, 0.1);\n}\n.features.feature-danger.feature-clean .title:hover {\n  color: #e43f52 !important;\n}\n.features.feature-danger.feature-full-bg .icon-color {\n  color: #e43f52 !important;\n}\n.features.feature-danger.feature-full-bg:hover {\n  background-color: #e43f52 !important;\n}\n.features.feature-danger.key-feature .icon {\n  background: linear-gradient(-45deg, transparent, rgba(228, 63, 82, 0.15));\n  color: #e43f52;\n}\n.features.feature-danger.course-feature .full-img {\n  color: #e43f52 !important;\n}\n.features.feature-danger.explore-feature:hover .icons,\n.features.feature-danger.explore-feature:hover .title {\n  color: #e43f52 !important;\n}\n.features.feature-danger .btn-soft {\n  background-color: rgba(228, 63, 82, 0.05) !important;\n  border: 1px solid rgba(228, 63, 82, 0.05) !important;\n  color: #e43f52 !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.1);\n}\n.features.feature-danger .btn-soft:hover, .features.feature-danger .btn-soft:focus, .features.feature-danger .btn-soft:active, .features.feature-danger .btn-soft.active, .features.feature-danger .btn-soft.focus {\n  background-color: #e43f52 !important;\n  border-color: #e43f52 !important;\n  color: #ffffff !important;\n}\n.features.feature-danger:hover .image:before {\n  background: rgba(228, 63, 82, 0.1);\n}\n\n.features.feature-light .icon {\n  background: rgba(31, 45, 61, 0.1);\n}\n.features.feature-light .image:before {\n  background: linear-gradient(-45deg, transparent, rgba(31, 45, 61, 0.1));\n}\n.features.feature-light .read-more,\n.features.feature-light .color {\n  color: #1f2d3d !important;\n}\n.features.feature-light.feature-clean .icons {\n  color: #1f2d3d !important;\n}\n.features.feature-light.feature-clean .icons i {\n  background-color: rgba(31, 45, 61, 0.1);\n}\n.features.feature-light.feature-clean .title:hover {\n  color: #1f2d3d !important;\n}\n.features.feature-light.feature-full-bg .icon-color {\n  color: #1f2d3d !important;\n}\n.features.feature-light.feature-full-bg:hover {\n  background-color: #1f2d3d !important;\n}\n.features.feature-light.key-feature .icon {\n  background: linear-gradient(-45deg, transparent, rgba(31, 45, 61, 0.15));\n  color: #1f2d3d;\n}\n.features.feature-light.course-feature .full-img {\n  color: #1f2d3d !important;\n}\n.features.feature-light.explore-feature:hover .icons,\n.features.feature-light.explore-feature:hover .title {\n  color: #1f2d3d !important;\n}\n.features.feature-light .btn-soft {\n  background-color: rgba(31, 45, 61, 0.05) !important;\n  border: 1px solid rgba(31, 45, 61, 0.05) !important;\n  color: #1f2d3d !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(31, 45, 61, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(31, 45, 61, 0.1);\n}\n.features.feature-light .btn-soft:hover, .features.feature-light .btn-soft:focus, .features.feature-light .btn-soft:active, .features.feature-light .btn-soft.active, .features.feature-light .btn-soft.focus {\n  background-color: #1f2d3d !important;\n  border-color: #1f2d3d !important;\n  color: #ffffff !important;\n}\n.features.feature-light:hover .image:before {\n  background: rgba(31, 45, 61, 0.1);\n}\n\n.features.feature-dark .icon {\n  background: rgba(248, 249, 250, 0.1);\n}\n.features.feature-dark .image:before {\n  background: linear-gradient(-45deg, transparent, rgba(248, 249, 250, 0.1));\n}\n.features.feature-dark .read-more,\n.features.feature-dark .color {\n  color: #f8f9fa !important;\n}\n.features.feature-dark.feature-clean .icons {\n  color: #f8f9fa !important;\n}\n.features.feature-dark.feature-clean .icons i {\n  background-color: rgba(248, 249, 250, 0.1);\n}\n.features.feature-dark.feature-clean .title:hover {\n  color: #f8f9fa !important;\n}\n.features.feature-dark.feature-full-bg .icon-color {\n  color: #f8f9fa !important;\n}\n.features.feature-dark.feature-full-bg:hover {\n  background-color: #f8f9fa !important;\n}\n.features.feature-dark.key-feature .icon {\n  background: linear-gradient(-45deg, transparent, rgba(248, 249, 250, 0.15));\n  color: #f8f9fa;\n}\n.features.feature-dark.course-feature .full-img {\n  color: #f8f9fa !important;\n}\n.features.feature-dark.explore-feature:hover .icons,\n.features.feature-dark.explore-feature:hover .title {\n  color: #f8f9fa !important;\n}\n.features.feature-dark .btn-soft {\n  background-color: rgba(248, 249, 250, 0.05) !important;\n  border: 1px solid rgba(248, 249, 250, 0.05) !important;\n  color: #f8f9fa !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(248, 249, 250, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(248, 249, 250, 0.1);\n}\n.features.feature-dark .btn-soft:hover, .features.feature-dark .btn-soft:focus, .features.feature-dark .btn-soft:active, .features.feature-dark .btn-soft.active, .features.feature-dark .btn-soft.focus {\n  background-color: #f8f9fa !important;\n  border-color: #f8f9fa !important;\n  color: #ffffff !important;\n}\n.features.feature-dark:hover .image:before {\n  background: rgba(248, 249, 250, 0.1);\n}\n\n.features.feature-footer .icon {\n  background: rgba(33, 47, 64, 0.1);\n}\n.features.feature-footer .image:before {\n  background: linear-gradient(-45deg, transparent, rgba(33, 47, 64, 0.1));\n}\n.features.feature-footer .read-more,\n.features.feature-footer .color {\n  color: #212f40 !important;\n}\n.features.feature-footer.feature-clean .icons {\n  color: #212f40 !important;\n}\n.features.feature-footer.feature-clean .icons i {\n  background-color: rgba(33, 47, 64, 0.1);\n}\n.features.feature-footer.feature-clean .title:hover {\n  color: #212f40 !important;\n}\n.features.feature-footer.feature-full-bg .icon-color {\n  color: #212f40 !important;\n}\n.features.feature-footer.feature-full-bg:hover {\n  background-color: #212f40 !important;\n}\n.features.feature-footer.key-feature .icon {\n  background: linear-gradient(-45deg, transparent, rgba(33, 47, 64, 0.15));\n  color: #212f40;\n}\n.features.feature-footer.course-feature .full-img {\n  color: #212f40 !important;\n}\n.features.feature-footer.explore-feature:hover .icons,\n.features.feature-footer.explore-feature:hover .title {\n  color: #212f40 !important;\n}\n.features.feature-footer .btn-soft {\n  background-color: rgba(33, 47, 64, 0.05) !important;\n  border: 1px solid rgba(33, 47, 64, 0.05) !important;\n  color: #212f40 !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(33, 47, 64, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(33, 47, 64, 0.1);\n}\n.features.feature-footer .btn-soft:hover, .features.feature-footer .btn-soft:focus, .features.feature-footer .btn-soft:active, .features.feature-footer .btn-soft.active, .features.feature-footer .btn-soft.focus {\n  background-color: #212f40 !important;\n  border-color: #212f40 !important;\n  color: #ffffff !important;\n}\n.features.feature-footer:hover .image:before {\n  background: rgba(33, 47, 64, 0.1);\n}\n\n.features.feature-muted .icon {\n  background: rgba(155, 172, 196, 0.1);\n}\n.features.feature-muted .image:before {\n  background: linear-gradient(-45deg, transparent, rgba(155, 172, 196, 0.1));\n}\n.features.feature-muted .read-more,\n.features.feature-muted .color {\n  color: #9bacc4 !important;\n}\n.features.feature-muted.feature-clean .icons {\n  color: #9bacc4 !important;\n}\n.features.feature-muted.feature-clean .icons i {\n  background-color: rgba(155, 172, 196, 0.1);\n}\n.features.feature-muted.feature-clean .title:hover {\n  color: #9bacc4 !important;\n}\n.features.feature-muted.feature-full-bg .icon-color {\n  color: #9bacc4 !important;\n}\n.features.feature-muted.feature-full-bg:hover {\n  background-color: #9bacc4 !important;\n}\n.features.feature-muted.key-feature .icon {\n  background: linear-gradient(-45deg, transparent, rgba(155, 172, 196, 0.15));\n  color: #9bacc4;\n}\n.features.feature-muted.course-feature .full-img {\n  color: #9bacc4 !important;\n}\n.features.feature-muted.explore-feature:hover .icons,\n.features.feature-muted.explore-feature:hover .title {\n  color: #9bacc4 !important;\n}\n.features.feature-muted .btn-soft {\n  background-color: rgba(155, 172, 196, 0.05) !important;\n  border: 1px solid rgba(155, 172, 196, 0.05) !important;\n  color: #9bacc4 !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(155, 172, 196, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(155, 172, 196, 0.1);\n}\n.features.feature-muted .btn-soft:hover, .features.feature-muted .btn-soft:focus, .features.feature-muted .btn-soft:active, .features.feature-muted .btn-soft.active, .features.feature-muted .btn-soft.focus {\n  background-color: #9bacc4 !important;\n  border-color: #9bacc4 !important;\n  color: #ffffff !important;\n}\n.features.feature-muted:hover .image:before {\n  background: rgba(155, 172, 196, 0.1);\n}\n\n.features .image:before {\n  content: \"\";\n  position: absolute;\n  bottom: 5px;\n  right: 5px;\n  width: 64px;\n  height: 64px;\n  border-radius: 6px;\n  -webkit-transform: rotate(-33.75deg);\n          transform: rotate(-33.75deg);\n}\n.features.feature-clean {\n  background-color: #1c2836;\n}\n.features.feature-clean .icons i {\n  height: 65px;\n  width: 65px;\n  display: -webkit-inline-box !important;\n  display: -ms-inline-flexbox !important;\n  display: inline-flex !important;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.features .ride-image {\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n}\n.features .ride-image img {\n  border-radius: 100% 100% 0 100%;\n}\n.features.key-feature {\n  -webkit-transition: all 0.3s ease;\n  transition: all 0.3s ease;\n}\n.features.key-feature:hover {\n  -webkit-transform: scale(1.05);\n          transform: scale(1.05);\n  -webkit-box-shadow: 0 5px 13px rgba(173, 181, 189, 0.2) !important;\n          box-shadow: 0 5px 13px rgba(173, 181, 189, 0.2) !important;\n}\n.features:hover .image:before {\n  -webkit-animation: spinner-border 5s linear infinite !important;\n          animation: spinner-border 5s linear infinite !important;\n}\n.features.feature-full-bg {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.features.feature-full-bg .big-icon {\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n  right: 0;\n  left: 0;\n  opacity: 0.015;\n  font-size: 180px;\n}\n.features.feature-full-bg:hover {\n  -webkit-box-shadow: 0 10px 25px rgba(173, 181, 189, 0.15);\n          box-shadow: 0 10px 25px rgba(173, 181, 189, 0.15);\n  color: #ffffff !important;\n}\n.features.feature-full-bg:hover .icon-color i,\n.features.feature-full-bg:hover .para {\n  color: rgba(255, 255, 255, 0.5) !important;\n}\n.features.feature-full-bg:hover .content,\n.features.feature-full-bg:hover .icon-color {\n  z-index: 2;\n}\n.features.feature-full-bg:hover .big-icon {\n  opacity: 0.05;\n}\n.features.feature-full-bg:hover .readmore {\n  color: #ffffff !important;\n}\n.features.course-feature {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.features.course-feature .full-img {\n  position: absolute;\n  bottom: 50%;\n  -webkit-transform: translateY(50%);\n          transform: translateY(50%);\n  right: 0;\n  left: 0;\n  opacity: 0;\n  margin: 0 auto;\n  z-index: -2;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n  font-size: 250px;\n}\n.features.course-feature:hover {\n  -webkit-transform: translateY(-10px);\n          transform: translateY(-10px);\n}\n.features.course-feature:hover .full-img {\n  opacity: 0.05;\n}\n.features.explore-feature {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.features.explore-feature .icons {\n  height: 80px;\n  width: 80px;\n  display: -webkit-inline-box !important;\n  display: -ms-inline-flexbox !important;\n  display: inline-flex !important;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.features.explore-feature:hover {\n  -webkit-box-shadow: 0 10px 25px rgba(173, 181, 189, 0.15) !important;\n          box-shadow: 0 10px 25px rgba(173, 181, 189, 0.15) !important;\n}\n\n.features .title,\n.key-feature .title {\n  font-size: 18px !important;\n}\n.features .icon,\n.key-feature .icon {\n  height: 45px;\n  width: 45px;\n  min-width: 45px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n.work-process {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.work-process .step, .work-process .step-icon {\n  opacity: 0.06;\n}\n.work-process a {\n  font-size: 15px;\n}\n.work-process.process-arrow:after {\n  content: \"\";\n  position: absolute;\n  width: 60%;\n  height: 40px;\n  top: 30px;\n  right: 80%;\n  background: url(\"../images/process.png\") center center no-repeat;\n  z-index: 1;\n}\n@media (max-width: 767px) {\n  .work-process.process-arrow:after {\n    display: none;\n  }\n}\n.work-process.process-arrow:hover {\n  -webkit-transform: none !important;\n          transform: none !important;\n}\n.work-process:hover {\n  -webkit-transform: translateY(-10px);\n          transform: translateY(-10px);\n}\n.work-process.d-none-arrow:hover {\n  -webkit-transform: none !important;\n          transform: none !important;\n}\n\n.features-absolute {\n  position: relative;\n  z-index: 2;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n\n.features-absolute {\n  margin: -200px 0 0px;\n}\n@media (max-width: 768px) {\n  .features-absolute {\n    margin: -140px 0 0;\n  }\n}\n.features-absolute.blog-search {\n  margin: -120px 0 0px;\n}\n@media (max-width: 768px) {\n  .features-absolute.blog-search {\n    margin: -90px 0 0px;\n  }\n}\n\n.app-feature-shape-right:after,\n.app-feature-shape-left:after {\n  bottom: 0rem;\n  width: 30rem;\n  height: 40rem;\n  border-radius: 10rem;\n}\n\n.app-feature-shape-right:after {\n  right: 10rem;\n  -webkit-transform: rotate(-150deg);\n          transform: rotate(-150deg);\n}\n@media (max-width: 768px) {\n  .app-feature-shape-right:after {\n    right: 0;\n  }\n}\n\n.app-feature-shape-left:after {\n  left: 10rem;\n  -webkit-transform: rotate(-210deg);\n          transform: rotate(-210deg);\n}\n@media (max-width: 768px) {\n  .app-feature-shape-left:after {\n    left: 0;\n  }\n}\n\n.app-subscribe {\n  position: absolute;\n  top: -200px;\n}\n@media (max-width: 767px) {\n  .app-subscribe {\n    position: relative;\n    top: 0;\n  }\n}\n\n.saas-feature-shape-left:after,\n.saas-feature-shape-right:after {\n  bottom: -3rem;\n  width: 35rem;\n  height: 35rem;\n  border-radius: 15rem;\n  -webkit-transform: rotate(-145deg);\n          transform: rotate(-145deg);\n}\n@media (max-width: 767px) {\n  .saas-feature-shape-left:after,\n  .saas-feature-shape-right:after {\n    bottom: -1rem;\n    width: 25rem;\n    height: 25rem;\n    border-radius: 10rem;\n  }\n}\n\n.saas-feature-shape-left:after {\n  right: -10rem;\n}\n\n.saas-feature-shape-right:after {\n  left: -10rem;\n}\n\n.app-feature-shape-right:after,\n.app-feature-shape-left:after,\n.saas-feature-shape-left:after,\n.saas-feature-shape-right:after,\n.social-feature-left:after,\n.social-feature-right:after {\n  background: rgba(22, 163, 74, 0.1);\n  -webkit-box-shadow: 0 0 40px rgba(22, 163, 74, 0.1);\n          box-shadow: 0 0 40px rgba(22, 163, 74, 0.1);\n}\n\n.app-feature-shape-right:after,\n.app-feature-shape-left:after,\n.saas-feature-shape-left:after,\n.saas-feature-shape-right:after,\n.social-feature-left:after,\n.social-feature-right:after {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n}\n\n.modern-saas-absolute-left,\n.modern-saas-absolute-right {\n  position: absolute;\n}\n\n.modern-saas-absolute-left {\n  top: 2%;\n  right: -2%;\n}\n@media (min-width: 768px) {\n  .modern-saas-absolute-left {\n    top: 20%;\n    right: -7%;\n  }\n}\n@media (min-width: 1024px) {\n  .modern-saas-absolute-left {\n    right: -10%;\n  }\n}\n\n.modern-saas-absolute-right {\n  bottom: 2%;\n  left: -2%;\n}\n@media (min-width: 768px) {\n  .modern-saas-absolute-right {\n    bottom: 20%;\n    left: -7%;\n  }\n}\n@media (min-width: 1024px) {\n  .modern-saas-absolute-right {\n    left: -10%;\n  }\n}\n\n.modern-app-round {\n  position: fixed;\n  width: 600px;\n  height: 600px;\n  border-radius: 50%;\n  -webkit-filter: blur(100px);\n          filter: blur(100px);\n  pointer-events: none;\n  z-index: -2;\n  background-color: rgba(22, 163, 74, 0.15);\n}\n\n.modern-app-bg-shape:after {\n  content: \" \";\n  position: absolute;\n  right: 50%;\n  top: 50%;\n  -webkit-transform: translate(50%, -50%);\n          transform: translate(50%, -50%);\n  width: 500px;\n  height: 500px;\n  border-radius: 50%;\n  background: -webkit-gradient(linear, right top, left top, from(rgba(22, 163, 74, 0.3)), color-stop(35%, rgba(22, 163, 74, 0.5)), to(#16a34a));\n  background: linear-gradient(to left, rgba(22, 163, 74, 0.3) 0%, rgba(22, 163, 74, 0.5) 35%, #16a34a 100%);\n  -webkit-box-shadow: 0 0 40px rgba(22, 163, 74, 0.2);\n          box-shadow: 0 0 40px rgba(22, 163, 74, 0.2);\n  z-index: -1;\n}\n@media (max-width: 768px) {\n  .modern-app-bg-shape:after {\n    width: 400px;\n    height: 400px;\n  }\n}\n\n.modern-app-absolute-left,\n.modern-app-absolute-right {\n  position: absolute;\n}\n\n.modern-app-absolute-right {\n  top: 7%;\n  left: -2%;\n}\n@media (min-width: 768px) {\n  .modern-app-absolute-right {\n    top: 20%;\n    left: -7%;\n  }\n}\n@media (min-width: 1024px) {\n  .modern-app-absolute-right {\n    left: -10%;\n  }\n}\n\n.modern-app-absolute-left {\n  bottom: 7%;\n  right: -2%;\n}\n@media (min-width: 768px) {\n  .modern-app-absolute-left {\n    bottom: 20%;\n    right: -7%;\n  }\n}\n@media (min-width: 1024px) {\n  .modern-app-absolute-left {\n    right: -10%;\n  }\n}\n\n.social-feature-left:after,\n.social-feature-right:after {\n  width: 450px;\n  height: 520px;\n  border-radius: 30px;\n  bottom: -75px;\n}\n@media (max-width: 768px) {\n  .social-feature-left:after,\n  .social-feature-right:after {\n    width: 300px;\n    height: 400px;\n    bottom: -65px;\n  }\n}\n@media (max-width: 575px) {\n  .social-feature-left:after,\n  .social-feature-right:after {\n    bottom: -35px;\n  }\n}\n\n.social-feature-left:after {\n  left: -200px;\n}\n@media (max-width: 575px) {\n  .social-feature-left:after {\n    left: 60px;\n  }\n}\n\n.social-feature-right:after {\n  right: -200px;\n}\n@media (max-width: 575px) {\n  .social-feature-right:after {\n    right: 60px;\n  }\n}\n\n.construction-img {\n  position: absolute;\n  bottom: 0;\n  left: 20px;\n}\n\n/*********************************/\n/*          NFT                  */\n/*===============================*/\n.nft.nft-primary .title:hover,\n.nft.nft-primary .read-more:hover {\n  color: #16a34a !important;\n}\n.nft.nft-primary .link {\n  color: #16a34a !important;\n}\n.nft.nft-primary .author .name:hover {\n  color: #16a34a !important;\n}\n.nft.nft-primary .bg-soft {\n  background-color: rgba(22, 163, 74, 0.1) !important;\n  border: 1px solid rgba(22, 163, 74, 0.1) !important;\n  color: #16a34a !important;\n}\n.nft.nft-primary .btn {\n  background-color: #16a34a !important;\n  border: 1px solid #16a34a !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(22, 163, 74, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(22, 163, 74, 0.1);\n}\n.nft.nft-primary .btn:hover, .nft.nft-primary .btn:focus, .nft.nft-primary .btn:active, .nft.nft-primary .btn.active, .nft.nft-primary .btn.focus {\n  background-color: #107636 !important;\n  border-color: #107636 !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-secondary .title:hover,\n.nft.nft-secondary .read-more:hover {\n  color: #ced4da !important;\n}\n.nft.nft-secondary .link {\n  color: #ced4da !important;\n}\n.nft.nft-secondary .author .name:hover {\n  color: #ced4da !important;\n}\n.nft.nft-secondary .bg-soft {\n  background-color: rgba(206, 212, 218, 0.1) !important;\n  border: 1px solid rgba(206, 212, 218, 0.1) !important;\n  color: #ced4da !important;\n}\n.nft.nft-secondary .btn {\n  background-color: #ced4da !important;\n  border: 1px solid #ced4da !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(206, 212, 218, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(206, 212, 218, 0.1);\n}\n.nft.nft-secondary .btn:hover, .nft.nft-secondary .btn:focus, .nft.nft-secondary .btn:active, .nft.nft-secondary .btn.active, .nft.nft-secondary .btn.focus {\n  background-color: #b1bbc4 !important;\n  border-color: #b1bbc4 !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-success .title:hover,\n.nft.nft-success .read-more:hover {\n  color: #2eca8b !important;\n}\n.nft.nft-success .link {\n  color: #2eca8b !important;\n}\n.nft.nft-success .author .name:hover {\n  color: #2eca8b !important;\n}\n.nft.nft-success .bg-soft {\n  background-color: rgba(46, 202, 139, 0.1) !important;\n  border: 1px solid rgba(46, 202, 139, 0.1) !important;\n  color: #2eca8b !important;\n}\n.nft.nft-success .btn {\n  background-color: #2eca8b !important;\n  border: 1px solid #2eca8b !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.1);\n}\n.nft.nft-success .btn:hover, .nft.nft-success .btn:focus, .nft.nft-success .btn:active, .nft.nft-success .btn.active, .nft.nft-success .btn.focus {\n  background-color: #25a06e !important;\n  border-color: #25a06e !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-info .title:hover,\n.nft.nft-info .read-more:hover {\n  color: #17a2b8 !important;\n}\n.nft.nft-info .link {\n  color: #17a2b8 !important;\n}\n.nft.nft-info .author .name:hover {\n  color: #17a2b8 !important;\n}\n.nft.nft-info .bg-soft {\n  background-color: rgba(23, 162, 184, 0.1) !important;\n  border: 1px solid rgba(23, 162, 184, 0.1) !important;\n  color: #17a2b8 !important;\n}\n.nft.nft-info .btn {\n  background-color: #17a2b8 !important;\n  border: 1px solid #17a2b8 !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.1);\n}\n.nft.nft-info .btn:hover, .nft.nft-info .btn:focus, .nft.nft-info .btn:active, .nft.nft-info .btn.active, .nft.nft-info .btn.focus {\n  background-color: #117a8b !important;\n  border-color: #117a8b !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-warning .title:hover,\n.nft.nft-warning .read-more:hover {\n  color: #f17425 !important;\n}\n.nft.nft-warning .link {\n  color: #f17425 !important;\n}\n.nft.nft-warning .author .name:hover {\n  color: #f17425 !important;\n}\n.nft.nft-warning .bg-soft {\n  background-color: rgba(241, 116, 37, 0.1) !important;\n  border: 1px solid rgba(241, 116, 37, 0.1) !important;\n  color: #f17425 !important;\n}\n.nft.nft-warning .btn {\n  background-color: #f17425 !important;\n  border: 1px solid #f17425 !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.1);\n}\n.nft.nft-warning .btn:hover, .nft.nft-warning .btn:focus, .nft.nft-warning .btn:active, .nft.nft-warning .btn.active, .nft.nft-warning .btn.focus {\n  background-color: #d55b0e !important;\n  border-color: #d55b0e !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-danger .title:hover,\n.nft.nft-danger .read-more:hover {\n  color: #e43f52 !important;\n}\n.nft.nft-danger .link {\n  color: #e43f52 !important;\n}\n.nft.nft-danger .author .name:hover {\n  color: #e43f52 !important;\n}\n.nft.nft-danger .bg-soft {\n  background-color: rgba(228, 63, 82, 0.1) !important;\n  border: 1px solid rgba(228, 63, 82, 0.1) !important;\n  color: #e43f52 !important;\n}\n.nft.nft-danger .btn {\n  background-color: #e43f52 !important;\n  border: 1px solid #e43f52 !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.1);\n}\n.nft.nft-danger .btn:hover, .nft.nft-danger .btn:focus, .nft.nft-danger .btn:active, .nft.nft-danger .btn.active, .nft.nft-danger .btn.focus {\n  background-color: #d21e32 !important;\n  border-color: #d21e32 !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-light .title:hover,\n.nft.nft-light .read-more:hover {\n  color: #1f2d3d !important;\n}\n.nft.nft-light .link {\n  color: #1f2d3d !important;\n}\n.nft.nft-light .author .name:hover {\n  color: #1f2d3d !important;\n}\n.nft.nft-light .bg-soft {\n  background-color: rgba(31, 45, 61, 0.1) !important;\n  border: 1px solid rgba(31, 45, 61, 0.1) !important;\n  color: #1f2d3d !important;\n}\n.nft.nft-light .btn {\n  background-color: #1f2d3d !important;\n  border: 1px solid #1f2d3d !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(31, 45, 61, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(31, 45, 61, 0.1);\n}\n.nft.nft-light .btn:hover, .nft.nft-light .btn:focus, .nft.nft-light .btn:active, .nft.nft-light .btn.active, .nft.nft-light .btn.focus {\n  background-color: #0e141b !important;\n  border-color: #0e141b !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-dark .title:hover,\n.nft.nft-dark .read-more:hover {\n  color: #f8f9fa !important;\n}\n.nft.nft-dark .link {\n  color: #f8f9fa !important;\n}\n.nft.nft-dark .author .name:hover {\n  color: #f8f9fa !important;\n}\n.nft.nft-dark .bg-soft {\n  background-color: rgba(248, 249, 250, 0.1) !important;\n  border: 1px solid rgba(248, 249, 250, 0.1) !important;\n  color: #f8f9fa !important;\n}\n.nft.nft-dark .btn {\n  background-color: #f8f9fa !important;\n  border: 1px solid #f8f9fa !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(248, 249, 250, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(248, 249, 250, 0.1);\n}\n.nft.nft-dark .btn:hover, .nft.nft-dark .btn:focus, .nft.nft-dark .btn:active, .nft.nft-dark .btn.active, .nft.nft-dark .btn.focus {\n  background-color: #dae0e5 !important;\n  border-color: #dae0e5 !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-footer .title:hover,\n.nft.nft-footer .read-more:hover {\n  color: #212f40 !important;\n}\n.nft.nft-footer .link {\n  color: #212f40 !important;\n}\n.nft.nft-footer .author .name:hover {\n  color: #212f40 !important;\n}\n.nft.nft-footer .bg-soft {\n  background-color: rgba(33, 47, 64, 0.1) !important;\n  border: 1px solid rgba(33, 47, 64, 0.1) !important;\n  color: #212f40 !important;\n}\n.nft.nft-footer .btn {\n  background-color: #212f40 !important;\n  border: 1px solid #212f40 !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(33, 47, 64, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(33, 47, 64, 0.1);\n}\n.nft.nft-footer .btn:hover, .nft.nft-footer .btn:focus, .nft.nft-footer .btn:active, .nft.nft-footer .btn.active, .nft.nft-footer .btn.focus {\n  background-color: #10161e !important;\n  border-color: #10161e !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-muted .title:hover,\n.nft.nft-muted .read-more:hover {\n  color: #9bacc4 !important;\n}\n.nft.nft-muted .link {\n  color: #9bacc4 !important;\n}\n.nft.nft-muted .author .name:hover {\n  color: #9bacc4 !important;\n}\n.nft.nft-muted .bg-soft {\n  background-color: rgba(155, 172, 196, 0.1) !important;\n  border: 1px solid rgba(155, 172, 196, 0.1) !important;\n  color: #9bacc4 !important;\n}\n.nft.nft-muted .btn {\n  background-color: #9bacc4 !important;\n  border: 1px solid #9bacc4 !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(155, 172, 196, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(155, 172, 196, 0.1);\n}\n.nft.nft-muted .btn:hover, .nft.nft-muted .btn:focus, .nft.nft-muted .btn:active, .nft.nft-muted .btn.active, .nft.nft-muted .btn.focus {\n  background-color: #7b91b1 !important;\n  border-color: #7b91b1 !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-item {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.nft.nft-item .nft-image .item-img {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.nft.nft-item .nft-image .overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  opacity: 0;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n  background: #f8f9fa;\n}\n.nft.nft-item:hover {\n  -webkit-box-shadow: 0 5px 13px rgba(173, 181, 189, 0.2) !important;\n          box-shadow: 0 5px 13px rgba(173, 181, 189, 0.2) !important;\n}\n.nft .bid-btn {\n  position: absolute;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n  bottom: -100px;\n  left: 0;\n  right: 0;\n}\n.nft.nft-creator {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.nft.nft-creator img {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.nft.nft-creator:hover img {\n  height: 90px !important;\n  width: 90px !important;\n}\n.nft:hover .nft-image .item-img {\n  -webkit-transform: scale(1.1) rotate(-3deg);\n          transform: scale(1.1) rotate(-3deg);\n}\n.nft:hover .nft-image .overlay {\n  opacity: 0.7;\n}\n.nft:hover .bid-btn {\n  bottom: 0;\n}\n\n/*********************************/\n/*         Home & Hero           */\n/*===============================*/\n.bg-home {\n  height: 100vh;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-photography {\n  height: 100vh;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n@media (max-width: 767px) {\n  .bg-photography {\n    padding: 300px 0;\n    height: auto;\n  }\n}\n\n.bg-video-studio {\n  height: 100vh;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-home-75vh {\n  height: 75vh !important;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n@media (max-width: 767px) {\n  .bg-home-75vh {\n    height: 80vh !important;\n  }\n}\n\n.bg-half-260 {\n  padding: 260px 0;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-half-170 {\n  padding: 170px 0;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-half-100 {\n  padding: 100px 0;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-half {\n  padding: 200px 0 100px;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n@media (max-width: 768px) {\n  .bg-half {\n    padding: 160px 0 60px;\n  }\n}\n\n.bg-auth-home {\n  padding: 142px 0;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-consulting {\n  height: 100vh;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n@media (max-width: 767px) {\n  .bg-consulting {\n    padding: 0 0 300px;\n    height: auto;\n  }\n  .bg-consulting .background {\n    padding: 120px 12px 50px;\n    background: #1c2836;\n  }\n}\n@media (min-width: 768px) {\n  .bg-consulting:after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: 50%;\n    height: 100%;\n    background: #1c2836;\n  }\n}\n.bg-circle-gradiant {\n  background: radial-gradient(circle at 50% 50%, rgba(22, 163, 74, 0.1) 0%, rgba(22, 163, 74, 0.1) 33.333%, rgba(22, 163, 74, 0.2) 33.333%, rgba(22, 163, 74, 0.2) 66.666%, rgba(22, 163, 74, 0.3) 66.666%, rgba(22, 163, 74, 0.3) 99.999%);\n}\n\n.lawyer-wrapper {\n  overflow: hidden;\n}\n.lawyer-wrapper:before {\n  content: \"\";\n  position: absolute;\n  bottom: 25rem;\n  left: 13rem;\n  width: 50rem;\n  height: 25rem;\n  -webkit-transform: rotate(-100deg);\n          transform: rotate(-100deg);\n  background: -webkit-gradient(linear, right top, left top, from(rgba(22, 163, 74, 0.3)), to(transparent));\n  background: linear-gradient(-90deg, rgba(22, 163, 74, 0.3), transparent);\n  z-index: 1;\n}\n@media (min-width: 769px) and (max-width: 1024px) {\n  .lawyer-wrapper:before {\n    left: -10rem;\n  }\n}\n@media (min-width: 576px) and (max-width: 768px) {\n  .lawyer-wrapper:before {\n    left: -15rem;\n    height: 20rem;\n    bottom: 25rem;\n  }\n}\n@media (max-width: 575px) {\n  .lawyer-wrapper:before {\n    left: -15rem;\n    height: 20rem;\n    bottom: 35rem;\n  }\n}\n\n.it-home {\n  -webkit-animation: slideleft 30000s infinite linear;\n          animation: slideleft 30000s infinite linear;\n}\n\n@-webkit-keyframes slideleft {\n  from {\n    background-position: 100%;\n  }\n  to {\n    background-position: -89900%;\n  }\n}\n\n@keyframes slideleft {\n  from {\n    background-position: 100%;\n  }\n  to {\n    background-position: -89900%;\n  }\n}\n.home-dashboard img {\n  position: relative;\n  top: 60px;\n  z-index: 1;\n}\n@media (min-width: 768px) {\n  .home-dashboard.onepage-hero {\n    overflow: hidden;\n  }\n}\n\n.classic-saas-image .bg-saas-shape:after {\n  bottom: 3rem;\n  right: 0;\n  width: 75rem;\n  height: 55rem;\n  border-radius: 20rem;\n}\n@media (max-width: 767px) {\n  .classic-saas-image .bg-saas-shape:after {\n    right: 10rem;\n    width: 30rem;\n    height: 30rem;\n    border-radius: 10rem;\n  }\n}\n\n@media (max-width: 768px) {\n  .classic-saas-image .bg-saas-shape img,\n  .freelance-hero .bg-shape img,\n  .ai-hero .image img {\n    max-width: 550px;\n  }\n}\n@media (max-width: 767px) {\n  .classic-saas-image .bg-saas-shape img,\n  .freelance-hero .bg-shape img,\n  .ai-hero .image img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n\n.classic-saas-image .bg-saas-shape:after,\n.freelance-hero .bg-shape:after {\n  opacity: 0.9;\n  -webkit-transform: rotate(-130deg);\n          transform: rotate(-130deg);\n}\n@media (max-width: 767px) {\n  .classic-saas-image .bg-saas-shape:after,\n  .freelance-hero .bg-shape:after {\n    bottom: -5rem !important;\n    height: 30rem;\n  }\n}\n\n.ai-hero:after, .ai-hero:before {\n  content: \"\";\n  position: absolute;\n  border: 2px dashed rgba(108, 117, 125, 0.5);\n  border-radius: 50%;\n  -webkit-animation: spinner-animation 72s linear infinite;\n          animation: spinner-animation 72s linear infinite;\n  z-index: -1;\n}\n.ai-hero:after {\n  top: -40px;\n  left: -128px;\n  height: 576px;\n  width: 576px;\n}\n@media (min-width: 1024px) {\n  .ai-hero:after {\n    top: 0;\n  }\n}\n.ai-hero:before {\n  top: -144px;\n  left: -224px;\n  height: 768px;\n  width: 768px;\n}\n@media (min-width: 1024px) {\n  .ai-hero:before {\n    top: -96px;\n  }\n}\n.ai-hero .image:after {\n  content: \"\";\n  position: absolute;\n  top: -40px;\n  left: 0;\n  width: 672px;\n  height: 672px;\n  background-color: rgba(22, 163, 74, 0.4);\n  border-radius: 50%;\n  -webkit-filter: blur(100px);\n          filter: blur(100px);\n  pointer-events: none;\n  z-index: -1;\n}\n@media (min-width: 1024px) {\n  .ai-hero .image:after {\n    top: -96px;\n  }\n}\n\n.freelance-hero .bg-shape:after {\n  bottom: 0rem;\n  right: 7rem;\n  width: 100rem;\n  height: 70rem;\n  border-radius: 6rem;\n}\n@media (max-width: 768px) {\n  .freelance-hero .bg-shape:after {\n    bottom: -10rem;\n  }\n}\n@media (max-width: 767px) {\n  .freelance-hero .bg-shape:after {\n    right: 15rem;\n    width: 40rem;\n    height: 30rem;\n  }\n}\n\n.freelance-hero .bg-shape:after {\n  -webkit-box-shadow: 0 0 40px rgba(22, 163, 74, 0.5);\n          box-shadow: 0 0 40px rgba(22, 163, 74, 0.5);\n  background-color: #51e889;\n}\n\n.studio-home {\n  padding: 7%;\n}\n\n.agency-wrapper:before {\n  content: \"\";\n  position: absolute;\n  bottom: 22rem;\n  left: 54rem;\n  width: 90rem;\n  height: 35rem;\n  border-radius: 17rem;\n  -webkit-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n  background-color: #1f2d3d;\n  z-index: -1;\n}\n@media (max-width: 768px) {\n  .agency-wrapper:before {\n    left: 12rem;\n  }\n}\n@media (max-width: 767px) {\n  .agency-wrapper:before {\n    left: 0;\n  }\n}\n\n.bg-marketing {\n  padding: 76px 0 120px;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-top-74 {\n  padding: 74px 0 0;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.home-slider .carousel-control-next,\n.home-slider .carousel-control-prev {\n  width: 30px;\n  height: 30px;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n  border-radius: 30px;\n  border: 1px solid #2a3c51;\n}\n.home-slider .carousel-control-next-icon,\n.home-slider .carousel-control-prev-icon {\n  width: 30%;\n}\n.home-slider .carousel-control-next {\n  left: 8px;\n}\n.home-slider .carousel-control-prev {\n  right: 8px;\n}\n\n.carousel-indicators [data-bs-target] {\n  width: 10px;\n  height: 10px;\n  border-radius: 3px;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n  border: 0;\n  background: #16a34a !important;\n  margin: auto 4px;\n}\n.carousel-indicators .active {\n  background-color: #16a34a !important;\n  -webkit-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n}\n\n.bg-animation-left:after {\n  content: \"\";\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  width: 70%;\n  height: 100%;\n  background: rgba(28, 40, 54, 0.85);\n  -webkit-clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);\n          clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);\n}\n@media (max-width: 767px) {\n  .bg-animation-left:after {\n    width: 100%;\n    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\n            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\n  }\n}\n.bg-animation-left.dark-left:after {\n  background: rgba(0, 0, 0, 0.6);\n}\n.bg-animation-left.crypto-home:after {\n  background: #16a34a;\n  width: 80%;\n  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);\n          clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);\n}\n.bg-animation-left.task-management-home:after {\n  background: url(\"../images/task/bg.png\") #16a34a;\n  width: 100%;\n  -webkit-clip-path: circle(65% at 40% 25%);\n          clip-path: circle(65% at 40% 25%);\n}\n\n.bg-invoice {\n  padding: 100px 0;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.classic-app-image .bg-app-shape:after {\n  bottom: 3rem;\n  right: -8rem;\n  width: 55rem;\n  height: 35rem;\n  border-radius: 20rem;\n  -webkit-transform: rotate(-120deg);\n          transform: rotate(-120deg);\n  opacity: 0.9;\n}\n.classic-app-image .app-images {\n  position: absolute;\n  bottom: 60px;\n  left: -20px;\n}\n\n.classic-app-image .bg-app-shape:after,\n.classic-saas-image .bg-saas-shape:after,\n.freelance-hero .bg-shape:after {\n  content: \" \";\n  position: absolute;\n  z-index: -1;\n}\n\n.classic-app-image .bg-app-shape:after,\n.classic-saas-image .bg-saas-shape:after {\n  -webkit-box-shadow: 0 0 40px rgba(22, 163, 74, 0.5);\n          box-shadow: 0 0 40px rgba(22, 163, 74, 0.5);\n  background-color: #16a34a;\n}\n\n.shape-before .shape-img {\n  position: absolute;\n  top: -50px;\n  right: -35px;\n  z-index: -1;\n  height: auto;\n  overflow: hidden;\n}\n\n.swiper-slider-hero .swiper-container,\n.swiper-slider-hero .swiper-slide .slide-inner {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n}\n.swiper-slider-hero .swiper-container .swiper-button-prev,\n.swiper-slider-hero .swiper-container .swiper-button-next {\n  background: transparent;\n  width: 35px;\n  height: 35px;\n  line-height: 35px;\n  margin-top: -30px;\n}\n.swiper-slider-hero .swiper-container .swiper-button-prev:before,\n.swiper-slider-hero .swiper-container .swiper-button-next:before {\n  font-family: \"Material Design Icons\";\n  font-weight: 900;\n  color: #ffffff;\n}\n.swiper-slider-hero .swiper-container .swiper-button-prev:hover,\n.swiper-slider-hero .swiper-container .swiper-button-next:hover {\n  background: #16a34a;\n  border-color: #16a34a !important;\n}\n.swiper-slider-hero .swiper-container .swiper-button-prev {\n  right: 10px;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n}\n.swiper-slider-hero .swiper-container .swiper-button-prev:before {\n  content: \"\\f0141\";\n}\n.swiper-slider-hero .swiper-container .swiper-button-next {\n  left: 10px;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n}\n.swiper-slider-hero .swiper-container .swiper-button-next:before {\n  content: \"\\f0142\";\n}\n.swiper-slider-hero .swiper-pagination-bullet {\n  color: #1f2d3d;\n  background: transparent;\n}\n.swiper-slider-hero .swiper-pagination-bullet-active {\n  color: #ffffff;\n}\n.swiper-slider-hero .swiper-container-horizontal > .swiper-pagination-bullets,\n.swiper-slider-hero .swiper-pagination-custom,\n.swiper-slider-hero .swiper-pagination-fraction {\n  bottom: 45px;\n}\n.swiper-slider-hero .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 0 13px;\n}\n\n@media (min-width: 769px) {\n  .bg-studio:after {\n    content: \"\";\n    position: absolute;\n    left: 0px;\n    top: 0px;\n    width: 50%;\n    height: 100%;\n    background: #ffffff none repeat scroll 100% 0;\n    z-index: 2;\n  }\n}\n@media (max-width: 767px) {\n  .bg-home, .bg-half-170, .bg-half-260, .bg-marketing, .swiper-slider-hero .swiper-container .swiper-slide {\n    padding: 150px 0;\n    height: auto;\n  }\n}\n.personal-hero:before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  bottom: -20rem;\n  width: 50rem;\n  height: 50rem;\n  left: 150px;\n  right: 0;\n  margin: 0 auto;\n  border-radius: 50%;\n  background: #16a34a;\n}\n@media (max-width: 576px) {\n  .personal-hero:before {\n    width: 30rem;\n    height: 30rem;\n    bottom: -10rem;\n  }\n}\n.personal-hero .personal-overlay {\n  visibility: hidden !important;\n}\n@media (max-width: 768px) {\n  .personal-hero .personal-overlay {\n    visibility: visible !important;\n  }\n  .personal-hero .title,\n  .personal-hero .sub-title {\n    color: #ffffff;\n  }\n  .personal-hero .para {\n    color: rgba(255, 255, 255, 0.5);\n  }\n}\n\n@media (min-width: 769px) {\n  .personal-hero .personal-hero-para {\n    position: absolute;\n    top: 50%;\n    -webkit-backdrop-filter: blur(12px);\n            backdrop-filter: blur(12px);\n    background-color: rgba(31, 45, 61, 0.5);\n    z-index: 1;\n    padding: 24px;\n  }\n}\n.bg-video-wrapper {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n.bg-video-wrapper iframe {\n  width: 100vw;\n  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */\n  min-height: 100vh;\n  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */\n  position: absolute;\n  top: 50%;\n  right: 50%;\n  -webkit-transform: translate(50%, -50%);\n          transform: translate(50%, -50%);\n}\n\n.shape {\n  position: absolute;\n  pointer-events: none;\n  left: 0;\n  bottom: -2px;\n  right: 0;\n}\n.shape > svg {\n  -webkit-transform: scale(2);\n          transform: scale(2);\n  width: 100%;\n  height: auto;\n  -webkit-transform-origin: top center;\n          transform-origin: top center;\n}\n.shape.integration-hero {\n  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n          clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n  height: 250px;\n  background: #1c2836;\n}\n@media (max-width: 768px) {\n  .shape.integration-hero {\n    height: 140px;\n  }\n}\n@media (max-width: 425px) {\n  .shape.integration-hero {\n    height: 60px;\n  }\n}\n@media (max-width: 425px) {\n  .shape {\n    bottom: -4px;\n  }\n}\n\n/* Kenburn Effect */\n.zoom-image {\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}\n\n.image-wrap {\n  position: absolute;\n  top: -350px;\n  left: -100px;\n  bottom: -350px;\n  right: -100px;\n  margin: auto;\n  height: auto;\n  min-height: 100%;\n  width: auto;\n  min-width: 100%;\n  overflow: hidden;\n  -webkit-animation: 100s ppb_kenburns linear infinite alternate;\n          animation: 100s ppb_kenburns linear infinite alternate;\n}\n\n@-webkit-keyframes move {\n  0% {\n    -webkit-transform-origin: bottom;\n            transform-origin: bottom;\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n  100% {\n    -webkit-transform: scale(1.4);\n            transform: scale(1.4);\n  }\n}\n\n@keyframes move {\n  0% {\n    -webkit-transform-origin: bottom;\n            transform-origin: bottom;\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n  100% {\n    -webkit-transform: scale(1.4);\n            transform: scale(1.4);\n  }\n}\n@-webkit-keyframes ppb_kenburns {\n  0% {\n    -webkit-transform: scale(1.3) translate(10%, 10%);\n            transform: scale(1.3) translate(10%, 10%);\n  }\n  25% {\n    -webkit-transform: scale(1) translate(0, 0);\n            transform: scale(1) translate(0, 0);\n  }\n  50% {\n    -webkit-transform: scale(1.3) translate(-10%, 10%);\n            transform: scale(1.3) translate(-10%, 10%);\n  }\n  75% {\n    -webkit-transform: scale(1) translate(0, 0);\n            transform: scale(1) translate(0, 0);\n  }\n  100% {\n    -webkit-transform: scale(1.3) translate(10%, 10%);\n            transform: scale(1.3) translate(10%, 10%);\n  }\n}\n@keyframes ppb_kenburns {\n  0% {\n    -webkit-transform: scale(1.3) translate(10%, 10%);\n            transform: scale(1.3) translate(10%, 10%);\n  }\n  25% {\n    -webkit-transform: scale(1) translate(0, 0);\n            transform: scale(1) translate(0, 0);\n  }\n  50% {\n    -webkit-transform: scale(1.3) translate(-10%, 10%);\n            transform: scale(1.3) translate(-10%, 10%);\n  }\n  75% {\n    -webkit-transform: scale(1) translate(0, 0);\n            transform: scale(1) translate(0, 0);\n  }\n  100% {\n    -webkit-transform: scale(1.3) translate(10%, 10%);\n            transform: scale(1.3) translate(10%, 10%);\n  }\n}\n/*********************************/\n/*         Pricing & Plans       */\n/*===============================*/\n.pricing.pricing-primary.business-rate:hover {\n  border-color: #16a34a !important;\n}\n.pricing.pricing-primary.business-rate:hover .title {\n  color: #16a34a;\n}\n.pricing.pricing-primary.starter-plan {\n  border-color: #16a34a !important;\n}\n.pricing.pricing-primary .name,\n.pricing.pricing-primary .icon {\n  color: #16a34a;\n}\n.pricing.pricing-secondary.business-rate:hover {\n  border-color: #ced4da !important;\n}\n.pricing.pricing-secondary.business-rate:hover .title {\n  color: #ced4da;\n}\n.pricing.pricing-secondary.starter-plan {\n  border-color: #ced4da !important;\n}\n.pricing.pricing-secondary .name,\n.pricing.pricing-secondary .icon {\n  color: #ced4da;\n}\n.pricing.pricing-success.business-rate:hover {\n  border-color: #2eca8b !important;\n}\n.pricing.pricing-success.business-rate:hover .title {\n  color: #2eca8b;\n}\n.pricing.pricing-success.starter-plan {\n  border-color: #2eca8b !important;\n}\n.pricing.pricing-success .name,\n.pricing.pricing-success .icon {\n  color: #2eca8b;\n}\n.pricing.pricing-info.business-rate:hover {\n  border-color: #17a2b8 !important;\n}\n.pricing.pricing-info.business-rate:hover .title {\n  color: #17a2b8;\n}\n.pricing.pricing-info.starter-plan {\n  border-color: #17a2b8 !important;\n}\n.pricing.pricing-info .name,\n.pricing.pricing-info .icon {\n  color: #17a2b8;\n}\n.pricing.pricing-warning.business-rate:hover {\n  border-color: #f17425 !important;\n}\n.pricing.pricing-warning.business-rate:hover .title {\n  color: #f17425;\n}\n.pricing.pricing-warning.starter-plan {\n  border-color: #f17425 !important;\n}\n.pricing.pricing-warning .name,\n.pricing.pricing-warning .icon {\n  color: #f17425;\n}\n.pricing.pricing-danger.business-rate:hover {\n  border-color: #e43f52 !important;\n}\n.pricing.pricing-danger.business-rate:hover .title {\n  color: #e43f52;\n}\n.pricing.pricing-danger.starter-plan {\n  border-color: #e43f52 !important;\n}\n.pricing.pricing-danger .name,\n.pricing.pricing-danger .icon {\n  color: #e43f52;\n}\n.pricing.pricing-light.business-rate:hover {\n  border-color: #1f2d3d !important;\n}\n.pricing.pricing-light.business-rate:hover .title {\n  color: #1f2d3d;\n}\n.pricing.pricing-light.starter-plan {\n  border-color: #1f2d3d !important;\n}\n.pricing.pricing-light .name,\n.pricing.pricing-light .icon {\n  color: #1f2d3d;\n}\n.pricing.pricing-dark.business-rate:hover {\n  border-color: #f8f9fa !important;\n}\n.pricing.pricing-dark.business-rate:hover .title {\n  color: #f8f9fa;\n}\n.pricing.pricing-dark.starter-plan {\n  border-color: #f8f9fa !important;\n}\n.pricing.pricing-dark .name,\n.pricing.pricing-dark .icon {\n  color: #f8f9fa;\n}\n.pricing.pricing-footer.business-rate:hover {\n  border-color: #212f40 !important;\n}\n.pricing.pricing-footer.business-rate:hover .title {\n  color: #212f40;\n}\n.pricing.pricing-footer.starter-plan {\n  border-color: #212f40 !important;\n}\n.pricing.pricing-footer .name,\n.pricing.pricing-footer .icon {\n  color: #212f40;\n}\n.pricing.pricing-muted.business-rate:hover {\n  border-color: #9bacc4 !important;\n}\n.pricing.pricing-muted.business-rate:hover .title {\n  color: #9bacc4;\n}\n.pricing.pricing-muted.starter-plan {\n  border-color: #9bacc4 !important;\n}\n.pricing.pricing-muted .name,\n.pricing.pricing-muted .icon {\n  color: #9bacc4;\n}\n\n.pricing {\n  position: relative;\n  z-index: 1;\n  border-bottom: 3px solid #2a3c51 !important;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.pricing .price {\n  font-weight: 400;\n}\n.pricing.business-rate:hover {\n  -webkit-transform: scale(1.03);\n          transform: scale(1.03);\n  z-index: 2;\n  -webkit-box-shadow: 0 5px 13px rgba(173, 181, 189, 0.2) !important;\n          box-shadow: 0 5px 13px rgba(173, 181, 189, 0.2) !important;\n  background-color: #1c2836 !important;\n}\n.pricing.starter-plan {\n  -webkit-transform: scale(1.05);\n          transform: scale(1.05);\n  z-index: 2;\n}\n@media (max-width: 767px) {\n  .pricing.starter-plan {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n}\n.pricing.best-plan:hover {\n  -webkit-transform: translateY(-10px);\n          transform: translateY(-10px);\n}\n\n.ribbon.ribbon-primary span {\n  background-color: #16a34a !important;\n}\n.ribbon.ribbon-primary span:before {\n  border-right-color: #107636;\n  border-top-color: #107636;\n}\n.ribbon.ribbon-primary span:after {\n  border-left-color: #107636;\n  border-top-color: #107636;\n}\n.ribbon.ribbon-secondary span {\n  background-color: #ced4da !important;\n}\n.ribbon.ribbon-secondary span:before {\n  border-right-color: #b1bbc4;\n  border-top-color: #b1bbc4;\n}\n.ribbon.ribbon-secondary span:after {\n  border-left-color: #b1bbc4;\n  border-top-color: #b1bbc4;\n}\n.ribbon.ribbon-success span {\n  background-color: #2eca8b !important;\n}\n.ribbon.ribbon-success span:before {\n  border-right-color: #25a06e;\n  border-top-color: #25a06e;\n}\n.ribbon.ribbon-success span:after {\n  border-left-color: #25a06e;\n  border-top-color: #25a06e;\n}\n.ribbon.ribbon-info span {\n  background-color: #17a2b8 !important;\n}\n.ribbon.ribbon-info span:before {\n  border-right-color: #117a8b;\n  border-top-color: #117a8b;\n}\n.ribbon.ribbon-info span:after {\n  border-left-color: #117a8b;\n  border-top-color: #117a8b;\n}\n.ribbon.ribbon-warning span {\n  background-color: #f17425 !important;\n}\n.ribbon.ribbon-warning span:before {\n  border-right-color: #d55b0e;\n  border-top-color: #d55b0e;\n}\n.ribbon.ribbon-warning span:after {\n  border-left-color: #d55b0e;\n  border-top-color: #d55b0e;\n}\n.ribbon.ribbon-danger span {\n  background-color: #e43f52 !important;\n}\n.ribbon.ribbon-danger span:before {\n  border-right-color: #d21e32;\n  border-top-color: #d21e32;\n}\n.ribbon.ribbon-danger span:after {\n  border-left-color: #d21e32;\n  border-top-color: #d21e32;\n}\n.ribbon.ribbon-light span {\n  background-color: #1f2d3d !important;\n}\n.ribbon.ribbon-light span:before {\n  border-right-color: #0e141b;\n  border-top-color: #0e141b;\n}\n.ribbon.ribbon-light span:after {\n  border-left-color: #0e141b;\n  border-top-color: #0e141b;\n}\n.ribbon.ribbon-dark span {\n  background-color: #f8f9fa !important;\n}\n.ribbon.ribbon-dark span:before {\n  border-right-color: #dae0e5;\n  border-top-color: #dae0e5;\n}\n.ribbon.ribbon-dark span:after {\n  border-left-color: #dae0e5;\n  border-top-color: #dae0e5;\n}\n.ribbon.ribbon-footer span {\n  background-color: #212f40 !important;\n}\n.ribbon.ribbon-footer span:before {\n  border-right-color: #10161e;\n  border-top-color: #10161e;\n}\n.ribbon.ribbon-footer span:after {\n  border-left-color: #10161e;\n  border-top-color: #10161e;\n}\n.ribbon.ribbon-muted span {\n  background-color: #9bacc4 !important;\n}\n.ribbon.ribbon-muted span:before {\n  border-right-color: #7b91b1;\n  border-top-color: #7b91b1;\n}\n.ribbon.ribbon-muted span:after {\n  border-left-color: #7b91b1;\n  border-top-color: #7b91b1;\n}\n\n.ribbon {\n  position: absolute;\n  top: -5px;\n  width: 75px;\n  height: 75px;\n  z-index: 2;\n}\n.ribbon.ribbon-right {\n  left: -5px;\n}\n.ribbon.ribbon-right span {\n  left: -23px;\n  -webkit-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n}\n.ribbon.ribbon-left {\n  right: -5px;\n}\n.ribbon.ribbon-left span {\n  right: -21px;\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n}\n.ribbon span {\n  position: absolute;\n  top: 18px;\n  width: 100px;\n  color: #ffffff;\n}\n.ribbon span:before, .ribbon span:after {\n  content: \"\";\n  position: absolute;\n  top: 100%;\n  z-index: -1;\n  border: 3px solid transparent;\n}\n.ribbon span:before {\n  right: 0;\n}\n.ribbon span:after {\n  left: 0;\n}\n\n.invoice-top .logo-invoice {\n  font-weight: 700;\n  font-size: 27px;\n  letter-spacing: 1px;\n}\n\n.crypto-chart {\n  position: absolute;\n  right: 24px;\n  left: 24px;\n  bottom: 24px;\n  opacity: 0.1;\n  z-index: 0;\n}\n\n.apexcharts-tooltip {\n  background: #161c2d !important;\n  color: #ffffff;\n}\n\n.switcher-pricing .toggle, .switcher-pricing .toggler {\n  display: inline-block;\n  vertical-align: middle;\n}\n.switcher-pricing .toggler {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n  font-weight: bold;\n}\n.switcher-pricing .toggler--is-active {\n  color: #16a34a !important;\n}\n.switcher-pricing .form-switch .form-check-input {\n  width: 48px;\n  height: 24px;\n  margin-top: 0;\n}\n\n.hide {\n  display: none;\n}\n\n/*********************************/\n/*         Team members          */\n/*===============================*/\n.team.team-primary .name:hover {\n  color: #16a34a !important;\n}\n\n.team.team-secondary .name:hover {\n  color: #ced4da !important;\n}\n\n.team.team-success .name:hover {\n  color: #2eca8b !important;\n}\n\n.team.team-info .name:hover {\n  color: #17a2b8 !important;\n}\n\n.team.team-warning .name:hover {\n  color: #f17425 !important;\n}\n\n.team.team-danger .name:hover {\n  color: #e43f52 !important;\n}\n\n.team.team-light .name:hover {\n  color: #1f2d3d !important;\n}\n\n.team.team-dark .name:hover {\n  color: #f8f9fa !important;\n}\n\n.team.team-footer .name:hover {\n  color: #212f40 !important;\n}\n\n.team.team-muted .name:hover {\n  color: #9bacc4 !important;\n}\n\n.team img {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.team .team-icon {\n  position: absolute;\n  bottom: 50%;\n  -webkit-transform: translateY(50%);\n          transform: translateY(50%);\n  left: 0;\n  opacity: 0;\n  right: 0;\n  text-align: center;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.team:hover img {\n  -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n          box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n  opacity: 0.2;\n}\n.team:hover .overlay-team {\n  opacity: 0.6;\n}\n.team:hover .team-icon {\n  opacity: 1;\n}\n\n/*********************************/\n/*         Testimonial           */\n/*===============================*/\n.client-testi {\n  cursor: e-resize;\n}\n.client-testi .client-image {\n  margin-left: 16px;\n}\n.client-testi .content:before {\n  content: \"\";\n  position: absolute;\n  top: 30px;\n  right: 0;\n  margin-right: 13px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  border: 8px solid #f8f9fa;\n  border-color: transparent transparent #1c2836 #1c2836;\n  -webkit-transform-origin: 100% 0;\n          transform-origin: 100% 0;\n  -webkit-transform: rotate(-135deg);\n          transform: rotate(-135deg);\n  -webkit-box-shadow: -2px 2px 2px -1px rgba(248, 249, 250, 0.15);\n          box-shadow: -2px 2px 2px -1px rgba(248, 249, 250, 0.15);\n}\n\n.tns-nav {\n  text-align: center;\n  margin-top: 10px;\n}\n.tns-nav button {\n  border-radius: 3px;\n  background: rgba(22, 163, 74, 0.5) !important;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n  border: none;\n  margin: 0 5px;\n  padding: 5px;\n}\n.tns-nav button.tns-nav-active {\n  background: #16a34a !important;\n  -webkit-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n}\n\n.tns-controls button[data-controls=prev],\n.tns-controls button[data-controls=next] {\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n  font-size: 16px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: #1c2836;\n  color: #f8f9fa;\n  border: none;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n  z-index: 1;\n  -webkit-box-shadow: 0 10px 25px rgba(173, 181, 189, 0.15);\n          box-shadow: 0 10px 25px rgba(173, 181, 189, 0.15);\n}\n.tns-controls button[data-controls=prev]:hover,\n.tns-controls button[data-controls=next]:hover {\n  background: #16a34a;\n  color: #ffffff;\n}\n.tns-controls button[data-controls=prev] {\n  right: 0;\n}\n.tns-controls button[data-controls=next] {\n  left: 0;\n}\n\n.slick-slider {\n  overflow-x: hidden !important;\n  cursor: pointer;\n}\n\n.tiny-timeline {\n  position: relative;\n  width: 100%;\n  margin: 0 auto;\n}\n.tiny-timeline:before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  top: 17px;\n  right: 0;\n  height: 2px;\n  background: #16a34a;\n}\n.tiny-timeline .item-box {\n  margin: 70px 15px 20px;\n}\n.tiny-timeline .item-box:before, .tiny-timeline .item-box:after {\n  content: \"\";\n  position: absolute;\n  right: 50%;\n  background: #16a34a;\n}\n.tiny-timeline .item-box:before {\n  width: 2px;\n  height: 46px;\n  top: -46px;\n  -webkit-transform: translateX(50%);\n          transform: translateX(50%);\n}\n.tiny-timeline .item-box:after {\n  width: 13px;\n  height: 13px;\n  top: -59px;\n  border-radius: 3px;\n  -webkit-transform: translateX(50%) rotate(-45deg);\n          transform: translateX(50%) rotate(-45deg);\n}\n\n/* RTL */\nhtml[dir=rtl] .swiper-slider-hero, html[dir=rtl] .tns-inner, html[dir=rtl] .tns-nav {\n  direction: ltr !important;\n}\nhtml[dir=rtl] .tns-visually-hidden {\n  left: 0 !important;\n  visibility: hidden;\n}\n/*********************************/\n/*         Authentications       */\n/*===============================*/\n.login-page {\n  font-size: 15px;\n}\n.login-page .forgot-pass {\n  z-index: 99;\n  position: relative;\n  font-size: 13px;\n}\n\n.cover-user .container-fluid {\n  max-width: 100%;\n}\n@media (max-width: 768px) {\n  .cover-user .container-fluid .padding-less {\n    position: relative !important;\n    height: 400px !important;\n  }\n}\n.cover-user .container-fluid .padding-less.img {\n  background: scroll center no-repeat;\n  background-size: cover;\n  position: absolute;\n  height: 100%;\n}\n.cover-user .cover-user-img {\n  height: 100vh;\n}\n@media (min-width: 1025px) {\n  .cover-user .cover-user-img {\n    padding: 0px 20%;\n  }\n}\n@media (max-width: 768px) {\n  .cover-user .cover-user-img {\n    -webkit-box-align: start !important;\n        -ms-flex-align: start !important;\n            align-items: start !important;\n    height: auto !important;\n    padding: 30px;\n  }\n}\n@media (max-width: 768px) {\n  .cover-user .cover-user-content {\n    text-align: right !important;\n  }\n  .cover-user .cover-my-30 {\n    margin: 30px 0;\n  }\n}\n\n.form-signin {\n  width: 100%;\n  max-width: 400px;\n  margin: auto;\n}\n\n.bg-profile {\n  padding: 100px 0;\n  background-size: cover !important;\n  -ms-flex-item-align: center;\n      align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n.bg-profile .public-profile {\n  top: 175px;\n}\n\n.chat .chat-list:hover, .chat .chat-list.active, .chat .chat-list:focus {\n  background: #1f2d3d !important;\n  -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n          box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n.chat .chat-list .on-off,\n.chat .chat-type .on-off {\n  position: absolute;\n  right: -1px;\n  top: -1px;\n  font-size: 12px !important;\n}\n.chat.chat-person .on-off {\n  font-size: 10px;\n}\n.chat.chat-person .chat-msg {\n  margin-right: 8px;\n}\n.chat.chat-person .chat-msg .msg {\n  border: 1px solid #2a3c51;\n}\n.chat.chat-person .chat-msg .msg-time {\n  font-size: 12px !important;\n}\n.chat.chat-person .chat-right {\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n  text-align: left;\n}\n.chat.chat-person .chat-right .chat-user-image {\n  -webkit-box-ordinal-group: 3;\n      -ms-flex-order: 2;\n          order: 2;\n}\n.chat.chat-person .chat-right .chat-user-image .on-off {\n  left: -1px;\n}\n.chat.chat-person .chat-right .chat-msg {\n  margin-left: 8px;\n  margin-right: 0;\n}\n.chat.chat-person .chat-right .chat-msg .msg {\n  display: inline-block;\n}\n.chat.chat-person .chat-right .chat-msg .msg-time {\n  display: block;\n}\n\n.simplebar-track.simplebar-vertical {\n  width: 8px !important;\n}\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  width: 4px !important;\n  background: #adb5bd !important;\n}\n\n.ck.ck-toolbar,\n.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {\n  background: #1c2836 !important;\n  border: 1px solid #2a3c51 !important;\n}\n\n.ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break), .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {\n  color: #f8f9fa;\n}\n\n/*********************************/\n/*         Works & Portfolios    */\n/*===============================*/\n.work-container.work-primary .title:hover {\n  color: #16a34a !important;\n}\n.work-container.work-primary.work-modern .work-icon, .work-container.work-primary.work-creative .work-icon {\n  color: #16a34a !important;\n}\n.work-container.work-primary.work-modern .work-icon:hover, .work-container.work-primary.work-creative .work-icon:hover {\n  background: #16a34a !important;\n}\n.work-container.work-primary .btn {\n  background-color: #16a34a !important;\n  border: 1px solid #16a34a !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(22, 163, 74, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(22, 163, 74, 0.1);\n}\n.work-container.work-primary .btn:hover, .work-container.work-primary .btn:focus, .work-container.work-primary .btn:active, .work-container.work-primary .btn.active, .work-container.work-primary .btn.focus {\n  background-color: #107636 !important;\n  border-color: #107636 !important;\n  color: #ffffff !important;\n}\n.work-container.work-primary .bg {\n  background-color: #16a34a !important;\n}\n.work-container.work-primary .link {\n  color: #16a34a !important;\n}\n\n.work-container.work-secondary .title:hover {\n  color: #ced4da !important;\n}\n.work-container.work-secondary.work-modern .work-icon, .work-container.work-secondary.work-creative .work-icon {\n  color: #ced4da !important;\n}\n.work-container.work-secondary.work-modern .work-icon:hover, .work-container.work-secondary.work-creative .work-icon:hover {\n  background: #ced4da !important;\n}\n.work-container.work-secondary .btn {\n  background-color: #ced4da !important;\n  border: 1px solid #ced4da !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(206, 212, 218, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(206, 212, 218, 0.1);\n}\n.work-container.work-secondary .btn:hover, .work-container.work-secondary .btn:focus, .work-container.work-secondary .btn:active, .work-container.work-secondary .btn.active, .work-container.work-secondary .btn.focus {\n  background-color: #b1bbc4 !important;\n  border-color: #b1bbc4 !important;\n  color: #ffffff !important;\n}\n.work-container.work-secondary .bg {\n  background-color: #ced4da !important;\n}\n.work-container.work-secondary .link {\n  color: #ced4da !important;\n}\n\n.work-container.work-success .title:hover {\n  color: #2eca8b !important;\n}\n.work-container.work-success.work-modern .work-icon, .work-container.work-success.work-creative .work-icon {\n  color: #2eca8b !important;\n}\n.work-container.work-success.work-modern .work-icon:hover, .work-container.work-success.work-creative .work-icon:hover {\n  background: #2eca8b !important;\n}\n.work-container.work-success .btn {\n  background-color: #2eca8b !important;\n  border: 1px solid #2eca8b !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.1);\n}\n.work-container.work-success .btn:hover, .work-container.work-success .btn:focus, .work-container.work-success .btn:active, .work-container.work-success .btn.active, .work-container.work-success .btn.focus {\n  background-color: #25a06e !important;\n  border-color: #25a06e !important;\n  color: #ffffff !important;\n}\n.work-container.work-success .bg {\n  background-color: #2eca8b !important;\n}\n.work-container.work-success .link {\n  color: #2eca8b !important;\n}\n\n.work-container.work-info .title:hover {\n  color: #17a2b8 !important;\n}\n.work-container.work-info.work-modern .work-icon, .work-container.work-info.work-creative .work-icon {\n  color: #17a2b8 !important;\n}\n.work-container.work-info.work-modern .work-icon:hover, .work-container.work-info.work-creative .work-icon:hover {\n  background: #17a2b8 !important;\n}\n.work-container.work-info .btn {\n  background-color: #17a2b8 !important;\n  border: 1px solid #17a2b8 !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.1);\n}\n.work-container.work-info .btn:hover, .work-container.work-info .btn:focus, .work-container.work-info .btn:active, .work-container.work-info .btn.active, .work-container.work-info .btn.focus {\n  background-color: #117a8b !important;\n  border-color: #117a8b !important;\n  color: #ffffff !important;\n}\n.work-container.work-info .bg {\n  background-color: #17a2b8 !important;\n}\n.work-container.work-info .link {\n  color: #17a2b8 !important;\n}\n\n.work-container.work-warning .title:hover {\n  color: #f17425 !important;\n}\n.work-container.work-warning.work-modern .work-icon, .work-container.work-warning.work-creative .work-icon {\n  color: #f17425 !important;\n}\n.work-container.work-warning.work-modern .work-icon:hover, .work-container.work-warning.work-creative .work-icon:hover {\n  background: #f17425 !important;\n}\n.work-container.work-warning .btn {\n  background-color: #f17425 !important;\n  border: 1px solid #f17425 !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.1);\n}\n.work-container.work-warning .btn:hover, .work-container.work-warning .btn:focus, .work-container.work-warning .btn:active, .work-container.work-warning .btn.active, .work-container.work-warning .btn.focus {\n  background-color: #d55b0e !important;\n  border-color: #d55b0e !important;\n  color: #ffffff !important;\n}\n.work-container.work-warning .bg {\n  background-color: #f17425 !important;\n}\n.work-container.work-warning .link {\n  color: #f17425 !important;\n}\n\n.work-container.work-danger .title:hover {\n  color: #e43f52 !important;\n}\n.work-container.work-danger.work-modern .work-icon, .work-container.work-danger.work-creative .work-icon {\n  color: #e43f52 !important;\n}\n.work-container.work-danger.work-modern .work-icon:hover, .work-container.work-danger.work-creative .work-icon:hover {\n  background: #e43f52 !important;\n}\n.work-container.work-danger .btn {\n  background-color: #e43f52 !important;\n  border: 1px solid #e43f52 !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.1);\n}\n.work-container.work-danger .btn:hover, .work-container.work-danger .btn:focus, .work-container.work-danger .btn:active, .work-container.work-danger .btn.active, .work-container.work-danger .btn.focus {\n  background-color: #d21e32 !important;\n  border-color: #d21e32 !important;\n  color: #ffffff !important;\n}\n.work-container.work-danger .bg {\n  background-color: #e43f52 !important;\n}\n.work-container.work-danger .link {\n  color: #e43f52 !important;\n}\n\n.work-container.work-light .title:hover {\n  color: #1f2d3d !important;\n}\n.work-container.work-light.work-modern .work-icon, .work-container.work-light.work-creative .work-icon {\n  color: #1f2d3d !important;\n}\n.work-container.work-light.work-modern .work-icon:hover, .work-container.work-light.work-creative .work-icon:hover {\n  background: #1f2d3d !important;\n}\n.work-container.work-light .btn {\n  background-color: #1f2d3d !important;\n  border: 1px solid #1f2d3d !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(31, 45, 61, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(31, 45, 61, 0.1);\n}\n.work-container.work-light .btn:hover, .work-container.work-light .btn:focus, .work-container.work-light .btn:active, .work-container.work-light .btn.active, .work-container.work-light .btn.focus {\n  background-color: #0e141b !important;\n  border-color: #0e141b !important;\n  color: #ffffff !important;\n}\n.work-container.work-light .bg {\n  background-color: #1f2d3d !important;\n}\n.work-container.work-light .link {\n  color: #1f2d3d !important;\n}\n\n.work-container.work-dark .title:hover {\n  color: #f8f9fa !important;\n}\n.work-container.work-dark.work-modern .work-icon, .work-container.work-dark.work-creative .work-icon {\n  color: #f8f9fa !important;\n}\n.work-container.work-dark.work-modern .work-icon:hover, .work-container.work-dark.work-creative .work-icon:hover {\n  background: #f8f9fa !important;\n}\n.work-container.work-dark .btn {\n  background-color: #f8f9fa !important;\n  border: 1px solid #f8f9fa !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(248, 249, 250, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(248, 249, 250, 0.1);\n}\n.work-container.work-dark .btn:hover, .work-container.work-dark .btn:focus, .work-container.work-dark .btn:active, .work-container.work-dark .btn.active, .work-container.work-dark .btn.focus {\n  background-color: #dae0e5 !important;\n  border-color: #dae0e5 !important;\n  color: #ffffff !important;\n}\n.work-container.work-dark .bg {\n  background-color: #f8f9fa !important;\n}\n.work-container.work-dark .link {\n  color: #f8f9fa !important;\n}\n\n.work-container.work-footer .title:hover {\n  color: #212f40 !important;\n}\n.work-container.work-footer.work-modern .work-icon, .work-container.work-footer.work-creative .work-icon {\n  color: #212f40 !important;\n}\n.work-container.work-footer.work-modern .work-icon:hover, .work-container.work-footer.work-creative .work-icon:hover {\n  background: #212f40 !important;\n}\n.work-container.work-footer .btn {\n  background-color: #212f40 !important;\n  border: 1px solid #212f40 !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(33, 47, 64, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(33, 47, 64, 0.1);\n}\n.work-container.work-footer .btn:hover, .work-container.work-footer .btn:focus, .work-container.work-footer .btn:active, .work-container.work-footer .btn.active, .work-container.work-footer .btn.focus {\n  background-color: #10161e !important;\n  border-color: #10161e !important;\n  color: #ffffff !important;\n}\n.work-container.work-footer .bg {\n  background-color: #212f40 !important;\n}\n.work-container.work-footer .link {\n  color: #212f40 !important;\n}\n\n.work-container.work-muted .title:hover {\n  color: #9bacc4 !important;\n}\n.work-container.work-muted.work-modern .work-icon, .work-container.work-muted.work-creative .work-icon {\n  color: #9bacc4 !important;\n}\n.work-container.work-muted.work-modern .work-icon:hover, .work-container.work-muted.work-creative .work-icon:hover {\n  background: #9bacc4 !important;\n}\n.work-container.work-muted .btn {\n  background-color: #9bacc4 !important;\n  border: 1px solid #9bacc4 !important;\n  color: #ffffff !important;\n  -webkit-box-shadow: 0 3px 5px 0 rgba(155, 172, 196, 0.1);\n          box-shadow: 0 3px 5px 0 rgba(155, 172, 196, 0.1);\n}\n.work-container.work-muted .btn:hover, .work-container.work-muted .btn:focus, .work-container.work-muted .btn:active, .work-container.work-muted .btn.active, .work-container.work-muted .btn.focus {\n  background-color: #7b91b1 !important;\n  border-color: #7b91b1 !important;\n  color: #ffffff !important;\n}\n.work-container.work-muted .bg {\n  background-color: #9bacc4 !important;\n}\n.work-container.work-muted .link {\n  color: #9bacc4 !important;\n}\n\n.work-container.work-classic .work-image {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.work-container.work-classic .work-image:hover {\n  -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n          box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n.work-container .overlay-work,\n.work-container .overlay-grid {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 1;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.work-container .overlay-work {\n  background-color: #161c2d;\n}\n.work-container .overlay-grid {\n  background: -webkit-gradient(linear, right top, right bottom, from(rgba(22, 28, 45, 0)), color-stop(25%, rgba(22, 28, 45, 0.25)), color-stop(50%, rgba(22, 28, 45, 0.5)), color-stop(75%, rgba(22, 28, 45, 0.75)), to(#161c2d));\n  background: linear-gradient(to bottom, rgba(22, 28, 45, 0) 0%, rgba(22, 28, 45, 0.25) 25%, rgba(22, 28, 45, 0.5) 50%, rgba(22, 28, 45, 0.75) 75%, #161c2d 100%);\n}\n.work-container.work-classic .content .title, .work-container.work-grid .content .title, .work-container.work-modern .content .title {\n  font-size: 18px;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.work-container.work-classic .content .tag, .work-container.work-grid .content .tag, .work-container.work-modern .content .tag {\n  font-size: 15px !important;\n}\n.work-container.work-modern img,\n.work-container.work-modern .overlay-work,\n.work-container.work-modern .content,\n.work-container.work-modern .client,\n.work-container.work-modern .read_more {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.work-container.work-modern .content,\n.work-container.work-modern .client,\n.work-container.work-modern .read_more {\n  position: absolute;\n}\n.work-container.work-modern .overlay-work {\n  opacity: 0;\n}\n.work-container.work-modern .content {\n  z-index: 1;\n  bottom: 5%;\n  right: 5%;\n}\n.work-container.work-modern .icons {\n  left: 0;\n  right: 0;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n}\n.work-container.work-modern .content,\n.work-container.work-modern .client {\n  opacity: 0;\n}\n.work-container.work-modern .client {\n  color: #ffffff;\n}\n.work-container.work-modern .client,\n.work-container.work-modern .read_more {\n  z-index: 1;\n  left: 5%;\n  top: 5%;\n}\n.work-container.work-modern .read_more {\n  height: 30px;\n  width: 30px;\n  line-height: 30px;\n}\n.work-container.work-modern:hover img {\n  -webkit-transform: scale(1.1) rotate(-3deg);\n          transform: scale(1.1) rotate(-3deg);\n}\n.work-container.work-modern:hover .overlay-work {\n  opacity: 0.65;\n}\n.work-container.work-modern:hover .personal-port,\n.work-container.work-modern:hover .content,\n.work-container.work-modern:hover .client {\n  opacity: 1;\n}\n.work-container.work-grid {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.work-container.work-grid img {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.work-container.work-grid .content {\n  background-color: #161c2d;\n}\n.work-container.work-grid:hover {\n  -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n          box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n.work-container.work-grid:hover img {\n  -webkit-transform: translateY(-40px);\n          transform: translateY(-40px);\n}\n.work-container.work-grid .content, .work-container.work-creative .content {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  -webkit-transform: translateY(150px);\n          transform: translateY(150px);\n  overflow: hidden;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n  z-index: 1;\n}\n.work-container.work-grid .content .title, .work-container.work-creative .content .title {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.work-container.work-grid:hover .content, .work-container.work-creative:hover .content {\n  -webkit-transform: translateY(0);\n          transform: translateY(0);\n}\n.work-container.work-modern .icons, .work-container.work-creative .icons {\n  position: absolute;\n  z-index: 2;\n  opacity: 0;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.work-container.work-modern .icons .work-icon, .work-container.work-creative .icons .work-icon {\n  height: 45px;\n  width: 45px;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.work-container.work-modern .icons .work-icon:hover, .work-container.work-creative .icons .work-icon:hover {\n  color: #ffffff !important;\n}\n.work-container.work-modern:hover .icons, .work-container.work-creative:hover .icons {\n  opacity: 1;\n}\n.work-container.work-creative .icons {\n  top: 0;\n  left: 0;\n}\n.work-container.work-creative .overlay-grid {\n  -webkit-transform: translateY(500px);\n          transform: translateY(500px);\n}\n.work-container.work-creative:hover .overlay-grid {\n  -webkit-transform: translateY(0);\n          transform: translateY(0);\n}\n\n.work-details ul li b {\n  max-width: 90px;\n  width: 100%;\n  display: inline-block;\n}\n\n.container-filter li {\n  font-size: 13px;\n  padding: 0px 15px;\n  margin: 5px 3px;\n  font-weight: 700;\n  letter-spacing: 0.8px;\n  cursor: pointer;\n  line-height: 34px;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.container-filter li.active, .container-filter li:hover {\n  color: #16a34a !important;\n  border-color: #16a34a !important;\n}\n.container-filter.filter-border li {\n  color: #9bacc4 !important;\n  border-bottom: 2px solid transparent;\n}\n.container-filter.filter-border li.active, .container-filter.filter-border li:hover {\n  color: #16a34a !important;\n}\n\n.spacing {\n  padding: 7px;\n}\n\n/*********************************/\n/*      Travel                   */\n/*===============================*/\n.popular-tour .content {\n  position: absolute;\n  bottom: 3%;\n  right: 5%;\n}\n.popular-tour .overlay-work {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  opacity: 0;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.popular-tour:hover .overlay-work {\n  opacity: 0.6;\n}\n\n/*********************************/\n/*         Events                */\n/*===============================*/\n.event-schedule.event-primary .date {\n  color: #16a34a !important;\n}\n.event-schedule.event-primary .date .day {\n  background: rgba(22, 163, 74, 0.1);\n  -webkit-box-shadow: 0px 0px 2px 0.25px rgba(22, 163, 74, 0.5);\n          box-shadow: 0px 0px 2px 0.25px rgba(22, 163, 74, 0.5);\n}\n.event-schedule.event-primary .content .title:hover {\n  color: #16a34a !important;\n}\n.event-schedule.event-primary:hover {\n  border-color: #16a34a !important;\n}\n\n.event-schedule.event-secondary .date {\n  color: #ced4da !important;\n}\n.event-schedule.event-secondary .date .day {\n  background: rgba(206, 212, 218, 0.1);\n  -webkit-box-shadow: 0px 0px 2px 0.25px rgba(206, 212, 218, 0.5);\n          box-shadow: 0px 0px 2px 0.25px rgba(206, 212, 218, 0.5);\n}\n.event-schedule.event-secondary .content .title:hover {\n  color: #ced4da !important;\n}\n.event-schedule.event-secondary:hover {\n  border-color: #ced4da !important;\n}\n\n.event-schedule.event-success .date {\n  color: #2eca8b !important;\n}\n.event-schedule.event-success .date .day {\n  background: rgba(46, 202, 139, 0.1);\n  -webkit-box-shadow: 0px 0px 2px 0.25px rgba(46, 202, 139, 0.5);\n          box-shadow: 0px 0px 2px 0.25px rgba(46, 202, 139, 0.5);\n}\n.event-schedule.event-success .content .title:hover {\n  color: #2eca8b !important;\n}\n.event-schedule.event-success:hover {\n  border-color: #2eca8b !important;\n}\n\n.event-schedule.event-info .date {\n  color: #17a2b8 !important;\n}\n.event-schedule.event-info .date .day {\n  background: rgba(23, 162, 184, 0.1);\n  -webkit-box-shadow: 0px 0px 2px 0.25px rgba(23, 162, 184, 0.5);\n          box-shadow: 0px 0px 2px 0.25px rgba(23, 162, 184, 0.5);\n}\n.event-schedule.event-info .content .title:hover {\n  color: #17a2b8 !important;\n}\n.event-schedule.event-info:hover {\n  border-color: #17a2b8 !important;\n}\n\n.event-schedule.event-warning .date {\n  color: #f17425 !important;\n}\n.event-schedule.event-warning .date .day {\n  background: rgba(241, 116, 37, 0.1);\n  -webkit-box-shadow: 0px 0px 2px 0.25px rgba(241, 116, 37, 0.5);\n          box-shadow: 0px 0px 2px 0.25px rgba(241, 116, 37, 0.5);\n}\n.event-schedule.event-warning .content .title:hover {\n  color: #f17425 !important;\n}\n.event-schedule.event-warning:hover {\n  border-color: #f17425 !important;\n}\n\n.event-schedule.event-danger .date {\n  color: #e43f52 !important;\n}\n.event-schedule.event-danger .date .day {\n  background: rgba(228, 63, 82, 0.1);\n  -webkit-box-shadow: 0px 0px 2px 0.25px rgba(228, 63, 82, 0.5);\n          box-shadow: 0px 0px 2px 0.25px rgba(228, 63, 82, 0.5);\n}\n.event-schedule.event-danger .content .title:hover {\n  color: #e43f52 !important;\n}\n.event-schedule.event-danger:hover {\n  border-color: #e43f52 !important;\n}\n\n.event-schedule.event-light .date {\n  color: #1f2d3d !important;\n}\n.event-schedule.event-light .date .day {\n  background: rgba(31, 45, 61, 0.1);\n  -webkit-box-shadow: 0px 0px 2px 0.25px rgba(31, 45, 61, 0.5);\n          box-shadow: 0px 0px 2px 0.25px rgba(31, 45, 61, 0.5);\n}\n.event-schedule.event-light .content .title:hover {\n  color: #1f2d3d !important;\n}\n.event-schedule.event-light:hover {\n  border-color: #1f2d3d !important;\n}\n\n.event-schedule.event-dark .date {\n  color: #f8f9fa !important;\n}\n.event-schedule.event-dark .date .day {\n  background: rgba(248, 249, 250, 0.1);\n  -webkit-box-shadow: 0px 0px 2px 0.25px rgba(248, 249, 250, 0.5);\n          box-shadow: 0px 0px 2px 0.25px rgba(248, 249, 250, 0.5);\n}\n.event-schedule.event-dark .content .title:hover {\n  color: #f8f9fa !important;\n}\n.event-schedule.event-dark:hover {\n  border-color: #f8f9fa !important;\n}\n\n.event-schedule.event-footer .date {\n  color: #212f40 !important;\n}\n.event-schedule.event-footer .date .day {\n  background: rgba(33, 47, 64, 0.1);\n  -webkit-box-shadow: 0px 0px 2px 0.25px rgba(33, 47, 64, 0.5);\n          box-shadow: 0px 0px 2px 0.25px rgba(33, 47, 64, 0.5);\n}\n.event-schedule.event-footer .content .title:hover {\n  color: #212f40 !important;\n}\n.event-schedule.event-footer:hover {\n  border-color: #212f40 !important;\n}\n\n.event-schedule.event-muted .date {\n  color: #9bacc4 !important;\n}\n.event-schedule.event-muted .date .day {\n  background: rgba(155, 172, 196, 0.1);\n  -webkit-box-shadow: 0px 0px 2px 0.25px rgba(155, 172, 196, 0.5);\n          box-shadow: 0px 0px 2px 0.25px rgba(155, 172, 196, 0.5);\n}\n.event-schedule.event-muted .content .title:hover {\n  color: #9bacc4 !important;\n}\n.event-schedule.event-muted:hover {\n  border-color: #9bacc4 !important;\n}\n\n.event-schedule {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.event-schedule .date .day {\n  font-size: 18px;\n  width: 50px;\n  height: 50px;\n  border-radius: 50px;\n  line-height: 48px;\n  border: 2px solid #2a3c51;\n}\n.event-schedule .date .month {\n  font-size: 13px;\n}\n.event-schedule .content .title {\n  font-size: 20px;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.event-schedule .content .location-time {\n  font-size: 14px;\n}\n.event-schedule:hover {\n  -webkit-transform: translateY(-5px);\n          transform: translateY(-5px);\n  -webkit-box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n          box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n\n/*********************************/\n/*         Shopping              */\n/*===============================*/\n.shop-features .category-title {\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n  right: 20px;\n  z-index: 1;\n}\n\n.shop-list .shop-image .overlay-work,\n.shop-list .shop-image .shop-icons {\n  position: absolute;\n  opacity: 0;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.shop-list .shop-image .overlay-work {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 1;\n}\n.shop-list .shop-image .overlay-work .out-stock {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n}\n.shop-list .shop-image .shop-icons {\n  top: 15px;\n  left: 15px;\n  z-index: 2;\n}\n.shop-list .shop-image:hover .overlay-work,\n.shop-list .shop-image:hover .shop-icons {\n  opacity: 1;\n}\n.shop-list .content .product-name {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.shop-list .content .product-name:hover {\n  color: #16a34a !important;\n}\n.shop-list .label {\n  position: absolute;\n  top: 15px;\n  right: 15px;\n  z-index: 2;\n}\n.shop-list .qty-btn {\n  pointer-events: none;\n  width: 65px;\n  padding-right: 15px;\n}\n\n/*********************************/\n/*         Timeline              */\n/*===============================*/\n.main-icon {\n  border: 2px solid #2a3c51;\n  height: 40px;\n  width: 40px;\n  line-height: 0;\n  text-align: center;\n}\n.main-icon .fea {\n  height: 20px;\n}\n@media (min-width: 768px) {\n  .main-icon {\n    margin: 0 auto;\n  }\n}\n\n.timeline-page:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 95%;\n  margin: auto;\n  width: 2px;\n  background-color: #2a3c51 !important;\n}\n.timeline-page .timeline-item .date-label-left, .timeline-page .timeline-item .duration-right {\n  margin-left: 15px;\n}\n.timeline-page .timeline-item .date-label-left:after, .timeline-page .timeline-item .duration-right:after {\n  content: \"\";\n  position: absolute;\n  top: 12px;\n  width: 12px;\n  height: 12px;\n  z-index: 1;\n  background-color: #16a34a;\n  border-radius: 4px;\n  -webkit-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n}\n.timeline-page .timeline-item .date-label-left {\n  float: left;\n  margin-left: 15px;\n}\n.timeline-page .timeline-item .date-label-left:after {\n  left: -34px;\n}\n.timeline-page .timeline-item .duration-right {\n  float: right;\n  margin-right: 15px;\n}\n.timeline-page .timeline-item .duration-right:after {\n  right: -34px;\n}\n.timeline-page .timeline-item .event {\n  -webkit-transition: all 0.2s ease;\n  transition: all 0.2s ease;\n}\n.timeline-page .timeline-item .event.event-description-right {\n  margin-right: 15px;\n}\n.timeline-page .timeline-item .event.event-description-left {\n  margin-left: 15px;\n  text-align: left;\n}\n\n@media (max-width: 767px) {\n  .timeline-page {\n    margin-right: 18px;\n  }\n  .timeline-page:after {\n    margin: 0;\n  }\n  .timeline-page .timeline-item .duration {\n    float: right !important;\n    margin: 0 15px 30px 0 !important;\n    text-align: right !important;\n  }\n  .timeline-page .timeline-item .duration:after {\n    right: -21px !important;\n  }\n  .timeline-page .timeline-item .duration .event {\n    text-align: right !important;\n    margin-right: 15px;\n  }\n  .timeline-page .timeline-item .event-description-left {\n    text-align: right !important;\n    margin: 0 15px 0 0;\n  }\n}\n/*********************************/\n/*         Tobii Lightbox        */\n/*===============================*/\n.tobii > button.tobii__close svg,\n.tobii > button.tobii__prev svg,\n.tobii > button.tobii__next svg {\n  height: 36px;\n  width: auto;\n}\n\n.tobii__counter {\n  font-size: 16px;\n}\n\n.tobii-zoom {\n  display: block !important;\n}\n\n.tobii-zoom__icon {\n  display: none;\n}\n\n#grid {\n  padding: 0 !important;\n}\n\n.fw-medium {\n  font-weight: 600;\n}\n\n.section {\n  padding: 100px 0;\n  position: relative;\n}\n@media (max-width: 768px) {\n  .section {\n    padding: 60px 0;\n  }\n}\n\n.section-two {\n  padding: 60px 0;\n  position: relative;\n}\n\n.bg-overlay {\n  background-color: rgba(28, 40, 54, 0.7);\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.bg-overlay-white {\n  background-color: rgba(0, 0, 0, 0.4);\n}\n\n.bg-gradient-primary {\n  background: -webkit-gradient(linear, left top, right top, from(#614092), to(#107636));\n  background: linear-gradient(to right, #614092 0%, #107636 100%);\n}\n\n.bg-linear-gradient {\n  background: -webkit-gradient(linear, right top, right bottom, from(rgba(22, 28, 45, 0)), color-stop(50%, rgba(22, 28, 45, 0)), color-stop(80%, rgba(22, 28, 45, 0.3)), to(#161c2d));\n  background: linear-gradient(to bottom, rgba(22, 28, 45, 0) 0%, rgba(22, 28, 45, 0) 50%, rgba(22, 28, 45, 0.3) 80%, #161c2d 100%);\n}\n\n.bg-linear-gradient-2 {\n  background: -webkit-gradient(linear, right top, right bottom, from(rgba(22, 28, 45, 0)), color-stop(50%, rgba(22, 28, 45, 0.3)), color-stop(75%, rgba(22, 28, 45, 0.7)), to(#161c2d));\n  background: linear-gradient(to bottom, rgba(22, 28, 45, 0) 0%, rgba(22, 28, 45, 0.3) 50%, rgba(22, 28, 45, 0.7) 75%, #161c2d 100%);\n}\n\n.bg-linear-gradient-3 {\n  background: -webkit-gradient(linear, right top, left top, from(#161c2d), color-stop(25%, #161c2d), color-stop(50%, rgba(22, 28, 45, 0.5)), color-stop(75%, rgba(22, 28, 45, 0.25)), to(rgba(22, 28, 45, 0)));\n  background: linear-gradient(to left, #161c2d 0%, #161c2d 25%, rgba(22, 28, 45, 0.5) 50%, rgba(22, 28, 45, 0.25) 75%, rgba(22, 28, 45, 0) 100%);\n}\n\n.bg-linear-gradient-4 {\n  background: -webkit-gradient(linear, right top, right bottom, from(rgba(22, 28, 45, 0)), color-stop(25%, rgba(22, 28, 45, 0.25)), color-stop(50%, rgba(22, 28, 45, 0.5)), color-stop(75%, rgba(22, 28, 45, 0.75)), to(#161c2d));\n  background: linear-gradient(to bottom, rgba(22, 28, 45, 0) 0%, rgba(22, 28, 45, 0.25) 25%, rgba(22, 28, 45, 0.5) 50%, rgba(22, 28, 45, 0.75) 75%, #161c2d 100%);\n}\n\n.bg-linear-gradient-primary {\n  background: -webkit-gradient(linear, right bottom, right top, from(rgba(22, 163, 74, 0)), color-stop(50%, rgba(22, 163, 74, 0.15)), to(rgba(22, 163, 74, 0.3)));\n  background: linear-gradient(to top, rgba(22, 163, 74, 0) 0%, rgba(22, 163, 74, 0.15) 50%, rgba(22, 163, 74, 0.3) 100%);\n}\n\n.bg-gradient-overlay {\n  background: -webkit-gradient(linear, right top, right bottom, from(rgba(22, 28, 45, 0)), color-stop(25%, rgba(22, 28, 45, 0.5)), color-stop(50%, rgba(22, 28, 45, 0.75)), to(#161c2d));\n  background: linear-gradient(to bottom, rgba(22, 28, 45, 0) 0%, rgba(22, 28, 45, 0.5) 25%, rgba(22, 28, 45, 0.75) 50%, #161c2d 100%);\n}\n\n.bg-gradient-overlay-2 {\n  background: -webkit-gradient(linear, right top, right bottom, from(rgba(22, 28, 45, 0.5)), color-stop(25%, rgba(22, 28, 45, 0.6)), color-stop(50%, rgba(22, 28, 45, 0.7)), to(rgba(22, 28, 45, 0.8)));\n  background: linear-gradient(to bottom, rgba(22, 28, 45, 0.5) 0%, rgba(22, 28, 45, 0.6) 25%, rgba(22, 28, 45, 0.7) 50%, rgba(22, 28, 45, 0.8) 100%);\n}\n\n.bg-primary-gradient-overlay {\n  background: -webkit-gradient(linear, right top, right bottom, from(rgba(22, 163, 74, 0)), color-stop(25%, rgba(22, 163, 74, 0.25)), color-stop(50%, rgba(22, 163, 74, 0.5)), color-stop(75%, rgba(22, 163, 74, 0.75)), to(#16a34a));\n  background: linear-gradient(to bottom, rgba(22, 163, 74, 0) 0%, rgba(22, 163, 74, 0.25) 25%, rgba(22, 163, 74, 0.5) 50%, rgba(22, 163, 74, 0.75) 75%, #16a34a 100%);\n}\n\n.bg-gradient-white-overlay {\n  background: -webkit-gradient(linear, right top, right 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, 0.5)));\n  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, 0.5) 100%);\n}\n\n.title-heading {\n  line-height: 26px;\n}\n.title-heading .heading {\n  font-size: 45px !important;\n  letter-spacing: 1px;\n}\n.title-heading .heading.heading-lg {\n  font-size: 60px !important;\n}\n@media (max-width: 768px) {\n  .title-heading .heading {\n    font-size: 35px !important;\n  }\n}\n.title-heading .para-desc {\n  font-size: 18px;\n}\n\n.section-title .title {\n  letter-spacing: 0.5px;\n  font-size: 30px !important;\n}\n@media (max-width: 768px) {\n  .section-title .title {\n    font-size: 24px !important;\n  }\n}\n\n.text-shadow-title {\n  text-shadow: -2px 0 0 #ffffff, 2px 0 0 #ffffff, 0 4px 0 rgba(255, 255, 255, 0.4), 0 -2px 0 #ffffff, -1px 1px #ffffff, 1px -1px 0 #ffffff, -1px -1px 0 #ffffff, 1px 1px 0 #ffffff;\n}\n\n.para-desc {\n  max-width: 600px;\n}\n\n.mt-100 {\n  margin-top: 100px;\n}\n\n.text-slider {\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n  -webkit-transform: translate3d(0, 0, 0);\n          transform: translate3d(0, 0, 0);\n}\n.text-slider > ul {\n  white-space: nowrap;\n}\n.text-slider .move-text {\n  -webkit-animation: moveSlideshow 12s linear infinite;\n          animation: moveSlideshow 12s linear infinite;\n}\n\n@-webkit-keyframes moveSlideshow {\n  100% {\n    -webkit-transform: translateX(45%);\n            transform: translateX(45%);\n  }\n}\n\n@keyframes moveSlideshow {\n  100% {\n    -webkit-transform: translateX(45%);\n            transform: translateX(45%);\n  }\n}\n.mover {\n  -webkit-animation: mover 1s infinite alternate;\n          animation: mover 1s infinite alternate;\n}\n\n@-webkit-keyframes mover {\n  0% {\n    -webkit-transform: translateY(0);\n            transform: translateY(0);\n  }\n  100% {\n    -webkit-transform: translateY(5px);\n            transform: translateY(5px);\n  }\n}\n\n@keyframes mover {\n  0% {\n    -webkit-transform: translateY(0);\n            transform: translateY(0);\n  }\n  100% {\n    -webkit-transform: translateY(5px);\n            transform: translateY(5px);\n  }\n}\n.mover-2 {\n  -webkit-animation: movers 10s infinite alternate;\n          animation: movers 10s infinite alternate;\n}\n\n@-webkit-keyframes movers {\n  0% {\n    -webkit-transform: translateY(0);\n            transform: translateY(0);\n  }\n  100% {\n    -webkit-transform: translateY(350px);\n            transform: translateY(350px);\n  }\n}\n\n@keyframes movers {\n  0% {\n    -webkit-transform: translateY(0);\n            transform: translateY(0);\n  }\n  100% {\n    -webkit-transform: translateY(350px);\n            transform: translateY(350px);\n  }\n}\n.zoom-in-out {\n  -webkit-animation: zoom-in-zoom-out 3s ease-out infinite;\n          animation: zoom-in-zoom-out 3s ease-out infinite;\n}\n\n@-webkit-keyframes zoom-in-zoom-out {\n  0% {\n    -webkit-transform: scale(1, 1);\n            transform: scale(1, 1);\n  }\n  50% {\n    -webkit-transform: scale(1.5, 1.5);\n            transform: scale(1.5, 1.5);\n  }\n  100% {\n    -webkit-transform: scale(1, 1);\n            transform: scale(1, 1);\n  }\n}\n\n@keyframes zoom-in-zoom-out {\n  0% {\n    -webkit-transform: scale(1, 1);\n            transform: scale(1, 1);\n  }\n  50% {\n    -webkit-transform: scale(1.5, 1.5);\n            transform: scale(1.5, 1.5);\n  }\n  100% {\n    -webkit-transform: scale(1, 1);\n            transform: scale(1, 1);\n  }\n}\n.feature-posts-placeholder {\n  position: absolute;\n  bottom: 0px;\n  right: 0;\n  left: 0;\n  height: 66.6%;\n}\n@media (max-width: 425px) {\n  .feature-posts-placeholder {\n    height: 80%;\n  }\n}\n\n.spin-anything {\n  -webkit-animation: spinner-animation 5s linear infinite;\n          animation: spinner-animation 5s linear infinite;\n}\n\n@-webkit-keyframes spinner-animation {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform: rotate(-360deg);\n            transform: rotate(-360deg);\n  }\n}\n\n@keyframes spinner-animation {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform: rotate(-360deg);\n            transform: rotate(-360deg);\n  }\n}\n.seo-hero-widget {\n  position: relative;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.seo-hero-widget:hover {\n  -webkit-transform: scale(1.05);\n          transform: scale(1.05);\n  z-index: 9;\n}\n\n.home-wrapper:before {\n  content: \"\";\n  position: absolute;\n  bottom: 40rem;\n  left: 0rem;\n  width: 90rem;\n  height: 35rem;\n  -webkit-transform: rotate(-78.75deg);\n          transform: rotate(-78.75deg);\n  background: -webkit-gradient(linear, right top, left top, from(rgba(22, 163, 74, 0.3)), to(transparent));\n  background: linear-gradient(-90deg, rgba(22, 163, 74, 0.3), transparent);\n  z-index: 1;\n}\n@media (min-width: 769px) and (max-width: 1024px) {\n  .home-wrapper:before {\n    left: -20rem;\n  }\n}\n@media (min-width: 426px) and (max-width: 768px) {\n  .home-wrapper:before {\n    left: -15rem;\n    width: 70rem;\n    height: 25rem;\n  }\n}\n@media (max-width: 425px) {\n  .home-wrapper:before {\n    left: -25rem;\n  }\n}\n\n.cookie-popup {\n  position: fixed;\n  bottom: 12px;\n  right: 0;\n  left: 0;\n  margin: 0 auto;\n  max-width: 512px;\n  z-index: 5;\n}\n.cookie-popup .cookie-popup-actions button {\n  border: none;\n  background: none;\n  padding: 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: absolute;\n  top: 5px;\n  left: 5px;\n}\n@media (max-width: 425px) {\n  .cookie-popup {\n    right: 12px;\n    left: 12px;\n  }\n}\n\n.cookie-popup-not-accepted {\n  display: block;\n  -webkit-animation: cookie-popup-in 0.5s ease forwards;\n          animation: cookie-popup-in 0.5s ease forwards;\n}\n\n.cookie-popup-accepted {\n  display: none !important;\n}\n\n@-webkit-keyframes cookie-popup-in {\n  from {\n    bottom: -6.25rem;\n  }\n  to {\n    bottom: 1.25rem;\n  }\n}\n\n@keyframes cookie-popup-in {\n  from {\n    bottom: -6.25rem;\n  }\n  to {\n    bottom: 1.25rem;\n  }\n}\n.clip-text {\n  font-size: 190px;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.clip-text.clip-text-image {\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n@media (max-width: 1024px) {\n  .clip-text {\n    font-size: 180px;\n  }\n}\n@media (max-width: 768px) {\n  .clip-text {\n    font-size: 135px;\n  }\n}\n@media (max-width: 425px) {\n  .clip-text {\n    font-size: 50px;\n  }\n}\n\n@media (min-width: 768px) {\n  .margin-top-100 {\n    margin-top: 100px;\n  }\n}\n@media (max-width: 768px) {\n  .mt-60 {\n    margin-top: 60px;\n  }\n}\n.background-effect .circles {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n}\n.background-effect .circles li {\n  position: absolute;\n  display: block;\n  -webkit-animation: animate 25s linear infinite;\n          animation: animate 25s linear infinite;\n  bottom: -150px;\n  background: rgba(22, 163, 74, 0.15);\n}\n.background-effect .circles li:nth-child(1), .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), .background-effect .circles li:nth-child(10) {\n  width: 24px;\n  height: 24px;\n}\n.background-effect .circles li:nth-child(1) {\n  right: 25%;\n  -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n}\n.background-effect .circles li:nth-child(2) {\n  right: 10%;\n  -webkit-animation-delay: 2s;\n          animation-delay: 2s;\n  -webkit-animation-duration: 12s;\n          animation-duration: 12s;\n}\n.background-effect .circles li:nth-child(3) {\n  right: 70%;\n  -webkit-animation-delay: 4s;\n          animation-delay: 4s;\n}\n.background-effect .circles li:nth-child(4) {\n  right: 40%;\n  -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n  -webkit-animation-duration: 18s;\n          animation-duration: 18s;\n}\n.background-effect .circles li:nth-child(5) {\n  right: 65%;\n  -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n}\n.background-effect .circles li:nth-child(6) {\n  right: 75%;\n  -webkit-animation-delay: 3s;\n          animation-delay: 3s;\n}\n.background-effect .circles li:nth-child(7) {\n  right: 35%;\n  -webkit-animation-delay: 7s;\n          animation-delay: 7s;\n}\n.background-effect .circles li:nth-child(8) {\n  right: 50%;\n  -webkit-animation-delay: 15s;\n          animation-delay: 15s;\n  -webkit-animation-duration: 45s;\n          animation-duration: 45s;\n}\n.background-effect .circles li:nth-child(9) {\n  right: 20%;\n  -webkit-animation-delay: 2s;\n          animation-delay: 2s;\n  -webkit-animation-duration: 35s;\n          animation-duration: 35s;\n}\n.background-effect .circles li:nth-child(10) {\n  right: 85%;\n  -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n  -webkit-animation-duration: 11s;\n          animation-duration: 11s;\n}\n\n@-webkit-keyframes animate {\n  0% {\n    -webkit-transform: translateY(0) rotate(0deg);\n            transform: translateY(0) rotate(0deg);\n    opacity: 1;\n    border-radius: 10px;\n  }\n  100% {\n    -webkit-transform: translateY(-1000px) rotate(-720deg);\n            transform: translateY(-1000px) rotate(-720deg);\n    opacity: 0;\n  }\n}\n\n@keyframes animate {\n  0% {\n    -webkit-transform: translateY(0) rotate(0deg);\n            transform: translateY(0) rotate(0deg);\n    opacity: 1;\n    border-radius: 10px;\n  }\n  100% {\n    -webkit-transform: translateY(-1000px) rotate(-720deg);\n            transform: translateY(-1000px) rotate(-720deg);\n    opacity: 0;\n  }\n}\n.fea {\n  stroke-width: 1.8;\n}\n.fea.icon-sm {\n  height: 16px;\n  width: 16px;\n}\n.fea.icon-ex-md {\n  height: 20px;\n  min-width: 20px;\n}\n.fea.icon-m-md {\n  height: 28px;\n  width: 28px;\n}\n.fea.icon-md {\n  height: 35px;\n  width: 35px;\n}\n.fea.icon-lg {\n  height: 42px;\n  width: 42px;\n}\n.fea.icon-ex-lg {\n  height: 52px;\n  width: 52px;\n}\n\n[class^=uil-]:before,\n[class*=\" uil-\"]:before {\n  margin: 0;\n}\n\n.uim-svg {\n  vertical-align: 0 !important;\n}\n\n.rounded {\n  border-radius: 6px !important;\n}\n\n.rounded-top {\n  border-top-right-radius: 6px !important;\n  border-top-left-radius: 6px !important;\n}\n\n.rounded-left {\n  border-top-right-radius: 6px !important;\n  border-bottom-right-radius: 6px !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: 6px !important;\n  border-bottom-left-radius: 6px !important;\n}\n\n.rounded-right {\n  border-top-left-radius: 6px !important;\n  border-bottom-left-radius: 6px !important;\n}\n\n.rounded-md {\n  border-radius: 10px !important;\n}\n\n.rounded-lg {\n  border-radius: 30px !important;\n}\n\n.border-primary {\n  border-color: #16a34a !important;\n}\n\n.border-secondary {\n  border-color: #ced4da !important;\n}\n\n.border-success {\n  border-color: #2eca8b !important;\n}\n\n.border-info {\n  border-color: #17a2b8 !important;\n}\n\n.border-warning {\n  border-color: #f17425 !important;\n}\n\n.border-danger {\n  border-color: #e43f52 !important;\n}\n\n.border-light {\n  border-color: #1f2d3d !important;\n}\n\n.border-dark {\n  border-color: #f8f9fa !important;\n}\n\n.border-footer {\n  border-color: #212f40 !important;\n}\n\n.border-muted {\n  border-color: #9bacc4 !important;\n}\n\n.opacity-05 {\n  opacity: 0.05;\n}\n\n.opacity-075 {\n  opacity: 0.075;\n}\n\n.opacity-1 {\n  opacity: 0.1;\n}\n\n.opacity-2 {\n  opacity: 0.2;\n}\n\n.opacity-3 {\n  opacity: 0.3;\n}\n\n.opacity-4 {\n  opacity: 0.4;\n}\n\n.opacity-5 {\n  opacity: 0.5;\n}\n\n.opacity-6 {\n  opacity: 0.6;\n}\n\n.opacity-7 {\n  opacity: 0.7;\n}\n\n.opacity-8 {\n  opacity: 0.8;\n}\n\n.opacity-9 {\n  opacity: 0.9;\n}\n\n.z-index-1 {\n  z-index: 1;\n}\n\n.z-index-0 {\n  z-index: 0;\n}\n\n.z-index-m-1 {\n  z-index: -1;\n}\n\n.small, small {\n  font-size: 90%;\n}\n\n.social-icon li a {\n  color: #f8f9fa;\n  border: 1px solid #f8f9fa;\n  height: 32px;\n  width: 32px;\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  text-align: center;\n  -webkit-transition: all 0.4s ease;\n  transition: all 0.4s ease;\n  overflow: hidden;\n  position: relative;\n}\n.social-icon li a .fea-social {\n  stroke-width: 2;\n}\n.social-icon li a:hover {\n  background-color: #16a34a;\n  border-color: #16a34a !important;\n  color: #fff !important;\n}\n.social-icon li a:hover .fea-social {\n  fill: #16a34a;\n}\n.social-icon.social li a {\n  color: #adb5bd;\n  border-color: #2a3b51;\n}\n.social-icon.foot-social-icon li a {\n  color: #adb5bd;\n  border-color: #2a3b51;\n}\n\n.back-to-top {\n  position: fixed;\n  z-index: 99;\n  bottom: 30px;\n  left: 30px;\n  display: none;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n  height: 36px;\n  width: 36px;\n  line-height: 33px;\n  border-radius: 6px;\n  text-align: center;\n  background: #16a34a;\n  color: #fff !important;\n}\n.back-to-top .icons {\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.back-to-top:hover {\n  -webkit-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n}\n.back-to-top:hover .icons {\n  -webkit-transform: rotate(45deg) !important;\n          transform: rotate(45deg) !important;\n}\n\n.back-to-home {\n  position: fixed;\n  bottom: 10px;\n  left: 10px;\n  z-index: 1;\n}\n\n.sticky-bar {\n  position: sticky;\n  top: 80px;\n}\n\n.position-middle-bottom {\n  position: absolute;\n  bottom: 15px;\n  right: 12px;\n  left: 12px;\n  text-align: center;\n}\n\n.text-color-white {\n  color: #1c2836 !important;\n}\n\n.d-flex .flex-1 {\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n}\n\n.brand-gray img {\n  -webkit-filter: grayscale(1);\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n.brand-gray img:hover {\n  -webkit-filter: grayscale(0);\n}\n\n.about-left .img-one {\n  max-width: 70%;\n}\n.about-left .img-two {\n  position: absolute;\n  left: 0;\n  bottom: 5%;\n  max-width: 250px;\n}\n\n.about-right {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: end;\n}\n.about-right .img-one {\n  max-width: 70%;\n}\n.about-right .img-two {\n  position: absolute;\n  right: 0;\n  bottom: 5%;\n  max-width: 250px;\n}\n\n.switcher-btn {\n  position: fixed;\n  top: 200px;\n  height: 41px;\n  width: 40px;\n  padding: 3px;\n  border-radius: 30px 0 0 30px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n.style-switcher .t-dark,\n.style-switcher .t-rtl-light {\n  display: inline-block;\n}\n.style-switcher .t-ltr-light,\n.style-switcher .t-light,\n.style-switcher .t-rtl-dark,\n.style-switcher .t-ltr-dark {\n  display: none;\n}\n\n[dir=rtl] .style-switcher .t-rtl-light {\n  display: none;\n}\n[dir=rtl] .style-switcher .t-ltr-light {\n  display: inline-block;\n}\n\nul.pattern {\n  overflow: hidden;\n  border-radius: 0px;\n  list-style: none;\n}\nul.pattern li {\n  float: right;\n  margin: 2px;\n}\nul.pattern li .color-list {\n  display: block;\n  height: 35px;\n  width: 60px;\n  margin: 5px;\n}\nul.pattern .color1 {\n  background-color: #2f55d4;\n}\nul.pattern .color2 {\n  background-color: #16a34a;\n}\nul.pattern .color3 {\n  background-color: #f7961c;\n}\n\n.mode-dark {\n  display: none;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n\n.mode-light {\n  display: blog;\n  -webkit-transition: all 0.5s ease;\n  transition: all 0.5s ease;\n}\n\nbody[data-layout-mode=dark] .mode-dark {\n  display: inline-block;\n}\nbody[data-layout-mode=dark] .mode-light {\n  display: none;\n}\n\n#topnav .logo .l-dark,\n#topnav .logo .logo-light-mode {\n  display: none !important;\n}\n#topnav .logo .l-light,\n#topnav .logo .logo-dark-mode {\n  display: inline-block !important;\n}\n\n.style-switcher .t-dark,\n.style-switcher .t-rtl-light,\n.style-switcher .t-ltr-dark {\n  display: none;\n}\n.style-switcher .t-light,\n.style-switcher .t-rtl-dark {\n  display: inline-block;\n}\n\n[dir=rtl] .style-switcher .t-rtl-dark,\n[dir=rtl] .style-switcher .t-ltr-light {\n  display: none;\n}\n[dir=rtl] .style-switcher .t-ltr-dark {\n  display: inline-block;\n}\n\n.offcanvas .offcanvas-header .dark-version {\n  display: inline-block;\n}\n.offcanvas .offcanvas-header .light-version {\n  display: none;\n}\n.offcanvas .offcanvas-header .btn-close {\n  color: #f8f9fa;\n}","//\r\n// footer.scss\r\n//\r\n\r\n/*********************************/\r\n/*         Footer                */\r\n/*===============================*/\r\n\r\n.footer {\r\n    background: $footer;\r\n    position: relative;\r\n    color: $footer-text;\r\n\r\n    .footer-py-60 {\r\n        padding: 60px 0;        \r\n    }\r\n\r\n    .footer-py-30 {\r\n        padding: 30px 0;        \r\n    }\r\n    \r\n    .logo-footer {\r\n        font-size: 22px;\r\n        &:focus {\r\n            outline: none;\r\n        }\r\n    }\r\n    .footer-head {\r\n        letter-spacing: 1px;         \r\n        font-weight: 500;\r\n        color: $footer-head-color;\r\n    }\r\n    .foot-subscribe {\r\n        .form-control {\r\n            background-color: $footer-subscribe-input-color;\r\n            border: 1px solid $footer-subscribe-input-color;\r\n            color: $footer-subscribe-input-text-color !important;\r\n            &:focus {\r\n                box-shadow: none;\r\n            }\r\n        }\r\n        &.foot-white {\r\n            .form-control {\r\n                color: $footer-text;\r\n            }\r\n        }\r\n        input{\r\n            &::placeholder{\r\n                color: $footer-text;\r\n            }\r\n        }\r\n    } \r\n    .text-foot {\r\n        color: $footer-text;\r\n    }\r\n    .footer-list {\r\n        margin-bottom: 0;\r\n        li {\r\n            margin-bottom: 10px;\r\n            a{\r\n                transition: all 0.5s ease;\r\n                &:hover {\r\n                    color: lighten($footer-text, 20%);\r\n                }\r\n            }   \r\n            &:last-child{\r\n                margin-bottom: 0;\r\n            }         \r\n        }\r\n    }\r\n    .footer-border,\r\n    .footer-bar {\r\n        border-top: 1px solid lighten($footer, 5%);\r\n    }\r\n    .border {\r\n        border-color: lighten($footer, 5%) !important;\r\n    }\r\n\r\n    //Footer Light\r\n    &.footer-light {\r\n        background: $light;\r\n        color: $muted;\r\n        .footer-head {\r\n            color: $dark;\r\n        }\r\n\r\n        .foot-subscribe {\r\n            .form-control {\r\n                background-color: $light;\r\n                border: 1px solid $border-color;\r\n                color: $light;\r\n            }\r\n            &.foot-white {\r\n                .form-control {\r\n                    color: $footer-text;\r\n                }\r\n            }\r\n            input{\r\n                &::placeholder{\r\n                    color: $footer-text;\r\n                }\r\n            }\r\n        }\r\n\r\n        .border {\r\n            border-color: $border-color !important;\r\n        }\r\n        .text-foot {\r\n            color: $muted;\r\n        }\r\n        .footer-list {\r\n            li {\r\n                a{\r\n                    &:hover {\r\n                        color: $gray-700;\r\n                    }\r\n                }   \r\n            }\r\n        }\r\n    }\r\n}","//\n// avatar.scss\n//\n\n//Avatar\n.avatar {\n  &.avatar-coin,\n  &.avatar-sm-sm {\n      height: 36px !important;\n      width: 36px !important;\n  }\n  &.avatar-ex-sm {\n      max-height: 25px !important;\n  }\n  &.avatar-ex-small {\n      height: 36px !important;\n      width: 36px !important;\n  }\n  &.avatar-md-sm {\n      height: 45px !important;\n      width: 45px !important;\n  }\n  &.avatar-small {\n      height: 65px !important;\n      width: 65px !important;\n  }\n  &.avatar-md-md {\n      height: 80px !important;\n      width: 80px !important;\n  }\n  &.avatar-medium {\n      height: 110px !important;\n      width: 110px !important;\n  }\n  &.avatar-large {\n      height: 140px !important;\n      width: 140px !important;\n  }\n  &.avatar-ex-large {\n      height: 180px !important;\n      width: 180px !important;\n  }\n}","\r\n//\r\n// accordion.scss\r\n//\r\n//Accordion\r\n.accordion {\r\n    .accordion-item {\r\n        overflow: hidden;\r\n        border: 0;\r\n        box-shadow: $shadow;\r\n        .accordion-button {\r\n            font-weight: 600;\r\n            text-align: left;\r\n            box-shadow: none;\r\n            padding: 1rem 2.5rem 1rem 1.25rem;\r\n            &:focus {\r\n                box-shadow: none;\r\n            }\r\n            &:before {\r\n                content: '\\F0143';\r\n                display: block;\r\n                font-family: 'Material Design Icons';\r\n                font-size: 16px;\r\n                color: $primary;\r\n                position: absolute;\r\n                right: 20px;\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n                transition: all 0.5s ease;\r\n            }\r\n            &.collapsed {\r\n                background-color: $white;\r\n                color: $dark !important;\r\n                transition: all 0.5s;\r\n                &:before {\r\n                    top: 15px;\r\n                    transform: rotate(180deg);\r\n                    color: $dark !important;\r\n                }\r\n            }\r\n            &:not(.collapsed) {\r\n                color: $primary;\r\n            }\r\n            &:after {\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n}","// \r\n// preloader.scss\r\n//\r\n\r\n// Loader\r\n#preloader {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-image: linear-gradient(45deg, $white, $white);\r\n    z-index: 9999999;\r\n    #status {\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        .spinner {\r\n            width: 40px;\r\n            height: 40px;\r\n            position: relative;\r\n            margin: 100px auto;\r\n            .double-bounce1, .double-bounce2 {\r\n                width: 100%;\r\n                height: 100%;\r\n                border-radius: 50%;\r\n                background-color: $primary;\r\n                opacity: 0.6;\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                animation: sk-bounce 2.0s infinite ease-in-out;\r\n            }\r\n            .double-bounce2 {\r\n                animation-delay: -1.0s;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes sk-bounce {\r\n    0%, 100% { \r\n      transform: scale(0.0);\r\n    } 50% { \r\n      transform: scale(1.0);\r\n    }\r\n}","//\r\n// Forms.scss\r\n//\r\n\r\n//Form\r\n.form-label,\r\n.form-check-label {\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n}\r\n\r\n.form-control {\r\n    border: 1px solid $border-color;\r\n    font-size: 14px;\r\n    line-height: 26px;\r\n    border-radius: 6px;\r\n    color: $dark !important;\r\n    text-align: left;\r\n    &:focus {\r\n        border-color: $primary;\r\n        box-shadow: none;\r\n    }\r\n    &[readonly] {\r\n        background-color: $white;\r\n    }\r\n    &:disabled {\r\n        background-color: $gray-300;\r\n    }\r\n    &::placeholder{\r\n        color: $form-placeholder;\r\n    }\r\n}\r\n\r\n.form-check-input {\r\n    border: 1px solid $border-color;\r\n    background-color: $form-check-input-bg;\r\n    &:focus {\r\n        border-color: $primary;\r\n        box-shadow: none;\r\n    }\r\n    &.form-check-input:checked {\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n    }\r\n}\r\n\r\n//Subscribe form\r\n.subcribe-form {\r\n    .btn {\r\n        padding: 10px 20px;\r\n    }\r\n    input {\r\n        padding: 12px 20px;\r\n        width: 100%;\r\n        color: $dark !important;\r\n        border: none;\r\n        outline: none !important;\r\n        padding-right: 160px;\r\n        background-color: rgba($subscribe-form-bg, 0.8);\r\n        height: 50px;\r\n        &::placeholder{\r\n            color: $form-placeholder;\r\n        }\r\n    }\r\n    button {\r\n        position: absolute;\r\n        top: 2px;\r\n        right: 3px;\r\n        outline: none !important;\r\n    }\r\n    form {\r\n        position: relative;\r\n        max-width: 600px;\r\n        margin: 0px auto;\r\n    }\r\n}","//\r\n// _blog-job.scss\r\n//\r\n\r\n/*********************************/\r\n/*         Blog & News           */\r\n/*===============================*/\r\n@each $name,\r\n$value in $theme-colors {\r\n    .blog {\r\n        &.blog-#{$name} {\r\n            .tag {\r\n                background: $value !important;\r\n            }\r\n            .title,\r\n            .readmore {\r\n                &:hover {\r\n                    color: $value !important;\r\n                }\r\n            }\r\n            .link {\r\n                color: $value !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.blog {\r\n    transition: all 0.3s ease;\r\n    .content {\r\n        h4 {\r\n            line-height: 1.2;\r\n        }\r\n        .title {\r\n            transition: all 0.5s ease;\r\n        }\r\n        .post-meta {\r\n            .like, .comments, .readmore {\r\n                font-size: 15px;\r\n                transition: all 0.5s ease;\r\n            }\r\n            .like {\r\n                &:hover {\r\n                    color: $danger !important;\r\n                }\r\n            }\r\n            .comments {\r\n                &:hover {\r\n                    color: $success !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .author,\r\n    .teacher,\r\n    .preview,\r\n    .course-fee {\r\n        position: absolute;\r\n        z-index: 1;\r\n        opacity: 0;\r\n        transition: all 0.5s ease;\r\n    }\r\n    .author {\r\n        top: 5%;\r\n        left: 5%;\r\n    }\r\n    .author,\r\n    .teacher {\r\n        .user,\r\n        .date,\r\n        .profession {\r\n            color: $white;\r\n        }\r\n    }\r\n    .teacher {\r\n        bottom: 6%;\r\n        left: 5%;\r\n    }\r\n    .course-fee {\r\n        bottom: -5%;\r\n        right: 5%;\r\n        width: 50px;\r\n        height: 50px;\r\n        .fee {\r\n            line-height: 50px;\r\n        }\r\n    }\r\n    &.blog-detail {\r\n        &:hover {\r\n            transform: translateY(0px) !important;\r\n        }\r\n    }\r\n    .overlay {\r\n        background: $blog-overlay-dark;\r\n    }\r\n    &:hover {\r\n        transform: translateY(-10px);\r\n        .overlay {\r\n            opacity: 0.6;\r\n        }\r\n        .author,\r\n        .teacher,\r\n        .preview,\r\n        .course-fee {\r\n            opacity: 1;\r\n        }\r\n    }\r\n    .blog-list-meta {\r\n        position: absolute;\r\n        bottom: 24px;\r\n    }\r\n\r\n    .preview {\r\n        color: $white !important;\r\n    }\r\n}\r\n\r\n//Sidebar\r\n.sidebar {\r\n    .widget {        \r\n        .blog-categories {\r\n            li {\r\n                padding-bottom: 10px;\r\n                &:last-child {\r\n                    padding-bottom: 0;\r\n                }\r\n                a, span {\r\n                    font-size: 15px;\r\n                }\r\n                a {\r\n                    color: $dark;\r\n                    transition: all 0.5s ease;\r\n                    &:hover {\r\n                        color: $primary;\r\n                    }\r\n                }\r\n            }\r\n        }      \r\n        .post-recent {\r\n            padding-bottom: 15px;\r\n            &:last-child {\r\n                padding-bottom: 0;\r\n            }\r\n            .post-recent-thumb {\r\n                width: 25%;\r\n            }\r\n            \r\n            .post-recent-content {\r\n                width: 75%;\r\n                padding-left: 10px;\r\n                a {\r\n                    display: block;\r\n                    color: $dark;\r\n                    font-size: 15px;\r\n                    transition: all 0.5s ease;\r\n                    &:hover {\r\n                        color: $primary;\r\n                    }\r\n                }\r\n                span {\r\n                    font-size: 13px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n.tagcloud {\r\n    > a {\r\n        background: $gray-100;\r\n        color: $dark;\r\n        display: inline-block;\r\n        font-size: 9px;\r\n        letter-spacing: 1px;\r\n        margin: 5px 10px 5px 0;\r\n        padding: 8px 12px 7px;\r\n        text-transform: uppercase;\r\n        transition: all 0.5s ease;\r\n        font-weight: 600;\r\n        &:hover {\r\n            background: $primary;\r\n            color: $white;\r\n        }\r\n    }\r\n}\r\n\r\n// single blog\r\n.media-list {\r\n    .media {\r\n        .media-heading {\r\n            &:hover{\r\n                color: $primary !important;\r\n            }\r\n        }\r\n    }\r\n    .sub-comment {\r\n        border-left: 2px dashed $border-color;\r\n    }\r\n}\r\n\r\n.blog .overlay,\r\n.job-box .job-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    opacity: 0; \r\n    transition: all 0.5s ease;\r\n}\r\n\r\n//Jobs and Careers\r\n\r\n@each $name,\r\n$value in $theme-colors {\r\n    .job-box {\r\n        &.job-#{$name} {\r\n            .position {\r\n                a {\r\n                    &:hover {\r\n                        color: $value !important;\r\n                    }\r\n                }\r\n            }\r\n            .company-name {\r\n                &:hover {\r\n                    color: $value !important;\r\n                }\r\n            }\r\n            .title,\r\n            .readmore {\r\n                &:hover {\r\n                    color: $value !important;\r\n                }\r\n            }\r\n\r\n            .icons {\r\n                color: $value !important;\r\n            }\r\n\r\n            &.candidate-list, \r\n            &.company-list {\r\n                .name {\r\n                    &:hover {\r\n                        color: $value !important;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .bg {\r\n                background-color: #{$value} !important;\r\n            }\r\n\r\n            .bg-soft {\r\n                background-color: rgba($value, 0.1) !important;\r\n                border: 1px solid rgba($value, 0.1) !important;\r\n                color: #{$value} !important;\r\n            }\r\n\r\n            .btn-soft {\r\n                background-color: rgba($value, 0.05) !important;\r\n                border: 1px solid rgba($value, 0.05) !important;\r\n                color: #{$value} !important;\r\n                box-shadow: 0 3px 5px 0 rgba($value, 0.1);\r\n                &:hover, &:focus, &:active, &.active, &.focus{\r\n                    background-color: #{$value} !important;\r\n                    border-color: #{$value} !important;\r\n                    color: $white !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.job-box {\r\n    transition: all 0.5s ease;\r\n    .job-overlay {\r\n        opacity: 0.6;\r\n    }\r\n    .head {\r\n        position: absolute;\r\n        top: 15px;\r\n        right: 15px;\r\n    }\r\n    .position {\r\n        position: absolute;\r\n        top: 15px;\r\n        left: 15px;\r\n        a {\r\n            transition: all 0.5s ease;\r\n        }\r\n    }\r\n    .firm-logo {\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        height: 60px;\r\n        width: 60px;\r\n        line-height: 60px;\r\n        margin: 0 auto;\r\n        top: -30px;\r\n    }\r\n    .company-name {\r\n        transition: all 0.5s ease;\r\n    }\r\n\r\n    &.candidate-list {\r\n        .like {\r\n            -webkit-text-stroke: 1px $muted;\r\n            -webkit-text-fill-color: transparent;\r\n            &:hover, &:focus {\r\n                -webkit-text-stroke: $danger;\r\n                -webkit-text-fill-color: $danger;\r\n            }\r\n        }\r\n    }\r\n    \r\n    &.candidate-list, \r\n    &.company-list {\r\n        transition: all 0.5s ease;\r\n        &:hover {\r\n            box-shadow: $shadow-md !important;\r\n        }\r\n    }\r\n\r\n    &:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n}\r\n\r\n\r\n@media (min-width: 1024px) {\r\n    .job-profile {\r\n        top: -378px;\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1023px) {\r\n    .job-profile {\r\n        top: -338px;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .company-logo {\r\n        float: none !important;\r\n        text-align: left !important;\r\n    }\r\n}\r\n\r\n\r\n//Categories\r\n@each $name,\r\n$value in $theme-colors {\r\n    .categories {\r\n        &.category-#{$name} {\r\n            .title {\r\n                &:hover {\r\n                    color: $value !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n.categories {\r\n    transition: all 0.5s ease;\r\n    &:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: $shadow;\r\n    }\r\n}","//\r\n// contact.scss\r\n//\r\n\r\n/*********************************/\r\n/*         Contact us            */\r\n/*===============================*/\r\n\r\n.form-icon {\r\n    .icons {\r\n        position: absolute;\r\n        top: 12px;\r\n        left: 18px;\r\n    } \r\n}\r\n\r\n.map {\r\n    line-height: 0;\r\n    iframe {\r\n        width: 100%;\r\n        height: 400px;\r\n    }\r\n}\r\n\r\n.error {\r\n    margin: 8px 0px;\r\n    display: none;\r\n    color: $danger;\r\n}\r\n  \r\n#ajaxsuccess {\r\n    font-size: 16px;\r\n    width: 100%;\r\n    display: none;\r\n    clear: both;\r\n    margin: 8px 0px;\r\n}\r\n\r\n.error_message,\r\n#success_page {\r\n    padding: 10px;\r\n    margin-bottom: 20px;\r\n    text-align: center;\r\n    border-radius: 5px;\r\n}\r\n\r\n.error_message {\r\n    background-color: rgba(240, 115, 90, 0.1) !important;\r\n    border: 2px solid rgba(240, 115, 90, 0.1) !important;\r\n    color: #f0735a !important;\r\n    font-size: 14px;\r\n}\r\n\r\n.contact-loader {\r\n    display: none;\r\n}\r\n  \r\n#success_page {\r\n    background-color: rgba(83, 199, 151, 0.1) !important;\r\n    border: 2px solid rgba(83, 199, 151, 0.1) !important;\r\n    color: #53c797 !important;\r\n    p {\r\n        margin-bottom: 0 !important;\r\n    }\r\n}\r\n\r\n//Datepicker\r\n.qs-datepicker-container {\r\n    background-color: $datepicker-bg;\r\n    border-color: $border-color;\r\n    color: $datepicker-text;\r\n    box-shadow: $shadow;\r\n    .qs-controls {\r\n        background-color: $gray-200;\r\n        color: $datepicker-text;\r\n        .qs-month-year {\r\n            font-weight: 600;\r\n            font-size: 15px;\r\n            &:hover {\r\n                border-bottom: 1px solid $border-color;\r\n            }\r\n        }\r\n    }\r\n    .qs-squares {\r\n        .qs-square {\r\n            font-size: 15px;\r\n            height: 34px;\r\n            width: 34px;\r\n            &:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover,\r\n            &.qs-current {\r\n                background: $primary;\r\n                color: $white;\r\n                border-radius: 30px;\r\n                font-weight: 500;\r\n                text-decoration: none;\r\n                border-radius: 30px;\r\n            }\r\n        }\r\n        .qs-day {\r\n            font-weight: 500;\r\n            color: $muted;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n@media (min-width: 768px) {\r\n    .map {\r\n        &.map-height-two {\r\n            iframe {\r\n                height: 551px;\r\n            }\r\n        }\r\n    }\r\n}","//\r\n// countdown.scss\r\n//\r\n\r\n/*********************************/\r\n/* Countdown(Comingsoon, Maintenance) */\r\n/*===============================*/\r\n\r\n//countdown\r\n.coming-soon, .maintenance, .error-page {\r\n    font-size: 40px;\r\n    letter-spacing: 1px;\r\n    \r\n    @media (max-width: 767px) {\r\n        font-size: 32px;\r\n    }\r\n}\r\n#countdown, #eventdown, #token-sale {\r\n    .count-down {\r\n        display: inline-block;\r\n        margin: 30px 10px 10px;\r\n        color: $white;\r\n        text-align: center;\r\n        .count-number {\r\n            font-size: 40px;\r\n            line-height: 95px;\r\n        }\r\n        .count-head {\r\n            display: block;\r\n            position: relative;\r\n            transform: translateY(-20px);\r\n            text-transform: uppercase;\r\n            font-size: 14px;\r\n            letter-spacing: 1px;\r\n        }\r\n    }\r\n}\r\n\r\n#countdown {\r\n    .count-down {\r\n        .count-number {\r\n            font-size: 40px;\r\n            line-height: 95px;\r\n            border: 4px solid $white;\r\n            height: 130px;\r\n            width: 130px;\r\n            border-radius: 50%;\r\n        }\r\n    }\r\n}\r\n\r\n//token-sale\r\n#token-sale {\r\n    .count-down {\r\n        border: 0;\r\n        color: $dark !important;\r\n        .count-number {\r\n            line-height: 80px;\r\n            @media (max-width: 767px){\r\n                font-size: 30px;\r\n            }\r\n        }\r\n        .count-head {\r\n            margin-bottom: 0 !important;\r\n            transform: translateY(-15px);\r\n            @media (max-width: 767px){\r\n                font-size: 10px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n//Event(index-event.html)\r\n#eventdown {\r\n    .count-down {\r\n        margin: 10px !important;\r\n        border: 0;\r\n        @media (max-width: 767px){\r\n            width: 60px;\r\n        }\r\n        .count-number {\r\n            line-height: 80px;\r\n            @media (max-width: 767px){\r\n                font-size: 30px;\r\n            }\r\n        }\r\n\r\n        .count-head {\r\n            transform: translateY(-15px);\r\n            @media (max-width: 767px){\r\n                font-size: 10px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n//maintenance\r\n#maintenance {\r\n    color: $white;\r\n    font-size: 56px;\r\n    letter-spacing: 1px;\r\n    \r\n    .indicator {\r\n        font-size: 18px;\r\n    }\r\n}","//\r\n// cta.scss\r\n//\r\n\r\n/*********************************/\r\n/*         CTA                   */\r\n/*===============================*/\r\n\r\n//cta\r\n.bg-cta {\r\n    padding: 150px 0;\r\n}\r\n\r\n.play-btn {\r\n    height: 78px;\r\n    width: 78px;\r\n    font-size: 30px;\r\n    line-height: 76px;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    color: $white;\r\n    border: 1px solid $play-btn-border;\r\n}\r\n.play-icon {\r\n    position: absolute;\r\n    bottom: 50%;\r\n    transform: translateY(50%);\r\n    right: 0;\r\n    left: 0;\r\n    text-align: center;\r\n    i {\r\n        height: 75px;\r\n        -webkit-text-stroke: 2px $primary;\r\n        -webkit-text-fill-color: transparent;  \r\n        width: 75px;\r\n        font-size: 25px;\r\n        line-height: 75px;\r\n        display: inline-block;\r\n        background-color: $play-btn-icon;\r\n        &:hover {\r\n            -webkit-text-stroke: 2px $primary;\r\n            -webkit-text-fill-color: $primary;\r\n        }\r\n    }\r\n}\r\n\r\n//Video popup\r\n@media (max-width: 767px){\r\n    iframe {\r\n        width: auto !important;\r\n    }\r\n}","//\r\n// features.scss\r\n//\r\n\r\n/*********************************/\r\n/*     Features & Services       */\r\n/*===============================*/\r\n@each $name,\r\n$value in $theme-colors {\r\n    .features {\r\n        &.feature-#{$name} {\r\n            .icon {\r\n                background: rgba($value, 0.1);\r\n            }\r\n\r\n            .image {\r\n                &:before {\r\n                    background: linear-gradient(45deg, transparent, rgba($value, 0.1));\r\n                }\r\n            }\r\n\r\n            .read-more,\r\n            .color {\r\n                color: $value !important;\r\n            }\r\n\r\n            &.feature-clean {\r\n                .icons {\r\n                    color: $value !important;\r\n                    i {\r\n                        background-color: rgba($value, 0.1);\r\n                    }\r\n                }\r\n                .title {\r\n                    &:hover {\r\n                        color: $value !important;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &.feature-full-bg {\r\n                .icon-color {\r\n                    color: $value !important;\r\n                }\r\n                &:hover {\r\n                    background-color: $value !important;\r\n                }\r\n            }\r\n\r\n            &.key-feature {\r\n                .icon {\r\n                    background: linear-gradient(45deg, transparent, rgba($value, 0.15));\r\n                    color: $value;\r\n                }\r\n            }\r\n            &.course-feature {\r\n                .full-img {\r\n                    color: $value !important;\r\n                }\r\n            }\r\n\r\n            &.explore-feature {\r\n                &:hover {\r\n                    .icons,\r\n                    .title {\r\n                        color: $value !important;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .btn-soft {\r\n                background-color: rgba($value, 0.05) !important;\r\n                border: 1px solid rgba($value, 0.05) !important;\r\n                color: #{$value} !important;\r\n                box-shadow: 0 3px 5px 0 rgba($value, 0.1);\r\n                &:hover, &:focus, &:active, &.active, &.focus{\r\n                    background-color: #{$value} !important;\r\n                    border-color: #{$value} !important;\r\n                    color: $white !important;\r\n                }\r\n            }\r\n\r\n            &:hover {\r\n                .image {\r\n                    &:before {\r\n                        background: rgba($value, 0.1);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.features {\r\n    .image {\r\n        &:before {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: 5px;\r\n            left: 5px;\r\n            width: 64px;\r\n            height: 64px;\r\n            border-radius: 6px;\r\n            transform: rotate(33.75deg);\r\n        }\r\n    }\r\n    &.feature-clean {\r\n        background-color: $body-bg;\r\n        .icons {\r\n            i {\r\n                height: 65px;\r\n                width: 65px;\r\n                display: inline-flex !important;\r\n                justify-content: center;\r\n                align-items: center;\r\n            }\r\n        }\r\n    }\r\n    .ride-image {\r\n        transform: rotate(-45deg);\r\n        img {\r\n            border-radius: 100% 100% 100% 0;\r\n        }\r\n    }\r\n\r\n    &.key-feature {\r\n        transition: all 0.3s ease;\r\n        &:hover {\r\n            transform: scale(1.05);\r\n            box-shadow: $shadow-md !important;\r\n        }\r\n    }\r\n\r\n    &:hover {\r\n        .image {\r\n            &:before {\r\n                animation: spinner-border 5s linear infinite !important;\r\n            }\r\n        }\r\n    }\r\n    &.feature-full-bg {\r\n        transition: all 0.5s ease;\r\n        .big-icon {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            left: 0;\r\n            right: 0;\r\n            opacity: 0.015;\r\n            font-size: 180px;\r\n        }\r\n        &:hover {\r\n            box-shadow: $shadow-lg;\r\n            color: $white !important;\r\n            .icon-color i, \r\n            .para {\r\n                color: rgba($white, 0.5) !important;\r\n            }\r\n            .content,\r\n            .icon-color {\r\n                z-index: 2;\r\n            }\r\n            .big-icon {\r\n                opacity: 0.05;\r\n            }\r\n            .readmore {\r\n                color: $white !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.course-feature {\r\n        transition: all 0.5s ease;\r\n        .full-img {\r\n            position: absolute;\r\n            bottom: 50%;\r\n            transform: translateY(50%);\r\n            left: 0;\r\n            right: 0;\r\n            opacity: 0;\r\n            margin: 0 auto;\r\n            z-index: -2;\r\n            transition: all 0.5s ease;\r\n            font-size: 250px;\r\n        }\r\n        &:hover {\r\n            transform: translateY(-10px);\r\n            .full-img {\r\n                opacity: 0.05;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.explore-feature {\r\n        transition: all 0.5s ease;\r\n        .icons {\r\n            height: 80px;\r\n            width: 80px;\r\n            display: inline-flex !important;\r\n            justify-content: center;\r\n            align-items: center;\r\n            transition: all 0.5s ease;\r\n        }\r\n        &:hover {\r\n            box-shadow: $shadow-lg !important;\r\n        }\r\n    }\r\n}\r\n.features,\r\n.key-feature {\r\n    .title {\r\n        font-size: 18px !important;\r\n    }\r\n    .icon {\r\n        height: 45px;\r\n        width: 45px;\r\n        min-width: 45px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;        \r\n    }\r\n}\r\n\r\n// Work process\r\n.work-process {\r\n    transition: all 0.5s ease;\r\n    .step, .step-icon {\r\n        opacity: 0.06;\r\n    }\r\n    a {\r\n        font-size: 15px;\r\n    }\r\n    &.process-arrow {\r\n        &:after {    \r\n            content: '';\r\n            position: absolute;\r\n            width: 60%;\r\n            height: 40px;\r\n            top: 30px;\r\n            left: 80%;\r\n            background: url(\"../images/process.png\") center center no-repeat;\r\n            z-index: 1;\r\n\r\n            @media (max-width: 767px) {\r\n                display: none;\r\n            }\r\n        }\r\n        &:hover {\r\n            transform: none !important;\r\n        }\r\n    }\r\n    &:hover {\r\n        transform: translateY(-10px);\r\n    }\r\n    &.d-none-arrow {\r\n        &:hover {\r\n            transform: none !important;\r\n        }\r\n    }\r\n}\r\n\r\n//index-crypto.html and index-course.html\r\n.features-absolute {\r\n    position: relative;\r\n    z-index: 2;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.features-absolute {\r\n    margin: -200px 0 0px;\r\n\r\n    @media (max-width: 768px) {\r\n        margin: -140px 0 0;\r\n    }\r\n    \r\n    &.blog-search {\r\n        margin: -120px 0 0px;\r\n\r\n        @media (max-width: 768px) {\r\n            margin: -90px 0 0px;\r\n        }\r\n    }\r\n}\r\n\r\n//Classic App\r\n.app-feature-shape-right,\r\n.app-feature-shape-left {\r\n    &:after {\r\n        bottom: 0rem;\r\n        width: 30rem;\r\n        height: 40rem;\r\n        border-radius: 10rem;\r\n    }\r\n}\r\n\r\n.app-feature-shape-right {\r\n    &:after {\r\n        left: 10rem;\r\n        transform: rotate(150deg);\r\n        \r\n        @media (max-width: 768px) {\r\n            left: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.app-feature-shape-left {\r\n    &:after {\r\n        right: 10rem;\r\n        transform: rotate(210deg);\r\n\r\n        @media (max-width: 768px) {\r\n            right: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.app-subscribe {\r\n    position: absolute;\r\n    top: -200px;\r\n\r\n    @media (max-width: 767px) {\r\n        position: relative;\r\n        top: 0;\r\n    }\r\n}\r\n\r\n//Classic Saas\r\n.saas-feature-shape-left,\r\n.saas-feature-shape-right {\r\n    &:after {\r\n        bottom: -3rem;\r\n        width: 35rem;\r\n        height: 35rem;\r\n        border-radius: 15rem;\r\n        transform: rotate(145deg);\r\n        \r\n        @media (max-width: 767px) {\r\n            bottom: -1rem;\r\n            width: 25rem;\r\n            height: 25rem;\r\n            border-radius: 10rem;\r\n        }\r\n    }\r\n}\r\n.saas-feature-shape-left {\r\n    &:after {\r\n        left: -10rem;\r\n    }\r\n}\r\n\r\n.saas-feature-shape-right {\r\n    &:after {\r\n        right: -10rem;\r\n    }\r\n}\r\n\r\n.app-feature-shape-right,\r\n.app-feature-shape-left,\r\n.saas-feature-shape-left,\r\n.saas-feature-shape-right,\r\n.social-feature-left,\r\n.social-feature-right {\r\n    &:after {\r\n        background: rgba($primary, 0.1);\r\n        box-shadow: 0 0 40px rgba($primary, 0.1);\r\n    }\r\n}\r\n\r\n.app-feature-shape-right,\r\n.app-feature-shape-left,\r\n.saas-feature-shape-left,\r\n.saas-feature-shape-right,\r\n.social-feature-left,\r\n.social-feature-right {\r\n    &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        z-index: -1;\r\n    }\r\n}\r\n\r\n//Modern Saas \r\n.modern-saas-absolute-left,\r\n.modern-saas-absolute-right {\r\n    position: absolute;\r\n}\r\n.modern-saas-absolute-left {\r\n    top: 2%;\r\n    left: -2%;\r\n    \r\n    @media (min-width: 768px) {\r\n        top: 20%;\r\n        left: -7%;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        left: -10%;\r\n    }\r\n}\r\n\r\n.modern-saas-absolute-right {\r\n    bottom: 2%;\r\n    right: -2%;\r\n    \r\n    @media (min-width: 768px) {\r\n        bottom: 20%;\r\n        right: -7%;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        right: -10%;\r\n    }\r\n}\r\n\r\n//Modern app\r\n.modern-app-round {\r\n    position: fixed;\r\n    width: 600px;\r\n    height: 600px;\r\n    border-radius: 50%;\r\n    filter: blur(100px);\r\n    pointer-events: none;\r\n    z-index: -2;\r\n    background-color: rgba($primary, 0.15);\r\n}\r\n\r\n.modern-app-bg-shape {\r\n    &:after {\r\n        content: \" \";\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 500px;\r\n        height: 500px;\r\n        border-radius: 50%;\r\n        background: linear-gradient(to right, rgba($primary, 0.3) 0%, rgba($primary, 0.5) 35%, rgba($primary, 1) 100%);\r\n        box-shadow: 0 0 40px rgba($primary, 0.2);\r\n        z-index: -1;\r\n\r\n        @media (max-width: 768px) {\r\n            width: 400px;\r\n            height: 400px;\r\n        }\r\n    }\r\n}\r\n\r\n.modern-app-absolute-left,\r\n.modern-app-absolute-right {\r\n    position: absolute;\r\n}\r\n.modern-app-absolute-right {\r\n    top: 7%;\r\n    right: -2%;\r\n    \r\n    @media (min-width: 768px) {\r\n        top: 20%;\r\n        right: -7%;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        right: -10%;\r\n    }\r\n}\r\n\r\n.modern-app-absolute-left {\r\n    bottom: 7%;\r\n    left: -2%;\r\n    \r\n    @media (min-width: 768px) {\r\n        bottom: 20%;\r\n        left: -7%;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        left: -10%;\r\n    }\r\n}\r\n\r\n//Social Media Marketing\r\n.social-feature-left,\r\n.social-feature-right {\r\n    &:after {\r\n        width: 450px;\r\n        height: 520px;\r\n        border-radius: 30px;\r\n        bottom: -75px;\r\n        @media (max-width: 768px) {\r\n            width: 300px;\r\n            height: 400px;\r\n            bottom: -65px;\r\n        }\r\n\r\n        @media (max-width: 575px) {\r\n            bottom: -35px;\r\n        }\r\n    }\r\n}\r\n.social-feature-left {\r\n    &:after {\r\n        right: -200px;\r\n        @media (max-width: 575px) {\r\n            right: 60px;\r\n        }\r\n    }\r\n}\r\n.social-feature-right {\r\n    &:after {\r\n        left: -200px;\r\n        @media (max-width: 575px) {\r\n            left: 60px;\r\n        }\r\n    }\r\n}\r\n\r\n//Construction\r\n.construction-img {\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 20px;\r\n}\r\n\r\n/*********************************/\r\n/*          NFT                  */\r\n/*===============================*/\r\n@each $name,\r\n$value in $theme-colors {\r\n    .nft {\r\n        &.nft-#{$name} {\r\n            .title,\r\n            .read-more {\r\n                &:hover {\r\n                    color: $value !important;\r\n                }\r\n            }\r\n\r\n            .link {\r\n                color: $value !important;\r\n            }\r\n\r\n            .author {\r\n                .name { \r\n                    &:hover {\r\n                        color: $value !important;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .bg-soft {\r\n                background-color: rgba($value, 0.1) !important;\r\n                border: 1px solid rgba($value, 0.1) !important;\r\n                color: #{$value} !important;\r\n            }\r\n\r\n            .btn {\r\n                background-color: #{$value} !important;\r\n                border: 1px solid #{$value} !important;\r\n                color: $white !important;\r\n                box-shadow: 0 3px 5px 0 rgba($value, 0.1);\r\n                &:hover, &:focus, &:active, &.active, &.focus{\r\n                    background-color: darken($value, 10%) !important;\r\n                    border-color: darken($value, 10%) !important;\r\n                    color: $white !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.nft {\r\n    &.nft-item {\r\n        transition: all 0.5s ease;\r\n        .nft-image {\r\n            .item-img {\r\n                transition: all 0.5s ease;\r\n            }\r\n            .overlay {\r\n                position: absolute;\r\n                top: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                left: 0;\r\n                opacity: 0; \r\n                transition: all 0.5s ease;\r\n                background: $dark;\r\n            }\r\n        }\r\n\r\n        &:hover {\r\n            box-shadow: $shadow-md !important;\r\n        }\r\n    }\r\n\r\n    .bid-btn {\r\n        position: absolute;\r\n        transition: all 0.5s ease;\r\n        bottom: -100px;\r\n        right: 0;\r\n        left: 0;\r\n    }\r\n\r\n    &.nft-creator {\r\n        transition: all 0.5s ease;\r\n        img {\r\n            transition: all 0.5s ease;\r\n        }\r\n        &:hover {\r\n            img {\r\n                height: 90px !important;\r\n                width: 90px !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    &:hover {\r\n        .nft-image {\r\n            .item-img {\r\n                transform: scale(1.1) rotate(3deg);\r\n            }\r\n            .overlay {\r\n                opacity: 0.7;\r\n            }\r\n        }\r\n\r\n        .bid-btn {\r\n            bottom: 0;\r\n        }\r\n    }\r\n}","//\r\n// home.scss\r\n//\r\n\r\n/*********************************/\r\n/*         Home & Hero           */\r\n/*===============================*/\r\n\r\n@mixin home-common {\r\n    background-size: cover !important;\r\n    align-self: center;\r\n    position: relative !important;\r\n    background-position: center center;\r\n}\r\n.bg-home {\r\n    height: 100vh;    \r\n    @include home-common();\r\n}\r\n.bg-photography {\r\n    height: 100vh;    \r\n    @include home-common();\r\n    @media (max-width: 767px) {\r\n        padding: 300px 0;\r\n        height: auto;\r\n    }\r\n}\r\n\r\n.bg-video-studio {\r\n    height: 100vh;    \r\n    @include home-common();\r\n}\r\n.bg-home-75vh {\r\n    height: 75vh !important;    \r\n    @include home-common();\r\n    @media (max-width: 767px) {\r\n        height: 80vh !important;\r\n    }\r\n}\r\n.bg-half-260 {\r\n    padding: 260px 0;    \r\n    @include home-common();\r\n}\r\n.bg-half-170 {\r\n    padding: 170px 0;    \r\n    @include home-common();\r\n}\r\n\r\n.bg-half-100 {\r\n    padding: 100px 0;    \r\n    @include home-common();\r\n}\r\n.bg-half {\r\n    padding: 200px 0 100px;\r\n\r\n    @media (max-width: 768px) {\r\n        padding: 160px 0 60px;\r\n    }\r\n    @include home-common();\r\n}\r\n\r\n.bg-auth-home {\r\n    padding: 142px 0;\r\n    @include home-common();\r\n}\r\n\r\n.bg-consulting {\r\n    height: 100vh;\r\n    @include home-common();\r\n  }\r\n  @media (max-width: 767px) {\r\n    .bg-consulting {\r\n      padding: 0 0 300px;\r\n      height: auto;\r\n    }\r\n    .bg-consulting .background {\r\n      padding: 120px 12px 50px;\r\n      background: $body-bg;\r\n    }\r\n  }\r\n  @media (min-width: 768px) {\r\n    .bg-consulting:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 50%;\r\n      height: 100%;\r\n      background: $body-bg;\r\n    }\r\n  }\r\n\r\n//Gradient Home\r\n.bg-circle-gradiant {\r\n    background: radial-gradient(circle at 50% 50%, rgba($primary, 0.1) 0%, \r\n                                                   rgba($primary, 0.1) 33.333%,\r\n                                                   rgba($primary, 0.2) 33.333%, \r\n                                                   rgba($primary, 0.2) 66.666%,\r\n                                                   rgba($primary, 0.3) 66.666%, \r\n                                                   rgba($primary, 0.3) 99.999%);\r\n}\r\n\r\n//Lawyer\r\n.lawyer-wrapper {\r\n    overflow: hidden;\r\n    &:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        bottom: 25rem;\r\n        right: 13rem;\r\n        width: 50rem;\r\n        height: 25rem;\r\n        transform: rotate(100deg);\r\n        background: linear-gradient(90deg, rgba($primary, 0.3), transparent);\r\n        z-index: 1;\r\n\r\n        @media (min-width: 769px) and (max-width: 1024px) {\r\n            right: -10rem;\r\n        }\r\n        \r\n        @media (min-width: 576px) and (max-width: 768px) {\r\n            right: -15rem;\r\n            height: 20rem;\r\n            bottom: 25rem;\r\n        }\r\n\r\n        @media (max-width: 575px) {\r\n            right: -15rem;\r\n            height: 20rem;\r\n            bottom: 35rem;\r\n        }\r\n    }\r\n}\r\n\r\n//It Solutions\r\n.it-home {\r\n    animation: slideleft 30000s infinite linear;\r\n}\r\n@keyframes slideleft {\r\n    from {\r\n        background-position: 0%;\r\n    }\r\n    to {\r\n        background-position: 90000%;\r\n    }\r\n}\r\n//Saas\r\n.home-dashboard {\r\n    img {\r\n        position: relative;\r\n        top: 60px;\r\n        z-index: 1;\r\n    }\r\n    \r\n    //Index-onepage.html\r\n    @media (min-width:768px) {\r\n        &.onepage-hero {\r\n            overflow: hidden;\r\n        }\r\n    }\r\n}\r\n\r\n.classic-saas-image .bg-saas-shape {\r\n    &:after {\r\n        bottom: 3rem;\r\n        left: 0;\r\n        width: 75rem;\r\n        height: 55rem;\r\n        border-radius: 20rem;\r\n        @media (max-width: 767px) {    \r\n            left: 10rem;\r\n            width: 30rem;\r\n            height: 30rem;\r\n            border-radius: 10rem;\r\n        } \r\n    }\r\n}\r\n\r\n.classic-saas-image .bg-saas-shape,\r\n.freelance-hero .bg-shape,\r\n.ai-hero .image {\r\n    img {\r\n        @media (max-width: 768px) {\r\n            max-width: 550px;\r\n        }\r\n        \r\n        @media (max-width: 767px) {    \r\n            max-width: 100%;\r\n            height: auto;\r\n        }\r\n    }\r\n}\r\n\r\n.classic-saas-image .bg-saas-shape,\r\n.freelance-hero .bg-shape {\r\n    &:after {\r\n        opacity: 0.9;\r\n        transform: rotate(130deg);\r\n        \r\n        @media (max-width: 767px) {    \r\n            bottom: -5rem !important;\r\n            height: 30rem;\r\n        } \r\n    }\r\n}\r\n\r\n//Ai home\r\n.ai-hero {\r\n    &:after, \r\n    &:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        border: 2px dashed rgba($gray-400, 0.5);\r\n        border-radius: 50%;\r\n        animation: spinner-animation 72s linear infinite;\r\n        z-index: -1;\r\n    }\r\n\r\n    &:after {\r\n        top: -40px;\r\n        right: -128px;\r\n        height: 576px;\r\n        width: 576px;\r\n        @media (min-width: 1024px) {\r\n              top: 0;\r\n        }\r\n    }\r\n\r\n    &:before {\r\n        top: -144px;\r\n        right: -224px;\r\n        height: 768px;\r\n        width: 768px;\r\n        @media (min-width: 1024px) {\r\n              top: -96px;\r\n        }\r\n    }\r\n\r\n    .image {\r\n        &:after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: -40px;\r\n            right: 0;\r\n            width: 672px;\r\n            height: 672px;\r\n            background-color: rgba($primary, 0.4);\r\n            border-radius: 50%;\r\n            filter: blur(100px);\r\n            pointer-events: none;\r\n            z-index: -1;\r\n            @media (min-width: 1024px) {\r\n                  top: -96px;\r\n            }\r\n        }\r\n    }\r\n}\r\n  \r\n\r\n// Freelancer Home\r\n.freelance-hero .bg-shape {\r\n    &:after {\r\n        bottom: 0rem;\r\n        left: 7rem;\r\n        width: 100rem;\r\n        height: 70rem;\r\n        border-radius: 6rem;\r\n        @media (max-width: 768px) {    \r\n            bottom: -10rem;\r\n        }\r\n        @media (max-width: 767px) {    \r\n            left: 15rem;\r\n            width: 40rem;\r\n            height: 30rem;\r\n        } \r\n    }\r\n}\r\n\r\n.freelance-hero .bg-shape {\r\n    &:after {\r\n        box-shadow: 0 0 40px rgba($primary, 0.5);\r\n        background-color: lighten($primary, 25%);\r\n    }\r\n}\r\n\r\n//Studio\r\n.studio-home {\r\n    padding: 7%;\r\n}\r\n\r\n//Agency\r\n.agency-wrapper {\r\n    &:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        bottom: 22rem;\r\n        right: 54rem;\r\n        width: 90rem;\r\n        height: 35rem;\r\n        border-radius: 17rem;\r\n        transform: rotate(45deg);\r\n        background-color: $light;\r\n        z-index: -1;\r\n        \r\n        @media (max-width: 768px) {\r\n            right: 12rem;\r\n        }\r\n        \r\n        @media (max-width: 767px) {\r\n            right: 0;\r\n        }\r\n    }\r\n}\r\n\r\n//Marketing\r\n.bg-marketing {\r\n    padding: 76px 0 120px;\r\n    @include home-common();\r\n}\r\n\r\n//Marketing\r\n.bg-top-74 {\r\n    padding: 74px 0 0;\r\n    @include home-common();\r\n}\r\n\r\n//Coworking Landing / Hotal / Shop\r\n.home-slider {\r\n    .carousel-control-next,\r\n    .carousel-control-prev {\r\n        width: 30px;\r\n        height: 30px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        border-radius: 30px;\r\n        border: 1px solid $border-color;\r\n    }\r\n    .carousel-control-next-icon,\r\n    .carousel-control-prev-icon {\r\n        width: 30%;\r\n    }\r\n\r\n    .carousel-control-next {\r\n        right: 8px;\r\n    }\r\n\r\n    .carousel-control-prev {\r\n        left: 8px;\r\n    }\r\n}\r\n\r\n.carousel-indicators {\r\n    [data-bs-target] {\r\n        width: 10px;\r\n        height: 10px;\r\n        border-radius: 3px;\r\n        transition: all 0.5s ease;\r\n        border: 0;\r\n        background: $primary !important;\r\n        margin: auto 4px;\r\n    }\r\n    .active {\r\n        background-color: $primary !important;\r\n        transform: rotate(45deg);\r\n    }\r\n}\r\n\r\n.bg-animation-left {\r\n    &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        left: 0px;\r\n        top: 0px;\r\n        width: 70%;\r\n        height: 100%;\r\n        background: rgba($animation-bg, 0.85);\r\n        clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);\r\n        \r\n        @media (max-width: 767px) {\r\n            width: 100%;\r\n            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n        }\r\n    }\r\n    &.dark-left {\r\n        &:after {\r\n            background: rgba($black, 0.6);\r\n        }\r\n    }\r\n    &.crypto-home {\r\n        &:after {\r\n            background: $primary;\r\n            width:80%;\r\n            clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);\r\n        }\r\n    }\r\n    &.task-management-home {\r\n        &:after {\r\n            background: url(\"../images/task/bg.png\") $primary;\r\n            width:100%;\r\n            clip-path: circle(65% at 40% 25%);\r\n        }\r\n    }\r\n}\r\n\r\n//page-invoice.html\r\n.bg-invoice {\r\n    padding: 100px 0;\r\n    @include home-common();\r\n}\r\n\r\n//Application\r\n.classic-app-image {\r\n    .bg-app-shape {\r\n        &:after {\r\n            bottom: 3rem;\r\n            left: -8rem;\r\n            width: 55rem;\r\n            height: 35rem;\r\n            border-radius: 20rem;\r\n            transform: rotate(120deg);\r\n            opacity: 0.9;\r\n        }\r\n    }\r\n    .app-images {\r\n        position: absolute;\r\n        bottom: 60px;\r\n        right: -20px;\r\n    }\r\n}\r\n\r\n.classic-app-image .bg-app-shape, \r\n.classic-saas-image .bg-saas-shape,\r\n.freelance-hero .bg-shape {\r\n    &:after {\r\n        content: \" \";\r\n        position: absolute;\r\n        z-index: -1;\r\n    }\r\n}\r\n.classic-app-image .bg-app-shape, \r\n.classic-saas-image .bg-saas-shape{\r\n    &:after {\r\n        box-shadow: 0 0 40px rgba($primary, 0.5);\r\n        background-color: $primary;\r\n    }\r\n}\r\n\r\n//Landing one\r\n.shape-before {\r\n    .shape-img {\r\n        position: absolute;\r\n        top: -50px;\r\n        left: -35px;\r\n        z-index: -1;\r\n        height: auto;\r\n        overflow: hidden;\r\n    }\r\n}\r\n\r\n//corporate business\r\n.swiper-slider-hero {\r\n    .swiper-container,\r\n    .swiper-slide .slide-inner {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    .swiper-container {        \r\n        .swiper-button-prev,\r\n        .swiper-button-next {\r\n            background: transparent;\r\n            width: 35px;\r\n            height: 35px;\r\n            line-height: 35px;\r\n            margin-top: -30px;\r\n            &:before {\r\n                font-family: \"Material Design Icons\";\r\n                font-weight: 900;\r\n                color: $white;\r\n            }\r\n            &:hover {\r\n                background: $primary;\r\n                border-color: $primary !important;\r\n            }\r\n        }\r\n        .swiper-button-prev {\r\n            left: 10px;\r\n            border: 1px solid rgba($white, 0.5);\r\n            &:before {\r\n                content: \"\\f0141\";\r\n            }\r\n        }\r\n        .swiper-button-next {\r\n            right: 10px;\r\n            border: 1px solid rgba($white, 0.5);\r\n            &:before {\r\n                content: \"\\f0142\";\r\n            }\r\n        }\r\n    }\r\n    .swiper-pagination-bullet {\r\n        color: $gray-100;\r\n        background: transparent;\r\n    }\r\n    .swiper-pagination-bullet-active {\r\n        color: $white;\r\n    }\r\n    .swiper-container-horizontal \r\n    > .swiper-pagination-bullets,\r\n    .swiper-pagination-custom, \r\n    .swiper-pagination-fraction {\r\n        bottom: 45px;\r\n    } \r\n    .swiper-container-horizontal \r\n    > .swiper-pagination-bullets .swiper-pagination-bullet {\r\n        margin: 0 13px;\r\n    }\r\n}\r\n\r\n// Responsive \r\n@media (min-width: 769px){    \r\n    //studio \r\n    .bg-studio {\r\n        &:after{\r\n            content: \"\";\r\n            position: absolute;\r\n            right: 0px;\r\n            top: 0px;\r\n            width: 50%;\r\n            height: 100%;\r\n            background: $white none repeat scroll 0 0;\r\n            z-index: 2;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .bg-home, .bg-half-170, .bg-half-260, .bg-marketing, .swiper-slider-hero .swiper-container .swiper-slide {        \r\n        padding: 150px 0;\r\n        height: auto;\r\n    } \r\n}\r\n\r\n\r\n//Personal\r\n.personal-hero {\r\n    &:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        z-index: -1;\r\n        bottom: -20rem;\r\n        width: 50rem;\r\n        height: 50rem;\r\n        right: 150px;\r\n        left: 0;\r\n        margin: 0 auto;\r\n        border-radius: 50%;\r\n        background: rgba($primary, 1);\r\n        @media (max-width: 576px) {\r\n            width: 30rem;\r\n            height: 30rem;\r\n            bottom: -10rem;\r\n        }\r\n    }\r\n\r\n    .personal-overlay {\r\n        visibility: hidden !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .personal-overlay {\r\n            visibility: visible !important;\r\n        }\r\n\r\n        .title,\r\n        .sub-title {\r\n            color: $white;\r\n        }\r\n        .para {\r\n            color: rgba($white, 0.5);\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 769px) {\r\n    .personal-hero {\r\n        .personal-hero-para {\r\n            position: absolute;\r\n            top: 50%;\r\n            backdrop-filter: blur(12px);\r\n            background-color: rgba($gray-100, 0.5);\r\n            z-index: 1;\r\n            padding: 24px;\r\n        }\r\n    }\r\n}\r\n\r\n//Bg Video Hero\r\n.bg-video-wrapper {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n    iframe {\r\n        width: 100vw;\r\n        height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */\r\n        min-height: 100vh;\r\n        min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n     }\r\n}\r\n\r\n//Shapes\r\n.shape {\r\n    position: absolute;\r\n    pointer-events: none;\r\n    right: 0;\r\n    bottom: -2px;\r\n    left: 0;\r\n    &>svg {\r\n        transform: scale(2);\r\n        width: 100%;\r\n        height: auto;\r\n        transform-origin: top center;\r\n    }\r\n\r\n    &.integration-hero {\r\n        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\r\n        height: 250px;\r\n        background: $shape-bg;\r\n\r\n        @media (max-width: 768px) {\r\n            height: 140px;\r\n        }\r\n\r\n        @media (max-width: 425px) {\r\n            height: 60px;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 425px) {\r\n        bottom: -4px;\r\n    }\r\n}\r\n\r\n\r\n/* Kenburn Effect */\r\n.zoom-image {\r\n    position: absolute;\r\n    overflow: hidden;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n}\r\n\r\n.image-wrap {\r\n    position: absolute;\r\n    top: -350px;\r\n    right: -100px;\r\n    bottom: -350px;\r\n    left: -100px;\r\n    margin: auto;\r\n    height: auto;\r\n    min-height: 100%;\r\n    width: auto;\r\n    min-width: 100%;\r\n    overflow: hidden;\r\n    animation: 100s ppb_kenburns linear infinite alternate;\r\n}\r\n\r\n@keyframes move {\r\n    0% {\r\n        transform-origin: bottom;\r\n        transform: scale(1);\r\n    }\r\n    100% {\r\n        transform: scale(1.4);\r\n    }\r\n}\r\n\r\n@keyframes ppb_kenburns {\r\n    0% {\r\n        transform: scale(1.3) translate(-10%, 10%);\r\n    }\r\n    25% {\r\n        transform: scale(1) translate(0, 0);\r\n    }\r\n    50% {\r\n        transform: scale(1.3) translate(10%, 10%);\r\n    }\r\n    75% {\r\n        transform: scale(1) translate(0, 0);\r\n    }\r\n    100% {\r\n        transform: scale(1.3) translate(-10%, 10%);\r\n    }\r\n}","//\r\n// price.scss\r\n//\r\n\r\n/*********************************/\r\n/*         Pricing & Plans       */\r\n/*===============================*/\r\n.pricing {\r\n    @each $name,\r\n    $value in $theme-colors {\r\n        &.pricing-#{$name} {\r\n            &.business-rate {\r\n                &:hover {\r\n                    border-color: $value !important;\r\n                    .title {\r\n                        color: $value;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &.starter-plan {\r\n                border-color: $value !important;\r\n            }\r\n\r\n            .name,\r\n            .icon {\r\n                color: $value;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.pricing {\r\n    position: relative;\r\n    z-index: 1;\r\n    border-bottom: 3px solid $border-color !important;\r\n    transition: all 0.5s ease;\r\n    .price {\r\n        font-weight: 400;\r\n    }\r\n    &.business-rate {\r\n        &:hover {\r\n            transform: scale(1.03);\r\n            z-index: 2;\r\n            box-shadow: $shadow-md !important;\r\n            background-color: $pricing-bg !important;\r\n        }\r\n    }\r\n\r\n    &.starter-plan {\r\n        transform: scale(1.05);\r\n        z-index: 2;\r\n        \r\n        @media (max-width: 767px) {\r\n            transform: scale(1);\r\n        }\r\n    }\r\n\r\n    &.best-plan {\r\n        &:hover {\r\n            transform: translateY(-10px);\r\n        }\r\n    }\r\n}\r\n\r\n.ribbon {\r\n    @each $name,\r\n    $value in $theme-colors {\r\n        &.ribbon-#{$name} {\r\n            span {\r\n                background-color: #{$value} !important;\r\n                &:before {\r\n                    border-left-color: darken($value, 10%);\r\n                    border-top-color: darken($value, 10%);\r\n                }\r\n        \r\n                &:after {\r\n                    border-right-color: darken($value, 10%);\r\n                    border-top-color: darken($value, 10%);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.ribbon {\r\n    position: absolute;\r\n    top: -5px;\r\n    width: 75px;\r\n    height: 75px;\r\n    z-index: 2;\r\n    &.ribbon-right {\r\n        right: -5px;\r\n        span {\r\n            right: -23px;\r\n            transform: rotate(45deg);\r\n        }\r\n    }\r\n    &.ribbon-left {\r\n        left: -5px;\r\n        span {\r\n            left: -21px;\r\n            transform: rotate(-45deg);\r\n        }\r\n    }\r\n    span {\r\n        position: absolute;\r\n        top: 18px;\r\n        width: 100px;\r\n        color: $white;\r\n        &:before,\r\n        &:after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 100%;\r\n            z-index: -1;\r\n            border: 3px solid transparent;\r\n        }\r\n        &:before {\r\n            left: 0;\r\n        }\r\n\r\n        &:after {\r\n            right: 0;\r\n        }\r\n    }\r\n}\r\n\r\n//page-invoice.html\r\n.invoice-top {\r\n    .logo-invoice {\r\n        font-weight: 700;\r\n        font-size: 27px;\r\n        letter-spacing: 1px;\r\n    }\r\n}\r\n\r\n\r\n//Cryptocurrency\r\n\r\n.crypto-chart {\r\n    position: absolute;\r\n    left: 24px;\r\n    right: 24px;\r\n    bottom: 24px;\r\n    opacity: 0.1;\r\n    z-index: 0;\r\n}\r\n\r\n//Apexcharts\r\n.apexcharts-tooltip {\r\n    background: $apex-tooltip-bg !important;\r\n    color: $apex-tooltip-color;\r\n}\r\n\r\n//Switcher-pricing\r\n.switcher-pricing {\r\n    .toggle, .toggler {\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n    }\r\n    \r\n    .toggler {\r\n        transition: all 0.5s ease;\r\n        font-weight: bold;\r\n    }\r\n    \r\n    .toggler--is-active {\r\n        color: $primary !important;\r\n    }\r\n\r\n    .form-switch {\r\n        .form-check-input {\r\n            width: 48px;\r\n            height: 24px;\r\n            margin-top: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.hide{\r\n    display: none;\r\n}\r\n","//\r\n// team.scss\r\n//\r\n\r\n/*********************************/\r\n/*         Team members          */\r\n/*===============================*/\r\n@each $name,\r\n$value in $theme-colors {\r\n    .team {\r\n        &.team-#{$name} {\r\n            .name {\r\n                &:hover {\r\n                    color: $value !important;\r\n                }\r\n            }\r\n\r\n            // .btn {\r\n            //     background-color: #{$value} !important;\r\n            //     border: 1px solid #{$value} !important;\r\n            //     color: $white !important;\r\n            //     box-shadow: 0 3px 5px 0 rgba($value, 0.1);\r\n            //     &:hover, &:focus, &:active, &.active, &.focus{\r\n            //         background-color: darken($value, 10%) !important;\r\n            //         border-color: darken($value, 10%) !important;\r\n            //         color: $white !important;\r\n            //     }\r\n            // }\r\n        }\r\n    }\r\n}\r\n\r\n.team {\r\n    img {\r\n        transition: all 0.5s ease;\r\n    }\r\n    \r\n    .team-icon {\r\n        position: absolute;\r\n        bottom: 50%;\r\n        transform: translateY(50%);\r\n        right: 0;\r\n        opacity: 0; \r\n        left: 0;\r\n        text-align: center;\r\n        transition: all 0.5s ease;\r\n    }\r\n    &:hover {\r\n        img {\r\n            box-shadow: $shadow;\r\n            opacity: 0.2;\r\n        }\r\n        .overlay-team {\r\n            opacity: 0.6;\r\n        }\r\n        .team-icon {\r\n            opacity: 1;\r\n        }\r\n    }   \r\n}","//\r\n// testi.scss\r\n//\r\n\r\n/*********************************/\r\n/*         Testimonial           */\r\n/*===============================*/\r\n\r\n.client-testi {\r\n    cursor: e-resize;\r\n    .client-image {\r\n        margin-right: 16px;\r\n    }\r\n    .content {\r\n        &:before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 30px;\r\n            left: 0;\r\n            margin-left: 13px;\r\n            box-sizing: border-box;\r\n            border: 8px solid $dark;\r\n            border-color: transparent $testi-before-border $testi-before-border transparent;\r\n            transform-origin: 0 0;\r\n            transform: rotate(135deg);\r\n            box-shadow: 2px 2px 2px -1px rgba($dark, 0.15);\r\n        }\r\n    }\r\n}\r\n\r\n.tns-nav {\r\n    text-align: center;\r\n    margin-top: 10px;\r\n    button {\r\n        border-radius: 3px;\r\n        background: rgba($primary, 0.5) !important;\r\n        transition: all 0.5s ease;\r\n        border: none;\r\n        margin: 0 5px;\r\n        padding: 5px;\r\n        &.tns-nav-active {\r\n            background: $primary !important;\r\n            transform: rotate(45deg);\r\n        }\r\n    }\r\n}\r\n\r\n//Tns control\r\n.tns-controls {\r\n    button[data-controls=\"prev\"],\r\n    button[data-controls=\"next\"] {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        font-size: 16px;\r\n        width: 32px;\r\n        height: 32px;\r\n        border-radius: 50%;\r\n        background: $tns-controls-bg;\r\n        color: $dark;\r\n        border: none;\r\n        transition: all 0.5s ease;\r\n        z-index: 1;\r\n        box-shadow: $shadow-lg;\r\n        &:hover {\r\n            background: $primary;\r\n            color: $white;\r\n        }\r\n    }\r\n    button[data-controls=\"prev\"] {\r\n        left: 0;\r\n    }\r\n    button[data-controls=\"next\"] {\r\n        right: 0;\r\n    }\r\n}\r\n\r\n//Slick slider\r\n.slick-slider {\r\n    overflow-x: hidden !important;\r\n    cursor: pointer;\r\n}\r\n\r\n//Roadmap\r\n.tiny-timeline {\r\n    position: relative;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    &:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 100%;\r\n        top: 17px;\r\n        left: 0;\r\n        height: 2px;\r\n        background: $primary;\r\n    }\r\n    .item-box {\r\n        margin: 70px 15px 20px;\r\n        &:before,\r\n        &:after {\r\n            content: \"\";\r\n            position: absolute;\r\n            left: 50%;\r\n            background: $primary;\r\n        }\r\n        &:before {\r\n            width: 2px;\r\n            height: 46px;\r\n            top: -46px;\r\n            transform: translateX(-50%);\r\n        }\r\n        &:after {\r\n            width: 13px;\r\n            height: 13px;\r\n            top: -59px;\r\n            border-radius: 3px;\r\n            transform: translateX(-50%) rotate(45deg);\r\n        }\r\n    }\r\n}\r\n\r\n\r\n/* RTL */\r\n\r\n/*rtl:begin:ignore*/\r\nhtml[dir=\"rtl\"]{\r\n    .swiper-slider-hero, .tns-inner, .tns-nav {\r\n        direction: ltr !important;\r\n    }\r\n\r\n    .tns-visually-hidden {\r\n        left: 0 !important;\r\n        visibility: hidden;\r\n    }\r\n}\r\n/*rtl:end:ignore*/","/*  Template Name: Landrick - Bootstrap 5 Multipurpose App, Saas & Software Landing & Admin Dashboard Template\n    Author: Shreethemes\n    E-mail: support@shreethemes.in\n    Created: August 2019\n    Version: 4.8.0\n    File: Main Css File\n*/\n@import url(\"https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700&display=swap\");\nbody {\n  font-family: \"Nunito\", sans-serif;\n  overflow-x: hidden !important;\n  font-size: 1rem;\n  color: #f8f9fa;\n  background-color: #1c2836;\n}\n\nh1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {\n  font-family: var(--bs-font-sans-serif);\n  line-height: 1.4;\n  font-weight: 600;\n}\n\n::selection {\n  background: rgba(22, 163, 74, 0.9);\n  color: #ffffff;\n}\n\na {\n  text-decoration: none !important;\n  transition: all 0.5s ease;\n}\n\np {\n  line-height: 1.6;\n}\n\n/*********************************/\n/*         Menu                  */\n/*===============================*/\n#topnav {\n  position: fixed;\n  right: 0;\n  left: 0;\n  top: 0;\n  z-index: 999;\n  background-color: transparent;\n  border: 0;\n  transition: all 0.5s ease;\n}\n#topnav .logo {\n  float: left;\n  color: #f8f9fa !important;\n}\n#topnav .logo .l-dark,\n#topnav .logo .logo-dark-mode {\n  display: none;\n}\n#topnav .logo .l-light,\n#topnav .logo .logo-light-mode {\n  display: inline-block;\n}\n#topnav .logo:focus {\n  outline: none;\n}\n#topnav .has-submenu.active a {\n  color: #ffffff;\n}\n#topnav .has-submenu.active .submenu li.active > a {\n  color: #16a34a !important;\n}\n#topnav .has-submenu.active.active .menu-arrow {\n  border-color: #16a34a;\n}\n#topnav #navigation.toggle-menu {\n  position: relative;\n  display: block;\n  top: 0;\n  border: none;\n}\n#topnav #navigation.toggle-menu .toggle-menu-item {\n  display: block;\n}\n#topnav #navigation.toggle-menu .toggle-menu-item > li {\n  float: none;\n  margin: 0 16px !important;\n  text-align: center;\n}\n#topnav #navigation.toggle-menu .toggle-menu-item > li > a {\n  padding: 16px 0;\n  min-height: auto;\n  font-size: 18px;\n}\n#topnav .has-submenu {\n  position: relative;\n}\n#topnav .has-submenu .submenu {\n  position: relative;\n}\n#topnav .has-submenu .submenu .submenu-arrow {\n  border: solid #f8f9fa;\n  border-radius: 0.5px;\n  border-width: 0 2px 2px 0;\n  display: inline-block;\n  padding: 3px;\n  transform: rotate(-45deg);\n  position: absolute;\n  right: 20px;\n  top: 13px;\n}\n#topnav .has-submenu .submenu .has-submenu .submenu .has-submenu:hover .submenu-arrow {\n  border-color: #16a34a;\n}\n#topnav .has-submenu .submenu .has-submenu:hover > .submenu-arrow {\n  border-color: #16a34a;\n}\n#topnav .navbar-toggle {\n  border: 0;\n  position: relative;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n}\n#topnav .navbar-toggle .lines {\n  width: 25px;\n  display: block;\n  position: relative;\n  margin: 30px 0 26px 10px;\n  height: 18px;\n}\n#topnav .navbar-toggle span {\n  height: 2px;\n  width: 100%;\n  background-color: #f8f9fa;\n  display: block;\n  margin-bottom: 5px;\n  transition: transform 0.5s ease;\n}\n#topnav .navbar-toggle span:last-child {\n  margin-bottom: 0;\n}\n#topnav .buy-button {\n  float: right;\n  line-height: 74px;\n}\n#topnav .buy-button > li {\n  line-height: initial;\n}\n#topnav .buy-button .login-btn-primary,\n#topnav .buy-button .btn-icon-dark {\n  display: none;\n}\n#topnav .buy-button .login-btn-light,\n#topnav .buy-button .btn-icon-light {\n  display: inline-block;\n}\n#topnav .buy-button .search-bar .menu-search form {\n  position: relative;\n}\n#topnav .buy-button .search-bar .searchform input[type=text] {\n  box-shadow: none;\n  padding: 10px 12px;\n  height: 44px;\n  font-size: 14px;\n  display: block;\n  outline: none !important;\n  padding-right: 45px;\n}\n#topnav .buy-button .search-bar .searchform input[type=submit] {\n  display: none;\n}\n#topnav .buy-button .search-bar .searchform:after {\n  content: \"\\f0349\";\n  position: absolute;\n  font-family: \"Material Design Icons\";\n  right: 14px;\n  top: 14px;\n  font-size: 20px;\n  line-height: 20px;\n  pointer-events: none;\n}\n#topnav .buy-button .dropdown .dropdown-toggle:after,\n#topnav .buy-menu-btn .dropdown .dropdown-toggle:after {\n  display: none;\n}\n#topnav .navbar-toggle.open span {\n  position: absolute;\n}\n#topnav .navbar-toggle.open span:first-child {\n  top: 6px;\n  transform: rotate(45deg);\n}\n#topnav .navbar-toggle.open span:nth-child(2) {\n  visibility: hidden;\n}\n#topnav .navbar-toggle.open span:last-child {\n  width: 100%;\n  top: 6px;\n  transform: rotate(-45deg);\n}\n#topnav .navbar-toggle.open span:hover {\n  background-color: #16a34a;\n}\n#topnav .navbar-toggle:hover, #topnav .navbar-toggle:focus,\n#topnav .navbar-toggle .navigation-menu > li > a:hover, #topnav .navbar-toggle:focus {\n  background-color: transparent;\n}\n#topnav .navigation-menu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n#topnav .navigation-menu > li {\n  float: left;\n  display: block;\n  position: relative;\n  margin: 0 10px;\n}\n#topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a {\n  color: #16a34a !important;\n}\n#topnav .navigation-menu > li > a {\n  display: block;\n  color: #f8f9fa;\n  font-size: 13px;\n  background-color: transparent !important;\n  font-weight: 700;\n  letter-spacing: 1px;\n  line-height: 24px;\n  text-transform: uppercase;\n  font-family: var(--bs-font-sans-serif);\n  padding-left: 15px;\n  padding-right: 15px;\n}\n#topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active {\n  color: #16a34a;\n}\n#topnav .navigation-menu > li .submenu.megamenu li .megamenu-head {\n  padding: 10px 20px;\n  white-space: nowrap;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  font-weight: 700;\n  color: #fff !important;\n}\n#topnav .navigation-menu .has-submenu .menu-arrow {\n  border: solid #f8f9fa;\n  border-radius: 0.5px;\n  border-width: 0 2px 2px 0;\n  display: inline-block;\n  padding: 3px;\n  transform: rotate(45deg);\n  position: absolute;\n  transition: all 0.5s;\n  right: -1px;\n  top: 30px;\n}\n#topnav .navigation-menu .has-submenu:hover .menu-arrow {\n  transform: rotate(225deg);\n}\n#topnav .menu-extras {\n  float: right;\n}\n#topnav.scroll {\n  background-color: #ffffff;\n  border: none;\n  box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n#topnav.scroll .navigation-menu > li > a {\n  color: #f8f9fa;\n}\n#topnav.scroll .navigation-menu > li > .menu-arrow {\n  border-color: #f8f9fa;\n}\n#topnav.scroll .navigation-menu > li:hover > a, #topnav.scroll .navigation-menu > li.active > a {\n  color: #16a34a;\n}\n#topnav.scroll .navigation-menu > li:hover > .menu-arrow, #topnav.scroll .navigation-menu > li.active > .menu-arrow {\n  border-color: #16a34a;\n}\n#topnav.defaultscroll.dark-menubar .logo {\n  line-height: 70px;\n}\n#topnav.defaultscroll.scroll .logo {\n  line-height: 62px;\n}\n#topnav.defaultscroll.scroll.dark-menubar .logo {\n  line-height: 62px;\n}\n#topnav.nav-sticky {\n  background: #1c2836;\n  box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n#topnav.nav-sticky .navigation-menu.nav-light > li > a {\n  color: #f8f9fa;\n}\n#topnav.nav-sticky .navigation-menu.nav-light > li.active > a {\n  color: #16a34a !important;\n}\n#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow, #topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow {\n  border-color: #16a34a !important;\n}\n#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a {\n  color: #16a34a !important;\n}\n#topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow {\n  border-color: #f8f9fa;\n}\n#topnav.nav-sticky.tagline-height {\n  top: 0 !important;\n}\n#topnav.nav-sticky .buy-button .login-btn-primary,\n#topnav.nav-sticky .buy-button .btn-icon-dark {\n  display: inline-block;\n}\n#topnav.nav-sticky .buy-button .login-btn-light,\n#topnav.nav-sticky .buy-button .btn-icon-light {\n  display: none;\n}\n#topnav.nav-sticky .logo .l-dark {\n  display: inline-block;\n}\n#topnav.nav-sticky .logo .l-light {\n  display: none;\n}\n\n.logo {\n  font-weight: 700;\n  font-size: 24px;\n  margin-right: 15px;\n  padding: 0 0 6px;\n  letter-spacing: 1px;\n  line-height: 68px;\n}\n\n@media (min-width: 1025px) {\n  #topnav .navigation-menu > li .submenu.megamenu {\n    width: 1116px !important;\n  }\n}\n@media screen and (max-width: 1024px) and (min-width: 992px) {\n  #topnav .navigation-menu > li .submenu.megamenu {\n    width: 936px !important;\n  }\n}\n@media (min-width: 992px) {\n  #topnav .navigation-menu {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n  #topnav .navigation-menu > .has-submenu:hover .menu-arrow {\n    top: 33px !important;\n  }\n  #topnav .navigation-menu > .has-submenu.active .menu-arrow {\n    top: 30px;\n  }\n  #topnav .navigation-menu > li .submenu {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 1000;\n    padding: 15px 0;\n    list-style: none;\n    min-width: 180px;\n    visibility: hidden;\n    opacity: 0;\n    margin-top: 10px;\n    transition: all 0.2s ease;\n    border-radius: 6px;\n    background-color: #1c2836;\n    box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n  }\n  #topnav .navigation-menu > li .submenu li {\n    position: relative;\n  }\n  #topnav .navigation-menu > li .submenu li a {\n    display: block;\n    padding: 10px 20px;\n    clear: both;\n    white-space: nowrap;\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    font-weight: 700;\n    color: #f8f9fa !important;\n    transition: all 0.3s;\n  }\n  #topnav .navigation-menu > li .submenu li a:hover {\n    color: #16a34a !important;\n  }\n  #topnav .navigation-menu > li .submenu li ul {\n    list-style: none;\n    padding-left: 0;\n    margin: 0;\n  }\n  #topnav .navigation-menu > li .submenu.megamenu {\n    white-space: nowrap;\n    left: 50%;\n    transform: translateX(-50%);\n    position: fixed;\n    top: auto;\n    display: flex;\n  }\n  #topnav .navigation-menu > li .submenu.megamenu > li {\n    overflow: hidden;\n    vertical-align: top;\n    width: 20%;\n  }\n  #topnav .navigation-menu > li .submenu.megamenu > li .submenu {\n    left: 100%;\n    top: 0;\n    margin-left: 10px;\n    margin-top: -1px;\n  }\n  #topnav .navigation-menu > li .submenu > li .submenu {\n    left: 101%;\n    top: 0;\n    margin-left: 10px;\n    margin-top: -1px;\n  }\n  #topnav .navigation-menu > li > a {\n    padding-top: 25px;\n    padding-bottom: 25px;\n    min-height: 62px;\n  }\n  #topnav .navigation-menu > li:hover > .menu-arrow {\n    border-color: #16a34a;\n  }\n  #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a {\n    color: #16a34a !important;\n  }\n  #topnav .navigation-menu > li.last-elements .submenu {\n    left: auto;\n    right: 0;\n  }\n  #topnav .navigation-menu > li.last-elements .submenu:before {\n    left: auto;\n    right: 10px;\n  }\n  #topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu {\n    left: auto;\n    right: 100%;\n    margin-left: 0;\n    margin-right: 10px;\n  }\n  #topnav .navigation-menu.nav-light > li > a {\n    color: rgba(255, 255, 255, 0.5);\n  }\n  #topnav .navigation-menu.nav-light > li.active > a {\n    color: #ffffff !important;\n  }\n  #topnav .navigation-menu.nav-light > li:hover > .menu-arrow {\n    border-color: #ffffff !important;\n  }\n  #topnav .navigation-menu.nav-light > li:hover > a {\n    color: #ffffff !important;\n  }\n  #topnav .navigation-menu.nav-light .has-submenu .menu-arrow {\n    border-color: rgba(255, 255, 255, 0.5);\n  }\n  #topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow {\n    border-color: #ffffff !important;\n  }\n  #topnav .navigation-menu.nav-right {\n    justify-content: flex-end !important;\n  }\n  #topnav .navigation-menu.nav-left {\n    justify-content: flex-start !important;\n  }\n  #topnav .navigation-menu.nav-left > li.last-elements .submenu {\n    left: 0 !important;\n    right: auto !important;\n  }\n  #topnav .navigation-menu.nav-left > li.last-elements .submenu:before {\n    left: 45px !important;\n    right: auto !important;\n  }\n  #topnav .buy-button {\n    padding-left: 15px;\n    margin-left: 15px;\n  }\n  #topnav .navbar-toggle {\n    display: none;\n  }\n  #topnav #navigation {\n    display: block !important;\n  }\n  #topnav.scroll {\n    top: 0;\n  }\n  #topnav.scroll .navigation-menu > li > a {\n    padding-top: 20px;\n    padding-bottom: 20px;\n  }\n  #topnav.scroll-active .navigation-menu > li > a {\n    padding-top: 25px;\n    padding-bottom: 25px;\n  }\n}\n@media (max-width: 991px) {\n  #topnav {\n    background-color: #1c2836;\n    box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n    min-height: 74px;\n  }\n  #topnav .logo .l-dark {\n    display: inline-block !important;\n  }\n  #topnav .logo .l-light {\n    display: none !important;\n  }\n  #topnav .container {\n    width: auto;\n  }\n  #topnav #navigation {\n    max-height: 400px;\n  }\n  #topnav .navigation-menu {\n    float: none;\n  }\n  #topnav .navigation-menu > li {\n    float: none;\n  }\n  #topnav .navigation-menu > li .submenu {\n    display: none;\n    list-style: none;\n    padding-left: 20px;\n    margin: 0;\n  }\n  #topnav .navigation-menu > li .submenu li a {\n    display: block;\n    position: relative;\n    padding: 7px 15px;\n    text-transform: uppercase;\n    font-size: 11px;\n    letter-spacing: 0.04em;\n    font-weight: 700;\n    color: #f8f9fa !important;\n    transition: all 0.3s;\n  }\n  #topnav .navigation-menu > li .submenu.megamenu li .megamenu-head {\n    padding: 7px 15px;\n  }\n  #topnav .navigation-menu > li .submenu.open {\n    display: block;\n  }\n  #topnav .navigation-menu > li .submenu .submenu {\n    display: none;\n    list-style: none;\n  }\n  #topnav .navigation-menu > li .submenu .submenu.open {\n    display: block;\n  }\n  #topnav .navigation-menu > li .submenu.megamenu > li > ul {\n    list-style: none;\n    padding-left: 0;\n  }\n  #topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span {\n    display: block;\n    position: relative;\n    padding: 10px 15px;\n    text-transform: uppercase;\n    font-size: 12px;\n    letter-spacing: 2px;\n    color: #9bacc4;\n  }\n  #topnav .navigation-menu > li > a {\n    color: #f8f9fa;\n    padding: 10px 20px;\n  }\n  #topnav .navigation-menu > li > a:after {\n    position: absolute;\n    right: 15px;\n  }\n  #topnav .navigation-menu > li > a:hover,\n  #topnav .navigation-menu > li .submenu li a:hover,\n  #topnav .navigation-menu > li.has-submenu.open > a {\n    color: #16a34a;\n  }\n  #topnav .menu-extras .menu-item {\n    border-color: #9bacc4;\n  }\n  #topnav .navbar-header {\n    float: left;\n  }\n  #topnav .buy-button .login-btn-primary,\n  #topnav .buy-button .btn-icon-dark {\n    display: inline-block !important;\n  }\n  #topnav .buy-button .login-btn-light,\n  #topnav .buy-button .btn-icon-light {\n    display: none;\n  }\n  #topnav .has-submenu .submenu .submenu-arrow {\n    transform: rotate(45deg);\n    position: absolute;\n    right: 20px;\n    top: 12px;\n  }\n  #topnav .has-submenu.active a {\n    color: #16a34a;\n  }\n  #navigation {\n    position: absolute;\n    top: 74px;\n    left: 0;\n    width: 100%;\n    display: none;\n    height: auto;\n    padding-bottom: 0;\n    overflow: auto;\n    border-top: 1px solid #1c2836;\n    border-bottom: 1px solid #1c2836;\n    background-color: #1c2836;\n    box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n  }\n  #navigation.open {\n    display: block;\n    overflow-y: auto;\n  }\n}\n@media (max-width: 768px) {\n  #topnav .navigation-menu .has-submenu .menu-arrow {\n    right: 8px;\n    top: 16px;\n  }\n}\n@media (min-width: 768px) {\n  #topnav .navigation-menu > li.has-submenu:hover > .submenu {\n    visibility: visible;\n    opacity: 1;\n    margin-top: 0;\n  }\n  #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu {\n    visibility: visible;\n    opacity: 1;\n    margin-left: 0;\n    margin-right: 0;\n  }\n  #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu > li:hover > .submenu {\n    visibility: visible;\n    opacity: 1;\n    margin-left: 0;\n    margin-right: 0;\n  }\n  .navbar-toggle {\n    display: block;\n  }\n}\n@media (max-width: 425px) {\n  #topnav .buy-menu-btn {\n    display: block !important;\n    margin: 0 10px;\n    padding: 10px 20px;\n  }\n  #topnav .buy-menu-btn .dropdown .dropdown-menu.show {\n    transform: translate3d(0px, -54px, 0px) !important;\n  }\n}\n.tagline {\n  position: absolute;\n  width: 100%;\n  z-index: 99;\n  font-size: 14px;\n  padding: 13px 0;\n}\n@media screen and (max-width: 575px) {\n  .tagline {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 575px) {\n  .tagline-height {\n    top: 0px !important;\n  }\n}\n@media (min-width: 576px) {\n  .tagline-height {\n    top: 47px !important;\n  }\n}\n\n.sidebar-nav > .navbar-item {\n  padding: 5px 0;\n}\n.sidebar-nav > .navbar-item .navbar-link {\n  color: #f8f9fa !important;\n  font-size: 15px;\n  font-weight: 600;\n}\n.sidebar-nav > .navbar-item .navbar-link .navbar-icon {\n  font-size: 18px;\n  margin-right: 6px;\n}\n.sidebar-nav > .navbar-item:hover .navbar-link, .sidebar-nav > .navbar-item.active .navbar-link {\n  color: #16a34a !important;\n}\n\n#navmenu-nav li.active a {\n  color: #16a34a !important;\n}\n#navmenu-nav li.account-menu.active .navbar-link, #navmenu-nav li.account-menu:hover .navbar-link {\n  color: #ffffff !important;\n  background-color: #16a34a !important;\n}\n\n.navbar-white-bg {\n  background-color: #1c2836 !important;\n}\n\n/*********************************/\n/*         Footer                */\n/*===============================*/\n.footer {\n  background: #212f40;\n  position: relative;\n  color: #adb5bd;\n}\n.footer .footer-py-60 {\n  padding: 60px 0;\n}\n.footer .footer-py-30 {\n  padding: 30px 0;\n}\n.footer .logo-footer {\n  font-size: 22px;\n}\n.footer .logo-footer:focus {\n  outline: none;\n}\n.footer .footer-head {\n  letter-spacing: 1px;\n  font-weight: 500;\n  color: #fff;\n}\n.footer .foot-subscribe .form-control {\n  background-color: #253447;\n  border: 1px solid #253447;\n  color: #dee2e6 !important;\n}\n.footer .foot-subscribe .form-control:focus {\n  box-shadow: none;\n}\n.footer .foot-subscribe.foot-white .form-control {\n  color: #adb5bd;\n}\n.footer .foot-subscribe input::placeholder {\n  color: #adb5bd;\n}\n.footer .text-foot {\n  color: #adb5bd;\n}\n.footer .footer-list {\n  margin-bottom: 0;\n}\n.footer .footer-list li {\n  margin-bottom: 10px;\n}\n.footer .footer-list li a {\n  transition: all 0.5s ease;\n}\n.footer .footer-list li a:hover {\n  color: #e6e8ea;\n}\n.footer .footer-list li:last-child {\n  margin-bottom: 0;\n}\n.footer .footer-border,\n.footer .footer-bar {\n  border-top: 1px solid #2a3b51;\n}\n.footer .border {\n  border-color: #2a3b51 !important;\n}\n.footer.footer-light {\n  background: #1f2d3d;\n  color: #9bacc4;\n}\n.footer.footer-light .footer-head {\n  color: #f8f9fa;\n}\n.footer.footer-light .foot-subscribe .form-control {\n  background-color: #1f2d3d;\n  border: 1px solid #2a3c51;\n  color: #1f2d3d;\n}\n.footer.footer-light .foot-subscribe.foot-white .form-control {\n  color: #adb5bd;\n}\n.footer.footer-light .foot-subscribe input::placeholder {\n  color: #adb5bd;\n}\n.footer.footer-light .border {\n  border-color: #2a3c51 !important;\n}\n.footer.footer-light .text-foot {\n  color: #9bacc4;\n}\n.footer.footer-light .footer-list li a:hover {\n  color: #dee2e6;\n}\n\n.avatar.avatar-coin, .avatar.avatar-sm-sm {\n  height: 36px !important;\n  width: 36px !important;\n}\n.avatar.avatar-ex-sm {\n  max-height: 25px !important;\n}\n.avatar.avatar-ex-small {\n  height: 36px !important;\n  width: 36px !important;\n}\n.avatar.avatar-md-sm {\n  height: 45px !important;\n  width: 45px !important;\n}\n.avatar.avatar-small {\n  height: 65px !important;\n  width: 65px !important;\n}\n.avatar.avatar-md-md {\n  height: 80px !important;\n  width: 80px !important;\n}\n.avatar.avatar-medium {\n  height: 110px !important;\n  width: 110px !important;\n}\n.avatar.avatar-large {\n  height: 140px !important;\n  width: 140px !important;\n}\n.avatar.avatar-ex-large {\n  height: 180px !important;\n  width: 180px !important;\n}\n\n.accordion .accordion-item {\n  overflow: hidden;\n  border: 0;\n  box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n.accordion .accordion-item .accordion-button {\n  font-weight: 600;\n  text-align: left;\n  box-shadow: none;\n  padding: 1rem 2.5rem 1rem 1.25rem;\n}\n.accordion .accordion-item .accordion-button:focus {\n  box-shadow: none;\n}\n.accordion .accordion-item .accordion-button:before {\n  content: \"\\f0143\";\n  display: block;\n  font-family: \"Material Design Icons\";\n  font-size: 16px;\n  color: #16a34a;\n  position: absolute;\n  right: 20px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: all 0.5s ease;\n}\n.accordion .accordion-item .accordion-button.collapsed {\n  background-color: #ffffff;\n  color: #f8f9fa !important;\n  transition: all 0.5s;\n}\n.accordion .accordion-item .accordion-button.collapsed:before {\n  top: 15px;\n  transform: rotate(180deg);\n  color: #f8f9fa !important;\n}\n.accordion .accordion-item .accordion-button:not(.collapsed) {\n  color: #16a34a;\n}\n.accordion .accordion-item .accordion-button:after {\n  display: none;\n}\n\n#preloader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-image: linear-gradient(45deg, #ffffff, #ffffff);\n  z-index: 9999999;\n}\n#preloader #status {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n#preloader #status .spinner {\n  width: 40px;\n  height: 40px;\n  position: relative;\n  margin: 100px auto;\n}\n#preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2 {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  background-color: #16a34a;\n  opacity: 0.6;\n  position: absolute;\n  top: 0;\n  left: 0;\n  animation: sk-bounce 2s infinite ease-in-out;\n}\n#preloader #status .spinner .double-bounce2 {\n  animation-delay: -1s;\n}\n\n@keyframes sk-bounce {\n  0%, 100% {\n    transform: scale(0);\n  }\n  50% {\n    transform: scale(1);\n  }\n}\n.form-label,\n.form-check-label {\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.form-control {\n  border: 1px solid #2a3c51;\n  font-size: 14px;\n  line-height: 26px;\n  border-radius: 6px;\n  color: #f8f9fa !important;\n  text-align: left;\n}\n.form-control:focus {\n  border-color: #16a34a;\n  box-shadow: none;\n}\n.form-control[readonly] {\n  background-color: #ffffff;\n}\n.form-control:disabled {\n  background-color: #495057;\n}\n.form-control::placeholder {\n  color: #dee2e6;\n}\n\n.form-check-input {\n  border: 1px solid #2a3c51;\n  background-color: #1c2836;\n}\n.form-check-input:focus {\n  border-color: #16a34a;\n  box-shadow: none;\n}\n.form-check-input.form-check-input:checked {\n  background-color: #16a34a;\n  border-color: #16a34a;\n}\n\n.subcribe-form .btn {\n  padding: 10px 20px;\n}\n.subcribe-form input {\n  padding: 12px 20px;\n  width: 100%;\n  color: #f8f9fa !important;\n  border: none;\n  outline: none !important;\n  padding-right: 160px;\n  background-color: rgba(28, 40, 54, 0.8);\n  height: 50px;\n}\n.subcribe-form input::placeholder {\n  color: #dee2e6;\n}\n.subcribe-form button {\n  position: absolute;\n  top: 2px;\n  right: 3px;\n  outline: none !important;\n}\n.subcribe-form form {\n  position: relative;\n  max-width: 600px;\n  margin: 0px auto;\n}\n\n/*********************************/\n/*         Blog & News           */\n/*===============================*/\n.blog.blog-primary .tag {\n  background: #16a34a !important;\n}\n.blog.blog-primary .title:hover,\n.blog.blog-primary .readmore:hover {\n  color: #16a34a !important;\n}\n.blog.blog-primary .link {\n  color: #16a34a !important;\n}\n\n.blog.blog-secondary .tag {\n  background: #ced4da !important;\n}\n.blog.blog-secondary .title:hover,\n.blog.blog-secondary .readmore:hover {\n  color: #ced4da !important;\n}\n.blog.blog-secondary .link {\n  color: #ced4da !important;\n}\n\n.blog.blog-success .tag {\n  background: #2eca8b !important;\n}\n.blog.blog-success .title:hover,\n.blog.blog-success .readmore:hover {\n  color: #2eca8b !important;\n}\n.blog.blog-success .link {\n  color: #2eca8b !important;\n}\n\n.blog.blog-info .tag {\n  background: #17a2b8 !important;\n}\n.blog.blog-info .title:hover,\n.blog.blog-info .readmore:hover {\n  color: #17a2b8 !important;\n}\n.blog.blog-info .link {\n  color: #17a2b8 !important;\n}\n\n.blog.blog-warning .tag {\n  background: #f17425 !important;\n}\n.blog.blog-warning .title:hover,\n.blog.blog-warning .readmore:hover {\n  color: #f17425 !important;\n}\n.blog.blog-warning .link {\n  color: #f17425 !important;\n}\n\n.blog.blog-danger .tag {\n  background: #e43f52 !important;\n}\n.blog.blog-danger .title:hover,\n.blog.blog-danger .readmore:hover {\n  color: #e43f52 !important;\n}\n.blog.blog-danger .link {\n  color: #e43f52 !important;\n}\n\n.blog.blog-light .tag {\n  background: #1f2d3d !important;\n}\n.blog.blog-light .title:hover,\n.blog.blog-light .readmore:hover {\n  color: #1f2d3d !important;\n}\n.blog.blog-light .link {\n  color: #1f2d3d !important;\n}\n\n.blog.blog-dark .tag {\n  background: #f8f9fa !important;\n}\n.blog.blog-dark .title:hover,\n.blog.blog-dark .readmore:hover {\n  color: #f8f9fa !important;\n}\n.blog.blog-dark .link {\n  color: #f8f9fa !important;\n}\n\n.blog.blog-footer .tag {\n  background: #212f40 !important;\n}\n.blog.blog-footer .title:hover,\n.blog.blog-footer .readmore:hover {\n  color: #212f40 !important;\n}\n.blog.blog-footer .link {\n  color: #212f40 !important;\n}\n\n.blog.blog-muted .tag {\n  background: #9bacc4 !important;\n}\n.blog.blog-muted .title:hover,\n.blog.blog-muted .readmore:hover {\n  color: #9bacc4 !important;\n}\n.blog.blog-muted .link {\n  color: #9bacc4 !important;\n}\n\n.blog {\n  transition: all 0.3s ease;\n}\n.blog .content h4 {\n  line-height: 1.2;\n}\n.blog .content .title {\n  transition: all 0.5s ease;\n}\n.blog .content .post-meta .like, .blog .content .post-meta .comments, .blog .content .post-meta .readmore {\n  font-size: 15px;\n  transition: all 0.5s ease;\n}\n.blog .content .post-meta .like:hover {\n  color: #e43f52 !important;\n}\n.blog .content .post-meta .comments:hover {\n  color: #2eca8b !important;\n}\n.blog .author,\n.blog .teacher,\n.blog .preview,\n.blog .course-fee {\n  position: absolute;\n  z-index: 1;\n  opacity: 0;\n  transition: all 0.5s ease;\n}\n.blog .author {\n  top: 5%;\n  left: 5%;\n}\n.blog .author .user,\n.blog .author .date,\n.blog .author .profession,\n.blog .teacher .user,\n.blog .teacher .date,\n.blog .teacher .profession {\n  color: #ffffff;\n}\n.blog .teacher {\n  bottom: 6%;\n  left: 5%;\n}\n.blog .course-fee {\n  bottom: -5%;\n  right: 5%;\n  width: 50px;\n  height: 50px;\n}\n.blog .course-fee .fee {\n  line-height: 50px;\n}\n.blog.blog-detail:hover {\n  transform: translateY(0px) !important;\n}\n.blog .overlay {\n  background: #161c2d;\n}\n.blog:hover {\n  transform: translateY(-10px);\n}\n.blog:hover .overlay {\n  opacity: 0.6;\n}\n.blog:hover .author,\n.blog:hover .teacher,\n.blog:hover .preview,\n.blog:hover .course-fee {\n  opacity: 1;\n}\n.blog .blog-list-meta {\n  position: absolute;\n  bottom: 24px;\n}\n.blog .preview {\n  color: #ffffff !important;\n}\n\n.sidebar .widget .blog-categories li {\n  padding-bottom: 10px;\n}\n.sidebar .widget .blog-categories li:last-child {\n  padding-bottom: 0;\n}\n.sidebar .widget .blog-categories li a, .sidebar .widget .blog-categories li span {\n  font-size: 15px;\n}\n.sidebar .widget .blog-categories li a {\n  color: #f8f9fa;\n  transition: all 0.5s ease;\n}\n.sidebar .widget .blog-categories li a:hover {\n  color: #16a34a;\n}\n.sidebar .widget .post-recent {\n  padding-bottom: 15px;\n}\n.sidebar .widget .post-recent:last-child {\n  padding-bottom: 0;\n}\n.sidebar .widget .post-recent .post-recent-thumb {\n  width: 25%;\n}\n.sidebar .widget .post-recent .post-recent-content {\n  width: 75%;\n  padding-left: 10px;\n}\n.sidebar .widget .post-recent .post-recent-content a {\n  display: block;\n  color: #f8f9fa;\n  font-size: 15px;\n  transition: all 0.5s ease;\n}\n.sidebar .widget .post-recent .post-recent-content a:hover {\n  color: #16a34a;\n}\n.sidebar .widget .post-recent .post-recent-content span {\n  font-size: 13px;\n}\n\n.tagcloud > a {\n  background: #1f2d3d;\n  color: #f8f9fa;\n  display: inline-block;\n  font-size: 9px;\n  letter-spacing: 1px;\n  margin: 5px 10px 5px 0;\n  padding: 8px 12px 7px;\n  text-transform: uppercase;\n  transition: all 0.5s ease;\n  font-weight: 600;\n}\n.tagcloud > a:hover {\n  background: #16a34a;\n  color: #ffffff;\n}\n\n.media-list .media .media-heading:hover {\n  color: #16a34a !important;\n}\n.media-list .sub-comment {\n  border-left: 2px dashed #2a3c51;\n}\n\n.blog .overlay,\n.job-box .job-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  transition: all 0.5s ease;\n}\n\n.job-box.job-primary .position a:hover {\n  color: #16a34a !important;\n}\n.job-box.job-primary .company-name:hover {\n  color: #16a34a !important;\n}\n.job-box.job-primary .title:hover,\n.job-box.job-primary .readmore:hover {\n  color: #16a34a !important;\n}\n.job-box.job-primary .icons {\n  color: #16a34a !important;\n}\n.job-box.job-primary.candidate-list .name:hover, .job-box.job-primary.company-list .name:hover {\n  color: #16a34a !important;\n}\n.job-box.job-primary .bg {\n  background-color: #16a34a !important;\n}\n.job-box.job-primary .bg-soft {\n  background-color: rgba(22, 163, 74, 0.1) !important;\n  border: 1px solid rgba(22, 163, 74, 0.1) !important;\n  color: #16a34a !important;\n}\n.job-box.job-primary .btn-soft {\n  background-color: rgba(22, 163, 74, 0.05) !important;\n  border: 1px solid rgba(22, 163, 74, 0.05) !important;\n  color: #16a34a !important;\n  box-shadow: 0 3px 5px 0 rgba(22, 163, 74, 0.1);\n}\n.job-box.job-primary .btn-soft:hover, .job-box.job-primary .btn-soft:focus, .job-box.job-primary .btn-soft:active, .job-box.job-primary .btn-soft.active, .job-box.job-primary .btn-soft.focus {\n  background-color: #16a34a !important;\n  border-color: #16a34a !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-secondary .position a:hover {\n  color: #ced4da !important;\n}\n.job-box.job-secondary .company-name:hover {\n  color: #ced4da !important;\n}\n.job-box.job-secondary .title:hover,\n.job-box.job-secondary .readmore:hover {\n  color: #ced4da !important;\n}\n.job-box.job-secondary .icons {\n  color: #ced4da !important;\n}\n.job-box.job-secondary.candidate-list .name:hover, .job-box.job-secondary.company-list .name:hover {\n  color: #ced4da !important;\n}\n.job-box.job-secondary .bg {\n  background-color: #ced4da !important;\n}\n.job-box.job-secondary .bg-soft {\n  background-color: rgba(206, 212, 218, 0.1) !important;\n  border: 1px solid rgba(206, 212, 218, 0.1) !important;\n  color: #ced4da !important;\n}\n.job-box.job-secondary .btn-soft {\n  background-color: rgba(206, 212, 218, 0.05) !important;\n  border: 1px solid rgba(206, 212, 218, 0.05) !important;\n  color: #ced4da !important;\n  box-shadow: 0 3px 5px 0 rgba(206, 212, 218, 0.1);\n}\n.job-box.job-secondary .btn-soft:hover, .job-box.job-secondary .btn-soft:focus, .job-box.job-secondary .btn-soft:active, .job-box.job-secondary .btn-soft.active, .job-box.job-secondary .btn-soft.focus {\n  background-color: #ced4da !important;\n  border-color: #ced4da !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-success .position a:hover {\n  color: #2eca8b !important;\n}\n.job-box.job-success .company-name:hover {\n  color: #2eca8b !important;\n}\n.job-box.job-success .title:hover,\n.job-box.job-success .readmore:hover {\n  color: #2eca8b !important;\n}\n.job-box.job-success .icons {\n  color: #2eca8b !important;\n}\n.job-box.job-success.candidate-list .name:hover, .job-box.job-success.company-list .name:hover {\n  color: #2eca8b !important;\n}\n.job-box.job-success .bg {\n  background-color: #2eca8b !important;\n}\n.job-box.job-success .bg-soft {\n  background-color: rgba(46, 202, 139, 0.1) !important;\n  border: 1px solid rgba(46, 202, 139, 0.1) !important;\n  color: #2eca8b !important;\n}\n.job-box.job-success .btn-soft {\n  background-color: rgba(46, 202, 139, 0.05) !important;\n  border: 1px solid rgba(46, 202, 139, 0.05) !important;\n  color: #2eca8b !important;\n  box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.1);\n}\n.job-box.job-success .btn-soft:hover, .job-box.job-success .btn-soft:focus, .job-box.job-success .btn-soft:active, .job-box.job-success .btn-soft.active, .job-box.job-success .btn-soft.focus {\n  background-color: #2eca8b !important;\n  border-color: #2eca8b !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-info .position a:hover {\n  color: #17a2b8 !important;\n}\n.job-box.job-info .company-name:hover {\n  color: #17a2b8 !important;\n}\n.job-box.job-info .title:hover,\n.job-box.job-info .readmore:hover {\n  color: #17a2b8 !important;\n}\n.job-box.job-info .icons {\n  color: #17a2b8 !important;\n}\n.job-box.job-info.candidate-list .name:hover, .job-box.job-info.company-list .name:hover {\n  color: #17a2b8 !important;\n}\n.job-box.job-info .bg {\n  background-color: #17a2b8 !important;\n}\n.job-box.job-info .bg-soft {\n  background-color: rgba(23, 162, 184, 0.1) !important;\n  border: 1px solid rgba(23, 162, 184, 0.1) !important;\n  color: #17a2b8 !important;\n}\n.job-box.job-info .btn-soft {\n  background-color: rgba(23, 162, 184, 0.05) !important;\n  border: 1px solid rgba(23, 162, 184, 0.05) !important;\n  color: #17a2b8 !important;\n  box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.1);\n}\n.job-box.job-info .btn-soft:hover, .job-box.job-info .btn-soft:focus, .job-box.job-info .btn-soft:active, .job-box.job-info .btn-soft.active, .job-box.job-info .btn-soft.focus {\n  background-color: #17a2b8 !important;\n  border-color: #17a2b8 !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-warning .position a:hover {\n  color: #f17425 !important;\n}\n.job-box.job-warning .company-name:hover {\n  color: #f17425 !important;\n}\n.job-box.job-warning .title:hover,\n.job-box.job-warning .readmore:hover {\n  color: #f17425 !important;\n}\n.job-box.job-warning .icons {\n  color: #f17425 !important;\n}\n.job-box.job-warning.candidate-list .name:hover, .job-box.job-warning.company-list .name:hover {\n  color: #f17425 !important;\n}\n.job-box.job-warning .bg {\n  background-color: #f17425 !important;\n}\n.job-box.job-warning .bg-soft {\n  background-color: rgba(241, 116, 37, 0.1) !important;\n  border: 1px solid rgba(241, 116, 37, 0.1) !important;\n  color: #f17425 !important;\n}\n.job-box.job-warning .btn-soft {\n  background-color: rgba(241, 116, 37, 0.05) !important;\n  border: 1px solid rgba(241, 116, 37, 0.05) !important;\n  color: #f17425 !important;\n  box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.1);\n}\n.job-box.job-warning .btn-soft:hover, .job-box.job-warning .btn-soft:focus, .job-box.job-warning .btn-soft:active, .job-box.job-warning .btn-soft.active, .job-box.job-warning .btn-soft.focus {\n  background-color: #f17425 !important;\n  border-color: #f17425 !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-danger .position a:hover {\n  color: #e43f52 !important;\n}\n.job-box.job-danger .company-name:hover {\n  color: #e43f52 !important;\n}\n.job-box.job-danger .title:hover,\n.job-box.job-danger .readmore:hover {\n  color: #e43f52 !important;\n}\n.job-box.job-danger .icons {\n  color: #e43f52 !important;\n}\n.job-box.job-danger.candidate-list .name:hover, .job-box.job-danger.company-list .name:hover {\n  color: #e43f52 !important;\n}\n.job-box.job-danger .bg {\n  background-color: #e43f52 !important;\n}\n.job-box.job-danger .bg-soft {\n  background-color: rgba(228, 63, 82, 0.1) !important;\n  border: 1px solid rgba(228, 63, 82, 0.1) !important;\n  color: #e43f52 !important;\n}\n.job-box.job-danger .btn-soft {\n  background-color: rgba(228, 63, 82, 0.05) !important;\n  border: 1px solid rgba(228, 63, 82, 0.05) !important;\n  color: #e43f52 !important;\n  box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.1);\n}\n.job-box.job-danger .btn-soft:hover, .job-box.job-danger .btn-soft:focus, .job-box.job-danger .btn-soft:active, .job-box.job-danger .btn-soft.active, .job-box.job-danger .btn-soft.focus {\n  background-color: #e43f52 !important;\n  border-color: #e43f52 !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-light .position a:hover {\n  color: #1f2d3d !important;\n}\n.job-box.job-light .company-name:hover {\n  color: #1f2d3d !important;\n}\n.job-box.job-light .title:hover,\n.job-box.job-light .readmore:hover {\n  color: #1f2d3d !important;\n}\n.job-box.job-light .icons {\n  color: #1f2d3d !important;\n}\n.job-box.job-light.candidate-list .name:hover, .job-box.job-light.company-list .name:hover {\n  color: #1f2d3d !important;\n}\n.job-box.job-light .bg {\n  background-color: #1f2d3d !important;\n}\n.job-box.job-light .bg-soft {\n  background-color: rgba(31, 45, 61, 0.1) !important;\n  border: 1px solid rgba(31, 45, 61, 0.1) !important;\n  color: #1f2d3d !important;\n}\n.job-box.job-light .btn-soft {\n  background-color: rgba(31, 45, 61, 0.05) !important;\n  border: 1px solid rgba(31, 45, 61, 0.05) !important;\n  color: #1f2d3d !important;\n  box-shadow: 0 3px 5px 0 rgba(31, 45, 61, 0.1);\n}\n.job-box.job-light .btn-soft:hover, .job-box.job-light .btn-soft:focus, .job-box.job-light .btn-soft:active, .job-box.job-light .btn-soft.active, .job-box.job-light .btn-soft.focus {\n  background-color: #1f2d3d !important;\n  border-color: #1f2d3d !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-dark .position a:hover {\n  color: #f8f9fa !important;\n}\n.job-box.job-dark .company-name:hover {\n  color: #f8f9fa !important;\n}\n.job-box.job-dark .title:hover,\n.job-box.job-dark .readmore:hover {\n  color: #f8f9fa !important;\n}\n.job-box.job-dark .icons {\n  color: #f8f9fa !important;\n}\n.job-box.job-dark.candidate-list .name:hover, .job-box.job-dark.company-list .name:hover {\n  color: #f8f9fa !important;\n}\n.job-box.job-dark .bg {\n  background-color: #f8f9fa !important;\n}\n.job-box.job-dark .bg-soft {\n  background-color: rgba(248, 249, 250, 0.1) !important;\n  border: 1px solid rgba(248, 249, 250, 0.1) !important;\n  color: #f8f9fa !important;\n}\n.job-box.job-dark .btn-soft {\n  background-color: rgba(248, 249, 250, 0.05) !important;\n  border: 1px solid rgba(248, 249, 250, 0.05) !important;\n  color: #f8f9fa !important;\n  box-shadow: 0 3px 5px 0 rgba(248, 249, 250, 0.1);\n}\n.job-box.job-dark .btn-soft:hover, .job-box.job-dark .btn-soft:focus, .job-box.job-dark .btn-soft:active, .job-box.job-dark .btn-soft.active, .job-box.job-dark .btn-soft.focus {\n  background-color: #f8f9fa !important;\n  border-color: #f8f9fa !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-footer .position a:hover {\n  color: #212f40 !important;\n}\n.job-box.job-footer .company-name:hover {\n  color: #212f40 !important;\n}\n.job-box.job-footer .title:hover,\n.job-box.job-footer .readmore:hover {\n  color: #212f40 !important;\n}\n.job-box.job-footer .icons {\n  color: #212f40 !important;\n}\n.job-box.job-footer.candidate-list .name:hover, .job-box.job-footer.company-list .name:hover {\n  color: #212f40 !important;\n}\n.job-box.job-footer .bg {\n  background-color: #212f40 !important;\n}\n.job-box.job-footer .bg-soft {\n  background-color: rgba(33, 47, 64, 0.1) !important;\n  border: 1px solid rgba(33, 47, 64, 0.1) !important;\n  color: #212f40 !important;\n}\n.job-box.job-footer .btn-soft {\n  background-color: rgba(33, 47, 64, 0.05) !important;\n  border: 1px solid rgba(33, 47, 64, 0.05) !important;\n  color: #212f40 !important;\n  box-shadow: 0 3px 5px 0 rgba(33, 47, 64, 0.1);\n}\n.job-box.job-footer .btn-soft:hover, .job-box.job-footer .btn-soft:focus, .job-box.job-footer .btn-soft:active, .job-box.job-footer .btn-soft.active, .job-box.job-footer .btn-soft.focus {\n  background-color: #212f40 !important;\n  border-color: #212f40 !important;\n  color: #ffffff !important;\n}\n\n.job-box.job-muted .position a:hover {\n  color: #9bacc4 !important;\n}\n.job-box.job-muted .company-name:hover {\n  color: #9bacc4 !important;\n}\n.job-box.job-muted .title:hover,\n.job-box.job-muted .readmore:hover {\n  color: #9bacc4 !important;\n}\n.job-box.job-muted .icons {\n  color: #9bacc4 !important;\n}\n.job-box.job-muted.candidate-list .name:hover, .job-box.job-muted.company-list .name:hover {\n  color: #9bacc4 !important;\n}\n.job-box.job-muted .bg {\n  background-color: #9bacc4 !important;\n}\n.job-box.job-muted .bg-soft {\n  background-color: rgba(155, 172, 196, 0.1) !important;\n  border: 1px solid rgba(155, 172, 196, 0.1) !important;\n  color: #9bacc4 !important;\n}\n.job-box.job-muted .btn-soft {\n  background-color: rgba(155, 172, 196, 0.05) !important;\n  border: 1px solid rgba(155, 172, 196, 0.05) !important;\n  color: #9bacc4 !important;\n  box-shadow: 0 3px 5px 0 rgba(155, 172, 196, 0.1);\n}\n.job-box.job-muted .btn-soft:hover, .job-box.job-muted .btn-soft:focus, .job-box.job-muted .btn-soft:active, .job-box.job-muted .btn-soft.active, .job-box.job-muted .btn-soft.focus {\n  background-color: #9bacc4 !important;\n  border-color: #9bacc4 !important;\n  color: #ffffff !important;\n}\n\n.job-box {\n  transition: all 0.5s ease;\n}\n.job-box .job-overlay {\n  opacity: 0.6;\n}\n.job-box .head {\n  position: absolute;\n  top: 15px;\n  right: 15px;\n}\n.job-box .position {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n}\n.job-box .position a {\n  transition: all 0.5s ease;\n}\n.job-box .firm-logo {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 60px;\n  width: 60px;\n  line-height: 60px;\n  margin: 0 auto;\n  top: -30px;\n}\n.job-box .company-name {\n  transition: all 0.5s ease;\n}\n.job-box.candidate-list .like {\n  -webkit-text-stroke: 1px #9bacc4;\n  -webkit-text-fill-color: transparent;\n}\n.job-box.candidate-list .like:hover, .job-box.candidate-list .like:focus {\n  -webkit-text-stroke: #e43f52;\n  -webkit-text-fill-color: #e43f52;\n}\n.job-box.candidate-list, .job-box.company-list {\n  transition: all 0.5s ease;\n}\n.job-box.candidate-list:hover, .job-box.company-list:hover {\n  box-shadow: 0 5px 13px rgba(173, 181, 189, 0.2) !important;\n}\n.job-box:hover {\n  transform: translateY(-5px);\n}\n\n@media (min-width: 1024px) {\n  .job-profile {\n    top: -378px;\n  }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n  .job-profile {\n    top: -338px;\n  }\n}\n@media (max-width: 767px) {\n  .company-logo {\n    float: none !important;\n    text-align: left !important;\n  }\n}\n.categories.category-primary .title:hover {\n  color: #16a34a !important;\n}\n\n.categories.category-secondary .title:hover {\n  color: #ced4da !important;\n}\n\n.categories.category-success .title:hover {\n  color: #2eca8b !important;\n}\n\n.categories.category-info .title:hover {\n  color: #17a2b8 !important;\n}\n\n.categories.category-warning .title:hover {\n  color: #f17425 !important;\n}\n\n.categories.category-danger .title:hover {\n  color: #e43f52 !important;\n}\n\n.categories.category-light .title:hover {\n  color: #1f2d3d !important;\n}\n\n.categories.category-dark .title:hover {\n  color: #f8f9fa !important;\n}\n\n.categories.category-footer .title:hover {\n  color: #212f40 !important;\n}\n\n.categories.category-muted .title:hover {\n  color: #9bacc4 !important;\n}\n\n.categories {\n  transition: all 0.5s ease;\n}\n.categories:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n\n/*********************************/\n/*         Contact us            */\n/*===============================*/\n.form-icon .icons {\n  position: absolute;\n  top: 12px;\n  left: 18px;\n}\n\n.map {\n  line-height: 0;\n}\n.map iframe {\n  width: 100%;\n  height: 400px;\n}\n\n.error {\n  margin: 8px 0px;\n  display: none;\n  color: #e43f52;\n}\n\n#ajaxsuccess {\n  font-size: 16px;\n  width: 100%;\n  display: none;\n  clear: both;\n  margin: 8px 0px;\n}\n\n.error_message,\n#success_page {\n  padding: 10px;\n  margin-bottom: 20px;\n  text-align: center;\n  border-radius: 5px;\n}\n\n.error_message {\n  background-color: rgba(240, 115, 90, 0.1) !important;\n  border: 2px solid rgba(240, 115, 90, 0.1) !important;\n  color: #f0735a !important;\n  font-size: 14px;\n}\n\n.contact-loader {\n  display: none;\n}\n\n#success_page {\n  background-color: rgba(83, 199, 151, 0.1) !important;\n  border: 2px solid rgba(83, 199, 151, 0.1) !important;\n  color: #53c797 !important;\n}\n#success_page p {\n  margin-bottom: 0 !important;\n}\n\n.qs-datepicker-container {\n  background-color: #1c2836;\n  border-color: #2a3c51;\n  color: #fff;\n  box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n.qs-datepicker-container .qs-controls {\n  background-color: #2a3c51;\n  color: #fff;\n}\n.qs-datepicker-container .qs-controls .qs-month-year {\n  font-weight: 600;\n  font-size: 15px;\n}\n.qs-datepicker-container .qs-controls .qs-month-year:hover {\n  border-bottom: 1px solid #2a3c51;\n}\n.qs-datepicker-container .qs-squares .qs-square {\n  font-size: 15px;\n  height: 34px;\n  width: 34px;\n}\n.qs-datepicker-container .qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover, .qs-datepicker-container .qs-squares .qs-square.qs-current {\n  background: #16a34a;\n  color: #ffffff;\n  border-radius: 30px;\n  font-weight: 500;\n  text-decoration: none;\n  border-radius: 30px;\n}\n.qs-datepicker-container .qs-squares .qs-day {\n  font-weight: 500;\n  color: #9bacc4;\n}\n\n@media (min-width: 768px) {\n  .map.map-height-two iframe {\n    height: 551px;\n  }\n}\n/*********************************/\n/* Countdown(Comingsoon, Maintenance) */\n/*===============================*/\n.coming-soon, .maintenance, .error-page {\n  font-size: 40px;\n  letter-spacing: 1px;\n}\n@media (max-width: 767px) {\n  .coming-soon, .maintenance, .error-page {\n    font-size: 32px;\n  }\n}\n\n#countdown .count-down, #eventdown .count-down, #token-sale .count-down {\n  display: inline-block;\n  margin: 30px 10px 10px;\n  color: #ffffff;\n  text-align: center;\n}\n#countdown .count-down .count-number, #eventdown .count-down .count-number, #token-sale .count-down .count-number {\n  font-size: 40px;\n  line-height: 95px;\n}\n#countdown .count-down .count-head, #eventdown .count-down .count-head, #token-sale .count-down .count-head {\n  display: block;\n  position: relative;\n  transform: translateY(-20px);\n  text-transform: uppercase;\n  font-size: 14px;\n  letter-spacing: 1px;\n}\n\n#countdown .count-down .count-number {\n  font-size: 40px;\n  line-height: 95px;\n  border: 4px solid #ffffff;\n  height: 130px;\n  width: 130px;\n  border-radius: 50%;\n}\n\n#token-sale .count-down {\n  border: 0;\n  color: #f8f9fa !important;\n}\n#token-sale .count-down .count-number {\n  line-height: 80px;\n}\n@media (max-width: 767px) {\n  #token-sale .count-down .count-number {\n    font-size: 30px;\n  }\n}\n#token-sale .count-down .count-head {\n  margin-bottom: 0 !important;\n  transform: translateY(-15px);\n}\n@media (max-width: 767px) {\n  #token-sale .count-down .count-head {\n    font-size: 10px;\n  }\n}\n\n#eventdown .count-down {\n  margin: 10px !important;\n  border: 0;\n}\n@media (max-width: 767px) {\n  #eventdown .count-down {\n    width: 60px;\n  }\n}\n#eventdown .count-down .count-number {\n  line-height: 80px;\n}\n@media (max-width: 767px) {\n  #eventdown .count-down .count-number {\n    font-size: 30px;\n  }\n}\n#eventdown .count-down .count-head {\n  transform: translateY(-15px);\n}\n@media (max-width: 767px) {\n  #eventdown .count-down .count-head {\n    font-size: 10px;\n  }\n}\n\n#maintenance {\n  color: #ffffff;\n  font-size: 56px;\n  letter-spacing: 1px;\n}\n#maintenance .indicator {\n  font-size: 18px;\n}\n\n/*********************************/\n/*         CTA                   */\n/*===============================*/\n.bg-cta {\n  padding: 150px 0;\n}\n\n.play-btn {\n  height: 78px;\n  width: 78px;\n  font-size: 30px;\n  line-height: 76px;\n  border-radius: 50%;\n  display: inline-block;\n  color: #ffffff;\n  border: 1px solid #fff;\n}\n\n.play-icon {\n  position: absolute;\n  bottom: 50%;\n  transform: translateY(50%);\n  right: 0;\n  left: 0;\n  text-align: center;\n}\n.play-icon i {\n  height: 75px;\n  -webkit-text-stroke: 2px #16a34a;\n  -webkit-text-fill-color: transparent;\n  width: 75px;\n  font-size: 25px;\n  line-height: 75px;\n  display: inline-block;\n  background-color: #161c2d;\n}\n.play-icon i:hover {\n  -webkit-text-stroke: 2px #16a34a;\n  -webkit-text-fill-color: #16a34a;\n}\n\n@media (max-width: 767px) {\n  iframe {\n    width: auto !important;\n  }\n}\n/*********************************/\n/*     Features & Services       */\n/*===============================*/\n.features.feature-primary .icon {\n  background: rgba(22, 163, 74, 0.1);\n}\n.features.feature-primary .image:before {\n  background: linear-gradient(45deg, transparent, rgba(22, 163, 74, 0.1));\n}\n.features.feature-primary .read-more,\n.features.feature-primary .color {\n  color: #16a34a !important;\n}\n.features.feature-primary.feature-clean .icons {\n  color: #16a34a !important;\n}\n.features.feature-primary.feature-clean .icons i {\n  background-color: rgba(22, 163, 74, 0.1);\n}\n.features.feature-primary.feature-clean .title:hover {\n  color: #16a34a !important;\n}\n.features.feature-primary.feature-full-bg .icon-color {\n  color: #16a34a !important;\n}\n.features.feature-primary.feature-full-bg:hover {\n  background-color: #16a34a !important;\n}\n.features.feature-primary.key-feature .icon {\n  background: linear-gradient(45deg, transparent, rgba(22, 163, 74, 0.15));\n  color: #16a34a;\n}\n.features.feature-primary.course-feature .full-img {\n  color: #16a34a !important;\n}\n.features.feature-primary.explore-feature:hover .icons,\n.features.feature-primary.explore-feature:hover .title {\n  color: #16a34a !important;\n}\n.features.feature-primary .btn-soft {\n  background-color: rgba(22, 163, 74, 0.05) !important;\n  border: 1px solid rgba(22, 163, 74, 0.05) !important;\n  color: #16a34a !important;\n  box-shadow: 0 3px 5px 0 rgba(22, 163, 74, 0.1);\n}\n.features.feature-primary .btn-soft:hover, .features.feature-primary .btn-soft:focus, .features.feature-primary .btn-soft:active, .features.feature-primary .btn-soft.active, .features.feature-primary .btn-soft.focus {\n  background-color: #16a34a !important;\n  border-color: #16a34a !important;\n  color: #ffffff !important;\n}\n.features.feature-primary:hover .image:before {\n  background: rgba(22, 163, 74, 0.1);\n}\n\n.features.feature-secondary .icon {\n  background: rgba(206, 212, 218, 0.1);\n}\n.features.feature-secondary .image:before {\n  background: linear-gradient(45deg, transparent, rgba(206, 212, 218, 0.1));\n}\n.features.feature-secondary .read-more,\n.features.feature-secondary .color {\n  color: #ced4da !important;\n}\n.features.feature-secondary.feature-clean .icons {\n  color: #ced4da !important;\n}\n.features.feature-secondary.feature-clean .icons i {\n  background-color: rgba(206, 212, 218, 0.1);\n}\n.features.feature-secondary.feature-clean .title:hover {\n  color: #ced4da !important;\n}\n.features.feature-secondary.feature-full-bg .icon-color {\n  color: #ced4da !important;\n}\n.features.feature-secondary.feature-full-bg:hover {\n  background-color: #ced4da !important;\n}\n.features.feature-secondary.key-feature .icon {\n  background: linear-gradient(45deg, transparent, rgba(206, 212, 218, 0.15));\n  color: #ced4da;\n}\n.features.feature-secondary.course-feature .full-img {\n  color: #ced4da !important;\n}\n.features.feature-secondary.explore-feature:hover .icons,\n.features.feature-secondary.explore-feature:hover .title {\n  color: #ced4da !important;\n}\n.features.feature-secondary .btn-soft {\n  background-color: rgba(206, 212, 218, 0.05) !important;\n  border: 1px solid rgba(206, 212, 218, 0.05) !important;\n  color: #ced4da !important;\n  box-shadow: 0 3px 5px 0 rgba(206, 212, 218, 0.1);\n}\n.features.feature-secondary .btn-soft:hover, .features.feature-secondary .btn-soft:focus, .features.feature-secondary .btn-soft:active, .features.feature-secondary .btn-soft.active, .features.feature-secondary .btn-soft.focus {\n  background-color: #ced4da !important;\n  border-color: #ced4da !important;\n  color: #ffffff !important;\n}\n.features.feature-secondary:hover .image:before {\n  background: rgba(206, 212, 218, 0.1);\n}\n\n.features.feature-success .icon {\n  background: rgba(46, 202, 139, 0.1);\n}\n.features.feature-success .image:before {\n  background: linear-gradient(45deg, transparent, rgba(46, 202, 139, 0.1));\n}\n.features.feature-success .read-more,\n.features.feature-success .color {\n  color: #2eca8b !important;\n}\n.features.feature-success.feature-clean .icons {\n  color: #2eca8b !important;\n}\n.features.feature-success.feature-clean .icons i {\n  background-color: rgba(46, 202, 139, 0.1);\n}\n.features.feature-success.feature-clean .title:hover {\n  color: #2eca8b !important;\n}\n.features.feature-success.feature-full-bg .icon-color {\n  color: #2eca8b !important;\n}\n.features.feature-success.feature-full-bg:hover {\n  background-color: #2eca8b !important;\n}\n.features.feature-success.key-feature .icon {\n  background: linear-gradient(45deg, transparent, rgba(46, 202, 139, 0.15));\n  color: #2eca8b;\n}\n.features.feature-success.course-feature .full-img {\n  color: #2eca8b !important;\n}\n.features.feature-success.explore-feature:hover .icons,\n.features.feature-success.explore-feature:hover .title {\n  color: #2eca8b !important;\n}\n.features.feature-success .btn-soft {\n  background-color: rgba(46, 202, 139, 0.05) !important;\n  border: 1px solid rgba(46, 202, 139, 0.05) !important;\n  color: #2eca8b !important;\n  box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.1);\n}\n.features.feature-success .btn-soft:hover, .features.feature-success .btn-soft:focus, .features.feature-success .btn-soft:active, .features.feature-success .btn-soft.active, .features.feature-success .btn-soft.focus {\n  background-color: #2eca8b !important;\n  border-color: #2eca8b !important;\n  color: #ffffff !important;\n}\n.features.feature-success:hover .image:before {\n  background: rgba(46, 202, 139, 0.1);\n}\n\n.features.feature-info .icon {\n  background: rgba(23, 162, 184, 0.1);\n}\n.features.feature-info .image:before {\n  background: linear-gradient(45deg, transparent, rgba(23, 162, 184, 0.1));\n}\n.features.feature-info .read-more,\n.features.feature-info .color {\n  color: #17a2b8 !important;\n}\n.features.feature-info.feature-clean .icons {\n  color: #17a2b8 !important;\n}\n.features.feature-info.feature-clean .icons i {\n  background-color: rgba(23, 162, 184, 0.1);\n}\n.features.feature-info.feature-clean .title:hover {\n  color: #17a2b8 !important;\n}\n.features.feature-info.feature-full-bg .icon-color {\n  color: #17a2b8 !important;\n}\n.features.feature-info.feature-full-bg:hover {\n  background-color: #17a2b8 !important;\n}\n.features.feature-info.key-feature .icon {\n  background: linear-gradient(45deg, transparent, rgba(23, 162, 184, 0.15));\n  color: #17a2b8;\n}\n.features.feature-info.course-feature .full-img {\n  color: #17a2b8 !important;\n}\n.features.feature-info.explore-feature:hover .icons,\n.features.feature-info.explore-feature:hover .title {\n  color: #17a2b8 !important;\n}\n.features.feature-info .btn-soft {\n  background-color: rgba(23, 162, 184, 0.05) !important;\n  border: 1px solid rgba(23, 162, 184, 0.05) !important;\n  color: #17a2b8 !important;\n  box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.1);\n}\n.features.feature-info .btn-soft:hover, .features.feature-info .btn-soft:focus, .features.feature-info .btn-soft:active, .features.feature-info .btn-soft.active, .features.feature-info .btn-soft.focus {\n  background-color: #17a2b8 !important;\n  border-color: #17a2b8 !important;\n  color: #ffffff !important;\n}\n.features.feature-info:hover .image:before {\n  background: rgba(23, 162, 184, 0.1);\n}\n\n.features.feature-warning .icon {\n  background: rgba(241, 116, 37, 0.1);\n}\n.features.feature-warning .image:before {\n  background: linear-gradient(45deg, transparent, rgba(241, 116, 37, 0.1));\n}\n.features.feature-warning .read-more,\n.features.feature-warning .color {\n  color: #f17425 !important;\n}\n.features.feature-warning.feature-clean .icons {\n  color: #f17425 !important;\n}\n.features.feature-warning.feature-clean .icons i {\n  background-color: rgba(241, 116, 37, 0.1);\n}\n.features.feature-warning.feature-clean .title:hover {\n  color: #f17425 !important;\n}\n.features.feature-warning.feature-full-bg .icon-color {\n  color: #f17425 !important;\n}\n.features.feature-warning.feature-full-bg:hover {\n  background-color: #f17425 !important;\n}\n.features.feature-warning.key-feature .icon {\n  background: linear-gradient(45deg, transparent, rgba(241, 116, 37, 0.15));\n  color: #f17425;\n}\n.features.feature-warning.course-feature .full-img {\n  color: #f17425 !important;\n}\n.features.feature-warning.explore-feature:hover .icons,\n.features.feature-warning.explore-feature:hover .title {\n  color: #f17425 !important;\n}\n.features.feature-warning .btn-soft {\n  background-color: rgba(241, 116, 37, 0.05) !important;\n  border: 1px solid rgba(241, 116, 37, 0.05) !important;\n  color: #f17425 !important;\n  box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.1);\n}\n.features.feature-warning .btn-soft:hover, .features.feature-warning .btn-soft:focus, .features.feature-warning .btn-soft:active, .features.feature-warning .btn-soft.active, .features.feature-warning .btn-soft.focus {\n  background-color: #f17425 !important;\n  border-color: #f17425 !important;\n  color: #ffffff !important;\n}\n.features.feature-warning:hover .image:before {\n  background: rgba(241, 116, 37, 0.1);\n}\n\n.features.feature-danger .icon {\n  background: rgba(228, 63, 82, 0.1);\n}\n.features.feature-danger .image:before {\n  background: linear-gradient(45deg, transparent, rgba(228, 63, 82, 0.1));\n}\n.features.feature-danger .read-more,\n.features.feature-danger .color {\n  color: #e43f52 !important;\n}\n.features.feature-danger.feature-clean .icons {\n  color: #e43f52 !important;\n}\n.features.feature-danger.feature-clean .icons i {\n  background-color: rgba(228, 63, 82, 0.1);\n}\n.features.feature-danger.feature-clean .title:hover {\n  color: #e43f52 !important;\n}\n.features.feature-danger.feature-full-bg .icon-color {\n  color: #e43f52 !important;\n}\n.features.feature-danger.feature-full-bg:hover {\n  background-color: #e43f52 !important;\n}\n.features.feature-danger.key-feature .icon {\n  background: linear-gradient(45deg, transparent, rgba(228, 63, 82, 0.15));\n  color: #e43f52;\n}\n.features.feature-danger.course-feature .full-img {\n  color: #e43f52 !important;\n}\n.features.feature-danger.explore-feature:hover .icons,\n.features.feature-danger.explore-feature:hover .title {\n  color: #e43f52 !important;\n}\n.features.feature-danger .btn-soft {\n  background-color: rgba(228, 63, 82, 0.05) !important;\n  border: 1px solid rgba(228, 63, 82, 0.05) !important;\n  color: #e43f52 !important;\n  box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.1);\n}\n.features.feature-danger .btn-soft:hover, .features.feature-danger .btn-soft:focus, .features.feature-danger .btn-soft:active, .features.feature-danger .btn-soft.active, .features.feature-danger .btn-soft.focus {\n  background-color: #e43f52 !important;\n  border-color: #e43f52 !important;\n  color: #ffffff !important;\n}\n.features.feature-danger:hover .image:before {\n  background: rgba(228, 63, 82, 0.1);\n}\n\n.features.feature-light .icon {\n  background: rgba(31, 45, 61, 0.1);\n}\n.features.feature-light .image:before {\n  background: linear-gradient(45deg, transparent, rgba(31, 45, 61, 0.1));\n}\n.features.feature-light .read-more,\n.features.feature-light .color {\n  color: #1f2d3d !important;\n}\n.features.feature-light.feature-clean .icons {\n  color: #1f2d3d !important;\n}\n.features.feature-light.feature-clean .icons i {\n  background-color: rgba(31, 45, 61, 0.1);\n}\n.features.feature-light.feature-clean .title:hover {\n  color: #1f2d3d !important;\n}\n.features.feature-light.feature-full-bg .icon-color {\n  color: #1f2d3d !important;\n}\n.features.feature-light.feature-full-bg:hover {\n  background-color: #1f2d3d !important;\n}\n.features.feature-light.key-feature .icon {\n  background: linear-gradient(45deg, transparent, rgba(31, 45, 61, 0.15));\n  color: #1f2d3d;\n}\n.features.feature-light.course-feature .full-img {\n  color: #1f2d3d !important;\n}\n.features.feature-light.explore-feature:hover .icons,\n.features.feature-light.explore-feature:hover .title {\n  color: #1f2d3d !important;\n}\n.features.feature-light .btn-soft {\n  background-color: rgba(31, 45, 61, 0.05) !important;\n  border: 1px solid rgba(31, 45, 61, 0.05) !important;\n  color: #1f2d3d !important;\n  box-shadow: 0 3px 5px 0 rgba(31, 45, 61, 0.1);\n}\n.features.feature-light .btn-soft:hover, .features.feature-light .btn-soft:focus, .features.feature-light .btn-soft:active, .features.feature-light .btn-soft.active, .features.feature-light .btn-soft.focus {\n  background-color: #1f2d3d !important;\n  border-color: #1f2d3d !important;\n  color: #ffffff !important;\n}\n.features.feature-light:hover .image:before {\n  background: rgba(31, 45, 61, 0.1);\n}\n\n.features.feature-dark .icon {\n  background: rgba(248, 249, 250, 0.1);\n}\n.features.feature-dark .image:before {\n  background: linear-gradient(45deg, transparent, rgba(248, 249, 250, 0.1));\n}\n.features.feature-dark .read-more,\n.features.feature-dark .color {\n  color: #f8f9fa !important;\n}\n.features.feature-dark.feature-clean .icons {\n  color: #f8f9fa !important;\n}\n.features.feature-dark.feature-clean .icons i {\n  background-color: rgba(248, 249, 250, 0.1);\n}\n.features.feature-dark.feature-clean .title:hover {\n  color: #f8f9fa !important;\n}\n.features.feature-dark.feature-full-bg .icon-color {\n  color: #f8f9fa !important;\n}\n.features.feature-dark.feature-full-bg:hover {\n  background-color: #f8f9fa !important;\n}\n.features.feature-dark.key-feature .icon {\n  background: linear-gradient(45deg, transparent, rgba(248, 249, 250, 0.15));\n  color: #f8f9fa;\n}\n.features.feature-dark.course-feature .full-img {\n  color: #f8f9fa !important;\n}\n.features.feature-dark.explore-feature:hover .icons,\n.features.feature-dark.explore-feature:hover .title {\n  color: #f8f9fa !important;\n}\n.features.feature-dark .btn-soft {\n  background-color: rgba(248, 249, 250, 0.05) !important;\n  border: 1px solid rgba(248, 249, 250, 0.05) !important;\n  color: #f8f9fa !important;\n  box-shadow: 0 3px 5px 0 rgba(248, 249, 250, 0.1);\n}\n.features.feature-dark .btn-soft:hover, .features.feature-dark .btn-soft:focus, .features.feature-dark .btn-soft:active, .features.feature-dark .btn-soft.active, .features.feature-dark .btn-soft.focus {\n  background-color: #f8f9fa !important;\n  border-color: #f8f9fa !important;\n  color: #ffffff !important;\n}\n.features.feature-dark:hover .image:before {\n  background: rgba(248, 249, 250, 0.1);\n}\n\n.features.feature-footer .icon {\n  background: rgba(33, 47, 64, 0.1);\n}\n.features.feature-footer .image:before {\n  background: linear-gradient(45deg, transparent, rgba(33, 47, 64, 0.1));\n}\n.features.feature-footer .read-more,\n.features.feature-footer .color {\n  color: #212f40 !important;\n}\n.features.feature-footer.feature-clean .icons {\n  color: #212f40 !important;\n}\n.features.feature-footer.feature-clean .icons i {\n  background-color: rgba(33, 47, 64, 0.1);\n}\n.features.feature-footer.feature-clean .title:hover {\n  color: #212f40 !important;\n}\n.features.feature-footer.feature-full-bg .icon-color {\n  color: #212f40 !important;\n}\n.features.feature-footer.feature-full-bg:hover {\n  background-color: #212f40 !important;\n}\n.features.feature-footer.key-feature .icon {\n  background: linear-gradient(45deg, transparent, rgba(33, 47, 64, 0.15));\n  color: #212f40;\n}\n.features.feature-footer.course-feature .full-img {\n  color: #212f40 !important;\n}\n.features.feature-footer.explore-feature:hover .icons,\n.features.feature-footer.explore-feature:hover .title {\n  color: #212f40 !important;\n}\n.features.feature-footer .btn-soft {\n  background-color: rgba(33, 47, 64, 0.05) !important;\n  border: 1px solid rgba(33, 47, 64, 0.05) !important;\n  color: #212f40 !important;\n  box-shadow: 0 3px 5px 0 rgba(33, 47, 64, 0.1);\n}\n.features.feature-footer .btn-soft:hover, .features.feature-footer .btn-soft:focus, .features.feature-footer .btn-soft:active, .features.feature-footer .btn-soft.active, .features.feature-footer .btn-soft.focus {\n  background-color: #212f40 !important;\n  border-color: #212f40 !important;\n  color: #ffffff !important;\n}\n.features.feature-footer:hover .image:before {\n  background: rgba(33, 47, 64, 0.1);\n}\n\n.features.feature-muted .icon {\n  background: rgba(155, 172, 196, 0.1);\n}\n.features.feature-muted .image:before {\n  background: linear-gradient(45deg, transparent, rgba(155, 172, 196, 0.1));\n}\n.features.feature-muted .read-more,\n.features.feature-muted .color {\n  color: #9bacc4 !important;\n}\n.features.feature-muted.feature-clean .icons {\n  color: #9bacc4 !important;\n}\n.features.feature-muted.feature-clean .icons i {\n  background-color: rgba(155, 172, 196, 0.1);\n}\n.features.feature-muted.feature-clean .title:hover {\n  color: #9bacc4 !important;\n}\n.features.feature-muted.feature-full-bg .icon-color {\n  color: #9bacc4 !important;\n}\n.features.feature-muted.feature-full-bg:hover {\n  background-color: #9bacc4 !important;\n}\n.features.feature-muted.key-feature .icon {\n  background: linear-gradient(45deg, transparent, rgba(155, 172, 196, 0.15));\n  color: #9bacc4;\n}\n.features.feature-muted.course-feature .full-img {\n  color: #9bacc4 !important;\n}\n.features.feature-muted.explore-feature:hover .icons,\n.features.feature-muted.explore-feature:hover .title {\n  color: #9bacc4 !important;\n}\n.features.feature-muted .btn-soft {\n  background-color: rgba(155, 172, 196, 0.05) !important;\n  border: 1px solid rgba(155, 172, 196, 0.05) !important;\n  color: #9bacc4 !important;\n  box-shadow: 0 3px 5px 0 rgba(155, 172, 196, 0.1);\n}\n.features.feature-muted .btn-soft:hover, .features.feature-muted .btn-soft:focus, .features.feature-muted .btn-soft:active, .features.feature-muted .btn-soft.active, .features.feature-muted .btn-soft.focus {\n  background-color: #9bacc4 !important;\n  border-color: #9bacc4 !important;\n  color: #ffffff !important;\n}\n.features.feature-muted:hover .image:before {\n  background: rgba(155, 172, 196, 0.1);\n}\n\n.features .image:before {\n  content: \"\";\n  position: absolute;\n  bottom: 5px;\n  left: 5px;\n  width: 64px;\n  height: 64px;\n  border-radius: 6px;\n  transform: rotate(33.75deg);\n}\n.features.feature-clean {\n  background-color: #1c2836;\n}\n.features.feature-clean .icons i {\n  height: 65px;\n  width: 65px;\n  display: inline-flex !important;\n  justify-content: center;\n  align-items: center;\n}\n.features .ride-image {\n  transform: rotate(-45deg);\n}\n.features .ride-image img {\n  border-radius: 100% 100% 100% 0;\n}\n.features.key-feature {\n  transition: all 0.3s ease;\n}\n.features.key-feature:hover {\n  transform: scale(1.05);\n  box-shadow: 0 5px 13px rgba(173, 181, 189, 0.2) !important;\n}\n.features:hover .image:before {\n  animation: spinner-border 5s linear infinite !important;\n}\n.features.feature-full-bg {\n  transition: all 0.5s ease;\n}\n.features.feature-full-bg .big-icon {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n  right: 0;\n  opacity: 0.015;\n  font-size: 180px;\n}\n.features.feature-full-bg:hover {\n  box-shadow: 0 10px 25px rgba(173, 181, 189, 0.15);\n  color: #ffffff !important;\n}\n.features.feature-full-bg:hover .icon-color i,\n.features.feature-full-bg:hover .para {\n  color: rgba(255, 255, 255, 0.5) !important;\n}\n.features.feature-full-bg:hover .content,\n.features.feature-full-bg:hover .icon-color {\n  z-index: 2;\n}\n.features.feature-full-bg:hover .big-icon {\n  opacity: 0.05;\n}\n.features.feature-full-bg:hover .readmore {\n  color: #ffffff !important;\n}\n.features.course-feature {\n  transition: all 0.5s ease;\n}\n.features.course-feature .full-img {\n  position: absolute;\n  bottom: 50%;\n  transform: translateY(50%);\n  left: 0;\n  right: 0;\n  opacity: 0;\n  margin: 0 auto;\n  z-index: -2;\n  transition: all 0.5s ease;\n  font-size: 250px;\n}\n.features.course-feature:hover {\n  transform: translateY(-10px);\n}\n.features.course-feature:hover .full-img {\n  opacity: 0.05;\n}\n.features.explore-feature {\n  transition: all 0.5s ease;\n}\n.features.explore-feature .icons {\n  height: 80px;\n  width: 80px;\n  display: inline-flex !important;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.5s ease;\n}\n.features.explore-feature:hover {\n  box-shadow: 0 10px 25px rgba(173, 181, 189, 0.15) !important;\n}\n\n.features .title,\n.key-feature .title {\n  font-size: 18px !important;\n}\n.features .icon,\n.key-feature .icon {\n  height: 45px;\n  width: 45px;\n  min-width: 45px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.work-process {\n  transition: all 0.5s ease;\n}\n.work-process .step, .work-process .step-icon {\n  opacity: 0.06;\n}\n.work-process a {\n  font-size: 15px;\n}\n.work-process.process-arrow:after {\n  content: \"\";\n  position: absolute;\n  width: 60%;\n  height: 40px;\n  top: 30px;\n  left: 80%;\n  background: url(\"../images/process.png\") center center no-repeat;\n  z-index: 1;\n}\n@media (max-width: 767px) {\n  .work-process.process-arrow:after {\n    display: none;\n  }\n}\n.work-process.process-arrow:hover {\n  transform: none !important;\n}\n.work-process:hover {\n  transform: translateY(-10px);\n}\n.work-process.d-none-arrow:hover {\n  transform: none !important;\n}\n\n.features-absolute {\n  position: relative;\n  z-index: 2;\n  transition: all 0.5s ease;\n}\n\n.features-absolute {\n  margin: -200px 0 0px;\n}\n@media (max-width: 768px) {\n  .features-absolute {\n    margin: -140px 0 0;\n  }\n}\n.features-absolute.blog-search {\n  margin: -120px 0 0px;\n}\n@media (max-width: 768px) {\n  .features-absolute.blog-search {\n    margin: -90px 0 0px;\n  }\n}\n\n.app-feature-shape-right:after,\n.app-feature-shape-left:after {\n  bottom: 0rem;\n  width: 30rem;\n  height: 40rem;\n  border-radius: 10rem;\n}\n\n.app-feature-shape-right:after {\n  left: 10rem;\n  transform: rotate(150deg);\n}\n@media (max-width: 768px) {\n  .app-feature-shape-right:after {\n    left: 0;\n  }\n}\n\n.app-feature-shape-left:after {\n  right: 10rem;\n  transform: rotate(210deg);\n}\n@media (max-width: 768px) {\n  .app-feature-shape-left:after {\n    right: 0;\n  }\n}\n\n.app-subscribe {\n  position: absolute;\n  top: -200px;\n}\n@media (max-width: 767px) {\n  .app-subscribe {\n    position: relative;\n    top: 0;\n  }\n}\n\n.saas-feature-shape-left:after,\n.saas-feature-shape-right:after {\n  bottom: -3rem;\n  width: 35rem;\n  height: 35rem;\n  border-radius: 15rem;\n  transform: rotate(145deg);\n}\n@media (max-width: 767px) {\n  .saas-feature-shape-left:after,\n  .saas-feature-shape-right:after {\n    bottom: -1rem;\n    width: 25rem;\n    height: 25rem;\n    border-radius: 10rem;\n  }\n}\n\n.saas-feature-shape-left:after {\n  left: -10rem;\n}\n\n.saas-feature-shape-right:after {\n  right: -10rem;\n}\n\n.app-feature-shape-right:after,\n.app-feature-shape-left:after,\n.saas-feature-shape-left:after,\n.saas-feature-shape-right:after,\n.social-feature-left:after,\n.social-feature-right:after {\n  background: rgba(22, 163, 74, 0.1);\n  box-shadow: 0 0 40px rgba(22, 163, 74, 0.1);\n}\n\n.app-feature-shape-right:after,\n.app-feature-shape-left:after,\n.saas-feature-shape-left:after,\n.saas-feature-shape-right:after,\n.social-feature-left:after,\n.social-feature-right:after {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n}\n\n.modern-saas-absolute-left,\n.modern-saas-absolute-right {\n  position: absolute;\n}\n\n.modern-saas-absolute-left {\n  top: 2%;\n  left: -2%;\n}\n@media (min-width: 768px) {\n  .modern-saas-absolute-left {\n    top: 20%;\n    left: -7%;\n  }\n}\n@media (min-width: 1024px) {\n  .modern-saas-absolute-left {\n    left: -10%;\n  }\n}\n\n.modern-saas-absolute-right {\n  bottom: 2%;\n  right: -2%;\n}\n@media (min-width: 768px) {\n  .modern-saas-absolute-right {\n    bottom: 20%;\n    right: -7%;\n  }\n}\n@media (min-width: 1024px) {\n  .modern-saas-absolute-right {\n    right: -10%;\n  }\n}\n\n.modern-app-round {\n  position: fixed;\n  width: 600px;\n  height: 600px;\n  border-radius: 50%;\n  filter: blur(100px);\n  pointer-events: none;\n  z-index: -2;\n  background-color: rgba(22, 163, 74, 0.15);\n}\n\n.modern-app-bg-shape:after {\n  content: \" \";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 500px;\n  height: 500px;\n  border-radius: 50%;\n  background: linear-gradient(to right, rgba(22, 163, 74, 0.3) 0%, rgba(22, 163, 74, 0.5) 35%, #16a34a 100%);\n  box-shadow: 0 0 40px rgba(22, 163, 74, 0.2);\n  z-index: -1;\n}\n@media (max-width: 768px) {\n  .modern-app-bg-shape:after {\n    width: 400px;\n    height: 400px;\n  }\n}\n\n.modern-app-absolute-left,\n.modern-app-absolute-right {\n  position: absolute;\n}\n\n.modern-app-absolute-right {\n  top: 7%;\n  right: -2%;\n}\n@media (min-width: 768px) {\n  .modern-app-absolute-right {\n    top: 20%;\n    right: -7%;\n  }\n}\n@media (min-width: 1024px) {\n  .modern-app-absolute-right {\n    right: -10%;\n  }\n}\n\n.modern-app-absolute-left {\n  bottom: 7%;\n  left: -2%;\n}\n@media (min-width: 768px) {\n  .modern-app-absolute-left {\n    bottom: 20%;\n    left: -7%;\n  }\n}\n@media (min-width: 1024px) {\n  .modern-app-absolute-left {\n    left: -10%;\n  }\n}\n\n.social-feature-left:after,\n.social-feature-right:after {\n  width: 450px;\n  height: 520px;\n  border-radius: 30px;\n  bottom: -75px;\n}\n@media (max-width: 768px) {\n  .social-feature-left:after,\n  .social-feature-right:after {\n    width: 300px;\n    height: 400px;\n    bottom: -65px;\n  }\n}\n@media (max-width: 575px) {\n  .social-feature-left:after,\n  .social-feature-right:after {\n    bottom: -35px;\n  }\n}\n\n.social-feature-left:after {\n  right: -200px;\n}\n@media (max-width: 575px) {\n  .social-feature-left:after {\n    right: 60px;\n  }\n}\n\n.social-feature-right:after {\n  left: -200px;\n}\n@media (max-width: 575px) {\n  .social-feature-right:after {\n    left: 60px;\n  }\n}\n\n.construction-img {\n  position: absolute;\n  bottom: 0;\n  right: 20px;\n}\n\n/*********************************/\n/*          NFT                  */\n/*===============================*/\n.nft.nft-primary .title:hover,\n.nft.nft-primary .read-more:hover {\n  color: #16a34a !important;\n}\n.nft.nft-primary .link {\n  color: #16a34a !important;\n}\n.nft.nft-primary .author .name:hover {\n  color: #16a34a !important;\n}\n.nft.nft-primary .bg-soft {\n  background-color: rgba(22, 163, 74, 0.1) !important;\n  border: 1px solid rgba(22, 163, 74, 0.1) !important;\n  color: #16a34a !important;\n}\n.nft.nft-primary .btn {\n  background-color: #16a34a !important;\n  border: 1px solid #16a34a !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(22, 163, 74, 0.1);\n}\n.nft.nft-primary .btn:hover, .nft.nft-primary .btn:focus, .nft.nft-primary .btn:active, .nft.nft-primary .btn.active, .nft.nft-primary .btn.focus {\n  background-color: #107636 !important;\n  border-color: #107636 !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-secondary .title:hover,\n.nft.nft-secondary .read-more:hover {\n  color: #ced4da !important;\n}\n.nft.nft-secondary .link {\n  color: #ced4da !important;\n}\n.nft.nft-secondary .author .name:hover {\n  color: #ced4da !important;\n}\n.nft.nft-secondary .bg-soft {\n  background-color: rgba(206, 212, 218, 0.1) !important;\n  border: 1px solid rgba(206, 212, 218, 0.1) !important;\n  color: #ced4da !important;\n}\n.nft.nft-secondary .btn {\n  background-color: #ced4da !important;\n  border: 1px solid #ced4da !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(206, 212, 218, 0.1);\n}\n.nft.nft-secondary .btn:hover, .nft.nft-secondary .btn:focus, .nft.nft-secondary .btn:active, .nft.nft-secondary .btn.active, .nft.nft-secondary .btn.focus {\n  background-color: #b1bbc4 !important;\n  border-color: #b1bbc4 !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-success .title:hover,\n.nft.nft-success .read-more:hover {\n  color: #2eca8b !important;\n}\n.nft.nft-success .link {\n  color: #2eca8b !important;\n}\n.nft.nft-success .author .name:hover {\n  color: #2eca8b !important;\n}\n.nft.nft-success .bg-soft {\n  background-color: rgba(46, 202, 139, 0.1) !important;\n  border: 1px solid rgba(46, 202, 139, 0.1) !important;\n  color: #2eca8b !important;\n}\n.nft.nft-success .btn {\n  background-color: #2eca8b !important;\n  border: 1px solid #2eca8b !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.1);\n}\n.nft.nft-success .btn:hover, .nft.nft-success .btn:focus, .nft.nft-success .btn:active, .nft.nft-success .btn.active, .nft.nft-success .btn.focus {\n  background-color: #25a06e !important;\n  border-color: #25a06e !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-info .title:hover,\n.nft.nft-info .read-more:hover {\n  color: #17a2b8 !important;\n}\n.nft.nft-info .link {\n  color: #17a2b8 !important;\n}\n.nft.nft-info .author .name:hover {\n  color: #17a2b8 !important;\n}\n.nft.nft-info .bg-soft {\n  background-color: rgba(23, 162, 184, 0.1) !important;\n  border: 1px solid rgba(23, 162, 184, 0.1) !important;\n  color: #17a2b8 !important;\n}\n.nft.nft-info .btn {\n  background-color: #17a2b8 !important;\n  border: 1px solid #17a2b8 !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.1);\n}\n.nft.nft-info .btn:hover, .nft.nft-info .btn:focus, .nft.nft-info .btn:active, .nft.nft-info .btn.active, .nft.nft-info .btn.focus {\n  background-color: #117a8b !important;\n  border-color: #117a8b !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-warning .title:hover,\n.nft.nft-warning .read-more:hover {\n  color: #f17425 !important;\n}\n.nft.nft-warning .link {\n  color: #f17425 !important;\n}\n.nft.nft-warning .author .name:hover {\n  color: #f17425 !important;\n}\n.nft.nft-warning .bg-soft {\n  background-color: rgba(241, 116, 37, 0.1) !important;\n  border: 1px solid rgba(241, 116, 37, 0.1) !important;\n  color: #f17425 !important;\n}\n.nft.nft-warning .btn {\n  background-color: #f17425 !important;\n  border: 1px solid #f17425 !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.1);\n}\n.nft.nft-warning .btn:hover, .nft.nft-warning .btn:focus, .nft.nft-warning .btn:active, .nft.nft-warning .btn.active, .nft.nft-warning .btn.focus {\n  background-color: #d55b0e !important;\n  border-color: #d55b0e !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-danger .title:hover,\n.nft.nft-danger .read-more:hover {\n  color: #e43f52 !important;\n}\n.nft.nft-danger .link {\n  color: #e43f52 !important;\n}\n.nft.nft-danger .author .name:hover {\n  color: #e43f52 !important;\n}\n.nft.nft-danger .bg-soft {\n  background-color: rgba(228, 63, 82, 0.1) !important;\n  border: 1px solid rgba(228, 63, 82, 0.1) !important;\n  color: #e43f52 !important;\n}\n.nft.nft-danger .btn {\n  background-color: #e43f52 !important;\n  border: 1px solid #e43f52 !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.1);\n}\n.nft.nft-danger .btn:hover, .nft.nft-danger .btn:focus, .nft.nft-danger .btn:active, .nft.nft-danger .btn.active, .nft.nft-danger .btn.focus {\n  background-color: #d21e32 !important;\n  border-color: #d21e32 !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-light .title:hover,\n.nft.nft-light .read-more:hover {\n  color: #1f2d3d !important;\n}\n.nft.nft-light .link {\n  color: #1f2d3d !important;\n}\n.nft.nft-light .author .name:hover {\n  color: #1f2d3d !important;\n}\n.nft.nft-light .bg-soft {\n  background-color: rgba(31, 45, 61, 0.1) !important;\n  border: 1px solid rgba(31, 45, 61, 0.1) !important;\n  color: #1f2d3d !important;\n}\n.nft.nft-light .btn {\n  background-color: #1f2d3d !important;\n  border: 1px solid #1f2d3d !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(31, 45, 61, 0.1);\n}\n.nft.nft-light .btn:hover, .nft.nft-light .btn:focus, .nft.nft-light .btn:active, .nft.nft-light .btn.active, .nft.nft-light .btn.focus {\n  background-color: #0e141b !important;\n  border-color: #0e141b !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-dark .title:hover,\n.nft.nft-dark .read-more:hover {\n  color: #f8f9fa !important;\n}\n.nft.nft-dark .link {\n  color: #f8f9fa !important;\n}\n.nft.nft-dark .author .name:hover {\n  color: #f8f9fa !important;\n}\n.nft.nft-dark .bg-soft {\n  background-color: rgba(248, 249, 250, 0.1) !important;\n  border: 1px solid rgba(248, 249, 250, 0.1) !important;\n  color: #f8f9fa !important;\n}\n.nft.nft-dark .btn {\n  background-color: #f8f9fa !important;\n  border: 1px solid #f8f9fa !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(248, 249, 250, 0.1);\n}\n.nft.nft-dark .btn:hover, .nft.nft-dark .btn:focus, .nft.nft-dark .btn:active, .nft.nft-dark .btn.active, .nft.nft-dark .btn.focus {\n  background-color: #dae0e5 !important;\n  border-color: #dae0e5 !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-footer .title:hover,\n.nft.nft-footer .read-more:hover {\n  color: #212f40 !important;\n}\n.nft.nft-footer .link {\n  color: #212f40 !important;\n}\n.nft.nft-footer .author .name:hover {\n  color: #212f40 !important;\n}\n.nft.nft-footer .bg-soft {\n  background-color: rgba(33, 47, 64, 0.1) !important;\n  border: 1px solid rgba(33, 47, 64, 0.1) !important;\n  color: #212f40 !important;\n}\n.nft.nft-footer .btn {\n  background-color: #212f40 !important;\n  border: 1px solid #212f40 !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(33, 47, 64, 0.1);\n}\n.nft.nft-footer .btn:hover, .nft.nft-footer .btn:focus, .nft.nft-footer .btn:active, .nft.nft-footer .btn.active, .nft.nft-footer .btn.focus {\n  background-color: #10161e !important;\n  border-color: #10161e !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-muted .title:hover,\n.nft.nft-muted .read-more:hover {\n  color: #9bacc4 !important;\n}\n.nft.nft-muted .link {\n  color: #9bacc4 !important;\n}\n.nft.nft-muted .author .name:hover {\n  color: #9bacc4 !important;\n}\n.nft.nft-muted .bg-soft {\n  background-color: rgba(155, 172, 196, 0.1) !important;\n  border: 1px solid rgba(155, 172, 196, 0.1) !important;\n  color: #9bacc4 !important;\n}\n.nft.nft-muted .btn {\n  background-color: #9bacc4 !important;\n  border: 1px solid #9bacc4 !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(155, 172, 196, 0.1);\n}\n.nft.nft-muted .btn:hover, .nft.nft-muted .btn:focus, .nft.nft-muted .btn:active, .nft.nft-muted .btn.active, .nft.nft-muted .btn.focus {\n  background-color: #7b91b1 !important;\n  border-color: #7b91b1 !important;\n  color: #ffffff !important;\n}\n\n.nft.nft-item {\n  transition: all 0.5s ease;\n}\n.nft.nft-item .nft-image .item-img {\n  transition: all 0.5s ease;\n}\n.nft.nft-item .nft-image .overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  transition: all 0.5s ease;\n  background: #f8f9fa;\n}\n.nft.nft-item:hover {\n  box-shadow: 0 5px 13px rgba(173, 181, 189, 0.2) !important;\n}\n.nft .bid-btn {\n  position: absolute;\n  transition: all 0.5s ease;\n  bottom: -100px;\n  right: 0;\n  left: 0;\n}\n.nft.nft-creator {\n  transition: all 0.5s ease;\n}\n.nft.nft-creator img {\n  transition: all 0.5s ease;\n}\n.nft.nft-creator:hover img {\n  height: 90px !important;\n  width: 90px !important;\n}\n.nft:hover .nft-image .item-img {\n  transform: scale(1.1) rotate(3deg);\n}\n.nft:hover .nft-image .overlay {\n  opacity: 0.7;\n}\n.nft:hover .bid-btn {\n  bottom: 0;\n}\n\n/*********************************/\n/*         Home & Hero           */\n/*===============================*/\n.bg-home {\n  height: 100vh;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-photography {\n  height: 100vh;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n@media (max-width: 767px) {\n  .bg-photography {\n    padding: 300px 0;\n    height: auto;\n  }\n}\n\n.bg-video-studio {\n  height: 100vh;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-home-75vh {\n  height: 75vh !important;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n@media (max-width: 767px) {\n  .bg-home-75vh {\n    height: 80vh !important;\n  }\n}\n\n.bg-half-260 {\n  padding: 260px 0;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-half-170 {\n  padding: 170px 0;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-half-100 {\n  padding: 100px 0;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-half {\n  padding: 200px 0 100px;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n@media (max-width: 768px) {\n  .bg-half {\n    padding: 160px 0 60px;\n  }\n}\n\n.bg-auth-home {\n  padding: 142px 0;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-consulting {\n  height: 100vh;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n@media (max-width: 767px) {\n  .bg-consulting {\n    padding: 0 0 300px;\n    height: auto;\n  }\n  .bg-consulting .background {\n    padding: 120px 12px 50px;\n    background: #1c2836;\n  }\n}\n@media (min-width: 768px) {\n  .bg-consulting:after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 50%;\n    height: 100%;\n    background: #1c2836;\n  }\n}\n.bg-circle-gradiant {\n  background: radial-gradient(circle at 50% 50%, rgba(22, 163, 74, 0.1) 0%, rgba(22, 163, 74, 0.1) 33.333%, rgba(22, 163, 74, 0.2) 33.333%, rgba(22, 163, 74, 0.2) 66.666%, rgba(22, 163, 74, 0.3) 66.666%, rgba(22, 163, 74, 0.3) 99.999%);\n}\n\n.lawyer-wrapper {\n  overflow: hidden;\n}\n.lawyer-wrapper:before {\n  content: \"\";\n  position: absolute;\n  bottom: 25rem;\n  right: 13rem;\n  width: 50rem;\n  height: 25rem;\n  transform: rotate(100deg);\n  background: linear-gradient(90deg, rgba(22, 163, 74, 0.3), transparent);\n  z-index: 1;\n}\n@media (min-width: 769px) and (max-width: 1024px) {\n  .lawyer-wrapper:before {\n    right: -10rem;\n  }\n}\n@media (min-width: 576px) and (max-width: 768px) {\n  .lawyer-wrapper:before {\n    right: -15rem;\n    height: 20rem;\n    bottom: 25rem;\n  }\n}\n@media (max-width: 575px) {\n  .lawyer-wrapper:before {\n    right: -15rem;\n    height: 20rem;\n    bottom: 35rem;\n  }\n}\n\n.it-home {\n  animation: slideleft 30000s infinite linear;\n}\n\n@keyframes slideleft {\n  from {\n    background-position: 0%;\n  }\n  to {\n    background-position: 90000%;\n  }\n}\n.home-dashboard img {\n  position: relative;\n  top: 60px;\n  z-index: 1;\n}\n@media (min-width: 768px) {\n  .home-dashboard.onepage-hero {\n    overflow: hidden;\n  }\n}\n\n.classic-saas-image .bg-saas-shape:after {\n  bottom: 3rem;\n  left: 0;\n  width: 75rem;\n  height: 55rem;\n  border-radius: 20rem;\n}\n@media (max-width: 767px) {\n  .classic-saas-image .bg-saas-shape:after {\n    left: 10rem;\n    width: 30rem;\n    height: 30rem;\n    border-radius: 10rem;\n  }\n}\n\n@media (max-width: 768px) {\n  .classic-saas-image .bg-saas-shape img,\n  .freelance-hero .bg-shape img,\n  .ai-hero .image img {\n    max-width: 550px;\n  }\n}\n@media (max-width: 767px) {\n  .classic-saas-image .bg-saas-shape img,\n  .freelance-hero .bg-shape img,\n  .ai-hero .image img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n\n.classic-saas-image .bg-saas-shape:after,\n.freelance-hero .bg-shape:after {\n  opacity: 0.9;\n  transform: rotate(130deg);\n}\n@media (max-width: 767px) {\n  .classic-saas-image .bg-saas-shape:after,\n  .freelance-hero .bg-shape:after {\n    bottom: -5rem !important;\n    height: 30rem;\n  }\n}\n\n.ai-hero:after, .ai-hero:before {\n  content: \"\";\n  position: absolute;\n  border: 2px dashed rgba(108, 117, 125, 0.5);\n  border-radius: 50%;\n  animation: spinner-animation 72s linear infinite;\n  z-index: -1;\n}\n.ai-hero:after {\n  top: -40px;\n  right: -128px;\n  height: 576px;\n  width: 576px;\n}\n@media (min-width: 1024px) {\n  .ai-hero:after {\n    top: 0;\n  }\n}\n.ai-hero:before {\n  top: -144px;\n  right: -224px;\n  height: 768px;\n  width: 768px;\n}\n@media (min-width: 1024px) {\n  .ai-hero:before {\n    top: -96px;\n  }\n}\n.ai-hero .image:after {\n  content: \"\";\n  position: absolute;\n  top: -40px;\n  right: 0;\n  width: 672px;\n  height: 672px;\n  background-color: rgba(22, 163, 74, 0.4);\n  border-radius: 50%;\n  filter: blur(100px);\n  pointer-events: none;\n  z-index: -1;\n}\n@media (min-width: 1024px) {\n  .ai-hero .image:after {\n    top: -96px;\n  }\n}\n\n.freelance-hero .bg-shape:after {\n  bottom: 0rem;\n  left: 7rem;\n  width: 100rem;\n  height: 70rem;\n  border-radius: 6rem;\n}\n@media (max-width: 768px) {\n  .freelance-hero .bg-shape:after {\n    bottom: -10rem;\n  }\n}\n@media (max-width: 767px) {\n  .freelance-hero .bg-shape:after {\n    left: 15rem;\n    width: 40rem;\n    height: 30rem;\n  }\n}\n\n.freelance-hero .bg-shape:after {\n  box-shadow: 0 0 40px rgba(22, 163, 74, 0.5);\n  background-color: #51e889;\n}\n\n.studio-home {\n  padding: 7%;\n}\n\n.agency-wrapper:before {\n  content: \"\";\n  position: absolute;\n  bottom: 22rem;\n  right: 54rem;\n  width: 90rem;\n  height: 35rem;\n  border-radius: 17rem;\n  transform: rotate(45deg);\n  background-color: #1f2d3d;\n  z-index: -1;\n}\n@media (max-width: 768px) {\n  .agency-wrapper:before {\n    right: 12rem;\n  }\n}\n@media (max-width: 767px) {\n  .agency-wrapper:before {\n    right: 0;\n  }\n}\n\n.bg-marketing {\n  padding: 76px 0 120px;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.bg-top-74 {\n  padding: 74px 0 0;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.home-slider .carousel-control-next,\n.home-slider .carousel-control-prev {\n  width: 30px;\n  height: 30px;\n  top: 50%;\n  transform: translateY(-50%);\n  border-radius: 30px;\n  border: 1px solid #2a3c51;\n}\n.home-slider .carousel-control-next-icon,\n.home-slider .carousel-control-prev-icon {\n  width: 30%;\n}\n.home-slider .carousel-control-next {\n  right: 8px;\n}\n.home-slider .carousel-control-prev {\n  left: 8px;\n}\n\n.carousel-indicators [data-bs-target] {\n  width: 10px;\n  height: 10px;\n  border-radius: 3px;\n  transition: all 0.5s ease;\n  border: 0;\n  background: #16a34a !important;\n  margin: auto 4px;\n}\n.carousel-indicators .active {\n  background-color: #16a34a !important;\n  transform: rotate(45deg);\n}\n\n.bg-animation-left:after {\n  content: \"\";\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  width: 70%;\n  height: 100%;\n  background: rgba(28, 40, 54, 0.85);\n  clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);\n}\n@media (max-width: 767px) {\n  .bg-animation-left:after {\n    width: 100%;\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\n  }\n}\n.bg-animation-left.dark-left:after {\n  background: rgba(0, 0, 0, 0.6);\n}\n.bg-animation-left.crypto-home:after {\n  background: #16a34a;\n  width: 80%;\n  clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);\n}\n.bg-animation-left.task-management-home:after {\n  background: url(\"../images/task/bg.png\") #16a34a;\n  width: 100%;\n  clip-path: circle(65% at 40% 25%);\n}\n\n.bg-invoice {\n  padding: 100px 0;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n\n.classic-app-image .bg-app-shape:after {\n  bottom: 3rem;\n  left: -8rem;\n  width: 55rem;\n  height: 35rem;\n  border-radius: 20rem;\n  transform: rotate(120deg);\n  opacity: 0.9;\n}\n.classic-app-image .app-images {\n  position: absolute;\n  bottom: 60px;\n  right: -20px;\n}\n\n.classic-app-image .bg-app-shape:after,\n.classic-saas-image .bg-saas-shape:after,\n.freelance-hero .bg-shape:after {\n  content: \" \";\n  position: absolute;\n  z-index: -1;\n}\n\n.classic-app-image .bg-app-shape:after,\n.classic-saas-image .bg-saas-shape:after {\n  box-shadow: 0 0 40px rgba(22, 163, 74, 0.5);\n  background-color: #16a34a;\n}\n\n.shape-before .shape-img {\n  position: absolute;\n  top: -50px;\n  left: -35px;\n  z-index: -1;\n  height: auto;\n  overflow: hidden;\n}\n\n.swiper-slider-hero .swiper-container,\n.swiper-slider-hero .swiper-slide .slide-inner {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n}\n.swiper-slider-hero .swiper-container .swiper-button-prev,\n.swiper-slider-hero .swiper-container .swiper-button-next {\n  background: transparent;\n  width: 35px;\n  height: 35px;\n  line-height: 35px;\n  margin-top: -30px;\n}\n.swiper-slider-hero .swiper-container .swiper-button-prev:before,\n.swiper-slider-hero .swiper-container .swiper-button-next:before {\n  font-family: \"Material Design Icons\";\n  font-weight: 900;\n  color: #ffffff;\n}\n.swiper-slider-hero .swiper-container .swiper-button-prev:hover,\n.swiper-slider-hero .swiper-container .swiper-button-next:hover {\n  background: #16a34a;\n  border-color: #16a34a !important;\n}\n.swiper-slider-hero .swiper-container .swiper-button-prev {\n  left: 10px;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n}\n.swiper-slider-hero .swiper-container .swiper-button-prev:before {\n  content: \"\\f0141\";\n}\n.swiper-slider-hero .swiper-container .swiper-button-next {\n  right: 10px;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n}\n.swiper-slider-hero .swiper-container .swiper-button-next:before {\n  content: \"\\f0142\";\n}\n.swiper-slider-hero .swiper-pagination-bullet {\n  color: #1f2d3d;\n  background: transparent;\n}\n.swiper-slider-hero .swiper-pagination-bullet-active {\n  color: #ffffff;\n}\n.swiper-slider-hero .swiper-container-horizontal > .swiper-pagination-bullets,\n.swiper-slider-hero .swiper-pagination-custom,\n.swiper-slider-hero .swiper-pagination-fraction {\n  bottom: 45px;\n}\n.swiper-slider-hero .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 0 13px;\n}\n\n@media (min-width: 769px) {\n  .bg-studio:after {\n    content: \"\";\n    position: absolute;\n    right: 0px;\n    top: 0px;\n    width: 50%;\n    height: 100%;\n    background: #ffffff none repeat scroll 0 0;\n    z-index: 2;\n  }\n}\n@media (max-width: 767px) {\n  .bg-home, .bg-half-170, .bg-half-260, .bg-marketing, .swiper-slider-hero .swiper-container .swiper-slide {\n    padding: 150px 0;\n    height: auto;\n  }\n}\n.personal-hero:before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  bottom: -20rem;\n  width: 50rem;\n  height: 50rem;\n  right: 150px;\n  left: 0;\n  margin: 0 auto;\n  border-radius: 50%;\n  background: #16a34a;\n}\n@media (max-width: 576px) {\n  .personal-hero:before {\n    width: 30rem;\n    height: 30rem;\n    bottom: -10rem;\n  }\n}\n.personal-hero .personal-overlay {\n  visibility: hidden !important;\n}\n@media (max-width: 768px) {\n  .personal-hero .personal-overlay {\n    visibility: visible !important;\n  }\n  .personal-hero .title,\n  .personal-hero .sub-title {\n    color: #ffffff;\n  }\n  .personal-hero .para {\n    color: rgba(255, 255, 255, 0.5);\n  }\n}\n\n@media (min-width: 769px) {\n  .personal-hero .personal-hero-para {\n    position: absolute;\n    top: 50%;\n    backdrop-filter: blur(12px);\n    background-color: rgba(31, 45, 61, 0.5);\n    z-index: 1;\n    padding: 24px;\n  }\n}\n.bg-video-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n.bg-video-wrapper iframe {\n  width: 100vw;\n  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */\n  min-height: 100vh;\n  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.shape {\n  position: absolute;\n  pointer-events: none;\n  right: 0;\n  bottom: -2px;\n  left: 0;\n}\n.shape > svg {\n  transform: scale(2);\n  width: 100%;\n  height: auto;\n  transform-origin: top center;\n}\n.shape.integration-hero {\n  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n  height: 250px;\n  background: #1c2836;\n}\n@media (max-width: 768px) {\n  .shape.integration-hero {\n    height: 140px;\n  }\n}\n@media (max-width: 425px) {\n  .shape.integration-hero {\n    height: 60px;\n  }\n}\n@media (max-width: 425px) {\n  .shape {\n    bottom: -4px;\n  }\n}\n\n/* Kenburn Effect */\n.zoom-image {\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.image-wrap {\n  position: absolute;\n  top: -350px;\n  right: -100px;\n  bottom: -350px;\n  left: -100px;\n  margin: auto;\n  height: auto;\n  min-height: 100%;\n  width: auto;\n  min-width: 100%;\n  overflow: hidden;\n  animation: 100s ppb_kenburns linear infinite alternate;\n}\n\n@keyframes move {\n  0% {\n    transform-origin: bottom;\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(1.4);\n  }\n}\n@keyframes ppb_kenburns {\n  0% {\n    transform: scale(1.3) translate(-10%, 10%);\n  }\n  25% {\n    transform: scale(1) translate(0, 0);\n  }\n  50% {\n    transform: scale(1.3) translate(10%, 10%);\n  }\n  75% {\n    transform: scale(1) translate(0, 0);\n  }\n  100% {\n    transform: scale(1.3) translate(-10%, 10%);\n  }\n}\n/*********************************/\n/*         Pricing & Plans       */\n/*===============================*/\n.pricing.pricing-primary.business-rate:hover {\n  border-color: #16a34a !important;\n}\n.pricing.pricing-primary.business-rate:hover .title {\n  color: #16a34a;\n}\n.pricing.pricing-primary.starter-plan {\n  border-color: #16a34a !important;\n}\n.pricing.pricing-primary .name,\n.pricing.pricing-primary .icon {\n  color: #16a34a;\n}\n.pricing.pricing-secondary.business-rate:hover {\n  border-color: #ced4da !important;\n}\n.pricing.pricing-secondary.business-rate:hover .title {\n  color: #ced4da;\n}\n.pricing.pricing-secondary.starter-plan {\n  border-color: #ced4da !important;\n}\n.pricing.pricing-secondary .name,\n.pricing.pricing-secondary .icon {\n  color: #ced4da;\n}\n.pricing.pricing-success.business-rate:hover {\n  border-color: #2eca8b !important;\n}\n.pricing.pricing-success.business-rate:hover .title {\n  color: #2eca8b;\n}\n.pricing.pricing-success.starter-plan {\n  border-color: #2eca8b !important;\n}\n.pricing.pricing-success .name,\n.pricing.pricing-success .icon {\n  color: #2eca8b;\n}\n.pricing.pricing-info.business-rate:hover {\n  border-color: #17a2b8 !important;\n}\n.pricing.pricing-info.business-rate:hover .title {\n  color: #17a2b8;\n}\n.pricing.pricing-info.starter-plan {\n  border-color: #17a2b8 !important;\n}\n.pricing.pricing-info .name,\n.pricing.pricing-info .icon {\n  color: #17a2b8;\n}\n.pricing.pricing-warning.business-rate:hover {\n  border-color: #f17425 !important;\n}\n.pricing.pricing-warning.business-rate:hover .title {\n  color: #f17425;\n}\n.pricing.pricing-warning.starter-plan {\n  border-color: #f17425 !important;\n}\n.pricing.pricing-warning .name,\n.pricing.pricing-warning .icon {\n  color: #f17425;\n}\n.pricing.pricing-danger.business-rate:hover {\n  border-color: #e43f52 !important;\n}\n.pricing.pricing-danger.business-rate:hover .title {\n  color: #e43f52;\n}\n.pricing.pricing-danger.starter-plan {\n  border-color: #e43f52 !important;\n}\n.pricing.pricing-danger .name,\n.pricing.pricing-danger .icon {\n  color: #e43f52;\n}\n.pricing.pricing-light.business-rate:hover {\n  border-color: #1f2d3d !important;\n}\n.pricing.pricing-light.business-rate:hover .title {\n  color: #1f2d3d;\n}\n.pricing.pricing-light.starter-plan {\n  border-color: #1f2d3d !important;\n}\n.pricing.pricing-light .name,\n.pricing.pricing-light .icon {\n  color: #1f2d3d;\n}\n.pricing.pricing-dark.business-rate:hover {\n  border-color: #f8f9fa !important;\n}\n.pricing.pricing-dark.business-rate:hover .title {\n  color: #f8f9fa;\n}\n.pricing.pricing-dark.starter-plan {\n  border-color: #f8f9fa !important;\n}\n.pricing.pricing-dark .name,\n.pricing.pricing-dark .icon {\n  color: #f8f9fa;\n}\n.pricing.pricing-footer.business-rate:hover {\n  border-color: #212f40 !important;\n}\n.pricing.pricing-footer.business-rate:hover .title {\n  color: #212f40;\n}\n.pricing.pricing-footer.starter-plan {\n  border-color: #212f40 !important;\n}\n.pricing.pricing-footer .name,\n.pricing.pricing-footer .icon {\n  color: #212f40;\n}\n.pricing.pricing-muted.business-rate:hover {\n  border-color: #9bacc4 !important;\n}\n.pricing.pricing-muted.business-rate:hover .title {\n  color: #9bacc4;\n}\n.pricing.pricing-muted.starter-plan {\n  border-color: #9bacc4 !important;\n}\n.pricing.pricing-muted .name,\n.pricing.pricing-muted .icon {\n  color: #9bacc4;\n}\n\n.pricing {\n  position: relative;\n  z-index: 1;\n  border-bottom: 3px solid #2a3c51 !important;\n  transition: all 0.5s ease;\n}\n.pricing .price {\n  font-weight: 400;\n}\n.pricing.business-rate:hover {\n  transform: scale(1.03);\n  z-index: 2;\n  box-shadow: 0 5px 13px rgba(173, 181, 189, 0.2) !important;\n  background-color: #1c2836 !important;\n}\n.pricing.starter-plan {\n  transform: scale(1.05);\n  z-index: 2;\n}\n@media (max-width: 767px) {\n  .pricing.starter-plan {\n    transform: scale(1);\n  }\n}\n.pricing.best-plan:hover {\n  transform: translateY(-10px);\n}\n\n.ribbon.ribbon-primary span {\n  background-color: #16a34a !important;\n}\n.ribbon.ribbon-primary span:before {\n  border-left-color: #107636;\n  border-top-color: #107636;\n}\n.ribbon.ribbon-primary span:after {\n  border-right-color: #107636;\n  border-top-color: #107636;\n}\n.ribbon.ribbon-secondary span {\n  background-color: #ced4da !important;\n}\n.ribbon.ribbon-secondary span:before {\n  border-left-color: #b1bbc4;\n  border-top-color: #b1bbc4;\n}\n.ribbon.ribbon-secondary span:after {\n  border-right-color: #b1bbc4;\n  border-top-color: #b1bbc4;\n}\n.ribbon.ribbon-success span {\n  background-color: #2eca8b !important;\n}\n.ribbon.ribbon-success span:before {\n  border-left-color: #25a06e;\n  border-top-color: #25a06e;\n}\n.ribbon.ribbon-success span:after {\n  border-right-color: #25a06e;\n  border-top-color: #25a06e;\n}\n.ribbon.ribbon-info span {\n  background-color: #17a2b8 !important;\n}\n.ribbon.ribbon-info span:before {\n  border-left-color: #117a8b;\n  border-top-color: #117a8b;\n}\n.ribbon.ribbon-info span:after {\n  border-right-color: #117a8b;\n  border-top-color: #117a8b;\n}\n.ribbon.ribbon-warning span {\n  background-color: #f17425 !important;\n}\n.ribbon.ribbon-warning span:before {\n  border-left-color: #d55b0e;\n  border-top-color: #d55b0e;\n}\n.ribbon.ribbon-warning span:after {\n  border-right-color: #d55b0e;\n  border-top-color: #d55b0e;\n}\n.ribbon.ribbon-danger span {\n  background-color: #e43f52 !important;\n}\n.ribbon.ribbon-danger span:before {\n  border-left-color: #d21e32;\n  border-top-color: #d21e32;\n}\n.ribbon.ribbon-danger span:after {\n  border-right-color: #d21e32;\n  border-top-color: #d21e32;\n}\n.ribbon.ribbon-light span {\n  background-color: #1f2d3d !important;\n}\n.ribbon.ribbon-light span:before {\n  border-left-color: #0e141b;\n  border-top-color: #0e141b;\n}\n.ribbon.ribbon-light span:after {\n  border-right-color: #0e141b;\n  border-top-color: #0e141b;\n}\n.ribbon.ribbon-dark span {\n  background-color: #f8f9fa !important;\n}\n.ribbon.ribbon-dark span:before {\n  border-left-color: #dae0e5;\n  border-top-color: #dae0e5;\n}\n.ribbon.ribbon-dark span:after {\n  border-right-color: #dae0e5;\n  border-top-color: #dae0e5;\n}\n.ribbon.ribbon-footer span {\n  background-color: #212f40 !important;\n}\n.ribbon.ribbon-footer span:before {\n  border-left-color: #10161e;\n  border-top-color: #10161e;\n}\n.ribbon.ribbon-footer span:after {\n  border-right-color: #10161e;\n  border-top-color: #10161e;\n}\n.ribbon.ribbon-muted span {\n  background-color: #9bacc4 !important;\n}\n.ribbon.ribbon-muted span:before {\n  border-left-color: #7b91b1;\n  border-top-color: #7b91b1;\n}\n.ribbon.ribbon-muted span:after {\n  border-right-color: #7b91b1;\n  border-top-color: #7b91b1;\n}\n\n.ribbon {\n  position: absolute;\n  top: -5px;\n  width: 75px;\n  height: 75px;\n  z-index: 2;\n}\n.ribbon.ribbon-right {\n  right: -5px;\n}\n.ribbon.ribbon-right span {\n  right: -23px;\n  transform: rotate(45deg);\n}\n.ribbon.ribbon-left {\n  left: -5px;\n}\n.ribbon.ribbon-left span {\n  left: -21px;\n  transform: rotate(-45deg);\n}\n.ribbon span {\n  position: absolute;\n  top: 18px;\n  width: 100px;\n  color: #ffffff;\n}\n.ribbon span:before, .ribbon span:after {\n  content: \"\";\n  position: absolute;\n  top: 100%;\n  z-index: -1;\n  border: 3px solid transparent;\n}\n.ribbon span:before {\n  left: 0;\n}\n.ribbon span:after {\n  right: 0;\n}\n\n.invoice-top .logo-invoice {\n  font-weight: 700;\n  font-size: 27px;\n  letter-spacing: 1px;\n}\n\n.crypto-chart {\n  position: absolute;\n  left: 24px;\n  right: 24px;\n  bottom: 24px;\n  opacity: 0.1;\n  z-index: 0;\n}\n\n.apexcharts-tooltip {\n  background: #161c2d !important;\n  color: #ffffff;\n}\n\n.switcher-pricing .toggle, .switcher-pricing .toggler {\n  display: inline-block;\n  vertical-align: middle;\n}\n.switcher-pricing .toggler {\n  transition: all 0.5s ease;\n  font-weight: bold;\n}\n.switcher-pricing .toggler--is-active {\n  color: #16a34a !important;\n}\n.switcher-pricing .form-switch .form-check-input {\n  width: 48px;\n  height: 24px;\n  margin-top: 0;\n}\n\n.hide {\n  display: none;\n}\n\n/*********************************/\n/*         Team members          */\n/*===============================*/\n.team.team-primary .name:hover {\n  color: #16a34a !important;\n}\n\n.team.team-secondary .name:hover {\n  color: #ced4da !important;\n}\n\n.team.team-success .name:hover {\n  color: #2eca8b !important;\n}\n\n.team.team-info .name:hover {\n  color: #17a2b8 !important;\n}\n\n.team.team-warning .name:hover {\n  color: #f17425 !important;\n}\n\n.team.team-danger .name:hover {\n  color: #e43f52 !important;\n}\n\n.team.team-light .name:hover {\n  color: #1f2d3d !important;\n}\n\n.team.team-dark .name:hover {\n  color: #f8f9fa !important;\n}\n\n.team.team-footer .name:hover {\n  color: #212f40 !important;\n}\n\n.team.team-muted .name:hover {\n  color: #9bacc4 !important;\n}\n\n.team img {\n  transition: all 0.5s ease;\n}\n.team .team-icon {\n  position: absolute;\n  bottom: 50%;\n  transform: translateY(50%);\n  right: 0;\n  opacity: 0;\n  left: 0;\n  text-align: center;\n  transition: all 0.5s ease;\n}\n.team:hover img {\n  box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n  opacity: 0.2;\n}\n.team:hover .overlay-team {\n  opacity: 0.6;\n}\n.team:hover .team-icon {\n  opacity: 1;\n}\n\n/*********************************/\n/*         Testimonial           */\n/*===============================*/\n.client-testi {\n  cursor: e-resize;\n}\n.client-testi .client-image {\n  margin-right: 16px;\n}\n.client-testi .content:before {\n  content: \"\";\n  position: absolute;\n  top: 30px;\n  left: 0;\n  margin-left: 13px;\n  box-sizing: border-box;\n  border: 8px solid #f8f9fa;\n  border-color: transparent #1c2836 #1c2836 transparent;\n  transform-origin: 0 0;\n  transform: rotate(135deg);\n  box-shadow: 2px 2px 2px -1px rgba(248, 249, 250, 0.15);\n}\n\n.tns-nav {\n  text-align: center;\n  margin-top: 10px;\n}\n.tns-nav button {\n  border-radius: 3px;\n  background: rgba(22, 163, 74, 0.5) !important;\n  transition: all 0.5s ease;\n  border: none;\n  margin: 0 5px;\n  padding: 5px;\n}\n.tns-nav button.tns-nav-active {\n  background: #16a34a !important;\n  transform: rotate(45deg);\n}\n\n.tns-controls button[data-controls=prev],\n.tns-controls button[data-controls=next] {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 16px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: #1c2836;\n  color: #f8f9fa;\n  border: none;\n  transition: all 0.5s ease;\n  z-index: 1;\n  box-shadow: 0 10px 25px rgba(173, 181, 189, 0.15);\n}\n.tns-controls button[data-controls=prev]:hover,\n.tns-controls button[data-controls=next]:hover {\n  background: #16a34a;\n  color: #ffffff;\n}\n.tns-controls button[data-controls=prev] {\n  left: 0;\n}\n.tns-controls button[data-controls=next] {\n  right: 0;\n}\n\n.slick-slider {\n  overflow-x: hidden !important;\n  cursor: pointer;\n}\n\n.tiny-timeline {\n  position: relative;\n  width: 100%;\n  margin: 0 auto;\n}\n.tiny-timeline:before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  top: 17px;\n  left: 0;\n  height: 2px;\n  background: #16a34a;\n}\n.tiny-timeline .item-box {\n  margin: 70px 15px 20px;\n}\n.tiny-timeline .item-box:before, .tiny-timeline .item-box:after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  background: #16a34a;\n}\n.tiny-timeline .item-box:before {\n  width: 2px;\n  height: 46px;\n  top: -46px;\n  transform: translateX(-50%);\n}\n.tiny-timeline .item-box:after {\n  width: 13px;\n  height: 13px;\n  top: -59px;\n  border-radius: 3px;\n  transform: translateX(-50%) rotate(45deg);\n}\n\n/* RTL */\n/*rtl:begin:ignore*/\nhtml[dir=rtl] .swiper-slider-hero, html[dir=rtl] .tns-inner, html[dir=rtl] .tns-nav {\n  direction: ltr !important;\n}\nhtml[dir=rtl] .tns-visually-hidden {\n  left: 0 !important;\n  visibility: hidden;\n}\n\n/*rtl:end:ignore*/\n/*********************************/\n/*         Authentications       */\n/*===============================*/\n.login-page {\n  font-size: 15px;\n}\n.login-page .forgot-pass {\n  z-index: 99;\n  position: relative;\n  font-size: 13px;\n}\n\n.cover-user .container-fluid {\n  max-width: 100%;\n}\n@media (max-width: 768px) {\n  .cover-user .container-fluid .padding-less {\n    position: relative !important;\n    height: 400px !important;\n  }\n}\n.cover-user .container-fluid .padding-less.img {\n  background: scroll center no-repeat;\n  background-size: cover;\n  position: absolute;\n  height: 100%;\n}\n.cover-user .cover-user-img {\n  height: 100vh;\n}\n@media (min-width: 1025px) {\n  .cover-user .cover-user-img {\n    padding: 0px 20%;\n  }\n}\n@media (max-width: 768px) {\n  .cover-user .cover-user-img {\n    align-items: start !important;\n    height: auto !important;\n    padding: 30px;\n  }\n}\n@media (max-width: 768px) {\n  .cover-user .cover-user-content {\n    text-align: left !important;\n  }\n  .cover-user .cover-my-30 {\n    margin: 30px 0;\n  }\n}\n\n.form-signin {\n  width: 100%;\n  max-width: 400px;\n  margin: auto;\n}\n\n.bg-profile {\n  padding: 100px 0;\n  background-size: cover !important;\n  align-self: center;\n  position: relative !important;\n  background-position: center center;\n}\n.bg-profile .public-profile {\n  top: 175px;\n}\n\n.chat .chat-list:hover, .chat .chat-list.active, .chat .chat-list:focus {\n  background: #1f2d3d !important;\n  box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n.chat .chat-list .on-off,\n.chat .chat-type .on-off {\n  position: absolute;\n  left: -1px;\n  top: -1px;\n  font-size: 12px !important;\n}\n.chat.chat-person .on-off {\n  font-size: 10px;\n}\n.chat.chat-person .chat-msg {\n  margin-left: 8px;\n}\n.chat.chat-person .chat-msg .msg {\n  border: 1px solid #2a3c51;\n}\n.chat.chat-person .chat-msg .msg-time {\n  font-size: 12px !important;\n}\n.chat.chat-person .chat-right {\n  justify-content: flex-end;\n  text-align: right;\n}\n.chat.chat-person .chat-right .chat-user-image {\n  order: 2;\n}\n.chat.chat-person .chat-right .chat-user-image .on-off {\n  right: -1px;\n}\n.chat.chat-person .chat-right .chat-msg {\n  margin-right: 8px;\n  margin-left: 0;\n}\n.chat.chat-person .chat-right .chat-msg .msg {\n  display: inline-block;\n}\n.chat.chat-person .chat-right .chat-msg .msg-time {\n  display: block;\n}\n\n.simplebar-track.simplebar-vertical {\n  width: 8px !important;\n}\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  width: 4px !important;\n  background: #adb5bd !important;\n}\n\n.ck.ck-toolbar,\n.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {\n  background: #1c2836 !important;\n  border: 1px solid #2a3c51 !important;\n}\n\n.ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break), .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {\n  color: #f8f9fa;\n}\n\n/*********************************/\n/*         Works & Portfolios    */\n/*===============================*/\n.work-container.work-primary .title:hover {\n  color: #16a34a !important;\n}\n.work-container.work-primary.work-modern .work-icon, .work-container.work-primary.work-creative .work-icon {\n  color: #16a34a !important;\n}\n.work-container.work-primary.work-modern .work-icon:hover, .work-container.work-primary.work-creative .work-icon:hover {\n  background: #16a34a !important;\n}\n.work-container.work-primary .btn {\n  background-color: #16a34a !important;\n  border: 1px solid #16a34a !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(22, 163, 74, 0.1);\n}\n.work-container.work-primary .btn:hover, .work-container.work-primary .btn:focus, .work-container.work-primary .btn:active, .work-container.work-primary .btn.active, .work-container.work-primary .btn.focus {\n  background-color: #107636 !important;\n  border-color: #107636 !important;\n  color: #ffffff !important;\n}\n.work-container.work-primary .bg {\n  background-color: #16a34a !important;\n}\n.work-container.work-primary .link {\n  color: #16a34a !important;\n}\n\n.work-container.work-secondary .title:hover {\n  color: #ced4da !important;\n}\n.work-container.work-secondary.work-modern .work-icon, .work-container.work-secondary.work-creative .work-icon {\n  color: #ced4da !important;\n}\n.work-container.work-secondary.work-modern .work-icon:hover, .work-container.work-secondary.work-creative .work-icon:hover {\n  background: #ced4da !important;\n}\n.work-container.work-secondary .btn {\n  background-color: #ced4da !important;\n  border: 1px solid #ced4da !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(206, 212, 218, 0.1);\n}\n.work-container.work-secondary .btn:hover, .work-container.work-secondary .btn:focus, .work-container.work-secondary .btn:active, .work-container.work-secondary .btn.active, .work-container.work-secondary .btn.focus {\n  background-color: #b1bbc4 !important;\n  border-color: #b1bbc4 !important;\n  color: #ffffff !important;\n}\n.work-container.work-secondary .bg {\n  background-color: #ced4da !important;\n}\n.work-container.work-secondary .link {\n  color: #ced4da !important;\n}\n\n.work-container.work-success .title:hover {\n  color: #2eca8b !important;\n}\n.work-container.work-success.work-modern .work-icon, .work-container.work-success.work-creative .work-icon {\n  color: #2eca8b !important;\n}\n.work-container.work-success.work-modern .work-icon:hover, .work-container.work-success.work-creative .work-icon:hover {\n  background: #2eca8b !important;\n}\n.work-container.work-success .btn {\n  background-color: #2eca8b !important;\n  border: 1px solid #2eca8b !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.1);\n}\n.work-container.work-success .btn:hover, .work-container.work-success .btn:focus, .work-container.work-success .btn:active, .work-container.work-success .btn.active, .work-container.work-success .btn.focus {\n  background-color: #25a06e !important;\n  border-color: #25a06e !important;\n  color: #ffffff !important;\n}\n.work-container.work-success .bg {\n  background-color: #2eca8b !important;\n}\n.work-container.work-success .link {\n  color: #2eca8b !important;\n}\n\n.work-container.work-info .title:hover {\n  color: #17a2b8 !important;\n}\n.work-container.work-info.work-modern .work-icon, .work-container.work-info.work-creative .work-icon {\n  color: #17a2b8 !important;\n}\n.work-container.work-info.work-modern .work-icon:hover, .work-container.work-info.work-creative .work-icon:hover {\n  background: #17a2b8 !important;\n}\n.work-container.work-info .btn {\n  background-color: #17a2b8 !important;\n  border: 1px solid #17a2b8 !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.1);\n}\n.work-container.work-info .btn:hover, .work-container.work-info .btn:focus, .work-container.work-info .btn:active, .work-container.work-info .btn.active, .work-container.work-info .btn.focus {\n  background-color: #117a8b !important;\n  border-color: #117a8b !important;\n  color: #ffffff !important;\n}\n.work-container.work-info .bg {\n  background-color: #17a2b8 !important;\n}\n.work-container.work-info .link {\n  color: #17a2b8 !important;\n}\n\n.work-container.work-warning .title:hover {\n  color: #f17425 !important;\n}\n.work-container.work-warning.work-modern .work-icon, .work-container.work-warning.work-creative .work-icon {\n  color: #f17425 !important;\n}\n.work-container.work-warning.work-modern .work-icon:hover, .work-container.work-warning.work-creative .work-icon:hover {\n  background: #f17425 !important;\n}\n.work-container.work-warning .btn {\n  background-color: #f17425 !important;\n  border: 1px solid #f17425 !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.1);\n}\n.work-container.work-warning .btn:hover, .work-container.work-warning .btn:focus, .work-container.work-warning .btn:active, .work-container.work-warning .btn.active, .work-container.work-warning .btn.focus {\n  background-color: #d55b0e !important;\n  border-color: #d55b0e !important;\n  color: #ffffff !important;\n}\n.work-container.work-warning .bg {\n  background-color: #f17425 !important;\n}\n.work-container.work-warning .link {\n  color: #f17425 !important;\n}\n\n.work-container.work-danger .title:hover {\n  color: #e43f52 !important;\n}\n.work-container.work-danger.work-modern .work-icon, .work-container.work-danger.work-creative .work-icon {\n  color: #e43f52 !important;\n}\n.work-container.work-danger.work-modern .work-icon:hover, .work-container.work-danger.work-creative .work-icon:hover {\n  background: #e43f52 !important;\n}\n.work-container.work-danger .btn {\n  background-color: #e43f52 !important;\n  border: 1px solid #e43f52 !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.1);\n}\n.work-container.work-danger .btn:hover, .work-container.work-danger .btn:focus, .work-container.work-danger .btn:active, .work-container.work-danger .btn.active, .work-container.work-danger .btn.focus {\n  background-color: #d21e32 !important;\n  border-color: #d21e32 !important;\n  color: #ffffff !important;\n}\n.work-container.work-danger .bg {\n  background-color: #e43f52 !important;\n}\n.work-container.work-danger .link {\n  color: #e43f52 !important;\n}\n\n.work-container.work-light .title:hover {\n  color: #1f2d3d !important;\n}\n.work-container.work-light.work-modern .work-icon, .work-container.work-light.work-creative .work-icon {\n  color: #1f2d3d !important;\n}\n.work-container.work-light.work-modern .work-icon:hover, .work-container.work-light.work-creative .work-icon:hover {\n  background: #1f2d3d !important;\n}\n.work-container.work-light .btn {\n  background-color: #1f2d3d !important;\n  border: 1px solid #1f2d3d !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(31, 45, 61, 0.1);\n}\n.work-container.work-light .btn:hover, .work-container.work-light .btn:focus, .work-container.work-light .btn:active, .work-container.work-light .btn.active, .work-container.work-light .btn.focus {\n  background-color: #0e141b !important;\n  border-color: #0e141b !important;\n  color: #ffffff !important;\n}\n.work-container.work-light .bg {\n  background-color: #1f2d3d !important;\n}\n.work-container.work-light .link {\n  color: #1f2d3d !important;\n}\n\n.work-container.work-dark .title:hover {\n  color: #f8f9fa !important;\n}\n.work-container.work-dark.work-modern .work-icon, .work-container.work-dark.work-creative .work-icon {\n  color: #f8f9fa !important;\n}\n.work-container.work-dark.work-modern .work-icon:hover, .work-container.work-dark.work-creative .work-icon:hover {\n  background: #f8f9fa !important;\n}\n.work-container.work-dark .btn {\n  background-color: #f8f9fa !important;\n  border: 1px solid #f8f9fa !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(248, 249, 250, 0.1);\n}\n.work-container.work-dark .btn:hover, .work-container.work-dark .btn:focus, .work-container.work-dark .btn:active, .work-container.work-dark .btn.active, .work-container.work-dark .btn.focus {\n  background-color: #dae0e5 !important;\n  border-color: #dae0e5 !important;\n  color: #ffffff !important;\n}\n.work-container.work-dark .bg {\n  background-color: #f8f9fa !important;\n}\n.work-container.work-dark .link {\n  color: #f8f9fa !important;\n}\n\n.work-container.work-footer .title:hover {\n  color: #212f40 !important;\n}\n.work-container.work-footer.work-modern .work-icon, .work-container.work-footer.work-creative .work-icon {\n  color: #212f40 !important;\n}\n.work-container.work-footer.work-modern .work-icon:hover, .work-container.work-footer.work-creative .work-icon:hover {\n  background: #212f40 !important;\n}\n.work-container.work-footer .btn {\n  background-color: #212f40 !important;\n  border: 1px solid #212f40 !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(33, 47, 64, 0.1);\n}\n.work-container.work-footer .btn:hover, .work-container.work-footer .btn:focus, .work-container.work-footer .btn:active, .work-container.work-footer .btn.active, .work-container.work-footer .btn.focus {\n  background-color: #10161e !important;\n  border-color: #10161e !important;\n  color: #ffffff !important;\n}\n.work-container.work-footer .bg {\n  background-color: #212f40 !important;\n}\n.work-container.work-footer .link {\n  color: #212f40 !important;\n}\n\n.work-container.work-muted .title:hover {\n  color: #9bacc4 !important;\n}\n.work-container.work-muted.work-modern .work-icon, .work-container.work-muted.work-creative .work-icon {\n  color: #9bacc4 !important;\n}\n.work-container.work-muted.work-modern .work-icon:hover, .work-container.work-muted.work-creative .work-icon:hover {\n  background: #9bacc4 !important;\n}\n.work-container.work-muted .btn {\n  background-color: #9bacc4 !important;\n  border: 1px solid #9bacc4 !important;\n  color: #ffffff !important;\n  box-shadow: 0 3px 5px 0 rgba(155, 172, 196, 0.1);\n}\n.work-container.work-muted .btn:hover, .work-container.work-muted .btn:focus, .work-container.work-muted .btn:active, .work-container.work-muted .btn.active, .work-container.work-muted .btn.focus {\n  background-color: #7b91b1 !important;\n  border-color: #7b91b1 !important;\n  color: #ffffff !important;\n}\n.work-container.work-muted .bg {\n  background-color: #9bacc4 !important;\n}\n.work-container.work-muted .link {\n  color: #9bacc4 !important;\n}\n\n.work-container.work-classic .work-image {\n  transition: all 0.5s ease;\n}\n.work-container.work-classic .work-image:hover {\n  box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n.work-container .overlay-work,\n.work-container .overlay-grid {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  transition: all 0.5s ease;\n}\n.work-container .overlay-work {\n  background-color: #161c2d;\n}\n.work-container .overlay-grid {\n  background: linear-gradient(to bottom, rgba(22, 28, 45, 0) 0%, rgba(22, 28, 45, 0.25) 25%, rgba(22, 28, 45, 0.5) 50%, rgba(22, 28, 45, 0.75) 75%, #161c2d 100%);\n}\n.work-container.work-classic .content .title, .work-container.work-grid .content .title, .work-container.work-modern .content .title {\n  font-size: 18px;\n  transition: all 0.5s ease;\n}\n.work-container.work-classic .content .tag, .work-container.work-grid .content .tag, .work-container.work-modern .content .tag {\n  font-size: 15px !important;\n}\n.work-container.work-modern img,\n.work-container.work-modern .overlay-work,\n.work-container.work-modern .content,\n.work-container.work-modern .client,\n.work-container.work-modern .read_more {\n  transition: all 0.5s ease;\n}\n.work-container.work-modern .content,\n.work-container.work-modern .client,\n.work-container.work-modern .read_more {\n  position: absolute;\n}\n.work-container.work-modern .overlay-work {\n  opacity: 0;\n}\n.work-container.work-modern .content {\n  z-index: 1;\n  bottom: 5%;\n  left: 5%;\n}\n.work-container.work-modern .icons {\n  right: 0;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.work-container.work-modern .content,\n.work-container.work-modern .client {\n  opacity: 0;\n}\n.work-container.work-modern .client {\n  color: #ffffff;\n}\n.work-container.work-modern .client,\n.work-container.work-modern .read_more {\n  z-index: 1;\n  right: 5%;\n  top: 5%;\n}\n.work-container.work-modern .read_more {\n  height: 30px;\n  width: 30px;\n  line-height: 30px;\n}\n.work-container.work-modern:hover img {\n  transform: scale(1.1) rotate(3deg);\n}\n.work-container.work-modern:hover .overlay-work {\n  opacity: 0.65;\n}\n.work-container.work-modern:hover .personal-port,\n.work-container.work-modern:hover .content,\n.work-container.work-modern:hover .client {\n  opacity: 1;\n}\n.work-container.work-grid {\n  transition: all 0.5s ease;\n}\n.work-container.work-grid img {\n  transition: all 0.5s ease;\n}\n.work-container.work-grid .content {\n  background-color: #161c2d;\n}\n.work-container.work-grid:hover {\n  box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n.work-container.work-grid:hover img {\n  transform: translateY(-40px);\n}\n.work-container.work-grid .content, .work-container.work-creative .content {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  transform: translateY(150px);\n  overflow: hidden;\n  transition: all 0.5s ease;\n  z-index: 1;\n}\n.work-container.work-grid .content .title, .work-container.work-creative .content .title {\n  transition: all 0.5s ease;\n}\n.work-container.work-grid:hover .content, .work-container.work-creative:hover .content {\n  transform: translateY(0);\n}\n.work-container.work-modern .icons, .work-container.work-creative .icons {\n  position: absolute;\n  z-index: 2;\n  opacity: 0;\n  transition: all 0.5s ease;\n}\n.work-container.work-modern .icons .work-icon, .work-container.work-creative .icons .work-icon {\n  height: 45px;\n  width: 45px;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.5s ease;\n}\n.work-container.work-modern .icons .work-icon:hover, .work-container.work-creative .icons .work-icon:hover {\n  color: #ffffff !important;\n}\n.work-container.work-modern:hover .icons, .work-container.work-creative:hover .icons {\n  opacity: 1;\n}\n.work-container.work-creative .icons {\n  top: 0;\n  right: 0;\n}\n.work-container.work-creative .overlay-grid {\n  transform: translateY(500px);\n}\n.work-container.work-creative:hover .overlay-grid {\n  transform: translateY(0);\n}\n\n.work-details ul li b {\n  max-width: 90px;\n  width: 100%;\n  display: inline-block;\n}\n\n.container-filter li {\n  font-size: 13px;\n  padding: 0px 15px;\n  margin: 5px 3px;\n  font-weight: 700;\n  letter-spacing: 0.8px;\n  cursor: pointer;\n  line-height: 34px;\n  transition: all 0.5s ease;\n}\n.container-filter li.active, .container-filter li:hover {\n  color: #16a34a !important;\n  border-color: #16a34a !important;\n}\n.container-filter.filter-border li {\n  color: #9bacc4 !important;\n  border-bottom: 2px solid transparent;\n}\n.container-filter.filter-border li.active, .container-filter.filter-border li:hover {\n  color: #16a34a !important;\n}\n\n.spacing {\n  padding: 7px;\n}\n\n/*********************************/\n/*      Travel                   */\n/*===============================*/\n.popular-tour .content {\n  position: absolute;\n  bottom: 3%;\n  left: 5%;\n}\n.popular-tour .overlay-work {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  transition: all 0.5s ease;\n}\n.popular-tour:hover .overlay-work {\n  opacity: 0.6;\n}\n\n/*********************************/\n/*         Events                */\n/*===============================*/\n.event-schedule.event-primary .date {\n  color: #16a34a !important;\n}\n.event-schedule.event-primary .date .day {\n  background: rgba(22, 163, 74, 0.1);\n  box-shadow: 0px 0px 2px 0.25px rgba(22, 163, 74, 0.5);\n}\n.event-schedule.event-primary .content .title:hover {\n  color: #16a34a !important;\n}\n.event-schedule.event-primary:hover {\n  border-color: #16a34a !important;\n}\n\n.event-schedule.event-secondary .date {\n  color: #ced4da !important;\n}\n.event-schedule.event-secondary .date .day {\n  background: rgba(206, 212, 218, 0.1);\n  box-shadow: 0px 0px 2px 0.25px rgba(206, 212, 218, 0.5);\n}\n.event-schedule.event-secondary .content .title:hover {\n  color: #ced4da !important;\n}\n.event-schedule.event-secondary:hover {\n  border-color: #ced4da !important;\n}\n\n.event-schedule.event-success .date {\n  color: #2eca8b !important;\n}\n.event-schedule.event-success .date .day {\n  background: rgba(46, 202, 139, 0.1);\n  box-shadow: 0px 0px 2px 0.25px rgba(46, 202, 139, 0.5);\n}\n.event-schedule.event-success .content .title:hover {\n  color: #2eca8b !important;\n}\n.event-schedule.event-success:hover {\n  border-color: #2eca8b !important;\n}\n\n.event-schedule.event-info .date {\n  color: #17a2b8 !important;\n}\n.event-schedule.event-info .date .day {\n  background: rgba(23, 162, 184, 0.1);\n  box-shadow: 0px 0px 2px 0.25px rgba(23, 162, 184, 0.5);\n}\n.event-schedule.event-info .content .title:hover {\n  color: #17a2b8 !important;\n}\n.event-schedule.event-info:hover {\n  border-color: #17a2b8 !important;\n}\n\n.event-schedule.event-warning .date {\n  color: #f17425 !important;\n}\n.event-schedule.event-warning .date .day {\n  background: rgba(241, 116, 37, 0.1);\n  box-shadow: 0px 0px 2px 0.25px rgba(241, 116, 37, 0.5);\n}\n.event-schedule.event-warning .content .title:hover {\n  color: #f17425 !important;\n}\n.event-schedule.event-warning:hover {\n  border-color: #f17425 !important;\n}\n\n.event-schedule.event-danger .date {\n  color: #e43f52 !important;\n}\n.event-schedule.event-danger .date .day {\n  background: rgba(228, 63, 82, 0.1);\n  box-shadow: 0px 0px 2px 0.25px rgba(228, 63, 82, 0.5);\n}\n.event-schedule.event-danger .content .title:hover {\n  color: #e43f52 !important;\n}\n.event-schedule.event-danger:hover {\n  border-color: #e43f52 !important;\n}\n\n.event-schedule.event-light .date {\n  color: #1f2d3d !important;\n}\n.event-schedule.event-light .date .day {\n  background: rgba(31, 45, 61, 0.1);\n  box-shadow: 0px 0px 2px 0.25px rgba(31, 45, 61, 0.5);\n}\n.event-schedule.event-light .content .title:hover {\n  color: #1f2d3d !important;\n}\n.event-schedule.event-light:hover {\n  border-color: #1f2d3d !important;\n}\n\n.event-schedule.event-dark .date {\n  color: #f8f9fa !important;\n}\n.event-schedule.event-dark .date .day {\n  background: rgba(248, 249, 250, 0.1);\n  box-shadow: 0px 0px 2px 0.25px rgba(248, 249, 250, 0.5);\n}\n.event-schedule.event-dark .content .title:hover {\n  color: #f8f9fa !important;\n}\n.event-schedule.event-dark:hover {\n  border-color: #f8f9fa !important;\n}\n\n.event-schedule.event-footer .date {\n  color: #212f40 !important;\n}\n.event-schedule.event-footer .date .day {\n  background: rgba(33, 47, 64, 0.1);\n  box-shadow: 0px 0px 2px 0.25px rgba(33, 47, 64, 0.5);\n}\n.event-schedule.event-footer .content .title:hover {\n  color: #212f40 !important;\n}\n.event-schedule.event-footer:hover {\n  border-color: #212f40 !important;\n}\n\n.event-schedule.event-muted .date {\n  color: #9bacc4 !important;\n}\n.event-schedule.event-muted .date .day {\n  background: rgba(155, 172, 196, 0.1);\n  box-shadow: 0px 0px 2px 0.25px rgba(155, 172, 196, 0.5);\n}\n.event-schedule.event-muted .content .title:hover {\n  color: #9bacc4 !important;\n}\n.event-schedule.event-muted:hover {\n  border-color: #9bacc4 !important;\n}\n\n.event-schedule {\n  transition: all 0.5s ease;\n}\n.event-schedule .date .day {\n  font-size: 18px;\n  width: 50px;\n  height: 50px;\n  border-radius: 50px;\n  line-height: 48px;\n  border: 2px solid #2a3c51;\n}\n.event-schedule .date .month {\n  font-size: 13px;\n}\n.event-schedule .content .title {\n  font-size: 20px;\n  transition: all 0.5s ease;\n}\n.event-schedule .content .location-time {\n  font-size: 14px;\n}\n.event-schedule:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 0 3px rgba(173, 181, 189, 0.15);\n}\n\n/*********************************/\n/*         Shopping              */\n/*===============================*/\n.shop-features .category-title {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 20px;\n  z-index: 1;\n}\n\n.shop-list .shop-image .overlay-work,\n.shop-list .shop-image .shop-icons {\n  position: absolute;\n  opacity: 0;\n  transition: all 0.5s ease;\n}\n.shop-list .shop-image .overlay-work {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n}\n.shop-list .shop-image .overlay-work .out-stock {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n.shop-list .shop-image .shop-icons {\n  top: 15px;\n  right: 15px;\n  z-index: 2;\n}\n.shop-list .shop-image:hover .overlay-work,\n.shop-list .shop-image:hover .shop-icons {\n  opacity: 1;\n}\n.shop-list .content .product-name {\n  transition: all 0.5s ease;\n}\n.shop-list .content .product-name:hover {\n  color: #16a34a !important;\n}\n.shop-list .label {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  z-index: 2;\n}\n.shop-list .qty-btn {\n  pointer-events: none;\n  width: 65px;\n  padding-left: 15px;\n}\n\n/*********************************/\n/*         Timeline              */\n/*===============================*/\n.main-icon {\n  border: 2px solid #2a3c51;\n  height: 40px;\n  width: 40px;\n  line-height: 0;\n  text-align: center;\n}\n.main-icon .fea {\n  height: 20px;\n}\n@media (min-width: 768px) {\n  .main-icon {\n    margin: 0 auto;\n  }\n}\n\n.timeline-page:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  height: 95%;\n  margin: auto;\n  width: 2px;\n  background-color: #2a3c51 !important;\n}\n.timeline-page .timeline-item .date-label-left, .timeline-page .timeline-item .duration-right {\n  margin-right: 15px;\n}\n.timeline-page .timeline-item .date-label-left:after, .timeline-page .timeline-item .duration-right:after {\n  content: \"\";\n  position: absolute;\n  top: 12px;\n  width: 12px;\n  height: 12px;\n  z-index: 1;\n  background-color: #16a34a;\n  border-radius: 4px;\n  transform: rotate(45deg);\n}\n.timeline-page .timeline-item .date-label-left {\n  float: right;\n  margin-right: 15px;\n}\n.timeline-page .timeline-item .date-label-left:after {\n  right: -34px;\n}\n.timeline-page .timeline-item .duration-right {\n  float: left;\n  margin-left: 15px;\n}\n.timeline-page .timeline-item .duration-right:after {\n  left: -34px;\n}\n.timeline-page .timeline-item .event {\n  transition: all 0.2s ease;\n}\n.timeline-page .timeline-item .event.event-description-right {\n  margin-left: 15px;\n}\n.timeline-page .timeline-item .event.event-description-left {\n  margin-right: 15px;\n  text-align: right;\n}\n\n@media (max-width: 767px) {\n  .timeline-page {\n    margin-left: 18px;\n  }\n  .timeline-page:after {\n    margin: 0;\n  }\n  .timeline-page .timeline-item .duration {\n    float: left !important;\n    margin: 0 0 30px 15px !important;\n    text-align: left !important;\n  }\n  .timeline-page .timeline-item .duration:after {\n    left: -21px !important;\n  }\n  .timeline-page .timeline-item .duration .event {\n    text-align: left !important;\n    margin-left: 15px;\n  }\n  .timeline-page .timeline-item .event-description-left {\n    text-align: left !important;\n    margin: 0 0 0 15px;\n  }\n}\n/*********************************/\n/*         Tobii Lightbox        */\n/*===============================*/\n.tobii > button.tobii__close svg,\n.tobii > button.tobii__prev svg,\n.tobii > button.tobii__next svg {\n  height: 36px;\n  width: auto;\n}\n\n.tobii__counter {\n  font-size: 16px;\n}\n\n.tobii-zoom {\n  display: block !important;\n}\n\n.tobii-zoom__icon {\n  display: none;\n}\n\n#grid {\n  padding: 0 !important;\n}\n\n.fw-medium {\n  font-weight: 600;\n}\n\n.section {\n  padding: 100px 0;\n  position: relative;\n}\n@media (max-width: 768px) {\n  .section {\n    padding: 60px 0;\n  }\n}\n\n.section-two {\n  padding: 60px 0;\n  position: relative;\n}\n\n.bg-overlay {\n  background-color: rgba(28, 40, 54, 0.7);\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.bg-overlay-white {\n  background-color: rgba(0, 0, 0, 0.4);\n}\n\n.bg-gradient-primary {\n  background: linear-gradient(to left, #614092 0%, #107636 100%);\n}\n\n.bg-linear-gradient {\n  background: linear-gradient(to bottom, rgba(22, 28, 45, 0) 0%, rgba(22, 28, 45, 0) 50%, rgba(22, 28, 45, 0.3) 80%, #161c2d 100%);\n}\n\n.bg-linear-gradient-2 {\n  background: linear-gradient(to bottom, rgba(22, 28, 45, 0) 0%, rgba(22, 28, 45, 0.3) 50%, rgba(22, 28, 45, 0.7) 75%, #161c2d 100%);\n}\n\n.bg-linear-gradient-3 {\n  background: linear-gradient(to right, #161c2d 0%, #161c2d 25%, rgba(22, 28, 45, 0.5) 50%, rgba(22, 28, 45, 0.25) 75%, rgba(22, 28, 45, 0) 100%);\n}\n\n.bg-linear-gradient-4 {\n  background: linear-gradient(to bottom, rgba(22, 28, 45, 0) 0%, rgba(22, 28, 45, 0.25) 25%, rgba(22, 28, 45, 0.5) 50%, rgba(22, 28, 45, 0.75) 75%, #161c2d 100%);\n}\n\n.bg-linear-gradient-primary {\n  background: linear-gradient(to top, rgba(22, 163, 74, 0) 0%, rgba(22, 163, 74, 0.15) 50%, rgba(22, 163, 74, 0.3) 100%);\n}\n\n.bg-gradient-overlay {\n  background: linear-gradient(to bottom, rgba(22, 28, 45, 0) 0%, rgba(22, 28, 45, 0.5) 25%, rgba(22, 28, 45, 0.75) 50%, #161c2d 100%);\n}\n\n.bg-gradient-overlay-2 {\n  background: linear-gradient(to bottom, rgba(22, 28, 45, 0.5) 0%, rgba(22, 28, 45, 0.6) 25%, rgba(22, 28, 45, 0.7) 50%, rgba(22, 28, 45, 0.8) 100%);\n}\n\n.bg-primary-gradient-overlay {\n  background: linear-gradient(to bottom, rgba(22, 163, 74, 0) 0%, rgba(22, 163, 74, 0.25) 25%, rgba(22, 163, 74, 0.5) 50%, rgba(22, 163, 74, 0.75) 75%, #16a34a 100%);\n}\n\n.bg-gradient-white-overlay {\n  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, 0.5) 100%);\n}\n\n.title-heading {\n  line-height: 26px;\n}\n.title-heading .heading {\n  font-size: 45px !important;\n  letter-spacing: 1px;\n}\n.title-heading .heading.heading-lg {\n  font-size: 60px !important;\n}\n@media (max-width: 768px) {\n  .title-heading .heading {\n    font-size: 35px !important;\n  }\n}\n.title-heading .para-desc {\n  font-size: 18px;\n}\n\n.section-title .title {\n  letter-spacing: 0.5px;\n  font-size: 30px !important;\n}\n@media (max-width: 768px) {\n  .section-title .title {\n    font-size: 24px !important;\n  }\n}\n\n.text-shadow-title {\n  text-shadow: 2px 0 0 #ffffff, -2px 0 0 #ffffff, 0 4px 0 rgba(255, 255, 255, 0.4), 0 -2px 0 #ffffff, 1px 1px #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff;\n}\n\n.para-desc {\n  max-width: 600px;\n}\n\n.mt-100 {\n  margin-top: 100px;\n}\n\n.text-slider {\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n  transform: translate3d(0, 0, 0);\n}\n.text-slider > ul {\n  white-space: nowrap;\n}\n.text-slider .move-text {\n  animation: moveSlideshow 12s linear infinite;\n}\n\n@keyframes moveSlideshow {\n  100% {\n    transform: translateX(-45%);\n  }\n}\n.mover {\n  animation: mover 1s infinite alternate;\n}\n\n@keyframes mover {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(5px);\n  }\n}\n.mover-2 {\n  animation: movers 10s infinite alternate;\n}\n\n@keyframes movers {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(350px);\n  }\n}\n.zoom-in-out {\n  animation: zoom-in-zoom-out 3s ease-out infinite;\n}\n\n@keyframes zoom-in-zoom-out {\n  0% {\n    transform: scale(1, 1);\n  }\n  50% {\n    transform: scale(1.5, 1.5);\n  }\n  100% {\n    transform: scale(1, 1);\n  }\n}\n.feature-posts-placeholder {\n  position: absolute;\n  bottom: 0px;\n  left: 0;\n  right: 0;\n  height: 66.6%;\n}\n@media (max-width: 425px) {\n  .feature-posts-placeholder {\n    height: 80%;\n  }\n}\n\n.spin-anything {\n  animation: spinner-animation 5s linear infinite;\n}\n\n@keyframes spinner-animation {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.seo-hero-widget {\n  position: relative;\n  transition: all 0.5s ease;\n}\n.seo-hero-widget:hover {\n  transform: scale(1.05);\n  z-index: 9;\n}\n\n.home-wrapper:before {\n  content: \"\";\n  position: absolute;\n  bottom: 40rem;\n  right: 0rem;\n  width: 90rem;\n  height: 35rem;\n  transform: rotate(78.75deg);\n  background: linear-gradient(90deg, rgba(22, 163, 74, 0.3), transparent);\n  z-index: 1;\n}\n@media (min-width: 769px) and (max-width: 1024px) {\n  .home-wrapper:before {\n    right: -20rem;\n  }\n}\n@media (min-width: 426px) and (max-width: 768px) {\n  .home-wrapper:before {\n    right: -15rem;\n    width: 70rem;\n    height: 25rem;\n  }\n}\n@media (max-width: 425px) {\n  .home-wrapper:before {\n    right: -25rem;\n  }\n}\n\n.cookie-popup {\n  position: fixed;\n  bottom: 12px;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  max-width: 512px;\n  z-index: 5;\n}\n.cookie-popup .cookie-popup-actions button {\n  border: none;\n  background: none;\n  padding: 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: absolute;\n  top: 5px;\n  right: 5px;\n}\n@media (max-width: 425px) {\n  .cookie-popup {\n    left: 12px;\n    right: 12px;\n  }\n}\n\n.cookie-popup-not-accepted {\n  display: block;\n  animation: cookie-popup-in 0.5s ease forwards;\n}\n\n.cookie-popup-accepted {\n  display: none !important;\n}\n\n@keyframes cookie-popup-in {\n  from {\n    bottom: -6.25rem;\n  }\n  to {\n    bottom: 1.25rem;\n  }\n}\n.clip-text {\n  font-size: 190px;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.clip-text.clip-text-image {\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n@media (max-width: 1024px) {\n  .clip-text {\n    font-size: 180px;\n  }\n}\n@media (max-width: 768px) {\n  .clip-text {\n    font-size: 135px;\n  }\n}\n@media (max-width: 425px) {\n  .clip-text {\n    font-size: 50px;\n  }\n}\n\n@media (min-width: 768px) {\n  .margin-top-100 {\n    margin-top: 100px;\n  }\n}\n@media (max-width: 768px) {\n  .mt-60 {\n    margin-top: 60px;\n  }\n}\n.background-effect .circles {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n}\n.background-effect .circles li {\n  position: absolute;\n  display: block;\n  animation: animate 25s linear infinite;\n  bottom: -150px;\n  background: rgba(22, 163, 74, 0.15);\n}\n.background-effect .circles li:nth-child(1), .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), .background-effect .circles li:nth-child(10) {\n  width: 24px;\n  height: 24px;\n}\n.background-effect .circles li:nth-child(1) {\n  left: 25%;\n  animation-delay: 0s;\n}\n.background-effect .circles li:nth-child(2) {\n  left: 10%;\n  animation-delay: 2s;\n  animation-duration: 12s;\n}\n.background-effect .circles li:nth-child(3) {\n  left: 70%;\n  animation-delay: 4s;\n}\n.background-effect .circles li:nth-child(4) {\n  left: 40%;\n  animation-delay: 0s;\n  animation-duration: 18s;\n}\n.background-effect .circles li:nth-child(5) {\n  left: 65%;\n  animation-delay: 0s;\n}\n.background-effect .circles li:nth-child(6) {\n  left: 75%;\n  animation-delay: 3s;\n}\n.background-effect .circles li:nth-child(7) {\n  left: 35%;\n  animation-delay: 7s;\n}\n.background-effect .circles li:nth-child(8) {\n  left: 50%;\n  animation-delay: 15s;\n  animation-duration: 45s;\n}\n.background-effect .circles li:nth-child(9) {\n  left: 20%;\n  animation-delay: 2s;\n  animation-duration: 35s;\n}\n.background-effect .circles li:nth-child(10) {\n  left: 85%;\n  animation-delay: 0s;\n  animation-duration: 11s;\n}\n\n@keyframes animate {\n  0% {\n    transform: translateY(0) rotate(0deg);\n    opacity: 1;\n    border-radius: 10px;\n  }\n  100% {\n    transform: translateY(-1000px) rotate(720deg);\n    opacity: 0;\n  }\n}\n.fea {\n  stroke-width: 1.8;\n}\n.fea.icon-sm {\n  height: 16px;\n  width: 16px;\n}\n.fea.icon-ex-md {\n  height: 20px;\n  min-width: 20px;\n}\n.fea.icon-m-md {\n  height: 28px;\n  width: 28px;\n}\n.fea.icon-md {\n  height: 35px;\n  width: 35px;\n}\n.fea.icon-lg {\n  height: 42px;\n  width: 42px;\n}\n.fea.icon-ex-lg {\n  height: 52px;\n  width: 52px;\n}\n\n[class^=uil-]:before,\n[class*=\" uil-\"]:before {\n  margin: 0;\n}\n\n.uim-svg {\n  vertical-align: 0 !important;\n}\n\n.rounded {\n  border-radius: 6px !important;\n}\n\n.rounded-top {\n  border-top-left-radius: 6px !important;\n  border-top-right-radius: 6px !important;\n}\n\n.rounded-left {\n  border-top-left-radius: 6px !important;\n  border-bottom-left-radius: 6px !important;\n}\n\n.rounded-bottom {\n  border-bottom-left-radius: 6px !important;\n  border-bottom-right-radius: 6px !important;\n}\n\n.rounded-right {\n  border-top-right-radius: 6px !important;\n  border-bottom-right-radius: 6px !important;\n}\n\n.rounded-md {\n  border-radius: 10px !important;\n}\n\n.rounded-lg {\n  border-radius: 30px !important;\n}\n\n.border-primary {\n  border-color: #16a34a !important;\n}\n\n.border-secondary {\n  border-color: #ced4da !important;\n}\n\n.border-success {\n  border-color: #2eca8b !important;\n}\n\n.border-info {\n  border-color: #17a2b8 !important;\n}\n\n.border-warning {\n  border-color: #f17425 !important;\n}\n\n.border-danger {\n  border-color: #e43f52 !important;\n}\n\n.border-light {\n  border-color: #1f2d3d !important;\n}\n\n.border-dark {\n  border-color: #f8f9fa !important;\n}\n\n.border-footer {\n  border-color: #212f40 !important;\n}\n\n.border-muted {\n  border-color: #9bacc4 !important;\n}\n\n.opacity-05 {\n  opacity: 0.05;\n}\n\n.opacity-075 {\n  opacity: 0.075;\n}\n\n.opacity-1 {\n  opacity: 0.1;\n}\n\n.opacity-2 {\n  opacity: 0.2;\n}\n\n.opacity-3 {\n  opacity: 0.3;\n}\n\n.opacity-4 {\n  opacity: 0.4;\n}\n\n.opacity-5 {\n  opacity: 0.5;\n}\n\n.opacity-6 {\n  opacity: 0.6;\n}\n\n.opacity-7 {\n  opacity: 0.7;\n}\n\n.opacity-8 {\n  opacity: 0.8;\n}\n\n.opacity-9 {\n  opacity: 0.9;\n}\n\n.z-index-1 {\n  z-index: 1;\n}\n\n.z-index-0 {\n  z-index: 0;\n}\n\n.z-index-m-1 {\n  z-index: -1;\n}\n\n.small, small {\n  font-size: 90%;\n}\n\n.social-icon li a {\n  color: #f8f9fa;\n  border: 1px solid #f8f9fa;\n  height: 32px;\n  width: 32px;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  transition: all 0.4s ease;\n  overflow: hidden;\n  position: relative;\n}\n.social-icon li a .fea-social {\n  stroke-width: 2;\n}\n.social-icon li a:hover {\n  background-color: #16a34a;\n  border-color: #16a34a !important;\n  color: #fff !important;\n}\n.social-icon li a:hover .fea-social {\n  fill: #16a34a;\n}\n.social-icon.social li a {\n  color: #adb5bd;\n  border-color: #2a3b51;\n}\n.social-icon.foot-social-icon li a {\n  color: #adb5bd;\n  border-color: #2a3b51;\n}\n\n.back-to-top {\n  position: fixed;\n  z-index: 99;\n  bottom: 30px;\n  right: 30px;\n  display: none;\n  transition: all 0.5s ease;\n  height: 36px;\n  width: 36px;\n  line-height: 33px;\n  border-radius: 6px;\n  text-align: center;\n  background: #16a34a;\n  color: #fff !important;\n}\n.back-to-top .icons {\n  transition: all 0.5s ease;\n}\n.back-to-top:hover {\n  transform: rotate(45deg);\n}\n.back-to-top:hover .icons {\n  transform: rotate(-45deg) !important;\n}\n\n.back-to-home {\n  position: fixed;\n  bottom: 10px;\n  right: 10px;\n  z-index: 1;\n}\n\n.sticky-bar {\n  position: sticky;\n  top: 80px;\n}\n\n.position-middle-bottom {\n  position: absolute;\n  bottom: 15px;\n  left: 12px;\n  right: 12px;\n  text-align: center;\n}\n\n.text-color-white {\n  color: #1c2836 !important;\n}\n\n.d-flex .flex-1 {\n  flex: 1;\n}\n\n.brand-gray img {\n  -webkit-filter: grayscale(1);\n  transition: all 0.5s ease;\n}\n.brand-gray img:hover {\n  -webkit-filter: grayscale(0);\n}\n\n.about-left .img-one {\n  max-width: 70%;\n}\n.about-left .img-two {\n  position: absolute;\n  right: 0;\n  bottom: 5%;\n  max-width: 250px;\n}\n\n.about-right {\n  display: flex;\n  justify-content: end;\n}\n.about-right .img-one {\n  max-width: 70%;\n}\n.about-right .img-two {\n  position: absolute;\n  left: 0;\n  bottom: 5%;\n  max-width: 250px;\n}\n\n.switcher-btn {\n  position: fixed;\n  top: 200px;\n  height: 41px;\n  width: 40px;\n  padding: 3px;\n  border-radius: 0 30px 30px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.style-switcher .t-dark,\n.style-switcher .t-rtl-light {\n  display: inline-block;\n}\n.style-switcher .t-ltr-light,\n.style-switcher .t-light,\n.style-switcher .t-rtl-dark,\n.style-switcher .t-ltr-dark {\n  display: none;\n}\n\n[dir=rtl] .style-switcher .t-rtl-light {\n  display: none;\n}\n[dir=rtl] .style-switcher .t-ltr-light {\n  display: inline-block;\n}\n\nul.pattern {\n  overflow: hidden;\n  border-radius: 0px;\n  list-style: none;\n}\nul.pattern li {\n  float: left;\n  margin: 2px;\n}\nul.pattern li .color-list {\n  display: block;\n  height: 35px;\n  width: 60px;\n  margin: 5px;\n}\nul.pattern .color1 {\n  background-color: #2f55d4;\n}\nul.pattern .color2 {\n  background-color: #16a34a;\n}\nul.pattern .color3 {\n  background-color: #f7961c;\n}\n\n.mode-dark {\n  display: none;\n  transition: all 0.5s ease;\n}\n\n.mode-light {\n  display: blog;\n  transition: all 0.5s ease;\n}\n\nbody[data-layout-mode=dark] .mode-dark {\n  display: inline-block;\n}\nbody[data-layout-mode=dark] .mode-light {\n  display: none;\n}\n\n#topnav .logo .l-dark,\n#topnav .logo .logo-light-mode {\n  display: none !important;\n}\n#topnav .logo .l-light,\n#topnav .logo .logo-dark-mode {\n  display: inline-block !important;\n}\n\n.style-switcher .t-dark,\n.style-switcher .t-rtl-light,\n.style-switcher .t-ltr-dark {\n  display: none;\n}\n.style-switcher .t-light,\n.style-switcher .t-rtl-dark {\n  display: inline-block;\n}\n\n[dir=rtl] .style-switcher .t-rtl-dark,\n[dir=rtl] .style-switcher .t-ltr-light {\n  display: none;\n}\n[dir=rtl] .style-switcher .t-ltr-dark {\n  display: inline-block;\n}\n\n.offcanvas .offcanvas-header .dark-version {\n  display: inline-block;\n}\n.offcanvas .offcanvas-header .light-version {\n  display: none;\n}\n.offcanvas .offcanvas-header .btn-close {\n  color: #f8f9fa;\n}","//\r\n// user.scss\r\n//\r\n\r\n/*********************************/\r\n/*         Authentications       */\r\n/*===============================*/\r\n\r\n.login-page {\r\n    font-size: 15px;\r\n    .forgot-pass {\r\n        z-index: 99;\r\n        position: relative;\r\n        font-size: 13px;\r\n    }\r\n} \r\n\r\n.cover-user {\r\n    .container-fluid{\r\n        max-width: 100%;\r\n        .padding-less{\r\n\r\n            @media (max-width: 768px) {\r\n                position: relative !important;\r\n                height: 400px !important;\r\n            }\r\n\r\n            &.img {\r\n                background: scroll center no-repeat;\r\n                background-size: cover;\r\n                position: absolute;\r\n                height: 100%;\r\n            }\r\n        }\r\n    }    \r\n    .cover-user-img {\r\n        height: 100vh;\r\n\r\n        @media (min-width: 1025px) {\r\n            padding: 0px 20%;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            align-items: start !important;\r\n            height: auto !important;\r\n            padding: 30px;\r\n        }\r\n    }\r\n\r\n    \r\n    @media (max-width: 768px) {\r\n        .cover-user-content {\r\n            text-align: left !important;\r\n        }    \r\n        .cover-my-30 {\r\n            margin: 30px 0;\r\n        }\r\n    }\r\n}\r\n\r\n.form-signin {\r\n    width: 100%;\r\n    max-width: 400px;\r\n    margin: auto;\r\n}\r\n\r\n\r\n//account-profile.html(Pages > Account)\r\n.bg-profile {\r\n    padding: 100px 0;\r\n    @include home-common();\r\n    .public-profile {\r\n        top: 175px;\r\n    }\r\n}\r\n\r\n//Chat\r\n.chat {\r\n    .chat-list {\r\n        &:hover,\r\n        &.active,\r\n        &:focus {\r\n            background: $light !important;\r\n            box-shadow: $shadow;\r\n        }\r\n    }\r\n    \r\n    .chat-list,\r\n    .chat-type {\r\n        .on-off {\r\n            position: absolute;\r\n            left: -1px;\r\n            top: -1px;\r\n            font-size: 12px !important;\r\n        }\r\n    }\r\n    \r\n    &.chat-person {\r\n        .on-off {\r\n            font-size: 10px;\r\n        }\r\n        .chat-msg {\r\n            margin-left: 8px;\r\n            .msg {\r\n                border: 1px solid $border-color;\r\n            }\r\n            .msg-time {\r\n                font-size: 12px !important;\r\n            }\r\n        }\r\n        .chat-right {\r\n            justify-content: flex-end;\r\n            text-align: right;\r\n            .chat-user-image {\r\n                order: 2;\r\n                .on-off {\r\n                    right: -1px;\r\n                }\r\n            }\r\n            .chat-msg {\r\n                margin-right: 8px;\r\n                margin-left: 0;\r\n                .msg {\r\n                    display: inline-block;\r\n                }\r\n                .msg-time {\r\n                    display: block;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// _smiple-bar.scss\r\n.simplebar-track {\r\n    &.simplebar-vertical {\r\n        width: 8px !important;\r\n        .simplebar-scrollbar {\r\n            &:before {\r\n                width: 4px !important;\r\n                background: $gray-500 !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n//Ck editor\r\n.ck.ck-toolbar,\r\n.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {\r\n    background: $body-bg !important;\r\n    border: 1px solid $border-color !important;\r\n}\r\n\r\n.ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break), .ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown {\r\n    color: $body-color;\r\n}","//\r\n// work.scss\r\n//\r\n\r\n/*********************************/\r\n/*         Works & Portfolios    */\r\n/*===============================*/\r\n@each $name,\r\n$value in $theme-colors {\r\n    .work-container {\r\n        &.work-#{$name} {\r\n            .title {\r\n                &:hover {\r\n                    color: $value !important;\r\n                }\r\n            }\r\n\r\n            &.work-modern,\r\n            &.work-creative {\r\n                .work-icon {\r\n                    color: $value !important;\r\n                    &:hover {\r\n                        background: $value !important;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .btn {\r\n                background-color: #{$value} !important;\r\n                border: 1px solid #{$value} !important;\r\n                color: $white !important;\r\n                box-shadow: 0 3px 5px 0 rgba($value, 0.1);\r\n                &:hover, &:focus, &:active, &.active, &.focus{\r\n                    background-color: darken($value, 10%) !important;\r\n                    border-color: darken($value, 10%) !important;\r\n                    color: $white !important;\r\n                }\r\n            }\r\n\r\n            .bg {\r\n                background-color: #{$value} !important;\r\n            }\r\n\r\n            .link {\r\n                color: $value !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.work-container {\r\n    &.work-classic {\r\n        .work-image {\r\n            transition: all 0.5s ease;\r\n            &:hover {\r\n                box-shadow: $shadow;\r\n            }\r\n        }\r\n    }\r\n    .overlay-work,\r\n    .overlay-grid {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        z-index: 1;\r\n        transition: all 0.5s ease;\r\n    }\r\n    .overlay-work {\r\n        background-color: $overlay-work-bg;\r\n    }\r\n    .overlay-grid {\r\n        background: $linear-gradient-4;\r\n    }\r\n    &.work-classic,\r\n    &.work-grid,\r\n    &.work-modern {\r\n        .content {\r\n            .title {\r\n                font-size: 18px;\r\n                transition: all 0.5s ease;\r\n            }\r\n            .tag {\r\n                font-size: 15px !important;\r\n            }\r\n        }\r\n    }\r\n    &.work-modern {\r\n        img,\r\n        .overlay-work,\r\n        .content,\r\n        .client, \r\n        .read_more {\r\n            transition: all 0.5s ease;\r\n        }\r\n        .content,\r\n        .client, \r\n        .read_more {\r\n            position: absolute;\r\n        }\r\n        .overlay-work {\r\n            opacity: 0;\r\n        }\r\n        .content {\r\n            z-index: 1;\r\n            bottom: 5%;\r\n            left: 5%;\r\n        }\r\n        .icons {\r\n            right: 0;\r\n            left: 0;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n        }\r\n        .content,\r\n        .client {\r\n            opacity: 0;\r\n        }\r\n        .client {\r\n            color: $white;\r\n        }\r\n        .client, \r\n        .read_more {\r\n            z-index: 1;\r\n            right: 5%;\r\n            top: 5%;\r\n        }\r\n        .read_more {\r\n            height: 30px;\r\n            width: 30px;\r\n            line-height: 30px;\r\n        }\r\n        \r\n        &:hover {\r\n            img {\r\n                transform: scale(1.1) rotate(3deg);\r\n            }\r\n            .overlay-work {\r\n                opacity: 0.65;\r\n            }\r\n            .personal-port,\r\n            .content,\r\n            .client {\r\n                opacity: 1;\r\n            }\r\n        }\r\n    }\r\n    &.work-grid {\r\n        transition: all 0.5s ease;\r\n        img {\r\n            transition: all 0.5s ease;\r\n        }\r\n        .content {\r\n            background-color: $content-bg;\r\n        }\r\n        &:hover { \r\n            box-shadow: $shadow;\r\n            img {\r\n                transform: translateY(-40px);\r\n            }\r\n        }\r\n    }\r\n    &.work-grid,\r\n    &.work-creative {\r\n        .content {\r\n            position: absolute;\r\n            bottom: 0;\r\n            right: 0;\r\n            left: 0;\r\n            transform: translateY(150px);\r\n            overflow: hidden;\r\n            transition: all 0.5s ease;\r\n            z-index: 1;\r\n            .title {\r\n                transition: all 0.5s ease;                \r\n            }\r\n        }\r\n        &:hover { \r\n            .content {\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.work-modern,\r\n    &.work-creative {\r\n        .icons {\r\n            position: absolute;\r\n            z-index: 2;\r\n            opacity: 0;\r\n            transition: all 0.5s ease;\r\n            .work-icon {\r\n                height: 45px;\r\n                width: 45px;\r\n                justify-content: center;\r\n                align-items: center;\r\n                transition: all 0.5s ease;\r\n                &:hover {\r\n                    color: $white !important;\r\n                }\r\n            }\r\n        }\r\n        &:hover {\r\n            .icons {\r\n                opacity: 1;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.work-creative {\r\n        .icons {\r\n            top: 0;\r\n            right: 0;\r\n        }\r\n        .overlay-grid {\r\n            transform: translateY(500px);\r\n        }\r\n        &:hover { \r\n            .overlay-grid {\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.work-details {\r\n    ul {\r\n        li {\r\n            b {\r\n                max-width: 90px;\r\n                width: 100%;\r\n                display: inline-block;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n//container filter\r\n.container-filter {\r\n    li {\r\n        font-size: 13px;\r\n        padding: 0px 15px; \r\n        margin: 5px 3px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.8px;\r\n        cursor: pointer;\r\n        line-height: 34px;\r\n        transition: all 0.5s ease;\r\n        &.active,\r\n        &:hover {\r\n            color: $primary !important;\r\n            border-color: $primary !important;\r\n        }\r\n    }\r\n\r\n    &.filter-border {\r\n        li {\r\n            color: $muted !important;\r\n            border-bottom: 2px solid transparent;\r\n            &.active,\r\n            &:hover {\r\n                color: $primary !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n.spacing{\r\n    padding: 7px;\r\n}\r\n\r\n\r\n\r\n/*********************************/\r\n/*      Travel                   */\r\n/*===============================*/\r\n.popular-tour {\r\n    .content {\r\n        position: absolute;\r\n        bottom: 3%;\r\n        left: 5%;\r\n    }\r\n    .overlay-work {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        opacity: 0; \r\n        transition: all 0.5s ease;\r\n    }\r\n    &:hover {\r\n        .overlay-work {\r\n            opacity: 0.6;\r\n        }\r\n    }\r\n}\r\n\r\n/*********************************/\r\n/*         Events                */\r\n/*===============================*/\r\n//Event (index-event.html)\r\n@each $name,\r\n$value in $theme-colors {\r\n    .event-schedule {\r\n        &.event-#{$name} {\r\n            .date {\r\n                color: $value !important;\r\n                .day {\r\n                    background: rgba($value, 0.1);\r\n                    box-shadow: 0px 0px 2px 0.25px rgba($value, 0.5);\r\n                }\r\n            }\r\n            .content {\r\n                .title {\r\n                    &:hover {\r\n                        color: $value !important;\r\n                    }\r\n                }\r\n            }\r\n            &:hover {\r\n                border-color: $value !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.event-schedule {\r\n    transition: all 0.5s ease;\r\n    .date {\r\n        .day {\r\n            font-size: 18px;\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50px;\r\n            line-height: 48px;\r\n            border: 2px solid $border-color;\r\n        }\r\n        .month {\r\n            font-size: 13px;\r\n        }\r\n    }\r\n    .content {\r\n        .title {\r\n            font-size: 20px;\r\n            transition: all 0.5s ease;\r\n        }\r\n        .location-time {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n    &:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: $shadow;\r\n    }\r\n}\r\n\r\n/*********************************/\r\n/*         Shopping              */\r\n/*===============================*/\r\n//Shopping\r\n.shop-features {\r\n    .category-title {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        left: 20px;\r\n        z-index: 1;\r\n    }\r\n}\r\n.shop-list {\r\n    .shop-image {\r\n        .overlay-work,\r\n        .shop-icons { \r\n            position: absolute;\r\n            opacity: 0; \r\n            transition: all 0.5s ease;\r\n        }\r\n        .overlay-work {\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            left: 0;\r\n            z-index: 1;\r\n            .out-stock {\r\n                position: absolute;\r\n                bottom: 0;\r\n                left: 0;\r\n                right: 0;\r\n            }\r\n        }\r\n        .shop-icons {\r\n            top: 15px;\r\n            right: 15px;\r\n            z-index: 2;\r\n        }\r\n        &:hover {\r\n            .overlay-work,\r\n            .shop-icons {\r\n                opacity: 1;\r\n            }\r\n        }\r\n    }\r\n    .content {\r\n        .product-name {\r\n            transition: all 0.5s ease;\r\n            &:hover {\r\n                color: $primary !important;\r\n            }\r\n        }\r\n    }\r\n    .label {\r\n        position: absolute;\r\n        top: 15px;\r\n        left: 15px;\r\n        z-index: 2;\r\n    }\r\n    .qty-btn {\r\n        pointer-events: none; \r\n        width: 65px;\r\n        padding-left: 15px;\r\n    }\r\n}\r\n\r\n/*********************************/\r\n/*         Timeline              */\r\n/*===============================*/\r\n//Timeline\r\n.main-icon {\r\n    border: 2px solid $border-color;\r\n    height: 40px;\r\n    width: 40px;\r\n    line-height: 0;\r\n    text-align: center;\r\n    .fea {\r\n        height: 20px;\r\n    }\r\n    \r\n    @media (min-width: 768px) {\r\n        margin: 0 auto;        \r\n    }\r\n}\r\n.timeline-page {\r\n    &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        left: 0;\r\n        height: 95%;\r\n        margin: auto;\r\n        width: 2px;\r\n        background-color: $gray-200 !important;\r\n    }\r\n    .timeline-item {\r\n        .date-label-left, .duration-right {\r\n            margin-right: 15px;\r\n            &:after {\r\n                content: \"\";\r\n                position: absolute;\r\n                top: 12px;\r\n                width: 12px;\r\n                height: 12px;\r\n                z-index: 1;\r\n                background-color: $primary;\r\n                border-radius: 4px;\r\n                transform: rotate(45deg);\r\n            }\r\n        }\r\n        .date-label-left {            \r\n            float: right;\r\n            margin-right: 15px;\r\n            &:after {                \r\n                right: -34px;\r\n            }\r\n        }        \r\n        .duration-right {\r\n            float: left;\r\n            margin-left: 15px;\r\n            &:after {                \r\n                left: -34px;\r\n            }\r\n        }\r\n        .event {\r\n            transition: all 0.2s ease;\r\n            &.event-description-right {\r\n                margin-left: 15px;\r\n            }\r\n            &.event-description-left {\r\n                margin-right: 15px;\r\n                text-align: right;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 767px) {\r\n    .timeline-page {\r\n        margin-left: 18px;\r\n        &:after {\r\n            margin: 0;\r\n        }\r\n        .timeline-item {\r\n            .duration {\r\n                float: left !important;\r\n                margin: 0 0 30px 15px !important;\r\n                text-align: left !important;\r\n                &:after {\r\n                    left: -21px !important;\r\n                }\r\n                .event {\r\n                    text-align: left !important;\r\n                    margin-left: 15px;\r\n                }\r\n            }\r\n            .event-description-left {\r\n                text-align: left !important;\r\n                margin: 0 0 0 15px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/*********************************/\r\n/*         Tobii Lightbox        */\r\n/*===============================*/\r\n//Tobii Lighbox\r\n.tobii>button.tobii__close svg,\r\n.tobii>button.tobii__prev svg, \r\n.tobii>button.tobii__next svg {\r\n    height: 36px;\r\n    width: auto;\r\n}\r\n\r\n.tobii__counter {\r\n    font-size: 16px;\r\n}\r\n\r\n.tobii-zoom {\r\n    display: block !important;\r\n}\r\n\r\n.tobii-zoom__icon {\r\n    display: none;\r\n}\r\n\r\n#grid {\r\n    padding: 0 !important;\r\n}\r\n","// Variables\n\n//\n// custom-variables\n//\n\n\n$fw-medium: 600;\n\n//Custom Fonts\n$font-family-secondary:     'Nunito', sans-serif;\n\n//Colors\n$muted:                     #9bacc4;\n\n//Shadow\n$shadow-sm:                 0 .125rem .25rem rgba(#adb5bd,.15);\n$shadow:                    0 0 3px rgba(#adb5bd,.15);\n$shadow-lg:                 0 10px 25px rgba(#adb5bd, 0.15);\n$shadow-md:                 0 5px 13px rgba(#adb5bd, .2);\n$overlay-black:             #161c2d;\n\n// Overlay\n$overlay:                   rgba(#1c2836, 0.7);\n$gradient-overlay:          rgba($primary, 0.5);\n$bg-overlay-white:          rgba(0, 0, 0 , 0.4);\n$linear-gradient:           linear-gradient(to bottom, rgba($overlay-black, 0) 0%, rgba($overlay-black, 0.0) 50%, rgba($overlay-black, 0.3) 80%, rgba($overlay-black, 1) 100%);\n$linear-gradient-2:         linear-gradient(to bottom, rgba($overlay-black, 0) 0%, rgba($overlay-black, 0.3) 50%, rgba($overlay-black, 0.7) 75%, rgba($overlay-black, 1) 100%);\n$linear-gradient-3:         linear-gradient(to right, rgba($overlay-black, 1) 0%, rgba($overlay-black, 1) 25%, rgba($overlay-black, 0.5) 50%, rgba($overlay-black, 0.25) 75%, rgba($overlay-black, 0) 100%);\n$linear-gradient-4:         linear-gradient(to bottom, rgba($overlay-black, 0) 0%, rgba($overlay-black, 0.25) 25%, rgba($overlay-black, 0.5) 50%, rgba($overlay-black, 0.75) 75%, rgba($overlay-black, 1) 100%);\n$gradient-overlay:          linear-gradient(to bottom, rgba($overlay-black, 0) 0%, rgba($overlay-black, 0.5) 25%, rgba($overlay-black, 0.75) 50%, rgba($overlay-black, 1) 100%);\n$gradient-overlay-2:        linear-gradient(to bottom, rgba($overlay-black,0.5) 0%, rgba($overlay-black,0.6) 25%, rgba($overlay-black,0.7) 50%, rgba($overlay-black,0.8) 100%);\n$gradient-white-overlay:    linear-gradient(to bottom, rgba($white, 0) 0%, rgba($white, 0) 25%, rgba($white, 0) 50%, rgba($white, 0.5) 100%);\n$card-overlay:              linear-gradient(to bottom, transparent 0%, transparent 25%, transparent 35%, rgba($overlay-black, 0.9) 100%);\n\n//Navbar\n$nav-sticky-bg:             #1c2836;\n$submenu-bg:                #1c2836;\n$megamenu-head-text:        $white;\n$topnav-bg:                 #1c2836;\n$navbar-white-bg:           #1c2836;\n\n//Nav-pills\n$nav-pills-bg:              $dark;\n$nav-pills-color:           $white;\n$navs-bg:                   #161c2d;\n$nav-link-alt:              #1c2836;\n\n//Blog & Works\n$blog-overlay-dark:           #161c2d;\n$overlay-work-bg:             #161c2d;\n$content-bg:                  #161c2d;\n\n//CTA\n$play-btn-border:             $white;\n$play-btn-icon:               #161c2d;\n\n//Footer\n$footer:                    #212f40;\n$footer-text:               #adb5bd;\n$footer-head-color:         $white;\n$footer-subscribe-input-color: #253447;\n$footer-subscribe-input-text-color:  #dee2e6;\n$foot-social-color:         #adb5bd;\n$social-icon-color:         #adb5bd;\n$social-border-color:       lighten($footer, 5%);\n$foot-social-color-white:   $white;\n\n//Forms\n$form-placeholder:          $gray-300;\n$subscribe-form-bg:         #1c2836;\n$datepicker-bg:             #1c2836;\n$datepicker-text:           $white;\n\n//Features\n$feature-text-white:        $white;\n\n//Back to top\n$back-to-top-color:         $white;\n\n//text\n$text-color-white:          #1c2836;\n$bg-white-color:            #1c2836;\n\n//Testimonial\n$testi-before-border:       #1c2836;\n\n//Pricing\n$pricing-bg:                #1c2836;\n\n//Homes\n$animation-bg:              #1c2836;\n$shape-bg:                  #1c2836;\n\n//Apexcharts\n$apex-tooltip-bg:           #161c2d;\n$apex-tooltip-color:        #ffffff;\n\n//Testimonial\n$tns-controls-bg:           #1c2836;\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white:    #ffffff;\n$gray-900: #f8f9fa;\n$gray-800: #e9ecef;\n$gray-700: #dee2e6;\n$gray-600: #ced4da;\n$gray-500: #adb5bd;\n$gray-400: #6c757d;\n$gray-300: #495057;\n$gray-200: #2a3c51;\n$gray-100: #1f2d3d;\n$black:    #000000;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n  \"100\": $gray-100,\n  \"200\": $gray-200,\n  \"300\": $gray-300,\n  \"400\": $gray-400,\n  \"500\": $gray-500,\n  \"600\": $gray-600,\n  \"700\": $gray-700,\n  \"800\": $gray-800,\n  \"900\": $gray-900\n);\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue:    #2f55d4;\n$indigo:  #6610f2;\n$purple:  #7952B3;\n$pink:    #d63384;\n$red:     #e43f52;\n$orange:  #fd7e14;\n$yellow:  #f17425;\n$green:   #2eca8b;\n$teal:    #20c997;\n$cyan:    #17a2b8;\n$red-two: #dc2626;\n$green-two:#16a34a;\n$yellow-two:#f7961c;\n$skyblue:  #32c2ec;\n$slateblue:#766df4;\n$violet:  #7c3aed;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n  \"blue\":       $blue,\n  \"indigo\":     $indigo,\n  \"purple\":     $purple,\n  \"pink\":       $pink,\n  \"red\":        $red,\n  \"orange\":     $orange,\n  \"yellow\":     $yellow,\n  \"green\":      $green,\n  \"teal\":       $teal,\n  \"cyan\":       $cyan,\n  \"black\":      $black,\n  \"white\":      $white,\n  \"gray\":       $gray-600,\n  \"gray-dark\":  $gray-800,\n  \"red-two\":    $red-two,\n  \"green-two\":  $green-two,\n  \"yellow-two\": $yellow-two,\n  \"skyblue\":    $skyblue,\n  \"slateblue\":  $slateblue,\n  \"violet\":     $violet,\n);\n// scss-docs-end colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio:   1.8;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark:      $black;\n$color-contrast-light:     $white;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%);\n$blue-200: tint-color($blue, 60%);\n$blue-300: tint-color($blue, 40%);\n$blue-400: tint-color($blue, 20%);\n$blue-500: $blue;\n$blue-600: shade-color($blue, 20%);\n$blue-700: shade-color($blue, 40%);\n$blue-800: shade-color($blue, 60%);\n$blue-900: shade-color($blue, 80%);\n\n$indigo-100: tint-color($indigo, 80%);\n$indigo-200: tint-color($indigo, 60%);\n$indigo-300: tint-color($indigo, 40%);\n$indigo-400: tint-color($indigo, 20%);\n$indigo-500: $indigo;\n$indigo-600: shade-color($indigo, 20%);\n$indigo-700: shade-color($indigo, 40%);\n$indigo-800: shade-color($indigo, 60%);\n$indigo-900: shade-color($indigo, 80%);\n\n$purple-100: tint-color($purple, 80%);\n$purple-200: tint-color($purple, 60%);\n$purple-300: tint-color($purple, 40%);\n$purple-400: tint-color($purple, 20%);\n$purple-500: $purple;\n$purple-600: shade-color($purple, 20%);\n$purple-700: shade-color($purple, 40%);\n$purple-800: shade-color($purple, 60%);\n$purple-900: shade-color($purple, 80%);\n\n$pink-100: tint-color($pink, 80%);\n$pink-200: tint-color($pink, 60%);\n$pink-300: tint-color($pink, 40%);\n$pink-400: tint-color($pink, 20%);\n$pink-500: $pink;\n$pink-600: shade-color($pink, 20%);\n$pink-700: shade-color($pink, 40%);\n$pink-800: shade-color($pink, 60%);\n$pink-900: shade-color($pink, 80%);\n\n$red-100: tint-color($red, 80%);\n$red-200: tint-color($red, 60%);\n$red-300: tint-color($red, 40%);\n$red-400: tint-color($red, 20%);\n$red-500: $red;\n$red-600: shade-color($red, 20%);\n$red-700: shade-color($red, 40%);\n$red-800: shade-color($red, 60%);\n$red-900: shade-color($red, 80%);\n\n$orange-100: tint-color($orange, 80%);\n$orange-200: tint-color($orange, 60%);\n$orange-300: tint-color($orange, 40%);\n$orange-400: tint-color($orange, 20%);\n$orange-500: $orange;\n$orange-600: shade-color($orange, 20%);\n$orange-700: shade-color($orange, 40%);\n$orange-800: shade-color($orange, 60%);\n$orange-900: shade-color($orange, 80%);\n\n$yellow-100: tint-color($yellow, 80%);\n$yellow-200: tint-color($yellow, 60%);\n$yellow-300: tint-color($yellow, 40%);\n$yellow-400: tint-color($yellow, 20%);\n$yellow-500: $yellow;\n$yellow-600: shade-color($yellow, 20%);\n$yellow-700: shade-color($yellow, 40%);\n$yellow-800: shade-color($yellow, 60%);\n$yellow-900: shade-color($yellow, 80%);\n\n$green-100: tint-color($green, 80%);\n$green-200: tint-color($green, 60%);\n$green-300: tint-color($green, 40%);\n$green-400: tint-color($green, 20%);\n$green-500: $green;\n$green-600: shade-color($green, 20%);\n$green-700: shade-color($green, 40%);\n$green-800: shade-color($green, 60%);\n$green-900: shade-color($green, 80%);\n\n$teal-100: tint-color($teal, 80%);\n$teal-200: tint-color($teal, 60%);\n$teal-300: tint-color($teal, 40%);\n$teal-400: tint-color($teal, 20%);\n$teal-500: $teal;\n$teal-600: shade-color($teal, 20%);\n$teal-700: shade-color($teal, 40%);\n$teal-800: shade-color($teal, 60%);\n$teal-900: shade-color($teal, 80%);\n\n$cyan-100: tint-color($cyan, 80%);\n$cyan-200: tint-color($cyan, 60%);\n$cyan-300: tint-color($cyan, 40%);\n$cyan-400: tint-color($cyan, 20%);\n$cyan-500: $cyan;\n$cyan-600: shade-color($cyan, 20%);\n$cyan-700: shade-color($cyan, 40%);\n$cyan-800: shade-color($cyan, 60%);\n$cyan-900: shade-color($cyan, 80%);\n\n$blues: (\n  \"blue-100\": $blue-100,\n  \"blue-200\": $blue-200,\n  \"blue-300\": $blue-300,\n  \"blue-400\": $blue-400,\n  \"blue-500\": $blue-500,\n  \"blue-600\": $blue-600,\n  \"blue-700\": $blue-700,\n  \"blue-800\": $blue-800,\n  \"blue-900\": $blue-900\n);\n\n$indigos: (\n  \"indigo-100\": $indigo-100,\n  \"indigo-200\": $indigo-200,\n  \"indigo-300\": $indigo-300,\n  \"indigo-400\": $indigo-400,\n  \"indigo-500\": $indigo-500,\n  \"indigo-600\": $indigo-600,\n  \"indigo-700\": $indigo-700,\n  \"indigo-800\": $indigo-800,\n  \"indigo-900\": $indigo-900\n);\n\n$purples: (\n  \"purple-100\": $purple-100,\n  \"purple-200\": $purple-200,\n  \"purple-300\": $purple-300,\n  \"purple-400\": $purple-400,\n  \"purple-500\": $purple-500,\n  \"purple-600\": $purple-600,\n  \"purple-700\": $purple-700,\n  \"purple-800\": $purple-800,\n  \"purple-900\": $purple-900\n);\n\n$pinks: (\n  \"pink-100\": $pink-100,\n  \"pink-200\": $pink-200,\n  \"pink-300\": $pink-300,\n  \"pink-400\": $pink-400,\n  \"pink-500\": $pink-500,\n  \"pink-600\": $pink-600,\n  \"pink-700\": $pink-700,\n  \"pink-800\": $pink-800,\n  \"pink-900\": $pink-900\n);\n\n$reds: (\n  \"red-100\": $red-100,\n  \"red-200\": $red-200,\n  \"red-300\": $red-300,\n  \"red-400\": $red-400,\n  \"red-500\": $red-500,\n  \"red-600\": $red-600,\n  \"red-700\": $red-700,\n  \"red-800\": $red-800,\n  \"red-900\": $red-900\n);\n\n$oranges: (\n  \"orange-100\": $orange-100,\n  \"orange-200\": $orange-200,\n  \"orange-300\": $orange-300,\n  \"orange-400\": $orange-400,\n  \"orange-500\": $orange-500,\n  \"orange-600\": $orange-600,\n  \"orange-700\": $orange-700,\n  \"orange-800\": $orange-800,\n  \"orange-900\": $orange-900\n);\n\n$yellows: (\n  \"yellow-100\": $yellow-100,\n  \"yellow-200\": $yellow-200,\n  \"yellow-300\": $yellow-300,\n  \"yellow-400\": $yellow-400,\n  \"yellow-500\": $yellow-500,\n  \"yellow-600\": $yellow-600,\n  \"yellow-700\": $yellow-700,\n  \"yellow-800\": $yellow-800,\n  \"yellow-900\": $yellow-900\n);\n\n$greens: (\n  \"green-100\": $green-100,\n  \"green-200\": $green-200,\n  \"green-300\": $green-300,\n  \"green-400\": $green-400,\n  \"green-500\": $green-500,\n  \"green-600\": $green-600,\n  \"green-700\": $green-700,\n  \"green-800\": $green-800,\n  \"green-900\": $green-900\n);\n\n$teals: (\n  \"teal-100\": $teal-100,\n  \"teal-200\": $teal-200,\n  \"teal-300\": $teal-300,\n  \"teal-400\": $teal-400,\n  \"teal-500\": $teal-500,\n  \"teal-600\": $teal-600,\n  \"teal-700\": $teal-700,\n  \"teal-800\": $teal-800,\n  \"teal-900\": $teal-900\n);\n\n$cyans: (\n  \"cyan-100\": $cyan-100,\n  \"cyan-200\": $cyan-200,\n  \"cyan-300\": $cyan-300,\n  \"cyan-400\": $cyan-400,\n  \"cyan-500\": $cyan-500,\n  \"cyan-600\": $cyan-600,\n  \"cyan-700\": $cyan-700,\n  \"cyan-800\": $cyan-800,\n  \"cyan-900\": $cyan-900\n);\n// fusv-enable\n\n// scss-docs-start theme-color-variables\n$primary:       $green-two; // Change your color here,\n$secondary:     $gray-600;\n$success:       $green;\n$info:          $cyan;\n$warning:       $yellow;\n$danger:        $red;\n$light:         $gray-100;\n$dark:          $gray-900;\n$footer:        #212f40;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n  \"primary\":    $primary,\n  \"secondary\":  $secondary,\n  \"success\":    $success,\n  \"info\":       $info,\n  \"warning\":    $warning,\n  \"danger\":     $danger,\n  \"light\":      $light,\n  \"dark\":       $dark,\n  \"footer\":     $footer,\n  \"muted\":      $muted\n);\n// scss-docs-end theme-colors-map\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n);\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                true;\n$enable-rounded:              true;\n$enable-shadows:              false;\n$enable-gradients:            false;\n$enable-transitions:          true;\n$enable-reduced-motion:       true;\n$enable-smooth-scroll:        true;\n$enable-grid-classes:         true;\n$enable-container-classes:    true;\n$enable-cssgrid:              false;\n$enable-button-pointers:      true;\n$enable-rfs:                  true;\n$enable-validation-icons:     true;\n$enable-negative-margins:     false;\n$enable-deprecation-messages: true;\n$enable-important-utilities:  true;\n\n// Prefix for :root CSS variables\n\n$variable-prefix:             bs-; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix:                      $variable-prefix;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0));\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem;\n$spacers: (\n  0: 0,\n  1: $spacer * .25,\n  2: $spacer * .5,\n  3: $spacer,\n  4: $spacer * 1.5,\n  5: $spacer * 3,\n);\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n  0: 0,\n  50: 50%,\n  100: 100%\n);\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   #1c2836;\n$body-color:                $gray-900;\n$body-text-align:           null;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              $primary;\n$link-decoration:                         underline;\n$link-shade-percentage:                   20%;\n$link-hover-color:                        shift-color($link-color, $link-shade-percentage);\n$link-hover-decoration:                   null;\n\n$stretched-link-pseudo-element:           after;\n$stretched-link-z-index:                  1;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1400px\n);\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px,\n  xxl: 1320px\n);\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12;\n$grid-gutter-width:           1.5rem;\n$grid-row-columns:            6;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width:                1px;\n$border-widths: (\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px\n);\n\n$border-style:                solid;\n$border-color:                $gray-200;\n$border-color-translucent:    rgba($black, .175);\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius:               .375rem;\n$border-radius-sm:            .25rem;\n$border-radius-lg:            .5rem;\n$border-radius-xl:            1rem;\n$border-radius-2xl:           2rem;\n$border-radius-pill:          50rem;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow:                  0 .5rem 1rem rgba($black, .15);\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075);\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175);\n$box-shadow-inset:            inset 0 1px 2px rgba($black, .075);\n// scss-docs-end box-shadow-variables\n\n$component-active-color:      $white;\n$component-active-bg:         $primary;\n\n// scss-docs-start caret-variables\n$caret-width:                 .3em;\n$caret-vertical-align:        $caret-width * .85;\n$caret-spacing:               $caret-width * .85;\n// scss-docs-end caret-variables\n\n$transition-base:             all .2s ease-in-out;\n$transition-fade:             opacity .15s linear;\n// scss-docs-start collapse-transition\n$transition-collapse:         height .35s ease;\n$transition-collapse-width:   width .35s ease;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%)\n);\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      'Nunito', sans-serif;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n// stylelint-enable value-keyword-case\n$font-family-base:            var(--#{$prefix}font-sans-serif);\n$font-family-code:            var(--#{$prefix}font-monospace);\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root:              null;\n$font-size-base:              1rem; // Assumes the browser default, typically `16px`\n$font-size-sm:                $font-size-base * .875;\n$font-size-lg:                $font-size-base * 1.25;\n\n$font-weight-lighter:         lighter;\n$font-weight-light:           300;\n$font-weight-normal:          400;\n$font-weight-semibold:        600;\n$font-weight-bold:            700;\n$font-weight-bolder:          bolder;\n\n$font-weight-base:            $font-weight-normal;\n\n$line-height-base:            1.5;\n$line-height-sm:              1.25;\n$line-height-lg:              2;\n\n$h1-font-size:                $font-size-base * 2.5;\n$h2-font-size:                $font-size-base * 2;\n$h3-font-size:                $font-size-base * 1.75;\n$h4-font-size:                $font-size-base * 1.5;\n$h5-font-size:                $font-size-base * 1.25;\n$h6-font-size:                $font-size-base;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n  1: $h1-font-size,\n  2: $h2-font-size,\n  3: $h3-font-size,\n  4: $h4-font-size,\n  5: $h5-font-size,\n  6: $h6-font-size\n);\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom:      $spacer * .5;\n$headings-font-family:        null;\n$headings-font-style:         null;\n$headings-font-weight:        500;\n$headings-line-height:        1.2;\n$headings-color:              null;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n  1: 5rem,\n  2: 4.5rem,\n  3: 4rem,\n  4: 3.5rem,\n  5: 3rem,\n  6: 2.5rem\n);\n\n$display-font-family: null;\n$display-font-style:  null;\n$display-font-weight: 300;\n$display-line-height: $headings-line-height;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size:              $font-size-base * 1.25;\n$lead-font-weight:            300;\n\n$small-font-size:             .875em;\n\n$sub-sup-font-size:           .75em;\n\n$text-muted:                  $gray-600;\n\n$initialism-font-size:        $small-font-size;\n\n$blockquote-margin-y:         $spacer;\n$blockquote-font-size:        $font-size-base * 1.25;\n$blockquote-footer-color:     $gray-600;\n$blockquote-footer-font-size: $small-font-size;\n\n$hr-margin-y:                 $spacer;\n$hr-color:                    inherit;\n\n// fusv-disable\n$hr-bg-color:                 null; // Deprecated in v5.2.0\n$hr-height:                   null; // Deprecated in v5.2.0\n// fusv-enable\n\n$hr-border-color:             null; // Allows for inherited colors\n$hr-border-width:             $border-width;\n$hr-opacity:                  .25;\n\n$legend-margin-bottom:        .5rem;\n$legend-font-size:            1.5rem;\n$legend-font-weight:          null;\n\n$dt-font-weight:              $font-weight-bold;\n\n$list-inline-padding:         .5rem;\n\n$mark-padding:                .1875em;\n$mark-bg:                     $yellow-100;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y:        .5rem;\n$table-cell-padding-x:        .5rem;\n$table-cell-padding-y-sm:     .25rem;\n$table-cell-padding-x-sm:     .25rem;\n\n$table-cell-vertical-align:   top;\n\n$table-color:                 var(--#{$prefix}body-color);\n$table-bg:                    #1c2836;\n$table-accent-bg:             transparent;\n\n$table-th-font-weight:        null;\n\n$table-striped-color:         $table-color;\n$table-striped-bg-factor:     .05;\n$table-striped-bg:            rgba($black, $table-striped-bg-factor);\n\n$table-active-color:          $table-color;\n$table-active-bg-factor:      .1;\n$table-active-bg:             rgba($black, $table-active-bg-factor);\n\n$table-hover-color:           $table-color;\n$table-hover-bg-factor:       .075;\n$table-hover-bg:              rgba($black, $table-hover-bg-factor);\n\n$table-border-factor:         .1;\n$table-border-width:          $border-width;\n$table-border-color:          var(--#{$prefix}border-color);\n\n$table-striped-order:         odd;\n$table-striped-columns-order: even;\n\n$table-group-separator-color: currentcolor;\n\n$table-caption-color:         $text-muted;\n\n$table-bg-scale:              -80%;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n  \"primary\":    shift-color($primary, $table-bg-scale),\n  \"secondary\":  shift-color($secondary, $table-bg-scale),\n  \"success\":    shift-color($success, $table-bg-scale),\n  \"info\":       shift-color($info, $table-bg-scale),\n  \"warning\":    shift-color($warning, $table-bg-scale),\n  \"danger\":     shift-color($danger, $table-bg-scale),\n  \"light\":      $light,\n  \"dark\":       $dark,\n);\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y:         .375rem;\n$input-btn-padding-x:         .75rem;\n$input-btn-font-family:       null;\n$input-btn-font-size:         $font-size-base;\n$input-btn-line-height:       $line-height-base;\n\n$input-btn-focus-width:         .25rem;\n$input-btn-focus-color-opacity: .25;\n$input-btn-focus-color:         rgba($component-active-bg, $input-btn-focus-color-opacity);\n$input-btn-focus-blur:          0;\n$input-btn-focus-box-shadow:    0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color;\n\n$input-btn-padding-y-sm:      .25rem;\n$input-btn-padding-x-sm:      .5rem;\n$input-btn-font-size-sm:      $font-size-sm;\n\n$input-btn-padding-y-lg:      .5rem;\n$input-btn-padding-x-lg:      1rem;\n$input-btn-font-size-lg:      $font-size-lg;\n\n$input-btn-border-width:      $border-width;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y:               $input-btn-padding-y;\n$btn-padding-x:               $input-btn-padding-x;\n$btn-font-family:             $input-btn-font-family;\n$btn-font-size:               $input-btn-font-size;\n$btn-line-height:             $input-btn-line-height;\n$btn-white-space:             null; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm;\n$btn-padding-x-sm:            $input-btn-padding-x-sm;\n$btn-font-size-sm:            $input-btn-font-size-sm;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg;\n$btn-padding-x-lg:            $input-btn-padding-x-lg;\n$btn-font-size-lg:            $input-btn-font-size-lg;\n\n$btn-border-width:            $input-btn-border-width;\n\n$btn-font-weight:             $font-weight-normal;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075);\n$btn-focus-width:             $input-btn-focus-width;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow;\n$btn-disabled-opacity:        .65;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125);\n\n$btn-link-color:              var(--#{$prefix}link-color);\n$btn-link-hover-color:        var(--#{$prefix}link-hover-color);\n$btn-link-disabled-color:     $gray-600;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius;\n$btn-border-radius-sm:        $border-radius-sm;\n$btn-border-radius-lg:        $border-radius-lg;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$btn-hover-bg-shade-amount:       15%;\n$btn-hover-bg-tint-amount:        15%;\n$btn-hover-border-shade-amount:   20%;\n$btn-hover-border-tint-amount:    10%;\n$btn-active-bg-shade-amount:      20%;\n$btn-active-bg-tint-amount:       20%;\n$btn-active-border-shade-amount:  25%;\n$btn-active-border-tint-amount:   10%;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top:                  .25rem;\n$form-text-font-size:                   $small-font-size;\n$form-text-font-style:                  null;\n$form-text-font-weight:                 null;\n$form-text-color:                       $text-muted;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom:              .5rem;\n$form-label-font-size:                  null;\n$form-label-font-style:                 null;\n$form-label-font-weight:                null;\n$form-label-color:                      null;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y:                       $input-btn-padding-y;\n$input-padding-x:                       $input-btn-padding-x;\n$input-font-family:                     $input-btn-font-family;\n$input-font-size:                       $input-btn-font-size;\n$input-font-weight:                     $font-weight-base;\n$input-line-height:                     $input-btn-line-height;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm;\n$input-padding-x-sm:                    $input-btn-padding-x-sm;\n$input-font-size-sm:                    $input-btn-font-size-sm;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg;\n$input-padding-x-lg:                    $input-btn-padding-x-lg;\n$input-font-size-lg:                    $input-btn-font-size-lg;\n\n$input-bg:                              $body-bg;\n$input-disabled-color:                  null;\n$input-disabled-bg:                     $gray-200;\n$input-disabled-border-color:           null;\n\n$input-color:                           $body-color;\n$input-border-color:                    $gray-400;\n$input-border-width:                    $input-btn-border-width;\n$input-box-shadow:                      $box-shadow-inset;\n\n$input-border-radius:                   $border-radius;\n$input-border-radius-sm:                $border-radius-sm;\n$input-border-radius-lg:                $border-radius-lg;\n\n$input-focus-bg:                        $input-bg;\n$input-focus-border-color:              tint-color($component-active-bg, 50%);\n$input-focus-color:                     $input-color;\n$input-focus-width:                     $input-btn-focus-width;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow;\n\n$input-placeholder-color:               $gray-600;\n$input-plaintext-color:                 $body-color;\n\n$input-height-border:                   $input-border-width * 2;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2);\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y);\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5);\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false));\n$input-height-sm:                       add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false));\n$input-height-lg:                       add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false));\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$form-color-width:                      3rem;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width:                  1em;\n$form-check-min-height:                   $font-size-base * $line-height-base;\n$form-check-padding-start:                $form-check-input-width + .5em;\n$form-check-margin-bottom:                .125rem;\n$form-check-label-color:                  null;\n$form-check-label-cursor:                 null;\n$form-check-transition:                   null;\n\n$form-check-input-active-filter:          brightness(90%);\n\n$form-check-input-bg:                     $input-bg;\n$form-check-input-border:                 1px solid rgba($black, .25);\n$form-check-input-border-radius:          .25em;\n$form-check-radio-border-radius:          50%;\n$form-check-input-focus-border:           $input-focus-border-color;\n$form-check-input-focus-box-shadow:       $input-btn-focus-box-shadow;\n\n$form-check-input-checked-color:          $component-active-color;\n$form-check-input-checked-bg-color:       $component-active-bg;\n$form-check-input-checked-border-color:   $form-check-input-checked-bg-color;\n$form-check-input-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>\");\n$form-check-radio-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\");\n\n$form-check-input-indeterminate-color:          $component-active-color;\n$form-check-input-indeterminate-bg-color:       $component-active-bg;\n$form-check-input-indeterminate-border-color:   $form-check-input-indeterminate-bg-color;\n$form-check-input-indeterminate-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\");\n\n$form-check-input-disabled-opacity:        .5;\n$form-check-label-disabled-opacity:        $form-check-input-disabled-opacity;\n$form-check-btn-check-disabled-opacity:    $btn-disabled-opacity;\n\n$form-check-inline-margin-end:    1rem;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color:               rgba($black, .25);\n$form-switch-width:               2em;\n$form-switch-padding-start:       $form-switch-width + .5em;\n$form-switch-bg-image:            url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\");\n$form-switch-border-radius:       $form-switch-width;\n$form-switch-transition:          background-position .15s ease-in-out;\n\n$form-switch-focus-color:         $input-focus-border-color;\n$form-switch-focus-bg-image:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\");\n\n$form-switch-checked-color:       $component-active-color;\n$form-switch-checked-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>\");\n$form-switch-checked-bg-position: right center;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y:           $input-padding-y;\n$input-group-addon-padding-x:           $input-padding-x;\n$input-group-addon-font-weight:         $input-font-weight;\n$input-group-addon-color:               $input-color;\n$input-group-addon-bg:                  $gray-200;\n$input-group-addon-border-color:        $input-border-color;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y:             $input-padding-y;\n$form-select-padding-x:             $input-padding-x;\n$form-select-font-family:           $input-font-family;\n$form-select-font-size:             $input-font-size;\n$form-select-indicator-padding:     $form-select-padding-x * 3; // Extra padding for background-image\n$form-select-font-weight:           $input-font-weight;\n$form-select-line-height:           $input-line-height;\n$form-select-color:                 $input-color;\n$form-select-bg:                    $input-bg;\n$form-select-disabled-color:        null;\n$form-select-disabled-bg:           $gray-200;\n$form-select-disabled-border-color: $input-disabled-border-color;\n$form-select-bg-position:           right $form-select-padding-x center;\n$form-select-bg-size:               16px 12px; // In pixels because image dimensions\n$form-select-indicator-color:       $gray-800;\n$form-select-indicator:             url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>\");\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding;\n$form-select-feedback-icon-position:    center right $form-select-indicator-padding;\n$form-select-feedback-icon-size:        $input-height-inner-half $input-height-inner-half;\n\n$form-select-border-width:        $input-border-width;\n$form-select-border-color:        $input-border-color;\n$form-select-border-radius:       $input-border-radius;\n$form-select-box-shadow:          $box-shadow-inset;\n\n$form-select-focus-border-color:  $input-focus-border-color;\n$form-select-focus-width:         $input-focus-width;\n$form-select-focus-box-shadow:    0 0 0 $form-select-focus-width $input-btn-focus-color;\n\n$form-select-padding-y-sm:        $input-padding-y-sm;\n$form-select-padding-x-sm:        $input-padding-x-sm;\n$form-select-font-size-sm:        $input-font-size-sm;\n$form-select-border-radius-sm:    $input-border-radius-sm;\n\n$form-select-padding-y-lg:        $input-padding-y-lg;\n$form-select-padding-x-lg:        $input-padding-x-lg;\n$form-select-font-size-lg:        $input-font-size-lg;\n$form-select-border-radius-lg:    $input-border-radius-lg;\n\n$form-select-transition:          $input-transition;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width:          100%;\n$form-range-track-height:         .5rem;\n$form-range-track-cursor:         pointer;\n$form-range-track-bg:             $gray-300;\n$form-range-track-border-radius:  1rem;\n$form-range-track-box-shadow:     $box-shadow-inset;\n\n$form-range-thumb-width:                   1rem;\n$form-range-thumb-height:                  $form-range-thumb-width;\n$form-range-thumb-bg:                      $component-active-bg;\n$form-range-thumb-border:                  0;\n$form-range-thumb-border-radius:           1rem;\n$form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1);\n$form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow;\n$form-range-thumb-focus-box-shadow-width:  $input-focus-width; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg:               tint-color($component-active-bg, 70%);\n$form-range-thumb-disabled-bg:             $gray-500;\n$form-range-thumb-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color:          $input-color;\n$form-file-button-bg:             $input-group-addon-bg;\n$form-file-button-hover-bg:       shade-color($form-file-button-bg, 5%);\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height:            add(3.5rem, $input-height-border);\n$form-floating-line-height:       1.25;\n$form-floating-padding-x:         $input-padding-x;\n$form-floating-padding-y:         1rem;\n$form-floating-input-padding-t:   1.625rem;\n$form-floating-input-padding-b:   .625rem;\n$form-floating-label-opacity:     .65;\n$form-floating-label-transform:   scale(.85) translateY(-.5rem) translateX(.15rem);\n$form-floating-transition:        opacity .1s ease-in-out, transform .1s ease-in-out;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top:          $form-text-margin-top;\n$form-feedback-font-size:           $form-text-font-size;\n$form-feedback-font-style:          $form-text-font-style;\n$form-feedback-valid-color:         $success;\n$form-feedback-invalid-color:       $danger;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\");\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\");\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\n    \"color\": $form-feedback-valid-color,\n    \"icon\": $form-feedback-icon-valid\n  ),\n  \"invalid\": (\n    \"color\": $form-feedback-invalid-color,\n    \"icon\": $form-feedback-icon-invalid\n  )\n);\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown:                   1000;\n$zindex-sticky:                     1020;\n$zindex-fixed:                      1030;\n$zindex-offcanvas-backdrop:         1040;\n$zindex-offcanvas:                  1045;\n$zindex-modal-backdrop:             1050;\n$zindex-modal:                      1055;\n$zindex-popover:                    1070;\n$zindex-tooltip:                    1080;\n$zindex-toast:                      1090;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y:                .5rem;\n$nav-link-padding-x:                1rem;\n$nav-link-font-size:                null;\n$nav-link-font-weight:              null;\n$nav-link-color:                    var(--#{$prefix}link-color);\n$nav-link-hover-color:              var(--#{$prefix}link-hover-color);\n$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;\n$nav-link-disabled-color:           $gray-600;\n\n$nav-tabs-border-color:             $gray-300;\n$nav-tabs-border-width:             $border-width;\n$nav-tabs-border-radius:            $border-radius;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color;\n$nav-tabs-link-active-color:        $gray-700;\n$nav-tabs-link-active-bg:           $body-bg;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg;\n\n$nav-pills-border-radius:           $border-radius;\n$nav-pills-link-active-color:       $component-active-color;\n$nav-pills-link-active-bg:          $component-active-bg;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y:                  $spacer * .5;\n$navbar-padding-x:                  null;\n\n$navbar-nav-link-padding-x:         .5rem;\n\n$navbar-brand-font-size:            $font-size-lg;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5;\n$navbar-brand-margin-end:           1rem;\n\n$navbar-toggler-padding-y:          .25rem;\n$navbar-toggler-padding-x:          .75rem;\n$navbar-toggler-font-size:          $font-size-lg;\n$navbar-toggler-border-radius:      $btn-border-radius;\n$navbar-toggler-focus-width:        $btn-focus-width;\n$navbar-toggler-transition:         box-shadow .15s ease-in-out;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color:                 rgba($white, .55);\n$navbar-dark-hover-color:           rgba($white, .75);\n$navbar-dark-active-color:          $white;\n$navbar-dark-disabled-color:        rgba($white, .25);\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-dark-toggler-border-color:  rgba($white, .1);\n\n$navbar-light-color:                rgba($black, .55);\n$navbar-light-hover-color:          rgba($black, .7);\n$navbar-light-active-color:         rgba($black, .9);\n$navbar-light-disabled-color:       rgba($black, .3);\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\");\n$navbar-light-toggler-border-color: rgba($black, .1);\n\n$navbar-light-brand-color:                $navbar-light-active-color;\n$navbar-light-brand-hover-color:          $navbar-light-active-color;\n$navbar-dark-brand-color:                 $navbar-dark-active-color;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width:                10rem;\n$dropdown-padding-x:                0;\n$dropdown-padding-y:                .5rem;\n$dropdown-spacer:                   .125rem;\n$dropdown-font-size:                $font-size-base;\n$dropdown-color:                    $body-color;\n$dropdown-bg:                       #1c2836;\n$dropdown-border-color:             $gray-200;\n$dropdown-border-radius:            $border-radius;\n$dropdown-border-width:             $border-width;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width);\n$dropdown-divider-bg:               $dropdown-border-color;\n$dropdown-divider-margin-y:         $spacer * .5;\n$dropdown-box-shadow:               $box-shadow;\n\n$dropdown-link-color:               $gray-900;\n$dropdown-link-hover-color:         shade-color($dropdown-link-color, 10%);\n$dropdown-link-hover-bg:            $gray-200;\n\n$dropdown-link-active-color:        $component-active-color;\n$dropdown-link-active-bg:           $component-active-bg;\n\n$dropdown-link-disabled-color:      $gray-500;\n\n$dropdown-item-padding-y:           $spacer * .25;\n$dropdown-item-padding-x:           $spacer;\n\n$dropdown-header-color:             $gray-600;\n$dropdown-header-padding-x:         $dropdown-item-padding-x;\n$dropdown-header-padding-y:         $dropdown-padding-y;\n// fusv-disable\n$dropdown-header-padding:           $dropdown-header-padding-y $dropdown-header-padding-x; // Deprecated in v5.2.0\n// fusv-enable\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color:               $gray-300;\n$dropdown-dark-bg:                  $gray-800;\n$dropdown-dark-border-color:        $dropdown-border-color;\n$dropdown-dark-divider-bg:          $dropdown-divider-bg;\n$dropdown-dark-box-shadow:          null;\n$dropdown-dark-link-color:          $dropdown-dark-color;\n$dropdown-dark-link-hover-color:    $white;\n$dropdown-dark-link-hover-bg:       rgba($white, .15);\n$dropdown-dark-link-active-color:   $dropdown-link-active-color;\n$dropdown-dark-link-active-bg:      $dropdown-link-active-bg;\n$dropdown-dark-link-disabled-color: $gray-500;\n$dropdown-dark-header-color:        $gray-500;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y:              .375rem;\n$pagination-padding-x:              .75rem;\n$pagination-padding-y-sm:           .25rem;\n$pagination-padding-x-sm:           .5rem;\n$pagination-padding-y-lg:           .75rem;\n$pagination-padding-x-lg:           1.5rem;\n\n$pagination-font-size:              $font-size-base;\n\n$pagination-color:                  $white;\n$pagination-bg:                     #1c2836;\n$pagination-border-radius:          $border-radius;\n$pagination-border-width:           $border-width;\n$pagination-margin-start:           ($pagination-border-width * -1);\n$pagination-border-color:           $gray-300;\n\n$pagination-focus-color:            var(--#{$prefix}link-hover-color);\n$pagination-focus-bg:               $gray-200;\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow;\n$pagination-focus-outline:          0;\n\n$pagination-hover-color:            var(--#{$prefix}link-hover-color);\n$pagination-hover-bg:               $gray-200;\n$pagination-hover-border-color:     $gray-300;\n\n$pagination-active-color:           $component-active-color;\n$pagination-active-bg:              $component-active-bg;\n$pagination-active-border-color:    $pagination-active-bg;\n\n$pagination-disabled-color:         $gray-600;\n$pagination-disabled-bg:            $white;\n$pagination-disabled-border-color:  $gray-300;\n\n$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$pagination-border-radius-sm:       $border-radius-sm;\n$pagination-border-radius-lg:       $border-radius-lg;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max:           .5;\n$placeholder-opacity-min:           .2;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y:                     $spacer;\n$card-spacer-x:                     $spacer;\n$card-title-spacer-y:               $spacer * .5;\n$card-border-width:                 $border-width;\n$card-border-color:                 var(--#{$prefix}border-color-translucent);\n$card-border-radius:                $border-radius;\n$card-box-shadow:                   null;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width);\n$card-cap-padding-y:                $card-spacer-y * .5;\n$card-cap-padding-x:                $card-spacer-x;\n$card-cap-bg:                       rgba($black, .03);\n$card-cap-color:                    null;\n$card-height:                       null;\n$card-color:                        null;\n$card-bg:                           #1c2836;\n$card-img-overlay-padding:          $spacer;\n$card-group-margin:                 $grid-gutter-width * .5;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y:                     1rem;\n$accordion-padding-x:                     1.25rem;\n$accordion-color:                         var(--#{$prefix}body-color);\n$accordion-bg:                            $body-bg;\n$accordion-border-width:                  $border-width;\n$accordion-border-color:                  var(--#{$prefix}border-color);\n$accordion-border-radius:                 $border-radius;\n$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width);\n\n$accordion-body-padding-y:                $accordion-padding-y;\n$accordion-body-padding-x:                $accordion-padding-x;\n\n$accordion-button-padding-y:              $accordion-padding-y;\n$accordion-button-padding-x:              $accordion-padding-x;\n$accordion-button-color:                  $accordion-color;\n$accordion-button-bg:                     var(--#{$prefix}accordion-bg);\n$accordion-transition:                    $btn-transition, border-radius .15s ease;\n$accordion-button-active-bg:              tint-color($component-active-bg, 90%);\n$accordion-button-active-color:           shade-color($primary, 10%);\n\n$accordion-button-focus-border-color:     $input-focus-border-color;\n$accordion-button-focus-box-shadow:       $btn-focus-box-shadow;\n\n$accordion-icon-width:                    1.25rem;\n$accordion-icon-color:                    $accordion-button-color;\n$accordion-icon-active-color:             $accordion-button-active-color;\n$accordion-icon-transition:               transform .2s ease-in-out;\n$accordion-icon-transform:                rotate(-180deg);\n\n$accordion-button-icon:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\n$accordion-button-active-icon:  url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\");\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size:                 $font-size-sm;\n$tooltip-max-width:                 200px;\n$tooltip-color:                     $white;\n$tooltip-bg:                        $black;\n$tooltip-border-radius:             $border-radius;\n$tooltip-opacity:                   .9;\n$tooltip-padding-y:                 $spacer * .25;\n$tooltip-padding-x:                 $spacer * .5;\n$tooltip-margin:                    null; // TODO: remove this in v6\n\n$tooltip-arrow-width:               .8rem;\n$tooltip-arrow-height:              .4rem;\n// fusv-disable\n$tooltip-arrow-color:               null; // Deprecated in Bootstrap 5.2.0 for CSS variables\n// fusv-enable\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x;\n$form-feedback-tooltip-font-size:     $tooltip-font-size;\n$form-feedback-tooltip-line-height:   null;\n$form-feedback-tooltip-opacity:       $tooltip-opacity;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size:                 $font-size-sm;\n$popover-bg:                        #1c2836;\n$popover-max-width:                 276px;\n$popover-border-width:              $border-width;\n$popover-border-color:              var(--#{$prefix}border-color-translucent);\n$popover-border-radius:             $border-radius-lg;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width);\n$popover-box-shadow:                $box-shadow;\n\n$popover-header-font-size:          $font-size-base;\n$popover-header-bg:                 shade-color($popover-bg, 6%);\n$popover-header-color:              var(--#{$prefix}heading-color);\n$popover-header-padding-y:          .5rem;\n$popover-header-padding-x:          $spacer;\n\n$popover-body-color:                $body-color;\n$popover-body-padding-y:            $spacer;\n$popover-body-padding-x:            $spacer;\n\n$popover-arrow-width:               1rem;\n$popover-arrow-height:              .5rem;\n// scss-docs-end popover-variables\n\n// fusv-disable\n// Deprecated in Bootstrap 5.2.0 for CSS variables\n$popover-arrow-color:               $popover-bg;\n$popover-arrow-outer-color:         var(--#{$prefix}border-color-translucent);\n// fusv-enable\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width:                   350px;\n$toast-padding-x:                   .75rem;\n$toast-padding-y:                   .5rem;\n$toast-font-size:                   .875rem;\n$toast-color:                       null;\n$toast-background-color:            rgba($white, .85);\n$toast-border-width:                $border-width;\n$toast-border-color:                var(--#{$prefix}border-color-translucent);\n$toast-border-radius:               $border-radius;\n$toast-box-shadow:                  $box-shadow;\n$toast-spacing:                     $container-padding-x;\n\n$toast-header-color:                $gray-600;\n$toast-header-background-color:     rgba($white, .85);\n$toast-header-border-color:         rgba($black, .05);\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size:                   .75em;\n$badge-font-weight:                 $font-weight-bold;\n$badge-color:                       $white;\n$badge-padding-y:                   .35em;\n$badge-padding-x:                   .65em;\n$badge-border-radius:               $border-radius;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding:               $spacer;\n\n$modal-footer-margin-between:       .5rem;\n\n$modal-dialog-margin:               .5rem;\n$modal-dialog-margin-y-sm-up:       1.75rem;\n\n$modal-title-line-height:           $line-height-base;\n\n$modal-content-color:               null;\n$modal-content-bg:                  #1c2836;\n$modal-content-border-color:        var(--#{$prefix}border-color-translucent);\n$modal-content-border-width:        $border-width;\n$modal-content-border-radius:       $border-radius-lg;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width);\n$modal-content-box-shadow-xs:       $box-shadow-sm;\n$modal-content-box-shadow-sm-up:    $box-shadow;\n\n$modal-backdrop-bg:                 $black;\n$modal-backdrop-opacity:            .5;\n\n$modal-header-border-color:         var(--#{$prefix}border-color);\n$modal-header-border-width:         $modal-content-border-width;\n$modal-header-padding-y:            $modal-inner-padding;\n$modal-header-padding-x:            $modal-inner-padding;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility\n\n$modal-footer-bg:                   null;\n$modal-footer-border-color:         $modal-header-border-color;\n$modal-footer-border-width:         $modal-header-border-width;\n\n$modal-sm:                          300px;\n$modal-md:                          500px;\n$modal-lg:                          800px;\n$modal-xl:                          1140px;\n\n$modal-fade-transform:              translate(0, -50px);\n$modal-show-transform:              none;\n$modal-transition:                  transform .3s ease-out;\n$modal-scale-transform:             scale(1.02);\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y:               $spacer;\n$alert-padding-x:               $spacer;\n$alert-margin-bottom:           1rem;\n$alert-border-radius:           $border-radius;\n$alert-link-font-weight:        $font-weight-bold;\n$alert-border-width:            $border-width;\n$alert-bg-scale:                -80%;\n$alert-border-scale:            -70%;\n$alert-color-scale:             40%;\n$alert-dismissible-padding-r:   $alert-padding-x * 3; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height:                   1rem;\n$progress-font-size:                $font-size-base * .75;\n$progress-bg:                       $gray-200;\n$progress-border-radius:            $border-radius;\n$progress-box-shadow:               $box-shadow-inset;\n$progress-bar-color:                $white;\n$progress-bar-bg:                   $primary;\n$progress-bar-animation-timing:     1s linear infinite;\n$progress-bar-transition:           width .6s ease;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color:                  $gray-900;\n$list-group-bg:                     $white;\n$list-group-border-color:           rgba($black, .125);\n$list-group-border-width:           $border-width;\n$list-group-border-radius:          $border-radius;\n\n$list-group-item-padding-y:         $spacer * .5;\n$list-group-item-padding-x:         $spacer;\n$list-group-item-bg-scale:          -80%;\n$list-group-item-color-scale:       40%;\n\n$list-group-hover-bg:               $gray-100;\n$list-group-active-color:           $component-active-color;\n$list-group-active-bg:              $component-active-bg;\n$list-group-active-border-color:    $list-group-active-bg;\n\n$list-group-disabled-color:         $gray-600;\n$list-group-disabled-bg:            $list-group-bg;\n\n$list-group-action-color:           $gray-700;\n$list-group-action-hover-color:     $list-group-action-color;\n\n$list-group-action-active-color:    $body-color;\n$list-group-action-active-bg:       $gray-200;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding:                 .25rem;\n$thumbnail-bg:                      $body-bg;\n$thumbnail-border-width:            $border-width;\n$thumbnail-border-color:            var(--#{$prefix}border-color);\n$thumbnail-border-radius:           $border-radius;\n$thumbnail-box-shadow:              $box-shadow-sm;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size:          $small-font-size;\n$figure-caption-color:              $gray-600;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size:              null;\n$breadcrumb-padding-y:              0;\n$breadcrumb-padding-x:              0;\n$breadcrumb-item-padding-x:         .5rem;\n$breadcrumb-margin-bottom:          1rem;\n$breadcrumb-bg:                     #1c2836;\n$breadcrumb-divider-color:          $gray-600;\n$breadcrumb-active-color:           $gray-600;\n$breadcrumb-divider:                quote(\"/\");\n$breadcrumb-divider-flipped:        $breadcrumb-divider;\n$breadcrumb-border-radius:          null;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color:             $white;\n$carousel-control-width:             15%;\n$carousel-control-opacity:           .5;\n$carousel-control-hover-opacity:     .9;\n$carousel-control-transition:        opacity .15s ease;\n\n$carousel-indicator-width:           30px;\n$carousel-indicator-height:          3px;\n$carousel-indicator-hit-area-height: 10px;\n$carousel-indicator-spacer:          3px;\n$carousel-indicator-opacity:         .5;\n$carousel-indicator-active-bg:       $white;\n$carousel-indicator-active-opacity:  1;\n$carousel-indicator-transition:      opacity .6s ease;\n\n$carousel-caption-width:             70%;\n$carousel-caption-color:             $white;\n$carousel-caption-padding-y:         1.25rem;\n$carousel-caption-spacer:            1.25rem;\n\n$carousel-control-icon-width:        2rem;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\");\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\");\n\n$carousel-transition-duration:       .6s;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg:  $black;\n$carousel-dark-caption-color:        $black;\n$carousel-dark-control-icon-filter:  invert(1) grayscale(100);\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width:           2rem;\n$spinner-height:          $spinner-width;\n$spinner-vertical-align:  -.125em;\n$spinner-border-width:    .25em;\n$spinner-animation-speed: .75s;\n\n$spinner-width-sm:        1rem;\n$spinner-height-sm:       $spinner-width-sm;\n$spinner-border-width-sm: .2em;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width:            1em;\n$btn-close-height:           $btn-close-width;\n$btn-close-padding-x:        .25em;\n$btn-close-padding-y:        $btn-close-padding-x;\n$btn-close-color:            $black;\n$btn-close-bg:               url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>\");\n$btn-close-focus-shadow:     $input-btn-focus-box-shadow;\n$btn-close-opacity:          .5;\n$btn-close-hover-opacity:    .75;\n$btn-close-focus-opacity:    1;\n$btn-close-disabled-opacity: .25;\n$btn-close-white-filter:     invert(1) grayscale(100%) brightness(200%);\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y:               $modal-inner-padding;\n$offcanvas-padding-x:               $modal-inner-padding;\n$offcanvas-horizontal-width:        400px;\n$offcanvas-vertical-height:         30vh;\n$offcanvas-transition-duration:     .3s;\n$offcanvas-border-color:            $modal-content-border-color;\n$offcanvas-border-width:            $modal-content-border-width;\n$offcanvas-title-line-height:       $modal-title-line-height;\n$offcanvas-bg-color:                #1c2836;\n$offcanvas-color:                   $modal-content-color;\n$offcanvas-box-shadow:              $modal-content-box-shadow-xs;\n$offcanvas-backdrop-bg:             $modal-backdrop-bg;\n$offcanvas-backdrop-opacity:        $modal-backdrop-opacity;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size:                    $small-font-size;\n$code-color:                        $pink;\n\n$kbd-padding-y:                     .1875rem;\n$kbd-padding-x:                     .375rem;\n$kbd-font-size:                     $code-font-size;\n$kbd-color:                         var(--#{$prefix}body-bg);\n$kbd-bg:                            var(--#{$prefix}body-color);\n$nested-kbd-font-weight:            null; // Deprecated in v5.2.0, removing in v6\n\n$pre-color:                         null;\n\n\n$linear-gradient-primary:           linear-gradient(to top, rgba($primary, 0) 0%, rgba($primary, 0.15) 50%, rgba($primary, 0.3) 100%);\n","//\n// _helper.scss\n//\n.fw-medium {\n    font-weight: $fw-medium;\n}\n\n.section {\n    padding: 100px 0;\n    position: relative;\n    @media (max-width: 768px) {\n        padding: 60px 0;\n    }\n}\n.section-two {\n    padding: 60px 0;\n    position: relative;\n}\n.bg-overlay {\n    background-color: $overlay;\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%\n}\n\n.bg-overlay-white {\n    background-color: $bg-overlay-white;\n}\n\n.bg-gradient-primary {\n    background: linear-gradient(to left, darken($purple, 10%) 0%, darken($primary, 10%) 100%);;\n}\n\n.bg-linear-gradient {\n    background: $linear-gradient;\n}\n\n.bg-linear-gradient-2 {\n    background: $linear-gradient-2;\n}\n\n.bg-linear-gradient-3 {\n    background: $linear-gradient-3;\n}\n\n.bg-linear-gradient-4 {\n    background: $linear-gradient-4;\n}\n\n.bg-linear-gradient-primary {\n    background: $linear-gradient-primary;\n}\n\n.bg-gradient-overlay {\n    background: $gradient-overlay;\n}\n\n.bg-gradient-overlay-2 {\n    background: $gradient-overlay-2;\n}\n\n.bg-primary-gradient-overlay {\n    background: linear-gradient(to bottom, rgba($primary, 0) 0%, rgba($primary, 0.25) 25%, rgba($primary, 0.50) 50%, rgba($primary, 0.75) 75%, rgba($primary, 1) 100%);;\n}\n\n.bg-gradient-white-overlay {\n    background: $gradient-white-overlay;\n}\n\n//Title\n.title-heading {\n    line-height: 26px;\n    .heading {\n        font-size: 45px !important;\n        letter-spacing: 1px;\n\n        &.heading-lg{\n            font-size: 60px !important;\n        }\n        @media (max-width: 768px) {\n            font-size: 35px !important;\n        }\n    }\n    .para-desc {\n        font-size: 18px;\n    }\n}\n.section-title {\n    // position: relative;\n    .title {\n        letter-spacing: 0.5px;\n        font-size: 30px !important;\n        \n        @media (max-width: 768px) {\n            font-size: 24px !important;\n        }\n    }\n} \n.text-shadow-title {\n    text-shadow: 2px 0 0 $white, \n                -2px 0 0 $white, \n                0 4px 0 rgba($white, 0.4), \n                0 -2px 0 $white, \n                1px 1px $white, \n                -1px -1px 0 $white, \n                1px -1px 0 $white, \n                -1px 1px 0 $white;\n}\n.para-desc {\n    max-width: 600px;\n}\n.mt-100 {\n    margin-top: 100px;\n}\n\n// Text Slider\n.text-slider {\n    margin: 0 auto;\n    position: relative;\n    overflow: hidden;\n    transform: translate3d(0, 0, 0);\n    > ul {\n        white-space: nowrap;\n    }\n    .move-text {\n        animation: moveSlideshow 12s linear infinite;\n    }\n}  \n@keyframes moveSlideshow {\n    100% { \n        transform: translateX(-45%);  \n    }\n}\n\n//Mover\n.mover {\n    animation: mover 1s infinite alternate;\n}\n@keyframes mover {\n    0% {\n        transform: translateY(0);\n    }\n    100% {\n        transform: translateY(5px);\n    }\n}\n\n.mover-2 {\n    animation: movers 10s infinite alternate;\n}\n@keyframes movers {\n    0% {\n        transform: translateY(0);\n    }\n    100% {\n        transform: translateY(350px);\n    }\n}\n\n.zoom-in-out {\n    animation: zoom-in-zoom-out 3s ease-out infinite;\n}\n\n@keyframes zoom-in-zoom-out {\n    0% {\n        transform: scale(1, 1);\n    }\n\n    50% {\n        transform: scale(1.5, 1.5);\n    }\n\n    100% {\n        transform: scale(1, 1);\n    }\n}\n\n//Feature post placeholder\n.feature-posts-placeholder {\n    position: absolute;\n    bottom: 0px;\n    left: 0;\n    right: 0;\n    height: 66.6%;\n\n    @media (max-width: 425px) {\n        height: 80%;\n    }\n}\n\n\n//Spinner Class\n.spin-anything {\n    animation: spinner-animation 5s linear infinite\n}\n\n@keyframes spinner-animation {\n    from {\n        transform:rotate(0deg);\n    }\n    to {\n        transform:rotate(360deg);\n    }\n}\n\n//SEO Home\n.seo-hero-widget {\n    position: relative;\n    transition: all 0.5s ease;\n    &:hover {\n        transform: scale(1.05);\n        z-index: 9;\n    }\n}\n\n.home-wrapper:before {\n    content: \"\";\n    position: absolute;\n    bottom: 40rem;\n    right: 0rem;\n    width: 90rem;\n    height: 35rem;\n    transform: rotate(78.75deg);\n    background: linear-gradient(90deg, rgba($primary, 0.3), transparent);\n    z-index: 1;\n\n    @media (min-width: 769px) and (max-width: 1024px) {\n        right: -20rem;        \n    }\n\n    @media (min-width: 426px) and (max-width: 768px) {\n        right: -15rem;\n        width: 70rem;\n        height: 25rem;\n    }\n\n    @media (max-width: 425px) {\n        right: -25rem;\n    }\n}\n\n//Cookies\n.cookie-popup {\n    position: fixed;\n    bottom: 12px;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    max-width: 512px;\n    z-index: 5;\n    .cookie-popup-actions {\n        button {\n            border: none;\n            background: none;\n            padding: 0;\n            cursor: pointer;\n            font-weight: 600;\n            position: absolute;\n            top: 5px;\n            right: 5px;\n        }\n    }\n    @media (max-width: 425px) {\n        left: 12px;\n        right: 12px;\n    }\n}\n\n.cookie-popup-not-accepted {\n    display: block;\n    animation: cookie-popup-in .5s ease forwards;\n}\n\n.cookie-popup-accepted {\n    display: none !important;\n}\n\n@keyframes cookie-popup-in {\n    from {\n        bottom: -6.25rem;\n    }\n\n    to {\n        bottom: 1.25rem;\n    }\n}\n\n//Clip Text\n.clip-text {\n    font-size: 190px;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    &.clip-text-image {\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n    }\n    @media (max-width: 1024px) {\n        font-size: 180px;        \n    }\n    @media (max-width: 768px) {\n        font-size: 135px;        \n    }\n    @media (max-width: 425px) {\n        font-size: 50px;        \n    }\n}\n  \n@media (min-width: 768px) {\n    .margin-top-100 {\n        margin-top: 100px;\n    }\n}\n@media (max-width: 768px) {\n    .mt-60 {\n        margin-top: 60px;\n    }   \n}\n\n.background-effect {\n    .circles {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        height: 100%;\n        width: 100%;\n        overflow: hidden;\n        li {\n            position: absolute;\n            display: block;\n            animation: animate 25s linear infinite;\n            bottom: -150px;\n            background: rgba($primary, 0.15);\n            &:nth-child(1),\n            &:nth-child(2),\n            &:nth-child(3),\n            &:nth-child(4),\n            &:nth-child(5),\n            &:nth-child(6),\n            &:nth-child(7),\n            &:nth-child(8),\n            &:nth-child(9),\n            &:nth-child(10) {\n                width: 24px;\n                height: 24px;\n            }\n            &:nth-child(1) {\n                left: 25%;\n                animation-delay: 0s;\n            }\n\n            &:nth-child(2) {\n                left: 10%;\n                animation-delay: 2s;\n                animation-duration: 12s;\n            }\n\n            &:nth-child(3) {\n                left: 70%;\n                animation-delay: 4s;\n            }\n\n            &:nth-child(4) {\n                left: 40%;\n                animation-delay: 0s;\n                animation-duration: 18s;\n            }\n\n            &:nth-child(5) {\n                left: 65%;\n                animation-delay: 0s;\n            }\n\n            &:nth-child(6) {\n                left: 75%;\n                animation-delay: 3s;\n            }\n\n            &:nth-child(7) {\n                left: 35%;\n                animation-delay: 7s;\n            }\n\n            &:nth-child(8) {\n                left: 50%;\n                animation-delay: 15s;\n                animation-duration: 45s;\n            }\n\n            &:nth-child(9) {\n                left: 20%;\n                animation-delay: 2s;\n                animation-duration: 35s;\n            }\n\n            &:nth-child(10) {\n                left: 85%;\n                animation-delay: 0s;\n                animation-duration: 11s;\n            }\n        }\n    }\n}\n\n@keyframes animate {\n    0% {\n        transform: translateY(0) rotate(0deg);\n        opacity: 1;\n        border-radius: 10px;\n    }\n\n    100% {\n        transform: translateY(-1000px) rotate(720deg);\n        opacity: 0;\n    }\n}\n\n\n//Feather Icon\n.fea {\n    stroke-width: 1.8;\n    &.icon-sm {\n        height: 16px;\n        width: 16px;\n    }\n    &.icon-ex-md {\n        height: 20px;\n        min-width: 20px;\n    }\n    &.icon-m-md {\n        height: 28px;\n        width: 28px;\n    }\n    &.icon-md {\n        height: 35px;\n        width: 35px;\n    }\n    &.icon-lg {\n        height: 42px;\n        width: 42px;\n    }\n    &.icon-ex-lg {\n        height: 52px;\n        width: 52px;\n    }\n}\n\n[class^=uil-], \n[class*=\" uil-\"] {\n    &:before {\n        margin: 0;\n    }\n}\n\n.uim-svg {\n    vertical-align: 0 !important;\n}\n\n// Rounded\n.rounded {\n    border-radius: 6px !important;\n}\n.rounded-top {\n    border-top-left-radius: 6px !important;\n    border-top-right-radius: 6px !important;\n}\n.rounded-left {\n    border-top-left-radius: 6px !important;\n    border-bottom-left-radius: 6px !important;\n}\n.rounded-bottom {\n    border-bottom-left-radius: 6px !important;\n    border-bottom-right-radius: 6px !important;\n}\n.rounded-right {\n    border-top-right-radius: 6px !important;\n    border-bottom-right-radius: 6px !important;\n}\n\n.rounded-md {\n    border-radius: 10px !important;\n}\n.rounded-lg {\n    border-radius: 30px !important;\n}\n\n//Border\n@each $name,\n$value in $theme-colors {\n    .border-#{$name} {\n        border-color: #{$value} !important;\n    }\n}\n\n// Opacity\n.opacity-05 {\n    opacity: 0.05;\n}\n\n.opacity-075 {\n    opacity: 0.075;\n}\n\n.opacity-1 {\n    opacity: 0.1;\n}\n\n.opacity-2 {\n    opacity: 0.2;\n}\n\n.opacity-3 {\n    opacity: 0.3;\n}\n\n.opacity-4 {\n    opacity: 0.4;\n}\n\n.opacity-5 {\n    opacity: 0.5;\n}\n\n.opacity-6 {\n    opacity: 0.6;\n}\n\n.opacity-7 {\n    opacity: 0.7;\n}\n\n.opacity-8 {\n    opacity: 0.8;\n}\n\n.opacity-9 {\n    opacity: 0.9;\n}\n\n//Z Index css\n.z-index-1 {\n    z-index: 1;\n}\n.z-index-0 {\n    z-index: 0;\n}\n.z-index-m-1 {\n    z-index: -1;\n}\n\n//Small\n.small, small {\n    font-size: 90%;\n}\n\n\n//Social icons\n.social-icon {\n    li {\n        a {\n            color: $dark;\n            border: 1px solid $dark;\n            height: 32px;\n            width: 32px;\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            transition: all 0.4s ease;\n            overflow: hidden;\n            position: relative;\n            .fea-social {\n                stroke-width: 2;\n            }\n            &:hover {\n                background-color: $primary;\n                border-color: $primary !important;\n                color: $foot-social-color-white !important;\n                .fea-social {\n                    fill: $primary;\n                }\n            }\n        }\n    }\n    &.social {\n        li {\n            a {\n                color: $foot-social-color;\n                border-color: $social-border-color;\n            }\n        }\n    }\n\n    &.foot-social-icon {\n        li {\n            a {\n                color: $foot-social-color;\n                border-color: lighten($footer, 5%);\n            }\n        }\n    }\n}\n//back to top\n.back-to-top {\n    position: fixed;\n    z-index: 99;\n    bottom: 30px;\n    right: 30px;\n    display: none;\n    transition: all 0.5s ease;\n    height: 36px;\n    width: 36px;\n    line-height: 33px;\n    border-radius: 6px;\n    text-align: center;\n    background: $primary;\n    color: $back-to-top-color !important;\n    .icons {\n        transition: all 0.5s ease;\n    }\n    &:hover {\n        transform: rotate(45deg);\n        .icons {\n            transform: rotate(-45deg) !important;\n        }\n    }\n}\n\n//back-to-home\n.back-to-home {\n    position: fixed;\n    bottom: 10px;\n    right: 10px;\n    z-index: 1;\n}\n\n//Sticky Sidebar\n.sticky-bar {\n    position: sticky;\n    top: 80px;\n}\n\n//position-middle-bottom\n.position-middle-bottom {\n    position: absolute;\n    bottom: 15px;\n    left: 12px;\n    right: 12px;\n    text-align: center;\n}\n\n//Text-color-white\n.text-color-white {\n    color: $text-color-white !important;\n}\n\n.d-flex {\n    .flex-1 {\n        flex: 1;\n    }\n}\n\n//Brand\n.brand-gray {\n    img {\n        -webkit-filter: grayscale(1);\n        transition: all 0.5s ease;\n        &:hover {\n            -webkit-filter: grayscale(0);\n        }\n    }\n}\n\n.about-left {\n    .img-one {\n        max-width: 70%;\n    }\n    .img-two {\n        position: absolute;\n        right: 0;\n        bottom: 5%;\n        max-width: 250px;\n    }\n}\n.about-right {\n    // display: -webkit-box;\n    // display: -ms-flexbox;\n    display: flex;\n    // -webkit-box-pack: end;\n        // -ms-flex-pack: end;\n    justify-content: end;\n    .img-one {\n        max-width: 70%;\n    }\n    .img-two {\n        position: absolute;\n        left: 0;\n        bottom: 5%;\n        max-width: 250px;\n    }\n}","//\r\n// switcher.scss\r\n//\r\n.switcher-btn {\r\n    position: fixed;\r\n    top: 200px;\r\n    height: 41px;\r\n    width: 40px;\r\n    padding: 3px;\r\n    border-radius: 0 30px 30px 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.style-switcher {\r\n\r\n    .t-dark, \r\n    .t-rtl-light {\r\n        display: inline-block;\r\n    }\r\n    .t-ltr-light,\r\n    .t-light,\r\n    .t-rtl-dark,\r\n    .t-ltr-dark {\r\n        display: none;\r\n    }\r\n}\r\n\r\n//LTR Continues in RTL Version\r\n[dir=\"rtl\"] {\r\n    .style-switcher {\r\n        .t-rtl-light {\r\n            display: none;\r\n        }\r\n        .t-ltr-light {\r\n            display: inline-block;\r\n        }\r\n    }\r\n}\r\n//\r\n// switcher.scss\r\n//\r\nul.pattern {\r\n\toverflow: hidden;\r\n\tborder-radius: 0px;\r\n    list-style: none;\r\n\tli {\r\n\t\tfloat: left;\r\n\t\tmargin: 2px;\r\n\t\t.color-list {\r\n\t\t\tdisplay: block;\r\n\t\t\theight: 35px;\r\n\t\t\twidth: 60px;\r\n\t\t\tmargin: 5px;\r\n\t\t}\r\n\t}\r\n\t.color1 {\r\n\t\tbackground-color: $blue;\r\n\t}\r\n\t.color2 {\r\n        background-color: $green-two;\r\n    }\r\n    \r\n    .color3 {\r\n        background-color: $yellow-two;\r\n    }\r\n}\r\n\r\n.mode-dark {\r\n\tdisplay: none;\r\n\ttransition: all 0.5s ease;\r\n}\r\n\r\n.mode-light {\r\n\tdisplay: blog;\r\n\ttransition: all 0.5s ease;\r\n}\r\n\r\nbody[data-layout-mode=\"dark\"] {\r\n    .mode-dark {\r\n        display: inline-block;\r\n    }\r\n\r\n    .mode-light {\r\n        display: none;\r\n    }\r\n}","//Topnav\r\n#topnav {\r\n    .logo {\r\n        .l-dark,\r\n        .logo-light-mode {\r\n            display: none !important;\r\n        }\r\n        .l-light,\r\n        .logo-dark-mode {\r\n            display: inline-block !important;\r\n        }\r\n    }\r\n}\r\n\r\n.style-switcher {\r\n    .t-dark,\r\n    .t-rtl-light,\r\n    .t-ltr-dark {\r\n        display: none;\r\n    }\r\n    .t-light,\r\n    .t-rtl-dark {\r\n        display: inline-block;\r\n    }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n    .style-switcher {\r\n        .t-rtl-dark,\r\n        .t-ltr-light {\r\n            display: none;\r\n        }\r\n        .t-ltr-dark {\r\n            display: inline-block;\r\n        }\r\n    }\r\n}\r\n\r\n//Offcanvas\r\n.offcanvas {\r\n    .offcanvas-header {\r\n        .dark-version {\r\n            display: inline-block;\r\n        }\r\n        .light-version {\r\n            display: none;\r\n        }\r\n        .btn-close {\r\n            color: $dark;\r\n        }\r\n    }\r\n}"]}