/*
@Theme Name: Saasland
@Author: Md. Shahadat Hussain
@Developer URL: https://themeforest.net/user/droitthemes
@WordPress Developed By: Eh Jewel
@WordPress Co-Developed By: Arif Rahman
@Default Styles
 */
:root {
    --primary-color: var(--accent_solid_color, #5e2ced);
    --secondary-color: var(--theme_secondary_color_opt, #051441);
    --body-color: var(--theme_body_color_opt, #677294);
    --white-color: #ffffff;
    --gray-bg-theme: #f9f9f9;
    --body-font-weight: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --text-color-black: #282835;
    --body-font-family: Poppins, sans-serif;
}

a {
    color: var(--color-black);
}

.fw_400 {
    font-weight: var(--font-weight-400);
}

.fw_500 {
    font-weight: var(--font-weight-500);
}

.fw_600 {
    font-weight: var(--font-weight-600);
}

.fw_700 {
    font-weight: var(--font-weight-700);
}

.text-color-black {
    color: var(--text-color-black);
}

body {
    font-family: var(--body-font-family);
    font-size: 15px;
    line-height: 1.6;
    font-weight: var(--body-font-weight);
    color: var(--body-color);
    overflow-x: hidden;
}

/*
* Theme Blog
 */
a {
    text-decoration: none;
}

h1 a {
    text-decoration: none;
}

.blog_area_two .blog_list_item {
    position: relative;
}

    .blog_area_two .blog_list_item:not(:last-child) {
        margin-bottom: 70px;
    }

    .blog_area_two .blog_list_item .sticky-label {
        padding: 6px 15px;
        background-color: var(--primary-color);
        color: var(--white-color);
        display: inline;
        float: right;
    }

    .blog_area_two .blog_list_item .post_date {
        left: 20px;
        top: 20px;
        border-radius: 4px;
        background-color: #fbfbfd;
        -webkit-box-shadow: 0 14px 30px 0 rgba(68, 28, 183, 0.25);
        box-shadow: 0 14px 30px 0 rgba(68, 28, 183, 0.25);
        padding: 10px 20px;
        z-index: 1;
        text-align: center;
    }

        .blog_area_two .blog_list_item .post_date h2 {
            font-size: 30px;
            color: #2c2c51;
            line-height: 1;
        }

            .blog_area_two .blog_list_item .post_date h2 span {
                font-size: 15px;
            }

    .blog_area_two .blog_list_item a > img {
        border-radius: 6px;
    }

    .blog_area_two .blog_list_item .video_post::before {
        content: "";
        background: #282835;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        opacity: 0.3;
    }

    .blog_area_two .blog_list_item .video_post img {
        border-radius: 6px;
    }

    .blog_area_two .blog_list_item .video_post .video_icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .blog_area_two .blog_list_item .video_post .video_icon svg path {
            fill: var(--primary-color);
        }

.blog_area_two .blog_list_item_two,
.blog_area_two .blog_grid_item {
    margin-bottom: 60px;
}

    .blog_area_two .blog_list_item_two .blog_content,
    .blog_area_two .blog_grid_item .blog_content {
        padding-top: 30px;
    }

.blog_area_two .qutoe_post .blog_content {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(20, 3, 67, 0.08);
    box-shadow: 0 10px 30px 0 rgba(20, 3, 67, 0.08);
    border-radius: 6px;
    padding: 28px 40px 42px 40px;
    position: relative;
    overflow: hidden;
    border-left: 6px solid var(--primary-color);
    z-index: 0;
}

    .blog_area_two .qutoe_post .blog_content i {
        font-size: 30px;
        color: var(--primary-color);
        padding-bottom: 12px;
        display: inline-block;
    }

    .blog_area_two .qutoe_post .blog_content::after {
        content: "\f10d";
        font-family: "FontAwesome";
        font-weight: 900;
        position: absolute;
        right: 30px;
        bottom: -55px;
        color: #f2effd;
        font-size: 100px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        z-index: -1;
    }

.blog_content {
    padding-top: 30px;
}

    .blog_content a {
        text-decoration: none;
    }

    .blog_content .post_date h2 {
        font: 700 30px/20px "Poppins", sans-serif;
        margin-bottom: 0;
        color: var(--primary-color);
        padding-top: 5px;
    }

    .blog_content .post-info-bottom .learn_btn_two:before {
        content: "";
        background-color: var(--primary-color);
        height: 1px;
        width: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    .blog_content .post-info-bottom .learn_btn_two:hover:before {
        width: 100%;
    }

    .blog_content .post-info-bottom .learn_btn_two:hover i {
        padding-left: 10px;
    }

        .blog_content .post-info-bottom .learn_btn_two:hover i svg {
            fill: var(--primary-color);
        }

    .blog_content .post-info-bottom a {
        font-size: 13px;
        line-height: 20px;
    }

        .blog_content .post-info-bottom a i {
            -webkit-transition: all 0.4s;
            transition: all 0.4s;
        }

    .blog_content .post-info-bottom svg {
        fill: var(--primary-color);
        margin-right: 5px;
        margin-top: -2px;
    }

.blog_list_item_two.sticky {
    padding: 30px 25px;
    border-radius: 5px;
    background-color: var(--gray-bg-theme);
}

.navigation.pagination a {
    text-decoration: none;
}

    .navigation.pagination a svg {
        margin-top: -3px;
    }

.single_post_tags.post-tags {
    font-size: 13px;
    color: #424255;
    font-weight: 500;
    letter-spacing: 1px;
}

    .single_post_tags.post-tags a {
        padding: 0 16px;
        font-size: 12px;
        color: #07070a;
        background: #f0f2f9;
        border-radius: 4px;
        margin: 5px 4px;
        display: inline-block;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        font-weight: 300;
        line-height: 28px;
    }

blockquote {
    background-color: white;
    -webkit-box-shadow: 0 10px 30px 0 rgba(20, 3, 67, 0.08);
    box-shadow: 0 10px 30px 0 rgba(20, 3, 67, 0.08);
    border-radius: 6px;
    padding: 28px 40px 22px 40px !important;
    position: relative;
    overflow: hidden;
    border-left: 6px solid var(--primary-color);
    z-index: 0;
    margin: 40px 0 45px;
}

    blockquote:before {
        content: "";
        -webkit-mask: url(../img/svg/qoute-left.svg) 50% 50%/40px 25px no-repeat;
        mask: url(../img/svg/qoute-left.svg) 50% 50%/40px 25px no-repeat;
        background-color: var(--primary-color);
        display: inline-block;
        width: 30px;
        height: 30px;
    }

    .blog_single_info .blog_list_item_two blockquote:after,
    blockquote:after {
        content: "";
        -webkit-mask: url(../img/svg/qoute-left.svg) 50% 50%/400px 100px no-repeat;
        mask: url(../img/svg/qoute-left.svg) 50% 50%/400px 100px no-repeat;
        position: absolute;
        right: 30px;
        bottom: auto;
        top: 50%;
        z-index: -1;
        background-color: #f2effd;
        width: 100px;
        height: 100px;
    }

    blockquote i {
        font-size: 30px;
        color: var(--primary-color);
        padding-bottom: 12px;
        display: inline-block;
    }

    .blog_single_info .blog_list_item_two blockquote h6,
    blockquote h6 {
        font-size: 20px;
        color: #525c7c;
        font-weight: 500;
        line-height: 34px;
        margin-bottom: 0;
    }

    blockquote cite {
        font-size: 14px;
        color: #848ca5;
        line-height: 20px;
        letter-spacing: 1px;
        display: inline-block;
        text-transform: uppercase;
        margin-top: 20px;
        margin-bottom: 15px;
        font-style: normal;
    }

.comment-box .post_comment .post_author {
    margin-bottom: 30px;
}

    .comment-box .post_comment .post_author .media-left {
        margin-right: 30px;
    }

    .comment-box .post_comment .post_author .replay {
        display: block;
        text-align: center;
        font-size: 20px;
        color: #525c7c;
        padding-top: 14px;
        -webkit-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }

        .comment-box .post_comment .post_author .replay:hover {
            color: var(--primary-color);
        }

    .comment-box .post_comment .post_author .media-body {
        border-bottom: 1px solid #e8ebf4;
        padding-left: 0;
        padding-bottom: 25px;
    }

.comment-box .post_comment .reply-comment {
    padding-left: 110px;
}

    .comment-box .post_comment .reply-comment .post_author {
        margin-bottom: 0;
    }

.comment_inner {
    margin-top: 100px;
}

    .comment_inner .comment_box {
        margin-bottom: 0;
    }

        .comment_inner .comment_box .post_comment {
            background: #f7f8fb;
            padding: 30px 30px 30px;
        }

            .comment_inner .comment_box .post_comment .post_author_two {
                padding: 0;
                background: transparent;
                -webkit-box-align: inherit;
                -ms-flex-align: inherit;
                align-items: inherit;
            }

                .comment_inner .comment_box .post_comment .post_author_two .media-body {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                }

                .comment_inner .comment_box .post_comment .post_author_two .comment_info {
                    display: inline-block;
                }

                    .comment_inner .comment_box .post_comment .post_author_two .comment_info h3 {
                        margin-bottom: 0;
                    }

                .comment_inner .comment_box .post_comment .post_author_two .img_rounded {
                    width: 70px;
                    height: 70px;
                }

                .comment_inner .comment_box .post_comment .post_author_two .comment_reply {
                    float: right;
                    font: 500 13px/26px "Poppins", sans-serif;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    color: #424255;
                }

                    .comment_inner .comment_box .post_comment .post_author_two .comment_reply i {
                        vertical-align: middle;
                        font-size: 20px;
                        padding-left: 5px;
                    }

                    .comment_inner .comment_box .post_comment .post_author_two .comment_reply:hover {
                        color: var(--primary-color);
                    }

                .comment_inner .comment_box .post_comment .post_author_two p:last-of-type {
                    margin: 0;
                    padding: 0;
                }

    .comment_inner .blog_titles,
    .blog_single_info .blog_titles,
    .blog_comment_box .blog_titles {
        font: 600 24px "Poppins", sans-serif;
        color: #282835;
        margin-bottom: 30px;
    }

    .comment_inner .comment_box .post_comment .reply_comment {
        margin-left: 100px;
        border-top: 1px solid #e8ebf4;
        margin-top: 30px;
    }

.post_author_two {
    background: #f3f5fa;
    border-radius: 4px;
    padding: 35px 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .post_author_two .img_rounded {
        width: 100px;
        height: 100px;
        margin-right: 30px;
    }

    .post_author_two .media-body .comment_info h3 {
        font: 500 18px/24px "Poppins", sans-serif;
        color: #282835;
    }

    .post_author_two .media-body .comment_info .comment-date {
        font: 400 14px "Poppins", sans-serif;
        color: var(--body-color);
    }

.comment_inner .comment_box .post_comment .reply_comment .post_author_two {
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;
}

.comment_inner .comment_box .post_comment:not(:last-child) {
    margin-bottom: 30px;
}

.blog_comment_box {
    margin-top: 100px;
}

    .blog_comment_box .get_quote_form .form-group .form-control {
        background: #f7f8fb;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .blog_comment_box .get_quote_form .form-group .form-control.placeholder {
            color: #9ca3b9;
        }

        .blog_comment_box .get_quote_form .form-group .form-control:-moz-placeholder {
            color: #9ca3b9;
        }

        .blog_comment_box .get_quote_form .form-group .form-control::-moz-placeholder {
            color: #9ca3b9;
        }

        .blog_comment_box .get_quote_form .form-group .form-control::-webkit-input-placeholder {
            color: #9ca3b9;
        }

        .blog_comment_box .get_quote_form .form-group .form-control:focus {
            border-color: var(--primary-color);
            background: var(--white-color);
        }

/** === Custom CSS === **/
.comment_inner .comment_box .post_comment .reply_comment {
    margin-left: 70px;
}

.comment_inner .comment_box .post_comment:not(:last-child) {
    margin-bottom: 20px;
}

.blog_comment_box p.no-comments {
    margin-top: 20px;
}

.blog-sidebar .wp-block-group ul, .blog-sidebar .wp-block-group ol {
    padding: 0;
    margin: 0;
}

/*============ new_footer_area css ===========*/
.new_footer_area {
    background: #f5f5fa;
    overflow: hidden;
}

    .new_footer_area .footer_bottom p {
        font-size: 16px;
        color: #6a7695;
        line-height: 28px;
        margin-bottom: 0;
    }

        .new_footer_area .footer_bottom p i {
            color: #fd2f51;
        }

.new_footer_top {
    padding: 120px 0 270px;
    position: relative;
}

    .new_footer_top .f-title {
        margin-bottom: 30px;
        color: #263b5e;
    }

    .new_footer_top .wp-block-archives-list {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
    }

    .new_footer_top .company_widget p {
        font-size: 16px;
        font-weight: 300;
        line-height: 28px;
        color: #6a7695;
        margin-bottom: 20px;
    }

    .new_footer_top .company_widget .f_subscribe_two .form-control {
        border: 1px solid #e2e2eb;
        border-radius: 4px;
        height: 55px;
        background: var(--white-color);
        font-size: 15px;
        font-weight: 300;
        line-height: 55px;
        padding-left: 30px;
    }

    .new_footer_top .f_widget.about-widget .f_list li {
        margin-bottom: 11px;
    }

        .new_footer_top .f_widget.about-widget .f_list li a {
            color: #6a7695;
        }

            .new_footer_top .f_widget.about-widget .f_list li a:before {
                display: none;
            }

            .new_footer_top .f_widget.about-widget .f_list li a:hover {
                color: var(--primary-color);
            }

    .new_footer_top .f_social_icon a {
        width: 44px;
        height: 44px;
        line-height: 43px;
        background: transparent;
        border: 1px solid #e2e2eb;
        font-size: 12px;
    }

        .new_footer_top .f_social_icon a:hover {
            background: var(--primary-color);
            border-color: var(--primary-color);
        }

        .new_footer_top .f_social_icon a + a {
            margin-left: 4px;
        }

    .new_footer_top .footer_bg {
        position: absolute;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: scroll;
        width: 100%;
        height: 266px;
    }

        .new_footer_top .footer_bg .footer_bg_one {
            background: url("../img/seo/car.png") no-repeat center center;
            width: 70px;
            height: 50px;
            position: absolute;
            bottom: 0;
            left: 30%;
            -webkit-animation: myfirst 22s linear infinite;
            animation: myfirst 22s linear infinite;
        }

        .new_footer_top .footer_bg .footer_bg_two {
            background: url("../img/seo/bike.png") no-repeat center center;
            width: 50px;
            height: 52px;
            bottom: 0;
            left: 38%;
            position: absolute;
            -webkit-animation: myfirst 30s linear infinite;
            animation: myfirst 30s linear infinite;
        }

/*============== footer_area css ==============*/
.f_bg {
    background: #eff2f9;
    -webkit-box-shadow: 0px -1px 0px 0px rgba(231, 236, 246, 0.004);
    box-shadow: 0px -1px 0px 0px rgba(231, 236, 246, 0.004);
}

.footer_top {
    border-bottom: 1px solid #e0e3ef;
    padding: 115px 0px 100px;
}

.f_widget .widget-wrap {
    margin-top: 35px;
}

    .f_widget .widget-wrap p span {
        color: var(--secondary-color);
    }

    .f_widget .widget-wrap p a {
        color: var(--body-color);
        -webkit-transition: color 0.2s linear;
        transition: color 0.2s linear;
    }

        .f_widget .widget-wrap p a:hover {
            color: var(--primary-color);
        }

.f_widget.company_widget .mchimp-errmessage, .f_widget.company_widget .mchimp-sucmessage {
    position: absolute;
}

.f_widget.about-widget .f_list {
    margin-bottom: 0;
}

    .f_widget.about-widget .f_list li {
        margin-bottom: 15px;
    }

        .f_widget.about-widget .f_list li a {
            font: 300 16px/20px "Poppins", sans-serif;
            color: var(--body-color);
            position: relative;
            -webkit-transition: color 0.2s linear;
            transition: color 0.2s linear;
            display: inline-block;
        }

            .f_widget.about-widget .f_list li a:before {
                content: "";
                width: 0;
                height: 1px;
                background: var(--primary-color);
                right: 0;
                left: auto;
                bottom: 0;
                position: absolute;
                -webkit-transition: width 0.2s linear;
                transition: width 0.2s linear;
            }

            .f_widget.about-widget .f_list li a:hover {
                color: var(--primary-color);
            }

                .f_widget.about-widget .f_list li a:hover:before {
                    width: 100%;
                    right: auto;
                    left: 0;
                }

        .f_widget.about-widget .f_list li:last-child {
            margin-bottom: 0px;
        }

.f_subscribe {
    position: relative;
    margin-top: 40px;
}

    .f_subscribe .form-control {
        font: 300 14px "Poppins", sans-serif;
        color: #333;
        border: 1px solid #e2e7f3;
        border-radius: 3px;
        background: #e9ecf3;
        padding-left: 25px;
        height: 54px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .f_subscribe .form-control.placeholder {
            color: #9ba2b5;
        }

        .f_subscribe .form-control:-moz-placeholder {
            color: #9ba2b5;
        }

        .f_subscribe .form-control::-moz-placeholder {
            color: #9ba2b5;
        }

        .f_subscribe .form-control::-webkit-input-placeholder {
            color: #9ba2b5;
        }

        .f_subscribe .form-control:focus {
            -webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.06);
            box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.06);
        }

    .f_subscribe button {
        position: absolute;
        right: 25px;
        background: transparent;
        padding: 0;
        color: #222d39;
        font-size: 16px;
        top: 52%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.footer_bottom {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #7f88a6;
    padding: 27px 0px;
}

    .footer_bottom p a {
        color: var(--primary-color);
        -webkit-transition: color 0.2s linear;
        transition: color 0.2s linear;
    }

    .footer_bottom .f_menu {
        margin-bottom: 0px;
    }

        .footer_bottom .f_menu li {
            display: inline-block;
            position: relative;
        }

            .footer_bottom .f_menu li a {
                color: #7f88a6;
                -webkit-transition: color 0.2s linear;
                transition: color 0.2s linear;
            }

                .footer_bottom .f_menu li a:hover {
                    color: var(--primary-color);
                }

            .footer_bottom .f_menu li + li {
                margin-left: 16px;
            }

                .footer_bottom .f_menu li + li:before {
                    content: "";
                    width: 1px;
                    height: 12px;
                    background: #b1b7ca;
                    display: inline-block;
                    margin-right: 18px;
                    vertical-align: middle;
                }

    .footer_bottom a:hover {
        color: var(--primary-color);
    }

.f_social_icon_two a {
    font-size: 14px;
    color: #969db4;
    margin: 0 8px;
}

/*================ footer area two css ==============*/
.f_social_icon a {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 45px;
    color: #858da8;
    display: inline-block;
    background: #ebeef5;
    text-align: center;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .f_social_icon a:hover {
        background: #00aff0;
        color: var(--white-color);
    }

    .f_social_icon a + a {
        margin-left: 10px;
    }

.footer_bottom ul {
    text-align: right;
}

    .footer_bottom ul li {
        display: inline-block;
        position: relative;
    }

        .footer_bottom ul li a {
            color: #7f88a6;
            -webkit-transition: color 0.2s linear;
            transition: color 0.2s linear;
        }

        .footer_bottom ul li + li:before {
            content: "";
            width: 1px;
            height: 12px;
            background: #b1b7ca;
            display: inline-block;
            margin-right: 18px;
            vertical-align: middle;
        }

.megamenu_wrapper {
    position: relative;
}

.has-saasland-mega-menu {
    position: initial !important;
}

    .has-saasland-mega-menu a {
        display: inline-block;
    }

.sln-megamenu-content {
    width: 100%;
    left: 0 !important;
    right: 0;
    max-width: 100%;
}

.megamenu_wrapper {
    position: relative;
}

    .megamenu_wrapper li.has-saasland-mega-menu,
    .megamenu_wrapper .menu > .nav-item.has-saasland-mega-menu {
        position: initial !important;
    }

.sln-megamenu-content {
    width: 100%;
}

.has-saasland-mega-menu .nav-link {
    display: inline-block;
}

@media (max-width: 991px) {
    .mega_menu span.arrow_carrot-right {
        display: block;
    }

    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item > .nav-link {
        font: 400 14px/34px "Poppins", sans-serif;
    }

    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item {
        width: 100%;
    }
}
/**
** Custom CSS
 */
.admin-bar header.header_area {
    margin-top: 32px;
}

    .admin-bar header.header_area .header_area {
        margin-top: 0;
    }

.full_header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 105;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px;
}

.page-template-page-split .full_header {
    position: fixed;
}

header.full_header.header_area.header_stick.navbar_fixed {
    padding: 20px 40px;
}

header.full_header.header_stick.navbar_fixed .bar_menu span {
    background: #5f28fb;
}

.full_header .logo img {
    display: none;
}

    .full_header .logo img + img {
        display: inline-block;
    }

.full_header .bar_menu {
    cursor: pointer;
}

    .full_header .bar_menu span {
        width: 36px;
        height: 2px;
        background: var(--white-color);
        display: block;
    }

        .full_header .bar_menu span:not(:last-child) {
            margin-bottom: 7px;
        }

        .full_header .bar_menu span:nth-child(2) {
            width: 24px;
        }

        .full_header .bar_menu span:nth-child(3) {
            width: 30px;
        }

.full_header.content-white .logo img {
    display: inline-block;
}

    .full_header.content-white .logo img + img {
        display: none;
    }

.hamburger-menu-wrepper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 108;
    padding: 55px 80px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform 0.8s ease 0.4s;
    transition: -webkit-transform 0.8s ease 0.4s;
    transition: transform 0.8s ease 0.4s;
    transition: transform 0.8s ease 0.4s, -webkit-transform 0.8s ease 0.4s;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    background: rgba(5, 20, 65, 0.98);
}

    .hamburger-menu-wrepper .nav {
        position: relative;
        z-index: 108;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

        .hamburger-menu-wrepper .nav .nav_logo img {
            opacity: 1 !important;
        }

        .hamburger-menu-wrepper .nav .close-menu {
            color: var(--white-color);
        }

    .hamburger-menu-wrepper .animation-box {
        position: absolute;
        top: 5%;
        height: 100%;
        width: 100%;
        left: 0;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

        .hamburger-menu-wrepper .animation-box .menu-box {
            display: table;
            height: 100%;
            width: 62%;
            margin: 0 auto;
            opacity: 0;
            -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

    .hamburger-menu-wrepper.show-menu {
        z-index: 108;
        opacity: 1;
        visibility: visible;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition: -webkit-transform 0.7s ease 0.2s;
        transition: -webkit-transform 0.7s ease 0.2s;
        transition: transform 0.7s ease 0.2s;
        transition: transform 0.7s ease 0.2s, -webkit-transform 0.7s ease 0.2s;
        overflow-y: auto;
    }

        .hamburger-menu-wrepper.show-menu .nav {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            -webkit-transition: opacity ease 1.4s 0.7s, -webkit-transform ease 1.4s 0.7s;
            transition: opacity ease 1.4s 0.7s, -webkit-transform ease 1.4s 0.7s;
            transition: transform ease 1.4s 0.7s, opacity ease 1.4s 0.7s;
            transition: transform ease 1.4s 0.7s, opacity ease 1.4s 0.7s, -webkit-transform ease 1.4s 0.7s;
            opacity: 1;
            visibility: visible;
        }

        .hamburger-menu-wrepper.show-menu .animation-box {
            top: 0;
            opacity: 1;
            -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
            -webkit-transition-duration: 0.7s;
            transition-duration: 0.7s;
        }

            .hamburger-menu-wrepper.show-menu .animation-box .menu-box {
                opacity: 1;
            }

                .hamburger-menu-wrepper.show-menu .animation-box .menu-box .offcanfas_menu > li a {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                    -webkit-transition: opacity ease 1.4s 0.6s, -webkit-transform ease 1.4s 0.6s;
                    transition: opacity ease 1.4s 0.6s, -webkit-transform ease 1.4s 0.6s;
                    transition: transform ease 1.4s 0.6s, opacity ease 1.4s 0.6s;
                    transition: transform ease 1.4s 0.6s, opacity ease 1.4s 0.6s, -webkit-transform ease 1.4s 0.6s;
                    opacity: 1;
                    visibility: visible;
                }

.navbar .offcanfas_menu {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 50px 0;
}

    .navbar .offcanfas_menu > .nav-item {
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

        .navbar .offcanfas_menu > .nav-item:not(:last-child) {
            margin-bottom: 18px;
        }

header .navbar .offcanfas_menu > .nav-item .nav-link {
    font-size: 2.1rem;
    line-height: 46px;
    color: var(--white-color);
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    -webkit-transform: translateY(45px);
    transform: translateY(45px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: inline-block;
}

.navbar .offcanfas_menu > .nav-item .nav-link:before {
    background: var(--white-color);
}

#multiscroll-nav {
    z-index: 10;
}

ul.navbar-nav > li.dropdown > a > span {
    display: inline-block;
    vertical-align: middle;
}

.menu > .nav-item.submenu .dropdown-menu {
    -webkit-transition: unset;
    transition: unset;
}

.menu.offcanfas_menu > .nav-item {
    border: none;
}

header.header_area .menu.offcanfas_menu > .nav-item.submenu .dropdown-menu span svg {
    border: none;
    color: var(--white-color) !important;
    font-size: 22px;
    padding: 0;
    top: 6px;
    right: -20px;
}

.menu.offcanfas_menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
    left: 0;
    top: 0;
    pointer-events: all;
    opacity: 1;
}

.menu.offcanfas_menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
    display: none;
}

.custom_container.split_page_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu {
    position: relative !important;
    display: none;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 0;
    background: transparent;
    padding-left: 25px;
    padding-top: 8px;
    padding-bottom: 0;
    max-height: none !important;
    left: 0;
}

    .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item {
        background: transparent;
        padding: 0;
    }

        .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item > .nav-link {
            color: var(--white-color);
            font-size: 16px;
            line-height: 31px;
        }

        .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item:hover .nav-link, .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item.active .nav-link {
            color: #5f28fb;
        }

.navbar .offcanfas_menu > .nav-item.submenu.active .nav-link {
    color: #5f28fb;
}

    .navbar .offcanfas_menu > .nav-item.submenu.active .nav-link:before {
        background: #5f28fb;
    }

.navbar .offcanfas_menu > .nav-item.submenu.show .nav-link {
    color: #5f28fb;
}

    .navbar .offcanfas_menu > .nav-item.submenu.show .nav-link:before {
        width: 100%;
        background: #5f28fb;
    }

.navbar .offcanfas_menu > .nav-item.submenu.show .dropdown-menu {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.header_footer {
    display: table-footer-group;
    padding-bottom: 80px;
}

    .header_footer h5 {
        font-size: 16px;
        color: var(--white-color);
    }

    .header_footer ul {
        margin-bottom: 40px;
    }

        .header_footer ul li {
            display: inline-block;
            margin-right: 6px;
        }

            .header_footer ul li a {
                width: 44px;
                height: 44px;
                border: 1px solid #656c82;
                border-radius: 50%;
                text-align: center;
                font-size: 14px;
                line-height: 44px;
                color: var(--white-color);
                display: block;
                -webkit-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }

                .header_footer ul li a:hover {
                    background: var(--white-color);
                    border-color: var(--white-color);
                    color: #5f28fb;
                }

    .header_footer p {
        font-size: 16px;
        color: #858faf;
        margin-bottom: 100px;
    }

.close_icon {
    position: absolute;
    right: 60px;
    top: 40px;
    color: #7b84a2;
    font-size: 30px;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .close_icon:hover {
        color: var(--white-color);
    }

.hamburger-menu-wrepper .menu > .nav-item.submenu .dropdown-menu .nav-item:last-child, .hamburger-menu-wrepper .menu > .nav-item.submenu .dropdown-menu .nav-item:first-child {
    padding-top: 0;
}

@media (max-width: 768px) {
    .page-template-page-split .full_header {
        padding: 15px;
        padding-right: 30px;
    }

    header.full_header.header_area.header_stick.navbar_fixed {
        padding: 5px 15px;
    }

    .hamburger-menu-wrepper .animation-box .menu-box {
        width: 100%;
    }

        .hamburger-menu-wrepper .animation-box .menu-box .menu {
            background: transparent;
        }

    .header_footer p {
        display: none;
    }

    header .navbar .offcanfas_menu > .nav-item .nav-link {
        font-size: 1.6rem;
        line-height: 36px;
        font-weight: 500;
    }

    .hamburger-menu-wrepper .animation-box .menu-box {
        padding: 0 50px;
    }

    header.header_area .menu.offcanfas_menu {
        padding: 50px 0;
    }

        header.header_area .menu.offcanfas_menu ul.dropdown-menu.dropdown-submenu.menu-depth-3rd li:first-child {
            margin-top: 10px;
        }

    .close_icon {
        top: 36px;
        right: 30px;
        z-index: 2;
        color: var(--white-color);
    }
}
/*



*/
/*============== header_area css ==============*/
.header_area {
    width: 100%;
    left: 0;
    z-index: 20;
    top: 0;
}

.sticky_logo .sticky_logo_img {
    display: none;
}

@media (min-width: 992px) {
    .mobile_btn {
        visibility: hidden;
        display: none;
    }
}

@media (max-width: 991px) {
    .hidden-sm {
        visibility: hidden;
        display: none;
    }
}

.menu > .nav-item {
    position: relative;
    padding-bottom: 35px;
    padding-top: 35px;
}

    .menu > .nav-item > .nav-link {
        font: 500 15px "Poppins", sans-serif;
        color: var(--secondary-color);
        padding: 0;
        -webkit-transition: color 0.3s ease 0s;
        transition: color 0.3s ease 0s;
        position: relative;
    }

        .menu > .nav-item > .nav-link:before {
            content: "";
            width: 0;
            height: 1px;
            background: var(--primary-color);
            position: absolute;
            bottom: 0;
            left: auto;
            right: 0;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .menu > .nav-item > .nav-link:after {
            display: none;
        }

    .menu > .nav-item.submenu .dropdown-menu {
        margin: 0;
        border: 0;
        border-radius: 0;
        left: -40px;
        min-width: 200px;
        padding: 15px 0;
        background: var(--white-color);
        -webkit-box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
        box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
    }

@media (min-width: 992px) {
    .menu > .nav-item.submenu .dropdown-menu {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        opacity: 0;
        display: block;
        top: 100%;
        pointer-events: none;
    }
}

.menu > .nav-item.submenu .dropdown-menu .nav-item {
    display: block;
    width: 100%;
    margin-right: 0;
    padding: 0 40px;
    background: var(--white-color);
    position: relative;
}

    .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
        padding: 0;
        white-space: nowrap;
        font: 400 14px/34px "Poppins", sans-serif;
        color: var(--secondary-color);
        -webkit-transition: color 0.2s linear;
        transition: color 0.2s linear;
    }

        .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link:after {
            display: none;
        }

    .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link,
    .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link,
    .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
        color: var(--primary-color);
    }

        .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link span svg path {
            fill: var(--primary-color);
        }

@media (min-width: 992px) {
    .menu > .nav-item.submenu .dropdown-menu .nav-item:first-child > .dropdown-menu {
        top: 0;
    }
}

.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transition: -webkit-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
    padding: 0;
}

    .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu:before {
        display: none;
    }

@media (min-width: 992px) {
    .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
        position: absolute;
        left: 100%;
        top: -25px;
        opacity: 0;
        display: block;
        pointer-events: none;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
}

.menu > .nav-item.submenu .dropdown-menu.mega_menu_three {
    overflow: hidden;
}

    .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item {
        padding: 0;
    }

        .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu {
            left: 0;
            position: relative;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

            .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item {
                padding: 16px 30px;
                border: 1px solid transparent;
                -webkit-transition: all 0.15s linear;
                transition: all 0.15s linear;
            }

                .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_icon {
                        margin-right: 20px;
                    }

                    .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_content .mega_menu_title {
                        font: 500 14px/22px "Poppins", sans-serif;
                        color: #13112d;
                        margin-bottom: 0;
                    }

                    .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_content p {
                        margin-bottom: 0;
                        font-size: 13px;
                        line-height: 16px;
                        color: var(--body-color);
                    }

                .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn {
                    border-top-color: #f2f0f7;
                    padding: 15px 45px;
                }

                    .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn .nav-link .navdropdown_link {
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                    }

                        .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn .nav-link .navdropdown_link .navdropdown_icon {
                            margin-right: 10px;
                        }

                .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item:hover {
                    -webkit-transform: scale(1.05);
                    transform: scale(1.05);
                    border-color: #f2f0f7;
                    background-color: white;
                    -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1), 0 -1px 0 0 rgba(243, 241, 248, 0.004);
                    box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1), 0 -1px 0 0 rgba(243, 241, 248, 0.004);
                }

.menu > .nav-item.submenu.mega_menu {
    position: static;
}

    .menu > .nav-item.submenu.mega_menu .mega_menu_inner {
        min-width: 200px;
        list-style: none;
        position: absolute;
        -webkit-box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
        box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
        left: 0;
        right: 0;
        -webkit-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
        background: var(--white-color);
    }

@media (min-width: 992px) {
    .menu > .nav-item.submenu.mega_menu .mega_menu_inner {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        top: 100%;
        opacity: 0;
        pointer-events: none;
        display: block;
    }
}

.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu {
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
    left: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

@media (min-width: 992px) {
    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0;
    width: 25%;
}

    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item > .nav-link {
        font: 500 18px "Poppins", sans-serif;
        color: #13112d;
    }

    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu {
        left: 0;
        position: relative;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        top: 0;
    }

        .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item {
            padding-left: 0;
            padding-right: 0;
            white-space: normal;
        }

            .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item:first-child {
                padding-top: 20px;
            }

            .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item:last-child {
                padding-bottom: 0;
                margin-bottom: 0;
            }

.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu {
    left: 0;
}

@media (min-width: 992px) {
    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu {
        padding: 20px 0;
    }
}

.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCSB_scrollTools {
    width: 0;
}

.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCSB_container {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCustomScrollBox {
    width: 100%;
}

.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item {
    padding: 0;
    margin-bottom: 0;
    width: 100%;
}

    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .dropdown-menu {
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -20px;
        margin-right: -20px;
        max-height: calc(100vh - 140px);
    }

        .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .dropdown-menu .nav-item {
            width: 20%;
            padding: 15px 20px;
            margin-bottom: 0;
        }

    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item {
        text-align: center;
    }

        .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .rebon_tap {
            font: 500 12px "Poppins", sans-serif;
            color: #1bcb1f;
            background: var(--white-color);
            display: block;
            position: absolute;
            top: -7px;
            left: -25px;
            padding: 15px 22px 5px;
            text-transform: uppercase;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img {
            -webkit-box-shadow: 0 4px 8px 0 rgba(12, 0, 46, 0.06);
            box-shadow: 0 4px 8px 0 rgba(12, 0, 46, 0.06);
            position: relative;
            margin-top: 0;
            display: block;
            overflow: hidden;
        }

            .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img:before {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                background: #13112d;
                left: 0;
                top: 0;
                opacity: 0;
                -webkit-transition: opacity 0.3s linear;
                transition: opacity 0.3s linear;
            }

            .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img img {
                width: 100%;
                max-width: 100%;
            }

            .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img.box_none {
                -webkit-box-shadow: none;
                box-shadow: none;
            }

        .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text {
            font: 500 16px/22px "Poppins", sans-serif;
            color: #13112d;
            display: block;
            margin-top: 20px;
        }

            .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover {
                color: var(--primary-color);
            }

        .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item:hover .img:before {
            opacity: 0.5;
        }

@media (min-width: 992px) {
    .menu > .nav-item.submenu.mega_menu:hover .dropdown-menu > .nav-item > .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

    .menu > .nav-item.submenu.mega_menu:hover .mega_menu_inner {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        opacity: 1;
        pointer-events: all;
    }
}

.menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu .nav-item > .dropdown-menu {
    left: auto;
    right: 100%;
}

.menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu.mega_menu_three .nav-item > .dropdown-menu {
    left: 0 !important;
    right: auto;
}

.menu > .nav-item:nth-last-child(-n+2).submenu.mega_menu .dropdown-menu {
    left: 0;
    right: auto;
}

    .menu > .nav-item:nth-last-child(-n+2).submenu.mega_menu .dropdown-menu .nav-item > .dropdown-menu {
        left: 0;
        right: auto;
    }

.menu > .nav-item + .nav-item {
    margin-left: 45px;
}

.menu > .nav-item.active .nav-link {
    color: var(--primary-color);
}

    .menu > .nav-item.active .nav-link:before {
        width: 100%;
        left: 0;
        right: auto;
    }

.menu > .nav-item:hover .nav-link {
    color: var(--primary-color);
}

    .menu > .nav-item:hover .nav-link:before {
        width: 100%;
        left: 0;
        right: auto;
    }

@media (min-width: 992px) {
    .menu > .nav-item:hover .dropdown-menu {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: all;
    }

        .menu > .nav-item:hover .dropdown-menu.mega_menu_three .nav-item .dropdown-menu {
            opacity: 1;
        }
}

@media (min-width: 992px) and (min-width: 992px) {
    .menu:not(.offcanfas_menu) > .nav-item:hover .dropdown-menu > .nav-item:hover > .dropdown-menu {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        pointer-events: all;
    }
}

.w_menu .nav-item .nav-link {
    color: var(--white-color);
}

    .w_menu .nav-item .nav-link:before {
        background: var(--white-color);
    }

.w_menu .nav-item:hover .nav-link, .w_menu .nav-item.active .nav-link {
    color: var(--white-color);
}

.nav_right_btn .login_btn {
    font: 500 15px "Poppins", sans-serif;
    padding: 13px 32px;
    min-width: 120px;
    display: inline-block;
    text-align: center;
    color: var(--white-color);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
    border-top-right-radius: 45px;
    border: 1px solid transparent;
    margin-left: 20px;
}

    .nav_right_btn .login_btn:hover, .nav_right_btn .login_btn.active {
        background: var(--white-color);
        color: #00aff0;
        -webkit-box-shadow: 0 20px 24px 0 rgba(0, 11, 40, 0.1);
        box-shadow: 0 20px 24px 0 rgba(0, 11, 40, 0.1);
    }

@media (max-width: 991px) {
    .nav_right_btn {
        display: none;
    }
}

.btn_get_radious {
    border-radius: 45px;
    border-width: 1px;
    color: var(--white-color);
    background: var(--white-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 28px;
    line-height: 45px;
}

    .btn_get_radious:before {
        background: #5846ed;
    }

    .btn_get_radious:hover {
        color: #5846ed;
    }

/*============== header_area css ==============*/
/*========= hamburger menu css ========*/
.navbar-toggler {
    padding: 0;
    margin-left: 20px;
}

    .navbar-toggler:focus {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.menu_toggle {
    width: 22px;
    height: 22px;
    position: relative;
    cursor: pointer;
    display: block;
}

    .menu_toggle .hamburger {
        position: absolute;
        height: 100%;
        width: 100%;
        display: block;
    }

        .menu_toggle .hamburger span {
            width: 0;
            height: 2px;
            position: relative;
            top: 0;
            left: 0;
            margin: 4px 0;
            display: block;
            background: var(--white-color);
            border-radius: 3px;
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
        }

            .menu_toggle .hamburger span:nth-child(1) {
                -webkit-transition-delay: 0s;
                transition-delay: 0s;
            }

            .menu_toggle .hamburger span:nth-child(2) {
                -webkit-transition-delay: 0.125s;
                transition-delay: 0.125s;
            }

            .menu_toggle .hamburger span:nth-child(3) {
                -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
            }

    .menu_toggle .hamburger-cross {
        position: absolute;
        height: 100%;
        width: 100%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        display: block;
    }

        .menu_toggle .hamburger-cross span {
            display: block;
            background: var(--white-color);
            border-radius: 3px;
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
        }

            .menu_toggle .hamburger-cross span:nth-child(1) {
                height: 100%;
                width: 2px;
                position: absolute;
                top: 0;
                left: 10px;
                -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s;
            }

            .menu_toggle .hamburger-cross span:nth-child(2) {
                width: 100%;
                height: 2px;
                position: absolute;
                left: 0;
                top: 10px;
                -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s;
            }

.collapsed .menu_toggle .hamburger span {
    width: 100%;
}

    .collapsed .menu_toggle .hamburger span:nth-child(1) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

    .collapsed .menu_toggle .hamburger span:nth-child(2) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

    .collapsed .menu_toggle .hamburger span:nth-child(3) {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }

.collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
    height: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
    width: 0;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.h_dark {
    background: #13112d;
}

.header_top {
    padding: 12px 0;
}

.header_contact_info {
    margin-bottom: 0;
}

    .header_contact_info li {
        display: inline-block;
        font-size: 14px;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        color: var(--white-color);
        text-transform: capitalize;
    }

        .header_contact_info li:before {
            content: "";
            width: 1px;
            height: 12px;
            top: 1px;
            background: #5e5d76;
            display: inline-block;
            position: relative;
            margin: 0 22px 0 20px;
        }

        .header_contact_info li:first-child:before {
            display: none;
        }

        .header_contact_info li a {
            color: #c3c1da;
            font-weight: 300;
            padding-left: 5px;
        }

.header_social_icon {
    text-align: right;
    margin-bottom: 0;
}

    .header_social_icon li {
        display: inline-block;
        margin: 0 0 0 15px;
    }

        .header_social_icon li a {
            font-size: 12px;
            color: var(--white-color);
        }

/*============ sticky menu css ==============*/
.header_area {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .header_area.navbar_fixed {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        background-color: white;
        -webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.06);
        box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.06);
    }

        .header_area.navbar_fixed .navbar {
            padding: 0;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .header_area.navbar_fixed .sticky_logo .main_logo_img {
            display: none;
        }

        .header_area.navbar_fixed .sticky_logo .sticky_logo_img {
            display: block;
        }

        .header_area.navbar_fixed .w_menu .nav-item .nav-link {
            color: var(--secondary-color);
        }

            .header_area.navbar_fixed .w_menu .nav-item .nav-link:before {
                background: var(--secondary-color);
            }

        .header_area.navbar_fixed .menu_two .menu_toggle .hamburger-cross span, .header_area.navbar_fixed .menu_two .menu_toggle .hamburger span {
            background: var(--secondary-color);
        }

        .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn:hover {
            border-color: #00aff0;
            color: #00aff0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active:hover {
                background: #00aff0;
                color: var(--white-color);
            }

        .header_area.navbar_fixed .nav_right_btn .login_btn {
            color: var(--secondary-color);
        }

header.header_area.navbar_fixed .menu_toggle .hamburger-cross span,
header.header_area.navbar_fixed .menu_toggle .hamburger span {
    background: var(--primary-color);
}

.navbar-brand h3 {
    color: var(--white-color);
}

.header_area.navbar_fixed .navbar-brand h3 {
    color: var(--secondary-color);
}

.mega_menu span.arrow_carrot-right {
    display: none;
}

.dropdown-menu li a {
    position: relative;
}

.dropdown-menu span svg {
    position: absolute;
    right: -5px;
    top: 9px;
    font-size: 18px;
    color: var(--secondary-color);
}

.mega_menu .dropdown-menu span svg {
    display: none;
}

.hamburger-menu-wrepper .dropdown-menu span svg {
    right: -20px;
    top: 2px;
}

.menu > .nav-item.submenu .dropdown-menu .nav-item {
    padding: 0 30px;
}

.menu > .nav-item.submenu.mega_menu .dropdown-menu .nav-item:first-child {
    padding-top: 40px;
}

.nav_full_width nav.navbar {
    padding: 0 50px;
}

.header_area.navbar_fixed .navbar .btn_get {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--primary-color);
}

    .header_area.navbar_fixed .navbar .btn_get:hover {
        color: var(--white-color);
    }

.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
    line-height: 36px;
}

header.navbar_fixed .menu > .nav-item > .nav-link {
    color: var(--secondary-color);
}

header.header_area.navbar_fixed .navbar .navbar-nav .menu-item a:hover {
    color: var(--primary-color);
}

.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_icon img {
    max-width: 30px;
    margin-top: 7px;
}

.menu > .nav-item.submenu .dropdown-menu.mega_menu_three .nav-item {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

header.header_area.header_stick {
    position: absolute;
}

    header.header_area.header_stick.navbar_fixed .header_top {
        display: none;
    }

.header_area .header_top {
    background: #13112d;
}

    .header_area .header_top .header_top_column {
        font-size: 14px;
        color: var(--white-color);
        font-family: "Poppins", sans-serif;
        font-weight: 400;
    }

    .header_area .header_top ul {
        margin-bottom: 0;
        padding-left: 0;
        list-style: none;
    }

        .header_area .header_top ul p,
        .header_area .header_top ul li {
            display: inline-block;
            font-size: 14px;
            font-family: "Poppins", sans-serif;
            font-weight: 400;
            color: var(--white-color);
        }

            .header_area .header_top ul li a:hover {
                background: inherit;
            }

    .header_area .header_top a {
        color: #c3c1da;
        font-weight: 300;
        padding-left: 5px;
    }

    .header_area .header_top ul li:before {
        content: "";
        width: 1px;
        height: 12px;
        top: 1px;
        background: #5e5d76;
        display: inline-block;
        position: relative;
        margin: 0 22px 0 20px;
    }

    .header_area .header_top ul.header_social_icon li:before,
    .header_area .header_top ul li:first-child:before {
        display: none;
    }

    .header_area .header_top .right_content {
        text-align: right;
    }

.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item:hover {
    z-index: 1;
}

.menu > .nav-item + li.nav-item.search {
    margin-left: 0;
}

header.header_area.navbar_fixed .navbar .navbar-nav .menu-item a.nav-link.active {
    color: var(--primary-color);
}

.header_area.navbar_fixed {
    z-index: 999;
}

.page-template-page-agency-colorful .header_area {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 20;
    top: 0;
}

.admin-bar.page-template-elementor_canvas header.header_area {
    margin-top: 0;
}

    .admin-bar.page-template-elementor_canvas header.header_area.navbar_fixed {
        margin-top: 32px;
    }

.nav_full_width.navbar_fixed nav.navbar {
    padding: 0 50px;
}

@media (max-width: 782px) {
    .admin-bar header.header_area, .admin-bar.page-template-elementor_canvas header.header_area.navbar_fixed {
        margin-top: 46px;
    }
}

header.header_area.has_header_bg {
    position: relative;
}

.no_main_menu a.navbar-brand.sticky_logo {
    padding-top: 35px;
    padding-bottom: 35px;
}

.menu > .nav-item.active .nav-link,
.menu > .nav-item:hover .nav-link,
.menu > .nav-item > .nav-link {
    color: var(--white-color);
}

    .single-post .menu_toggle .hamburger span,
    .single-post .menu_toggle .hamburger-cross span,
    .menu > .nav-item > .nav-link:before {
        background-color: var(--white-color);
    }

.menu > .nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu .nav-item .nav-link:before {
    display: none;
}

.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item:first-child {
    padding-top: 10px;
}

.page-template-default .menu_toggle .hamburger-cross span,
.page-template-default .menu_toggle .hamburger span {
    background: var(--white-color);
}

.menu-depth-3rd li {
    padding-left: 25px !important;
}

    .menu-depth-3rd li:last-child {
        margin-bottom: 10px !important;
    }

.mega_menu .menu-depth-3rd li {
    padding-left: 0 !important;
}

header .alter_nav .navbar-nav li a svg path {
    fill: var(--white-color);
}

header.navbar_fixed .alter_nav .navbar-nav li a svg path {
    fill: #051441;
}

header .alter_nav .navbar-nav .nav-item:hover .nav-link::before {
    width: unset;
}

/*====================================================*/
/*====================================================*/
/* Preloader */
.ctn-preloader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9000;
}

    .ctn-preloader .animation-preloader {
        position: absolute;
        z-index: 1000;
    }

        .ctn-preloader .animation-preloader .spinner {
            -webkit-animation: spinner 1s infinite linear;
            animation: spinner 1s infinite linear;
            border-radius: 50%;
            border: 3px solid rgba(0, 0, 0, 0.2);
            border-top-color: #000000;
            height: 9em;
            margin: 0 auto 3.5em auto;
            width: 9em;
        }

        .ctn-preloader .animation-preloader .txt-loading {
            font: bold 5em "Poppins", sans-serif;
            text-align: center;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .ctn-preloader .animation-preloader .txt-loading .letters-loading {
                color: rgba(0, 0, 0, 0.2);
                position: relative;
            }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
                    -webkit-animation: letters-loading 4s infinite;
                    animation: letters-loading 4s infinite;
                    color: #000000;
                    content: attr(data-text-preloader);
                    left: 0;
                    opacity: 0;
                    font-family: "Poppins", sans-serif;
                    position: absolute;
                    top: -3px;
                    -webkit-transform: rotateY(-90deg);
                    transform: rotateY(-90deg);
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
                    -webkit-animation-delay: 0.2s;
                    animation-delay: 0.2s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
                    -webkit-animation-delay: 0.4s;
                    animation-delay: 0.4s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
                    -webkit-animation-delay: 0.6s;
                    animation-delay: 0.6s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
                    -webkit-animation-delay: 0.8s;
                    animation-delay: 0.8s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
                    -webkit-animation-delay: 1s;
                    animation-delay: 1s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
                    -webkit-animation-delay: 1.2s;
                    animation-delay: 1.2s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
                    -webkit-animation-delay: 1.4s;
                    animation-delay: 1.4s;
                }

    .ctn-preloader.dark .animation-preloader .spinner {
        border-color: rgba(255, 255, 255, 0.2);
        border-top-color: var(--white-color);
    }

    .ctn-preloader.dark .animation-preloader .txt-loading .letters-loading {
        color: rgba(255, 255, 255, 0.2);
    }

        .ctn-preloader.dark .animation-preloader .txt-loading .letters-loading:before {
            color: var(--white-color);
        }

    .ctn-preloader p {
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 8px;
        color: #3b3b3b;
    }

    .ctn-preloader .loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
        z-index: 1;
        pointer-events: none;
    }

        .ctn-preloader .loader .row {
            height: 100%;
        }

        .ctn-preloader .loader .loader-section {
            padding: 0px;
        }

            .ctn-preloader .loader .loader-section .bg {
                background-color: var(--white-color);
                height: 100%;
                left: 0;
                width: 100%;
                -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
                transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
            }

        .ctn-preloader .loader.dark_bg .loader-section .bg {
            background: #111339;
        }

    .ctn-preloader.loaded .animation-preloader {
        opacity: 0;
        -webkit-transition: 0.3s ease-out;
        transition: 0.3s ease-out;
    }

    .ctn-preloader.loaded .loader-section .bg {
        width: 0;
        -webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
        transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
    }

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    25%, 50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    25%, 50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@media screen and (max-width: 767px) {
    .ctn-preloader .animation-preloader .spinner {
        height: 8em;
        width: 8em;
    }

    .ctn-preloader .animation-preloader .txt-loading {
        font: bold 3.5em "Poppins", sans-serif;
    }
}

@media screen and (max-width: 500px) {
    .ctn-preloader .animation-preloader .spinner {
        height: 7em;
        width: 7em;
    }

    .ctn-preloader .animation-preloader .txt-loading {
        font: bold 2em "Poppins", sans-serif;
    }
}
/*************** Image Preloader ****************/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--white-color);
    z-index: 9999;
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../img/status.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}

.details_content .f_size_22 {
    font-size: 22px;
}

.details_content .btn_three {
    min-width: 150px;
    text-align: center;
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}

    .details_content .btn_three:hover {
        color: var(--white-color);
        -webkit-box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16);
        box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16);
    }

.job_deatails_content {
    padding-bottom: 40px;
}

    .job_deatails_content ul li {
        position: relative;
        padding-left: 36px;
        font-weight: 300;
        font-size: 15px;
        color: var(--body-color);
        margin-bottom: 27px;
    }

        .job_deatails_content ul li i {
            position: absolute;
            left: 0;
            top: 5px;
            color: #5f2eed;
        }

    .job_deatails_content:nth-child(4) {
        border-bottom: 1px solid #eeebf6;
    }

.job_info {
    border: 1px solid #f4f4f9;
    background-color: white;
    -webkit-box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
    box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
    padding: 50px;
}

    .job_info .info_head {
        border-bottom: 1px solid #eeebf6;
        padding-bottom: 18px;
    }

        .job_info .info_head i {
            font-size: 40px;
            color: #9979f7;
            text-shadow: 0 14px 30px rgba(94, 44, 237, 0.4);
            margin-bottom: 35px;
            display: inline-block;
        }

    .job_info .info_item {
        position: relative;
        padding-left: 30px;
        margin-top: 25px;
    }

        .job_info .info_item i {
            color: #9979f7;
            font-size: 18px;
            position: absolute;
            left: 0;
            top: 5px;
        }

        .job_info .info_item h6 {
            font-size: 18px;
            color: #222d39;
            font-family: "Poppins", sans-serif;
            font-weight: 400;
            margin-bottom: 5px;
            line-height: 1;
        }

        .job_info .info_item p {
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 300;
            color: var(--body-color);
        }

.page-job-apply .form-group {
    margin-bottom: 30px;
}

.page-job-apply input[type=text],
.page-job-apply textarea,
.page-job-apply .selectpickers {
    border-radius: 4px;
    background-color: white;
    -webkit-box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
    box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
    font: 300 15px/60px "Poppins", sans-serif;
    color: #9ca3b9;
    width: 100%;
    height: 60px;
    padding-left: 30px;
    border: 1px solid var(--white-color);
}

    .page-job-apply input[type=text]:focus,
    .page-job-apply textarea:focus,
    .page-job-apply .selectpickers:focus {
        -webkit-box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06);
        box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06);
        border-color: #f2effc;
        outline: 0;
    }

    .page-job-apply input[type=text].placeholder,
    .page-job-apply textarea.placeholder,
    .page-job-apply .selectpickers.placeholder {
        color: #9ca3b9;
    }

    .page-job-apply input[type=text]:-moz-placeholder,
    .page-job-apply textarea:-moz-placeholder,
    .page-job-apply .selectpickers:-moz-placeholder {
        color: #9ca3b9;
    }

    .page-job-apply input[type=text]::-moz-placeholder,
    .page-job-apply textarea::-moz-placeholder,
    .page-job-apply .selectpickers::-moz-placeholder {
        color: #9ca3b9;
    }

    .page-job-apply input[type=text]::-webkit-input-placeholder,
    .page-job-apply textarea::-webkit-input-placeholder,
    .page-job-apply .selectpickers::-webkit-input-placeholder {
        color: #9ca3b9;
    }

.page-job-apply textarea {
    height: 180px;
}

.page-job-apply .selectpickers {
    width: 100%;
}

.page-job-apply .upload_box {
    width: 100%;
    border: 1px dotted #e7e3f2;
    font: 300 15px/26px "Poppins", sans-serif;
    color: #9ca3b9;
    padding: 20px 30px;
}

    .page-job-apply .upload_box input[type=file] {
        font: 300 15px/26px "Poppins", sans-serif;
        color: #9ca3b9;
        display: block;
        margin-top: 20px;
    }

        .page-job-apply .upload_box input[type=file]:focus {
            outline: 0;
        }

.page-job-apply p {
    font: 300 15px/26px "Poppins", sans-serif;
}

    .page-job-apply p a {
        color: #222d39;
    }

.page-job-apply .btn_three {
    padding: 14px 37px;
    margin-top: 20px;
}

    .page-job-apply .btn_three:hover {
        background: var(--primary-color);
        color: var(--white-color);
        -webkit-box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16);
        box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16);
    }

.job_details_area ul li:last-child {
    margin-bottom: 0;
}

.job_details_area p {
    font-weight: 300;
    font-size: 15px;
}

.job_details_area h3 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #222d39;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    padding-top: 40px;
}

    .job_details_area h3:first-child {
        padding-top: 0;
    }

.job_details_area ul li {
    position: relative;
    padding-left: 36px;
    font-weight: 300;
    font-size: 15px;
    color: var(--body-color);
    margin-bottom: 27px;
}

    .job_details_area ul li:before {
        content: "\e628";
        font-family: "themify";
        position: absolute;
        left: 0;
        top: 0;
        color: #5f2eed;
    }

.job_info .info_item i {
    top: 0;
}

section.job_details_area .details_content {
    padding-bottom: 40px;
    border-bottom: 1px solid #eeebf6;
}

.page-job-apply input[type=email],
.page-job-apply input[type=tel] {
    border-radius: 4px;
    background-color: white;
    -webkit-box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
    box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
    font: 300 15px/60px "Poppins", sans-serif;
    color: #9ca3b9;
    width: 100%;
    height: 60px;
    padding-left: 30px;
    border: 1px solid var(--white-color);
}

.page-job-apply .btn_three {
    color: var(--white-color);
}

.single-service .job_info .info_item {
    padding-left: 0;
}

.p_category_item .social_icon,
.icon .social_icon {
    padding-top: 8px;
}

    .p_category_item .social_icon a,
    .icon .social_icon a {
        width: 40px;
        height: 40px;
        font-size: 13px;
        line-height: 43px;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        margin-right: 5px;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        color: var(--white-color);
    }

        .p_category_item .social_icon a:nth-child(1),
        .icon .social_icon a:nth-child(1) {
            background: #4779de;
        }

        .p_category_item .social_icon a:nth-child(2),
        .icon .social_icon a:nth-child(2) {
            background: #e43e30;
        }

        .p_category_item .social_icon a:nth-child(3),
        .icon .social_icon a:nth-child(3) {
            background: #1da1f3;
        }

        .p_category_item .social_icon a:hover,
        .icon .social_icon a:hover {
            -webkit-box-shadow: 0 5px 12px 2px rgba(0, 11, 40, 0.2);
            box-shadow: 0 5px 12px 2px rgba(0, 11, 40, 0.2);
        }

.portfolio_pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .portfolio_pagination .prev,
    .portfolio_pagination .next {
        font-size: 14px;
        font-weight: 300;
        color: #9ca3b9;
        -webkit-transition: color 0.2s linear;
        transition: color 0.2s linear;
    }

        .portfolio_pagination .prev:hover,
        .portfolio_pagination .next:hover {
            color: #222d39;
        }

        .portfolio_pagination .prev i {
            padding-right: 8px;
        }

        .portfolio_pagination .next i {
            padding-left: 8px;
        }

.pr_slider .owl-prev,
.pr_slider .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    background: transparent;
    border: 0;
    padding: 0;
    font-size: 24px;
    color: var(--body-color);
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
    cursor: pointer;
}

    .pr_slider .owl-prev:hover,
    .pr_slider .owl-next:hover {
        color: var(--primary-color);
    }

.pr_slider .owl-prev {
    left: 40px;
}

.pr_slider .owl-next {
    right: 40px;
}

.p_details_three .portfolio_category {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px;
}

    .p_details_three .portfolio_category .p_category_item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

.p_details_three .portfolio_pagination {
    margin-top: 190px;
}

.p_details_three .icon {
    margin-top: 120px;
}

/*============ team_details_area css =========*/
.team_details_content h2 {
    font-size: 30px;
    font-weight: 600;
    color: #161341;
}

.team_details_content .postition {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
    margin-bottom: 25px;
}

.team_details_content p {
    font-size: 15px;
    line-height: 30px;
}

.team_details_content h5 {
    font-size: 18px;
    line-height: 34px;
    color: #161341;
    font-weight: 600;
    margin-top: 25px;
}

.team_details_content .social_icon {
    margin-bottom: 0;
    margin-top: 16px;
}

    .team_details_content .social_icon li {
        display: inline-block;
        margin-right: 6px;
    }

        .team_details_content .social_icon li a {
            width: 40px;
            height: 40px;
            text-align: center;
            font-size: 13px;
            display: block;
            line-height: 42px;
            border-radius: 50%;
            color: var(--white-color);
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .team_details_content .social_icon li a:hover {
                -webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.26);
                box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.26);
            }

            /***** Social Icon ******/
            .team_details_content .social_icon li a[href*="facebook.com"] {
                background: #1877f2;
            }

            .team_details_content .social_icon li a[href*="twitter.com"] {
                background: #1da1f2;
            }

            .team_details_content .social_icon li a[href*="linkedin.com"] {
                background: #007bb5;
            }

            .team_details_content .social_icon li a[href*="youtube.com"] {
                background: #ff0000;
            }

            .team_details_content .social_icon li a[href*="instagram.com"] {
                background: #c32aa3;
            }

            .team_details_content .social_icon li a[href*="skype.com"] {
                background: #00aff0;
            }

            .team_details_content .social_icon li a[href*="pinterest.com"] {
                background: #bd081c;
            }

            .team_details_content .social_icon li a[href*="vimeo.com"] {
                background: #1ab7ea;
            }

            .team_details_content .social_icon li a[href*="dribbble.com"] {
                background: #ea4c89;
            }

            .team_details_content .social_icon li a[href*="wordpress.com"] {
                background: #00749C;
            }

a:hover {
    color: var(--primary-color);
}

a:hover,
a:focus {
    text-decoration: none;
}

.row.m0 {
    margin: 0;
}

.p0 {
    padding: 0;
}

i:before {
    margin-left: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--secondary-color);
    font-weight: 600;
}

.body_wrapper {
    z-index: 20;
    overflow: hidden;
}

a, .btn, button {
    text-decoration: none;
    outline: none;
}

    a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
        text-decoration: none;
        outline: none;
    }

    .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.container.custom_container {
    max-width: 1520px;
}

.f_size_50 {
    font-size: 50px;
}

.f_size_40 {
    font-size: 40px;
}

.f_size_30 {
    font-size: 30px;
}

.f_size_28 {
    font-size: 28px;
}

.f_size_22 {
    font-size: 22px;
}

.f_size_24 {
    font-size: 24px;
}

.f_size_20 {
    font-size: 20px;
}

.f_size_18 {
    font-size: 18px;
}

.f_size_16 {
    font-size: 16px;
}

.f_size_15 {
    font-size: 15px;
}

.l_height60 {
    line-height: 60px;
}

.l_height50 {
    line-height: 50px;
}

.l_height45 {
    line-height: 45px;
}

.l_height40 {
    line-height: 40px;
}

.l_height30 {
    line-height: 30px;
}

.l_height34 {
    line-height: 34px;
}

.l_height28 {
    line-height: 28px;
}

/*=========== font-weight ==============*/
.f_300 {
    font-weight: 300;
}

.f_400 {
    font-weight: 400;
}

.f_500 {
    font-weight: 500;
}

.f_600 {
    font-weight: 600;
}

.f_700 {
    font-weight: 700;
}

.f_900 {
    font-weight: 900;
}

.t_color {
    color: var(--secondary-color);
}

.w_color {
    color: var(--white-color);
}

.t_color2 {
    color: #3f4451;
}

.t_color3 {
    color: #222d39;
}

.d_p_color {
    color: #bdbed6;
}

.bg_color {
    background: #fbfbfd;
}

.dk_bg_one {
    background: #090a21;
}

.dk_bg_two {
    background: #0f1029;
}

.seo_title_color {
    color: #263b5e;
}

.mt_60 {
    margin-top: 60px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_70 {
    margin-top: 70px;
}

.mt_75 {
    margin-top: 75px;
}

.mt_100 {
    margin-top: 100px;
}

.mt_130 {
    margin-top: 130px;
}

.mb_70 {
    margin-bottom: 70px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mb_30 {
    margin-bottom: -30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_50 {
    margin-bottom: 50px;
}

.mb-50 {
    margin-bottom: -50px;
}

.mb_60 {
    margin-bottom: 60px;
}

.mb_90 {
    margin-bottom: 90px;
}

.pl_20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl_40 {
    padding-left: 40px;
}

.pl_50 {
    padding-left: 50px;
}

.pl_100 {
    padding-left: 100px;
}

.pl_70 {
    padding-left: 70px;
}

.pl_120 {
    padding-left: 120px;
}

.pr_100 {
    padding-right: 100px;
}

.pr_120 {
    padding-right: 120px;
}

.pr_70 {
    padding-right: 70px;
}

.pr_50 {
    padding-right: 50px;
}

.pr_20 {
    padding-right: 20px;
}

.pt_150 {
    padding-top: 150px;
}

.pt_120 {
    padding-top: 40px;
}

.sec_pad {
    padding: 50px 0;
}

/*====================================================*/
/*====================================================*/
.btn_hover {
    overflow: hidden;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .btn_hover:hover {
        color: var(--white-color);
    }

.btn_get {
    font: 500 14px/47px "Poppins", sans-serif;
    color: var(--white-color);
    border: 2px solid #ccc5fa;
    border-radius: 4px;
    -webkit-box-shadow: 0 20px 24px 0 rgba(0, 11, 40, 0.1);
    box-shadow: 0 20px 24px 0 rgba(0, 11, 40, 0.1);
    padding: 0 23px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-width: 120px;
    text-align: center;
}

    .btn_get:hover {
        color: var(--white-color);
        background: var(--primary-color);
        border-color: var(--primary-color);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn_three {
    font: 500 14px "Poppins", sans-serif;
    color: var(--white-color);
    background: var(--primary-color);
    border-radius: 3px;
    padding: 15px 30px;
    border: 1px solid var(--primary-color);
    margin-top: 50px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
    display: inline-block;
}

    .btn_three:hover {
        color: var(--primary-color);
        background: transparent;
    }

.agency_banner_btn {
    font: 500 14px "Poppins", sans-serif;
    color: var(--white-color);
    background: var(--primary-color);
    -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1);
    box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1);
    border-radius: 3px;
    padding: 16px 38px;
    border: 1px solid var(--primary-color);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
}

    .agency_banner_btn:hover {
        color: var(--primary-color);
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
    }

.agency_banner_btn_two {
    font: 500 14px "Poppins", sans-serif;
    color: #222d39;
    position: relative;
    margin-left: 50px;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

    .agency_banner_btn_two:before {
        content: "";
        width: 100%;
        height: 1px;
        background: #60656d;
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transition: background 0.2s linear;
        transition: background 0.2s linear;
    }

    .h_blog_item .h_blog_content .post-info-bottom .post-info-comments:hover,
    .agency_banner_btn_two:hover {
        color: var(--primary-color);
    }

        .agency_banner_btn_two:hover:before {
            background: var(--primary-color);
        }

.video_btn {
    font: 500 14px "Poppins", sans-serif;
    color: var(--white-color);
    margin-left: 30px;
}

    .video_btn .icon {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: var(--white-color);
        display: inline-block;
        color: #3d64f4;
        text-align: center;
        line-height: 46px;
        font-size: 18px;
        margin-right: 18px;
        vertical-align: middle;
        -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.19);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.19);
    }

    .video_btn span {
        display: inline-block;
        position: relative;
    }

        .video_btn span:before {
            content: "";
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: 0;
            background: var(--white-color);
        }

    .video_btn:hover {
        color: var(--white-color);
    }

.btn_four {
    font: 500 14px "Poppins", sans-serif;
    padding: 16px 40px;
    border-radius: 45px;
    color: var(--white-color);
    border: 1px solid #3d64f4;
    background: #3d64f4;
    cursor: pointer;
}

    .btn_four:hover {
        color: #3d64f4;
        background: transparent;
    }

.gr_btn {
    font: 500 14px "Poppins", sans-serif;
    color: #23b1fe;
    display: inline-block;
    padding: 15px 31px;
    position: relative;
    min-width: 140px;
    border-radius: 4px;
    background-image: linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);
    z-index: 1;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

    .gr_btn:before {
        content: "";
        position: absolute;
        top: 1px;
        left: 50%;
        width: calc(100% - 2px);
        bottom: 1px;
        border-radius: 4px;
        background: var(--white-color);
        z-index: 0;
        -webkit-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
        -webkit-transform: translatex(-50%);
        transform: translatex(-50%);
    }

    .gr_btn .text {
        position: relative;
        z-index: 1;
    }

    .gr_btn:hover {
        color: var(--white-color);
    }

        .gr_btn:hover:before {
            opacity: 0;
        }

.btn_six {
    background: #17c7bd;
    font-size: 15px;
    border: 1px solid #17c7bd;
    padding: 13px 35px;
    color: var(--white-color);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: inline-block;
}

    .btn_six:hover {
        background: #ebfaf9;
        color: #17c7bd;
    }

    .btn_six + .btn_six {
        background: #ebfaf9;
        color: #17c7bd;
        margin-left: 20px;
    }

        .btn_six + .btn_six i {
            padding-right: 5px;
        }

        .btn_six + .btn_six:hover {
            background: #17c7bd;
            color: var(--white-color);
        }

.seo_btn {
    display: inline-block;
    padding: 11px 40px;
    border-radius: 4px;
}

.seo_btn_one {
    color: var(--primary-color);
    background: #e8e1fc;
}

    .seo_btn_one:hover {
        background: var(--primary-color);
        color: var(--white-color);
    }

.seo_btn_two {
    color: #00c99c;
    background: #d4f6ee;
}

    .seo_btn_two:hover {
        background: #00c99c;
        color: var(--white-color);
    }

/*====================================================*/
/*====================================================*/
.search_boxs {
    z-index: 20000;
    position: fixed;
    top: -105%;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

    .search_boxs:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: rgba(27, 29, 34, 0.95);
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%;
        -webkit-transform: scale(0.04), translateY(9999px);
        transform: scale(0.04), translateY(9999px);
        overflow: hidden;
    }

    .search_boxs .close_icon {
        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 30px;
        color: var(--white-color);
        cursor: pointer;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
        transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
        transition: transform 0.2s ease-out, opacity 0.2s ease-out;
        transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
        opacity: 0;
    }

    .search_boxs .input-group {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        max-width: 800px;
        width: 20%;
        opacity: 0;
        -webkit-transition: all 900ms linear;
        transition: all 900ms linear;
        -webkit-transition-delay: 0.75s;
        transition-delay: 0.75s;
    }

        .search_boxs .input-group input {
            border: none;
            height: 55px;
            padding: 0 15px;
            font-size: 16px;
            padding-left: 0;
            width: 100%;
            color: var(--white-color);
            background: transparent;
            border-bottom: 2px solid rgba(255, 255, 255, 0.6);
            border-radius: 0;
            outline: none;
        }

            .search_boxs .input-group input.placeholder {
                font-size: 16px;
                color: rgba(255, 255, 255, 0.6);
            }

            .search_boxs .input-group input:-moz-placeholder {
                font-size: 16px;
                color: rgba(255, 255, 255, 0.6);
            }

            .search_boxs .input-group input::-moz-placeholder {
                font-size: 16px;
                color: rgba(255, 255, 255, 0.6);
            }

            .search_boxs .input-group input::-webkit-input-placeholder {
                font-size: 16px;
                color: rgba(255, 255, 255, 0.6);
            }

        .search_boxs .input-group .input-group-append {
            margin-left: 0;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            cursor: pointer;
            z-index: 4;
        }

            .search_boxs .input-group .input-group-append button {
                border: none;
                background: transparent;
                border-radius: 0;
                height: 55px;
                color: rgba(255, 255, 255, 0.6);
                font-size: 24px;
                padding: 0;
                outline: none !important;
                -webkit-box-shadow: none !important;
                box-shadow: none !important;
                cursor: pointer;
            }

                .search_boxs .input-group .input-group-append button i {
                    cursor: pointer;
                }

input[type=text] {
    outline: none;
}

.open .search_boxs {
    top: 0;
}

    .open .search_boxs:before {
        -webkit-animation: menu-animation 0.8s ease-out forwards;
        animation: menu-animation 0.8s ease-out forwards;
        height: 100%;
    }

    .open .search_boxs .close_icon {
        -webkit-transition-delay: 0.75s;
        transition-delay: 0.75s;
        opacity: 1;
    }

    .open .search_boxs .input-group {
        width: 100%;
        opacity: 1;
    }

/** === Breadcrumb === **/
/*====================================================*/
/*====================================================*/
/*================= Start breadcrumb_area css =================*/
.breadcrumb_area {
    background-image: linear-gradient(245deg, #5e2ced 0%, #a485fd 100%);
    position: relative;
    z-index: 1;
    padding: 135px 0 105px;
    overflow: hidden;
}

    .breadcrumb_area .breadcrumb_shap {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
    }

/*================= End breadcrumb_area css =================*/
/*================= Start breadcrumb_area_two css =================*/
.breadcrumb_area_two {
    background-image: linear-gradient(245deg, #5e2ced 0%, #a485fd 100%);
    position: relative;
    padding: 235px 0 125px;
    z-index: 1;
}

    .breadcrumb_area_two .breadcrumb_shap {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
        height: 100%;
        left: 0;
    }

    .breadcrumb_area_two .bubble li {
        background: var(--primary-color);
        opacity: 0.1;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        position: absolute;
    }

        .breadcrumb_area_two .bubble li:nth-child(1) {
            left: 220px;
            bottom: 50px;
            -webkit-animation: spin3 2s infinite alternate;
            animation: spin3 2s infinite alternate;
        }

        .breadcrumb_area_two .bubble li:nth-child(2) {
            left: 35%;
            top: 100px;
            -webkit-animation: spin 2s infinite alternate;
            animation: spin 2s infinite alternate;
        }

        .breadcrumb_area_two .bubble li:nth-child(3) {
            left: 40%;
            width: 51px;
            height: 51px;
            bottom: 50px;
            -webkit-animation: spin1 3s infinite alternate;
            animation: spin1 3s infinite alternate;
        }

        .breadcrumb_area_two .bubble li:nth-child(4) {
            left: 42%;
            bottom: 50px;
            width: 20px;
            height: 20px;
        }

        .breadcrumb_area_two .bubble li:nth-child(5) {
            left: 76%;
            width: 51px;
            height: 51px;
            top: 160px;
            -webkit-animation: spin1 3s infinite alternate;
            animation: spin1 3s infinite alternate;
        }

        .breadcrumb_area_two .bubble li:nth-child(6) {
            left: 75%;
            width: 30px;
            height: 30px;
            top: 186px;
        }

        .breadcrumb_area_two .bubble li:nth-child(7) {
            left: 52%;
            top: 150px;
            width: 20px;
            height: 20px;
            -webkit-animation: spin2 2s infinite alternate;
            animation: spin2 2s infinite alternate;
        }

        .breadcrumb_area_two .bubble li:nth-child(8) {
            left: 90%;
            top: 250px;
            width: 20px;
            height: 20px;
            -webkit-animation: spin2 2s infinite alternate;
            animation: spin2 2s infinite alternate;
        }

.breadcrumb_content_two h1 {
    color: #222d39;
    margin-bottom: 12px;
}

.breadcrumb_content_two .breadcrumb {
    background: transparent;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}

    .breadcrumb_content_two .breadcrumb li {
        font-size: 20px;
        font-weight: 400;
        text-transform: capitalize;
        position: relative;
        color: #525c7c;
    }

        .breadcrumb_content_two .breadcrumb li a {
            color: var(--secondary-color);
        }

        .breadcrumb_content_two .breadcrumb li + li {
            padding-left: 32px;
        }

            .breadcrumb_content_two .breadcrumb li + li:after {
                content: "\e649";
                font-family: "themify";
                position: absolute;
                left: 8px;
                top: 0;
                font-size: 14px;
            }

/*========= blog_breadcrumb_area css ========*/
.blog_breadcrumb_area {
    position: relative;
    height: 600px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 1;
}

    .blog_breadcrumb_area .background_overlay {
        position: absolute;
        height: 100%;
        width: 100%;
        background-image: linear-gradient(-140deg, #5e2ced 0%, #8037da 100%);
        opacity: 0.8;
        z-index: -1;
    }

    .blog_breadcrumb_area .breadcrumb_content_two {
        color: var(--white-color);
        padding-top: 80px;
    }

        .blog_breadcrumb_area .breadcrumb_content_two h5 {
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 18px;
        }

        .blog_breadcrumb_area .breadcrumb_content_two h1 {
            font-size: 50px;
            font-weight: 700;
            line-height: 1.25em;
            color: var(--white-color);
            margin-bottom: 25px;
        }

        .blog_breadcrumb_area .breadcrumb_content_two ol {
            margin-bottom: 0;
        }

            .blog_breadcrumb_area .breadcrumb_content_two ol li {
                display: inline-block;
                font-size: 16px;
            }

                .blog_breadcrumb_area .breadcrumb_content_two ol li + li:before {
                    content: "|";
                    display: inline-block;
                    font-family: "themify";
                    font-size: 18px;
                    margin: 0 5px 0 5px;
                    font-weight: 600;
                }

/*================Portfolio Breadcrumb=====================*/
section.breadcrumb_area {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    section.breadcrumb_area:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

blockquote {
    background-color: white;
    -webkit-box-shadow: 0 10px 30px 0 rgba(20, 3, 67, 0.08);
    box-shadow: 0 10px 30px 0 rgba(20, 3, 67, 0.08);
    border-radius: 6px;
    padding: 28px 40px 22px 40px !important;
    position: relative;
    overflow: hidden;
    border-left: 6px solid var(--primary-color) !important;
    z-index: 0;
    margin: 40px 0 45px;
}

    blockquote h6 {
        font-size: 20px;
        color: #525c7c;
        font-weight: 500;
        line-height: 34px;
        margin-bottom: 0;
    }

    blockquote cite {
        font-size: 14px;
        color: #848ca5;
        line-height: 20px;
        letter-spacing: 1px;
        display: inline-block;
        text-transform: uppercase;
        margin-top: 20px;
        margin-bottom: 15px;
        font-style: normal;
    }

/*============= get_quote_form css============*/
.get_quote_form .form-group {
    margin-bottom: 30px;
}

    .get_quote_form .form-group .form-control {
        font: 300 15px "Poppins", sans-serif;
        color: var(--body-color);
        border-radius: 4px;
        background-color: white;
        -webkit-box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
        box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
        border: 1px solid transparent;
        height: 60px;
        padding: 0 30px;
    }

        .get_quote_form .form-group .form-control.placeholder {
            color: #9ca3b9;
        }

        .get_quote_form .form-group .form-control:-moz-placeholder {
            color: #9ca3b9;
        }

        .get_quote_form .form-group .form-control::-moz-placeholder {
            color: #9ca3b9;
        }

        .get_quote_form .form-group .form-control::-webkit-input-placeholder {
            color: #9ca3b9;
        }

        .get_quote_form .form-group .form-control:focus {
            border-color: #f2effc;
            -webkit-box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06);
            box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06);
        }

    .get_quote_form .form-group textarea.form-control {
        height: 210px;
        padding-top: 15px;
    }

.saasland-page {
    padding: 135px 0 135px;
}

.saas_home_area .saas_home_img img {
    -webkit-box-shadow: 0 40px 60px 0 rgba(0, 11, 40, 0.16);
    box-shadow: 0 40px 60px 0 rgba(0, 11, 40, 0.16);
    border-radius: 8px;
}

.payment_features_content img,
.row.featured_item img,
.prototype_banner_area img.protype_img,
.call_action_area .action_one,
.mobile_img .women_img, .mobile_img .mobile {
    max-width: none !important;
}

.service_item h4 {
    padding-right: 50px;
}

.about_img_slider .about_text h5 {
    color: var(--white-color);
}

.get_content h3 {
    font-weight: 300;
}

.get_content h2 {
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 50px;
    font-size: 40px;
}

.get_content p {
    margin-bottom: 40px;
    font-weight: 300;
}

.dot.middle_dot {
    top: 87%;
}

    .dot.middle_dot.middle_dot6 {
        top: 98%;
    }

.pay_btn {
    -webkit-box-shadow: 0 2px 5px 0 rgba(63, 54, 132, 0.1) !important;
    box-shadow: 0 2px 5px 0 rgba(63, 54, 132, 0.1) !important;
}

.p_details_three h5,
.portfolio_details_info h5 {
    margin-bottom: 30px;
    color: #222d39;
    font-weight: 700;
    font-size: 20px;
}

.p_details_three p,
.portfolio_details_info p {
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 30px;
}

.owl-carousel .owl-item img {
    height: auto;
}

.job_details_area ul,
.footer_bottom ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    margin-top: 0;
}

.text_box input[type=email] {
    font: 300 15px/60px "Poppins", sans-serif;
    color: #222d39;
    height: 60px;
    border-radius: 4px;
    background-color: white;
    -webkit-box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
    box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
    width: 100%;
    border: 1px solid var(--white-color);
    padding-left: 30px;
}

.text_box input[type=eamil]:focus {
    border-color: #f2effc;
    -webkit-box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06);
    box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06);
    outline: none;
}

.sign_btn_transparent:hover {
    color: var(--white-color) !important;
}

ul.comment-box.list-unstyled .post-comment {
    padding-top: 30px;
}

form#commentform {
    position: relative;
}

.car_get_quote_content .agency_banner_btn {
    font: 500 14px "Poppins", sans-serif;
    color: var(--white-color);
    background: var(--primary-color);
    -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1);
    box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1);
    border: 1px solid var(--primary-color);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
}

    .car_get_quote_content .agency_banner_btn:hover {
        color: var(--primary-color);
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
    }

.blog_cats {
    display: inline;
}

    .blog_cats:before {
        content: "/";
        display: inline-block;
        margin: 0 7px 0 2px;
    }

.entry_post_info .blog_cats a + a:before {
    display: none;
}

/**
*************** Blog Single Styling ***************/
.has-post-thumbnail.blog_single .blog_content {
    padding-top: 50px;
}

.blog_single blockquote {
    margin-bottom: 40px;
    color: var(--primary-color);
    font-style: italic;
    border-left: 4px solid var(--primary-color);
    padding-left: 35px;
}

.blog_single h1,
.blog_single h2,
.blog_single h3,
.blog_single h4,
.blog_single h5,
.blog_single h6 {
    line-height: 1.7em;
}

/**
*************** Comments Styling ***************/
.comment-box .post_comment .post_author a.comment-reply-link {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #525c7c;
    padding-top: 14px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.comment-box .post_comment + ul.children {
    padding-left: 100px;
    list-style: none;
}

p.logged-in-as {
    padding-left: 15px;
}

p.form-submit {
    padding-left: 15px;
}

.comment_box div#respond {
    padding-top: 20px;
}

.logged-in .get_quote_form .form-group {
    margin-bottom: 0;
}

.blog_single .blog_content p {
    margin-bottom: 30px;
}

.breadcrumb_content h1 {
    line-height: 1.3em;
}

.listing_tab .item {
    width: 100%;
}

.job_listing .listing_tab .list_item figure {
    margin-right: 20px !important;
}

.job_listing nav.navigation.pagination {
    margin-top: 60px;
    text-align: center;
}

.pagination .nav-links .page-numbers {
    width: 40px;
    height: 40px;
    border: 1px solid #e7e7f6;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    color: var(--body-color);
    font-size: 16px;
    border-radius: 50%;
    background-color: #fbfbfd;
    margin: 0 3px;
}

.pagination .nav-links .page-numbers {
    width: 40px;
    height: 40px;
    border: 1px solid #e7e7f6;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    color: var(--body-color);
    font-size: 16px;
    border-radius: 50%;
    background-color: #fbfbfd;
    margin: 0 3px;
}

    .pagination .nav-links .page-numbers.current {
        background: var(--primary-color);
        color: var(--white-color);
        border-color: transparent;
    }

.portfolio_gallery .portfolio_item .portfolio_img img {
    padding-top: 0;
}

.breadcrumb_content h1 {
    margin-bottom: 15px;
}

.no-post-thumbnail.post_item .media-body {
    padding-left: 0 !important;
}

.breadcrumb_content h1,
.blog_list_item .blog_content h5 {
    word-break: break-word;
}

.post_tag {
    clear: both;
}

.svg_intro_bottom {
    height: 100% !important;
}

.p_details_three .img-fluid {
    display: block;
    margin: 0 auto;
}

ul.list_icon {
    padding-left: 35px;
}

.no_pad {
    padding: 0 !important;
}

ul.list_icon li {
    font: 300 16px "Poppins", sans-serif;
    color: var(--body-color);
    position: relative;
    padding-left: 35px;
    margin-bottom: 13px;
}

    ul.list_icon li i {
        position: absolute;
        left: 0;
        top: 5px;
        color: var(--primary-color);
    }

.pagination .nav-links .page-numbers:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.breadcrumb_content_two h1 {
    line-height: 1.3;
}

.pagination .nav-links .page-numbers.current:hover {
    color: var(--white-color);
}

.blog_breadcrumb_area .breadcrumb_content_two ol li a,
.blog_breadcrumb_area .breadcrumb_content_two h5 a {
    color: var(--white-color);
}

.img_rounded {
    border-radius: 50%;
}

.single_post_tags.post-tags a:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.dot.middle_dot.middle_dot4 {
    top: 97%;
}

.software_banner_area .software_img img {
    max-width: none;
}

.about_img .about_img_slider .about_item:before {
    width: 101%;
}

.partner_logo .p_logo_item {
    margin-bottom: 5px;
}

.ex_team_item h5 {
    font-weight: 300;
}

.text_box input[type=email]::-webkit-input-placeholder {
    color: #9ca3b9;
}

.text_box input[type=email]::-moz-placeholder {
    color: #9ca3b9;
}

.text_box input[type=email]:-ms-input-placeholder {
    color: #9ca3b9;
}

.text_box input[type=email]::-ms-input-placeholder {
    color: #9ca3b9;
}

.text_box input[type=email]::placeholder {
    color: #9ca3b9;
}

.footer_bottom ul li + li {
    margin-left: 16px;
}

.job_listing .job_list_tab .list_item_tab, .job_listing .listing_tab .list_item .joblisting_text ul li,
.job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .apply_btn {
    font-weight: 300;
}

.job_listing .listing_tab .list_item figure {
    width: 50px;
}

.video_btn .icon {
    -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.19);
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.19);
}

.portfolio_pagination .prev, .portfolio_pagination .next {
    font-weight: 300;
}

    .portfolio_pagination .prev:hover, .portfolio_pagination .next:hover {
        color: var(--primary-color);
    }

.footer_bottom p {
    margin-bottom: 0;
}

.service_carousel .owl-item .service_item {
    -webkit-box-shadow: 0 15px 20px 0 rgba(12, 0, 46, 0.1);
    box-shadow: 0 15px 20px 0 rgba(12, 0, 46, 0.1);
}

.blog_list_item .blog_content .blog_title:hover {
    color: var(--primary-color);
}

.blog_list_item .blog_content .blog_title {
    font-size: 20px;
    line-height: 1em;
    color: var(--secondary-color);
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.p_details_three .img-fluid,
.portfolio_details_area .owl-carousel .owl-item img {
    width: 100%;
}

section.job_details_area .details_content {
    padding-bottom: 0;
    border-bottom: none;
}

.apply_form .upload_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    padding: 20px 0 0;
}

    .apply_form .upload_box input[type=file] {
        padding-left: 20px;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        margin-top: -5px;
    }

.learn_btn {
    font-weight: 400;
}

.s_pricing-item h5 {
    color: var(--primary-color);
    font-size: 14px;
    text-transform: uppercase;
}

.s_service_item .learn_btn_two, .s_service_item h5, .s_service_item p {
    color: var(--white-color);
}

.s_service_item .icon {
    border-color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.059);
    color: var(--white-color);
}

a.learn_btn {
    color: var(--body-color);
}

.learn_btn:before {
    background: var(--body-color);
}

.s_service_info .s_service_item {
    border-radius: 5px;
}

.seo_features_img.seo_features_img_two .round_circle {
    bottom: 0;
}

.single .blog_single_info .blog_list_item_two .blog_content {
    padding-top: 0;
}

.single-post .has-post-thumbnail .blog_content {
    margin-top: 25px;
}

.breadcrumb_content_two .breadcrumb {
    padding-top: 0;
}

    .breadcrumb_content_two .breadcrumb li {
        font-size: 16px;
    }

.breadcrumb_content_two h1 {
    margin-bottom: 5px;
}

.blog_content h5 {
    pointer-events: none;
}

.blog_single_info .post_author_two .media-body .comment_info h3 {
    padding-bottom: 3px;
}

.tagcloud a:hover,
.blog_list_item .blog_content .single_post_tags.post-tags a:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.s_service_info .s_service_item {
    margin-bottom: 25px;
}

.blog_area_two .nav-links {
    margin: 0 auto;
}

.col-lg-4.d-flex.justify-content-end {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

p.comment-form-cookies-consent input#wp-comment-cookies-consent {
    margin-right: 6px;
}

.get_quote_form .btn_three,
.not_logged_in input#submit {
    margin-top: 10px;
}

.new_call_action_area .action_mobile img {
    margin-top: -60px;
}

.agency_banner_btn, .btn_get {
    font-family: inherit;
}

.no_comments + .blog_comment_box #respond {
    padding-top: 0;
}

ul.slick-dots {
    margin: 0 auto;
    text-align: center;
}

ul.slick-dots {
    text-align: center;
    padding-top: 20px;
    position: static;
}

    ul.slick-dots li.slick-active button {
        background: #00aff0;
        color: var(--white-color);
    }

    ul.slick-dots li {
        display: inline-block;
        margin-right: 5px;
    }

        ul.slick-dots li button {
            background: #cfcfe7;
            border: 0;
            border-radius: 20px;
            width: 30px;
        }

/**=== Update Custom CSS by Arif ===**/
/*** Add Custom CSS ERP, Hosting, POS***/
.erp_features_img_two {
    padding-top: 0;
}

.flex-row-reverse .erp_features_img_two .img_icon {
    margin-top: -50px;
}

input.wpcf7-form-control.wpcf7-submit.btn.btn_pos {
    color: var(--white-color);
}

input.wpcf7-form-control.wpcf7-submit.hosting_btn {
    width: 21%;
    border: 0;
    padding: 25px 32px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color: var(--white-color);
    background: #f8636b;
    font-size: 16px;
    font-weight: 500;
}

/** === Hosting Slider === **/
.hosting-slider .hesperiden.tparrows:hover:before {
    color: #f8636b;
}

.hosting-slider .hesperiden .tp-bullet:hover, #rev_slider_1_1_wrapper .hesperiden .tp-bullet.selected {
    border-color: #f8636b;
}

.hosting-slider .hesperiden.tp-leftarrow {
    position: relative;
}

.faq_solution_area .flex-row-reverse {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.design_tab .normal_color .title_color {
    margin-bottom: 10px;
}

/**=== Saalsand Demo Pagae slick dot ===**/
.portfolio_area .p_slider_inner ul.slick-dots li button {
    background: #cfcfe7;
    width: 8px;
}

.new_service .col-lg-4:nth-child(4) .separator,
.new_service .col-lg-4:nth-child(8) .separator {
    display: none;
}

.study_details .details_img img {
    max-width: 100%;
    height: auto;
}

.page-template-page-agency-colorful .color_switcher_zone {
    display: none;
}

#results .available {
    color: #4CAF50;
}

#results .domain_name {
    color: #3FA5FF;
}

.result .not-available span {
    color: #e43a2d;
}

div#comments {
    clear: both;
}

.error404 .btn_get {
    color: var(--white-color);
}

.about_content .no_box_shadow,
.no_box_shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.hero-btns .action_btn {
    margin: 0 10px;
}

.show-portfolio-count {
    padding-top: 15px;
}

.single_pr_details a.woocommerce-review-link {
    display: none;
}

.faq_accordian_two .card .card-header h5 .btn-link img {
    margin-right: 25px;
    max-width: 30px;
}

input.form-control.memail:focus {
    -webkit-box-shadow: 0 0 0 1px #e2e2eb;
    box-shadow: 0 0 0 1px #e2e2eb;
}

/*Portfolio hover icon ---------------------------*/
.portfolio_gallery .portfolio_item:hover .hover_content {
    opacity: 1 !important;
}

.img_popup.leaf {
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    right: 25px;
    top: 25px;
    border: 1px solid var(--white-color);
    border-radius: 50%;
    color: var(--white-color);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

    .img_popup.leaf:hover {
        background: var(--white-color);
        color: #282835;
    }

.portfolio_gallery .portfolio_item:hover .img_popup.leaf {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.portfolio_gallery .portfolio_item:hover .hover_content .portfolio-description .links a, .portfolio_gallery .portfolio_item:hover .hover_content .portfolio-description h3 {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
}

.form-submit input#submit {
    font: 500 14px "Poppins", sans-serif;
    color: var(--white-color);
    background: var(--primary-color);
    border-radius: 3px;
    padding: 15px 30px;
    border: 1px solid var(--primary-color);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
    display: inline-block;
}

    .form-submit input#submit:hover {
        color: var(--primary-color);
        background: 0 0;
    }

.error_area {
    background: linear-gradient(245deg, rgba(94, 44, 237, 0.93) 0, rgba(164, 133, 253, 0.9) 100%), url("../img/error_bg.png") no-repeat scroll center 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    height: 100vh;
    min-height: 650px;
}

.error_shap {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.about_btn {
    font: 500 14px "Poppins", sans-serif;
    padding: 17px 28px;
    background: #fbfbfd;
    -webkit-box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1);
    box-shadow: 0 20px 30px 0 rgba(12, 0, 46, 0.1);
    border-radius: 3px;
    color: var(--primary-color);
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .about_btn:hover {
        color: var(--white-color);
        background: var(--primary-color);
    }

.error_contain h1 {
    font-size: 15vw;
    line-height: 14vw;
    margin-bottom: 0;
}

.error_contain h2 {
    letter-spacing: 12px;
    margin-bottom: 25px;
}

.error_contain .about_btn {
    min-width: 230px;
    -webkit-box-shadow: 0 20px 30px 0 rgba(15, 0, 57, 0.1);
    box-shadow: 0 20px 30px 0 rgba(15, 0, 57, 0.1);
}

.error_two_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    height: 100vh;
    min-height: 750px;
}

.error_content_two h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 50px;
    color: var(--secondary-color);
    margin-top: 40px;
}

.error_content_two p {
    font-size: 20px;
    line-height: 30px;
}

.error_content_two .search {
    margin: 45px 0 40px;
}

    .error_content_two .search .form-control {
        background-color: white;
        -webkit-box-shadow: 0 4px 22px 0 rgba(12, 0, 46, 0.06);
        box-shadow: 0 4px 22px 0 rgba(12, 0, 46, 0.06);
        border: 1px solid transparent;
        border-radius: 45px;
        height: 60px;
        padding: 0 30px;
        color: var(--body-color);
        font-size: 15px;
        font-weight: 300;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

        .error_content_two .search .form-control.placeholder {
            color: var(--body-color);
        }

        .error_content_two .search .form-control:-moz-placeholder {
            color: var(--body-color);
        }

        .error_content_two .search .form-control::-moz-placeholder {
            color: var(--body-color);
        }

        .error_content_two .search .form-control::-webkit-input-placeholder {
            color: var(--body-color);
        }

        .error_content_two .search .form-control:focus {
            border-color: var(--primary-color);
        }

.error_content_two .about_btn {
    background: var(--secondary-color);
    color: var(--white-color);
    border-radius: 3px;
    padding: 17px 35px;
    font-weight: 400;
}

    .error_content_two .about_btn i {
        vertical-align: middle;
        padding-left: 5px;
    }

    .error_content_two .about_btn:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.error_footer {
    background: #eff2f9;
    padding: 40px 0;
}

    .error_footer a:hover {
        color: var(--primary-color);
    }

    .error_footer .f_menu li a {
        position: relative;
    }

        .error_footer .f_menu li a:before {
            content: "";
            width: 0;
            height: 1px;
            background: var(--primary-color);
            position: absolute;
            bottom: 0;
            left: 0;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .error_footer .f_menu li a:hover {
            color: var(--primary-color);
        }

            .error_footer .f_menu li a:hover:before {
                width: 100%;
            }

    .error_footer .f_menu li + li:before {
        display: none;
    }

.error_page2 .header_area .menu > .nav-item > .nav-link {
    color: var(--secondary-color);
}

.error_page2 .header_area .menu > .nav-item:hover > .nav-link {
    color: var(--primary-color);
}

/* Css keyframes css
============================================================================================ */
@-webkit-keyframes menu-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.04) translateY(300%);
        transform: scale(0.04) translateY(300%);
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
        -webkit-transition: ease-out;
        transition: ease-out;
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(0.02) translateY(0);
        transform: scale(0.02) translateY(0);
    }

    61% {
        -webkit-transform: scale(0.04);
        transform: scale(0.04);
    }

    99.9% {
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }
}

@keyframes menu-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.04) translateY(300%);
        transform: scale(0.04) translateY(300%);
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
        -webkit-transition: ease-out;
        transition: ease-out;
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(0.02) translateY(0);
        transform: scale(0.02) translateY(0);
    }

    61% {
        -webkit-transform: scale(0.04);
        transform: scale(0.04);
    }

    99.9% {
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }
}

@-webkit-keyframes myfirst {
    0% {
        left: -25%;
    }

    100% {
        left: 100%;
    }
}

@keyframes myfirst {
    0% {
        left: -25%;
    }

    100% {
        left: 100%;
    }
}