.topbar01 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    padding: 11px 0 12px;
}

    .topbar01 p {
        display: inline-block;
        font-size: 15px;
        line-height: 35px;
        color: #fff;
        font-weight: 500;
        margin: 0 21px 0 0;
    }

        .topbar01 p i {
            color: var(--theme-color);
            font-size: 13px;
            line-height: 33px;
            width: 33px;
            height: 33px;
            border-radius: 50%;
            background: #fff;
            text-align: center;
            display: inline-block;
            margin-right: 6px;
        }

            .topbar01 p i.twi-phone-volume {
                transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
            }

        .topbar01 p a {
            color: inherit;
        }

            .topbar01 p a:hover {
                color: var(--theme-color);
            }

.topsocial {
    position: relative;
    padding: 0;
    text-align: right;
}

    .topsocial a {
        display: inline-block;
        font-size: 15px;
        line-height: 33px;
        width: 33px;
        height: 33px;
        border-radius: 50%;
        color: #191919;
        background: #fff;
        text-align: center;
        margin-left: 2px;
    }

        .topsocial a:hover {
            background: var(--theme-color);
            color: #fff;
        }

.header01 {
    position: absolute;
    top: 58px;
    left: 0;
    z-index: 9;
    width: 100%;
}

.navbar01 {
    justify-content: space-between;
    display: flex;
    background: #fff;
    border-radius: 3px;
    padding: 0 40px;
}

.logo {
    line-height: 33px;
    margin: 0;
    padding: 8px 0;
    position: relative;
}

    .logo img {
        height: 40px;
        width: auto;
        max-width: 100%;
    }

.mainMenu {
    position: relative;
    padding: 0 0 0 32px;
}

    .mainMenu ul {
        position: relative;
        margin: 0;
        padding: 0;
    }

        .mainMenu ul li {
            position: relative;
            list-style: none;
            display: inline-block;
            margin: 0 0 0 10px;
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

            .mainMenu ul li:first-child {
                margin-left: 0;
            }

            .mainMenu ul li > a {
                display: block;
                font-size: 17px;
                line-height: 26px;
                color: #2a2828;
                font-family: fira sans, sans-serif;
                text-transform: capitalize;
                font-weight: 500;
                padding: 16px 15px 16px;
                position: relative;
            }

            .mainMenu ul li.menu-item-has-children > a::before {
                content: "\f543";
                font-family: themewar !important;
                position: absolute;
                left: auto;
                right: 2px;
                top: calc(50% + 2px);
                text-align: center;
                z-index: 9999;
                display: block;
                cursor: pointer;
                transform: translateY(-50%);
            }

        .mainMenu ul .sub-menu li.menu-item-has-children > a::before {
            right: 19px;
            content: "..";
            font-family: fira sans, sans-serif !important;
            font-size: 25px;
            letter-spacing: 3px;
            top: calc(50% - 5px);
        }

        .mainMenu ul li:hover > a {
            color: var(--theme-color);
        }

        .mainMenu ul li .sub-menu {
            position: absolute;
            left: -10px;
            pointer-events: none;
            top: calc(100% - 4px);
            width: 260px;
            border-radius: 3px;
            z-index: 100;
            text-align: left;
            margin: 0;
            padding: 18px 0 16px;
            opacity: 0;
            visibility: hidden;
            background: #fff;
            -moz-transform: translateY(30px);
            -webkit-transform: translateY(30px);
            -ms-transform: translateY(30px);
            -o-transform: translateY(30px);
            transform: translateY(30px);
            -webkit-box-shadow: 2px 2px 5px 1px rgb(0 0 0/5%), -2px 0 5px 1px rgb(0 0 0/5%);
            -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);
            -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);
            -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);
            box-shadow: 2px 2px 5px 1px rgb(0 0 0/5%), -2px 0 5px 1px rgb(0 0 0/5%);
            -webkit-transform-origin: top;
            -ms-transform-origin: top;
            transform-origin: top;
            -webkit-transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            transition: all 500ms ease;
            border-top: 3px solid var(--theme-color);
            color: inherit;
            font-size: inherit;
        }

            .mainMenu ul li .sub-menu li {
                display: block;
                padding: 0;
                margin: 0;
                border-bottom: 1px solid #f5f5f5;
            }

                .mainMenu ul li .sub-menu li:last-child {
                    border-bottom: none;
                }

                .mainMenu ul li .sub-menu li a {
                    padding: 13px 30px;
                    margin: 0;
                    color: #6f6f6f;
                    line-height: 24px;
                    text-transform: capitalize;
                    font-weight: 400;
                    font-size: 16px;
                    width: 100%;
                    display: block;
                    position: relative;
                }

                .mainMenu ul li .sub-menu li.current-menu-item > a,
                .mainMenu ul li .sub-menu li:hover > a {
                    color: #fff;
                    background: var(--theme-color);
                }

        .mainMenu ul li:hover .sub-menu {
            visibility: visible;
            opacity: 1;
            pointer-events: inherit;
            -moz-transform: translateY(0);
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -webkit-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
        }

        .mainMenu ul li .sub-menu li .sub-menu {
            position: absolute;
            left: 110%;
            right: auto;
            top: 0;
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
        }

        .mainMenu ul li .sub-menu li:hover .sub-menu {
            visibility: visible;
            opacity: 1;
            left: calc(100% + 2px);
            pointer-events: inherit;
        }

        .mainMenu ul li .sub-menu.mega_menu {
            min-width: 950px;
            padding: 22px 15px 5px;
            left: -40px;
        }

.showcase {
    margin: 0 0 20px;
    -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

    .showcase .showcaseThumb {
        -webkit-box-shadow: 0 20px 32px rgba(185, 181, 181, 0.5);
        -moz-box-shadow: 0 20px 32px rgba(185, 181, 181, 0.5);
        -ms-box-shadow: 0 20px 32px rgba(185, 181, 181, 0.5);
        -o-box-shadow: 0 20px 32px rgba(185, 181, 181, 0.5);
        box-shadow: 0 20px 32px rgba(185, 181, 181, 0.5);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
        transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
        position: relative;
        overflow: hidden;
    }

    .showcase:hover {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    .showcase h5 {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #2a2828;
        margin: 18px 0 0;
    }

        .showcase h5 span {
            color: var(--theme-color);
        }

    .showcase .showcaseThumb img {
        max-width: 100%;
        height: auto;
        width: 100%;
    }

.menu_btn {
    display: none;
}

.accessNav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .accessNav a {
        display: inline-block;
    }

    .accessNav .search_btn {
        position: relative;
        margin: 0;
        width: 52px;
        height: 52px;
        font-size: 16px;
        background: #f5f5f5;
        border-radius: 50%;
        text-align: center;
        color: #131313;
        line-height: 53px;
    }

        .accessNav .search_btn:hover {
            color: #fff;
            background: var(--theme-color);
        }

.shoping_cart {
    position: relative;
    margin-left: 0;
}

    .shoping_cart a.cartBtn {
        position: relative;
        margin: 0 0 0 8px;
        width: 52px;
        height: 52px;
        font-size: 16px;
        background: #f5f5f5;
        border-radius: 50%;
        text-align: center;
        color: #131313;
        line-height: 53px;
    }

        .shoping_cart a.cartBtn span {
            position: absolute;
            right: -7px;
            top: -6px;
            background: #191919;
            color: #fcfcfc;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            font-size: 10.43px;
            line-height: 26px;
            font-weight: 700;
            text-align: center;
            display: inline-block;
            transition: all ease 300ms;
            -moz-transition: all ease 300ms;
            -webkit-transition: all ease 300ms;
            -o-transition: all ease 300ms;
            -ms-transition: all ease 300ms;
        }

    .shoping_cart:hover a.cartBtn {
        background: var(--theme-color);
        color: #fff;
    }

.accessNav .berpo_btn {
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 19.5px;
}

.popup_search_sec {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

.popup_search_overlay {
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: rgba(30, 30, 30, 0.6);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    cursor: url(../images/close.png), auto;
    -webkit-transition: all 0.4s ease-in 0.8s;
    -o-transition: all 0.4s ease-in 0.8s;
    transition: all 0.4s ease-in 0.8s;
}

.popup_search_sec.active .popup_search_overlay {
    visibility: visible;
    -webkit-transition: all 0.8s ease-out 0s;
    -o-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s;
    top: 0;
    opacity: 1;
}

.pop_search_background {
    background: #030303;
    width: 100%;
    height: 400px;
    top: -100%;
    z-index: 99;
    position: fixed;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    -o-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
}

.popup_search_sec.active .pop_search_background {
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
}

.middle_search {
    position: relative;
    top: 43%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    z-index: 2;
}

.popup_search_form {
    position: relative;
}

    .popup_search_form:after {
        -webkit-animation-delay: 0.8s;
        -moz-animation-delay: 0.8s;
        -o-animation-delay: 0.8s;
        animation-delay: 0.8s;
        position: absolute;
        content: "";
        height: 1px;
        background: rgba(255, 255, 255, 0.15);
        width: 0;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        left: 0;
        bottom: 0;
    }

.popup_search_sec.active .popup_search_form:after {
    -webkit-animation-name: fadeInGo;
    animation-name: fadeInGo;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    opacity: 1;
    width: 100%;
}

.popup_search_form:before {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -moz-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: var(--theme-color);
}

.popup_search_form.focused:before {
    width: 100%;
    left: 0;
    right: auto;
}

.popup_search_form input[type="search"] {
    width: 100%;
    height: 64px;
    border: none;
    background: 0 0;
    outline: none;
    font-size: 18px;
    line-height: 64px;
    color: #fff;
    font-weight: 400;
}

    .popup_search_form input[type="search"]::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    .popup_search_form input[type="search"]::-ms-input-placeholder {
        color: #fff;
        opacity: 1;
    }

    .popup_search_form input[type="search"]::-webkit-input-placeholder {
        color: #fff;
        opacity: 1;
    }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeInGo {
    0% {
        opacity: 0.1;
        width: 0;
    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

@keyframes fadeInGo {
    0% {
        opacity: 0.1;
        width: 0;
    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

@-webkit-keyframes fadeOutGo {
    0% {
        opacity: 1;
        width: 100%;
    }

    100% {
        opacity: 0;
        width: 0;
    }
}

@keyframes fadeOutGo {
    0% {
        opacity: 1;
        width: 100%;
    }

    100% {
        opacity: 0;
        width: 0;
    }
}

@-webkit-keyframes fadeOutGo2 {
    0% {
        opacity: 0.8;
        width: 100%;
    }

    100% {
        opacity: 0.14;
        width: 0;
    }
}

@keyframes fadeOutGo2 {
    0% {
        opacity: 0.8;
        width: 100%;
    }

    100% {
        opacity: 0.14;
        width: 0;
    }
}

.popup_search_form button[type="submit"] {
    position: absolute;
    right: 0;
    bottom: 14px;
    border: none;
    outline: none;
    z-index: 2;
    font-size: 18px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    background: 0 0;
    color: #fff;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

    .popup_search_form button[type="submit"]:hover {
        color: var(--theme-color);
    }

.slider_01 {
    position: relative;
    height: 32vh;
    margin: 0 0 20px 0;
    overflow: hidden;
}

#rev_slider_1_forcefullwidth .rev_slider_wrapper {
    height: 240px !important;
}

.ws_nowrap {
    white-space: normal !important;
}

.tparrows.custom {
    width: 70px;
    height: 70px;
    display: none;
    background: #99989a;
    color: #000;
    line-height: 70px;
    border-radius: 5px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}

    .tparrows.custom:before {
        color: inherit;
        content: "\ef2e";
        line-height: 70px;
        font-size: 24px;
        font-family: themewar !important;
    }

.tp-rightarrow.tparrows.custom:before {
    content: "\ef2f";
}

.tparrows.custom:hover {
    background: #fff;
}

.tp-bannertimer {
    display: none !important;
}

.ws_nowrap {
    white-space: normal !important;
}

.tp-caption .berpo_btn {
    height: 54px;
    font-weight: 600;
    font-size: 15px !important;
    line-height: 54px !important;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}

.slider_01 span.bg {
    width: 345px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    display: inline-block;
    background: url(../images/slider/title-bg.png) no-repeat center center/cover;
}

.slider_01 .popup_video {
    height: 62px !important;
    width: 62px !important;
    line-height: 60px !important;
    background: 0 0;
    border: 2px solid var(--theme-color);
}

.prcolor {
    color: var(--theme-color);
}

.slider_02 {
    position: relative;
    margin: 0;
    overflow: hidden;
}

    .slider_02:after {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 120px;
        background: url(../images/bg/header.jpg) no-repeat top center/cover;
    }

.slider_03 {
    position: relative;
    margin: 0;
    overflow: hidden;
}

    .slider_03 .tp-caption .berpo_btn {
        height: 60px;
        font-weight: 700;
        line-height: 60px !important;
    }

        .slider_03 .tp-caption .berpo_btn i {
            margin: auto !important;
        }

    .slider_03 .twi-star-of-life {
        display: inline-block;
        font-size: 12px;
    }

    .slider_03 .prcolor3 {
        display: inline-block;
        font-size: 35px;
        margin: 0 5px;
        color: var(--theme-color-three);
    }

.slider_04 {
    position: relative;
}

    .slider_04 .graian {
        display: inline-block;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
    }

.support {
    position: relative;
    padding-left: 83px;
}

    .support img {
        width: 69px;
        height: 69px;
        border-radius: 50%;
        position: absolute;
        top: -1px;
        left: 0;
    }

    .support span {
        font-size: 22px;
        color: #fff;
        font-weight: 700;
        margin: 0;
        display: block;
    }

    .support p {
        font-size: 17px;
        font-weight: 400;
        line-height: 30px;
        margin: 0 0 16px;
        display: inline-block;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
    }

.slider_04 .tparrows.custom {
    background: url(../images/slider/nav.png) no-repeat center center/cover;
    width: 108px;
    height: 108px;
    border-radius: 3px;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}

    .slider_04 .tparrows.custom:before {
        content: "\ef54";
        color: #fff;
        font-size: 16px;
        line-height: 108px;
        z-index: 3;
        transition: all ease 400ms !important;
        -moz-transition: all ease 400ms !important;
        -webkit-transition: all ease 400ms !important;
    }

.slider_04 .tp-rightarrow.custom:before {
    content: "\ef55";
}

.slider_04 .tparrows.custom:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 3px;
    visibility: visible;
    opacity: 1;
    z-index: -1;
    background: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}

.slider_04 .tparrows.custom:hover:after {
    visibility: hidden;
    opacity: 0;
}

.slider_04 .tparrows.custom:hover:before {
    color: #101a25;
}

.slider_05 {
    position: relative;
    z-index: 3;
    background: #f7f7f7;
    margin-bottom: -92px;
    border-radius: 3px 0 0 0;
}

    .slider_05 .tp-caption .berpo_btn {
        height: 57px;
        font-weight: 800;
        font-size: 14px !important;
        line-height: 57px !important;
        transition: all ease 400ms !important;
        -moz-transition: all ease 400ms !important;
        -webkit-transition: all ease 400ms !important;
    }

    .slider_05 .headFont span {
        color: #f9bf26;
    }

    .slider_05 .headFont.mdHeading span {
        display: inline-block;
        color: inherit;
        margin: 0 19px;
    }

.borderb {
    position: relative;
    display: inline-block;
}

    .borderb:after {
        position: absolute;
        width: 100%;
        height: 7px;
        content: "";
        z-index: -1;
        background: #cee002;
        opacity: 0.11;
        left: 0;
        bottom: 4px;
    }

.slider_05 .tparrows.custom {
    width: 70px;
    height: 57px;
    background: 0 0;
}

    .slider_05 .tparrows.custom:before {
        font-size: 36px;
        line-height: 58px;
        content: "\e942";
        font-family: bepro !important;
    }

.slider_05 .tp-rightarrow.tparrows.custom:before {
    content: "\e941";
}

.slider_05 .tparrows.custom:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: "";
    z-index: -1;
    border-radius: 3px;
    background-image: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.slider_05 .tparrows.custom:hover:after,
.slider_05 .tp-rightarrow.tparrows.custom:after {
    width: 100%;
}

.slider_06 {
    position: relative;
    height: 100vh;
    margin: 0;
    overflow: hidden;
}

    .slider_06 .tp-caption .berpo_btn {
        border-radius: 3px;
    }

.slider_07 {
    position: relative;
    overflow: hidden;
    margin-top: 95px;
}

    .slider_07 .tp-caption .berpo_btn {
        height: 63px;
        font-weight: 700;
        padding: 0 32.5px;
        background: var(--theme-color);
        font-size: 15px !important;
        line-height: 64px !important;
        transition: all ease 400ms !important;
        -moz-transition: all ease 400ms !important;
        -webkit-transition: all ease 400ms !important;
    }

        .slider_07 .tp-caption .berpo_btn i {
            background: #980000;
        }

        .slider_07 .tp-caption .berpo_btn:hover i {
            background: var(--theme-color);
        }

    .slider_07 .tp-bullet {
        background: 0 0;
        position: relative;
        z-index: 66;
    }

        .slider_07 .tp-bullet:after {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            content: "1";
            color: #1c1c1c;
            font-family: fira sans, sans-serif;
            font-size: 18.4px;
            font-weight: 700;
            letter-spacing: -0.36px;
            transition: all ease 400ms;
            -moz-transition: all ease 400ms;
            -webkit-transition: all ease 400ms;
        }

        .slider_07 .tp-bullet:nth-child(2):after {
            content: "2";
        }

        .slider_07 .tp-bullet:nth-child(3):after {
            content: "3";
        }

        .slider_07 .tp-bullet:nth-child(4):after {
            content: "4";
        }

        .slider_07 .tp-bullet:nth-child(5):after {
            content: "5";
        }

        .slider_07 .tp-bullet:hover:after,
        .slider_07 .tp-bullet.selected:after {
            color: var(--theme-color);
        }

        .slider_07 .tp-bullet:before {
            position: absolute;
            left: -4px;
            right: 0;
            top: 0;
            bottom: -90px;
            height: 38px;
            width: 1px;
            background: #494948;
            margin: auto;
            content: "";
            transition: all ease 400ms;
            -moz-transition: all ease 400ms;
            -webkit-transition: all ease 400ms;
        }

        .slider_07 .tp-bullet:last-child:before {
            display: none;
        }

.service_item_01 {
    position: relative;
    background: #fff;
    margin: 0 0 30px;
    border-radius: 8px 7px 5px 5px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -webkit-box-shadow: 0 10px 38px 0 rgba(0, 0, 0, 0.02);
    -moz-box-shadow: 0 10px 38px 0 rgba(0, 0, 0, 0.02);
    box-shadow: 0 10px 38px 0 rgba(0, 0, 0, 0.02);
}

    .service_item_01:hover {
        -webkit-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.07);
        -moz-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.07);
        box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.07);
    }

.siThumb {
    position: relative;
    margin: 0;
}

.service_item_01 .siThumb img {
    width: 100%;
    height: auto;
    border-radius: 5px 5px 0 0;
}

.sitem_con {
    position: relative;
    padding: 22px 30px 23px 105px;
}

.ibMeta {
    font-size: 50px;
    line-height: 50px;
    color: var(--theme-color);
    position: relative;
    z-index: 2;
    text-align: center;
    display: inline-block;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}

.sitem_con .ibMeta {
    position: absolute;
    left: 36px;
    top: 20px;
}

.service_item_01 h3 {
    font-size: 22px;
    line-height: 30px;
    color: #333;
    margin: 0;
}

    .service_item_01 h3 a {
        color: inherit;
    }

        .service_item_01 h3 a:hover {
            color: var(--theme-color);
        }

.service_item_01 p {
    color: #666;
    font-size: 15px;
    line-height: 23px;
    margin: 0;
}

.abThumb {
    position: relative;
}

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

.skrItem {
    position: relative;
    background: #fff;
    text-align: center;
    display: inline-block;
    -webkit-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 81px 0 rgba(0, 0, 0, 0.08);
    padding: 35px 38px 27px;
    margin: 0 0 30px;
}

.circle-skill {
    position: relative;
    margin: 0 0 8px;
}

    .circle-skill strong {
        position: absolute;
        left: 0;
        top: 47%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 100%;
        margin: auto;
        text-align: center;
        font-size: 40px;
        letter-spacing: -0.6px;
        font-family: fira sans, sans-serif;
        font-weight: 700;
        line-height: 0.8;
        color: #29333d;
        display: block;
    }

        .circle-skill strong span {
            font-size: 20px;
        }

    .circle-skill i {
        width: 49px;
        height: 49px;
        background: #fff;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        color: #fff;
        font-size: 22px;
        line-height: 49px;
        position: absolute;
        left: 0;
        top: 0;
    }

        .circle-skill i:before {
            z-index: 2;
            position: relative;
        }

        .circle-skill i:after {
            position: absolute;
            left: 4px;
            top: 4px;
            width: calc(100% - 8px);
            height: calc(100% - 8px);
            border-radius: 50%;
            content: "";
            background: var(--theme-color);
        }

.skrItem h5 {
    color: #29333d;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.happyClinets {
    position: relative;
    display: flex;
    justify-content: space-between;
    background: #fff;
    -webkit-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 10px 81px 0 rgba(0, 0, 0, 0.09);
    padding: 23px 32px 13px;
    border-radius: 100px;
    max-width: 508px;
    margin-bottom: -42px;
}

    .happyClinets > i {
        width: 61px;
        height: 61px;
        border-radius: 50%;
        font-size: 25px;
        color: #fff;
        line-height: 61px;
        text-align: center;
        background: var(--theme-color);
        display: inline-block;
    }

.cThumb {
    position: relative;
}

    .cThumb img {
        width: 61px;
        height: 62px;
        border-radius: 50%;
    }

        .cThumb img:nth-child(2) {
            width: 66px;
            height: 66px;
            border-radius: 50%;
            position: absolute;
            left: 28px;
            top: -2px;
        }

        .cThumb img:nth-child(3) {
            width: 65px;
            height: 66px;
            border-radius: 50%;
            position: absolute;
            left: 65px;
            top: -2px;
        }

.hcCon {
    padding-left: 40px;
    position: relative;
}

    .hcCon h5 {
        font-size: 18px;
        border-bottom: 1px solid #ededed;
        margin: 1px 0 5px;
        padding: 0 0 7px;
    }

    .hcCon p {
        font-size: 15px;
        color: #101a25;
        font-weight: 700;
        font-family: fira sans, sans-serif;
        margin: 0;
    }

        .hcCon p i {
            display: inline-block;
            font-size: 12px;
            color: #fdc703;
            margin-right: 10px;
        }

.input-field {
    position: relative;
}

    .input-field i {
        color: var(--theme-color);
        font-size: 14px;
        line-height: 67px;
        position: absolute;
        left: 25px;
        top: 0;
    }

input[type="email"],
input[type="text"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="password"],
textarea,
select,
.nice-select {
    display: block;
    width: 100%;
    height: 44px;
    background: #f8f8f8;
    padding: 0 15px 0 60px;
    border: none;
    border-radius: 3px;
    font-size: 15px;
    line-height: 67px;
    margin: 0 0 7px;
    color: #898989;
}

textarea {
    height: 150px;
    padding-top: 12px;
    padding-left: 55px;
    line-height: 34px;
    border-radius: 30px;
    resize: none;
    margin-bottom: 30px;
}

    input[type="email"]::-moz-placeholder,
    input[type="text"]::-moz-placeholder,
    input[type="number"]::-moz-placeholder,
    input[type="url"]::-moz-placeholder,
    input[type="tel"]::-moz-placeholder,
    input[type="password"]::-moz-placeholder,
    textarea::-moz-placeholder,
    select::-moz-placeholder {
        color: #898989;
        opacity: 1;
    }

    input[type="email"]::-webkit-input-placeholder,
    input[type="text"]::-webkit-input-placeholder,
    input[type="number"]::-webkit-input-placeholder,
    input[type="url"]::-webkit-input-placeholder,
    input[type="tel"]::-webkit-input-placeholder,
    input[type="password"]::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder,
    select::-webkit-input-placeholder {
        color: #898989;
        opacity: 1;
    }

    input[type="email"]::-ms-input-placeholder,
    input[type="text"]::-ms-input-placeholder,
    input[type="number"]::-ms-input-placeholder,
    input[type="url"]::-ms-input-placeholder,
    input[type="tel"]::-ms-input-placeholder,
    input[type="password"]::-ms-input-placeholder,
    textarea::-ms-input-placeholder,
    select::-ms-input-placeholder {
        color: #898989;
        opacity: 1;
    }

.service_item_02 {
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 27px 43px 39px;
    margin: 0 0 30px;
    -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
}

.stpmeta {
    position: relative;
    display: flex;
}

    .stpmeta .ibMeta {
        color: #000;
        position: relative;
        text-align: left;
    }

.ibMeta svg {
    width: 80px;
    height: 64px;
    fill: #ffc1c1;
    position: absolute;
    left: -5px;
    top: 11px;
    z-index: -1;
}

.service_item_02 h3 {
    position: relative;
    z-index: 2;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: #0f0d1d;
    margin: 28px 0 40px 43px;
}

    .service_item_02 h3 a {
        color: inherit;
    }

        .service_item_02 h3 a:hover {
            color: var(--theme-color);
        }

.service_item_02 p {
    position: relative;
    z-index: 2;
    color: #5f5f5f;
    font-size: 17px;
    line-height: 25px;
    margin: 0;
}

.si02 .ibMeta svg {
    fill: #ffde73;
}

.si03 .ibMeta svg {
    fill: #ff8522;
}

.si04 .ibMeta svg {
    fill: #bef0ef;
}

.si05 .ibMeta svg {
    fill: #dcf7b9;
}

.si06 .ibMeta svg {
    fill: #ffa6b0;
}

.listItem {
    margin: 0;
    padding: 0;
}

    .listItem li {
        list-style: none;
        display: flex;
        width: 100%;
        font-size: 18px;
        line-height: 35px;
        color: #fff;
    }

.withbg li {
    font-family: fira sans, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #101a25;
    margin: 0 0 14px;
}

    .withbg li span {
        padding: 12px 30px 16px;
        background: #fff;
        border-radius: 3px;
        display: inline-block;
        -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
        -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
        box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
    }

.listItem.withbg li i {
    color: var(--theme-color);
    font-size: 22px;
    line-height: inherit;
    margin-right: 17px;
    display: inline-block;
    position: relative;
    top: 4px;
}

.listItem li i {
    margin-right: 23px;
}

.clinetWorlwide {
    position: relative;
    text-align: right;
}

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

.ClientNumber {
    position: absolute;
    left: 39px;
    bottom: 25px;
    text-align: left;
}

    .ClientNumber h2 {
        position: relative;
        font-size: 110.79px;
        line-height: 109px;
        margin: 0 0 0 4px;
    }

        .ClientNumber h2 sup {
            font-style: normal;
            font-size: 55px;
            line-height: 60px;
            color: var(--theme-color);
            top: -58px;
        }

    .ClientNumber h5 {
        font-size: 19px;
        line-height: 1;
        font-weight: 500;
        text-transform: uppercase;
        margin: 0;
    }

.clslider_wrap {
    background: #fff;
    -webkit-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 10px 81px 0 rgba(0, 0, 0, 0.09);
    padding: 54px 15px 39px;
    border-radius: 3px;
}

.client-slider.owl-carousel {
    position: relative;
}

    .client-slider.owl-carousel .owl-item {
        text-align: center;
    }

    .client-slider.owl-carousel a {
        display: inline-block;
        text-align: center;
    }

        .client-slider.owl-carousel a img {
            height: auto;
            width: 188px;
        }

.pricingTab {
    margin: 0 0 50px;
    padding: 2px;
    display: inline-block;
    border: 1px solid #e8e8e8;
    border-radius: 50px;
    height: 57px;
}

    .pricingTab a {
        position: relative;
        font-family: fira sans, sans-serif;
        display: inline-block;
        height: 100%;
        background: 0 0;
        display: inline-block;
        font-size: 16px;
        color: #616368;
        font-weight: 500;
        border-radius: 50px;
        padding: 11.5px 38px;
        text-align: center;
    }

        .pricingTab a:hover {
            color: var(--theme-color);
        }

        .pricingTab a.active {
            background: var(--theme-color);
            color: #fff;
        }

.pricing-item-01 {
    max-width: 380px;
    position: relative;
    background: #f9f9f9;
    border-radius: 10px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

    .pricing-item-01:hover {
        background: #fff;
        -webkit-box-shadow: 0 3px 103px 0 rgba(46, 46, 46, 0.17);
        -moz-box-shadow: 0 3px 103px 0 rgba(46, 46, 46, 0.17);
        box-shadow: 0 3px 103px 0 rgba(46, 46, 46, 0.17);
    }

.price-thumb {
    position: relative;
}

    .price-thumb img {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0 0;
    }

.price-detils {
    position: relative;
    padding: 57px 75px;
}

.p-title {
    font-size: 32px;
    line-height: 40px;
    color: #030303;
    font-weight: 600;
    margin-bottom: 7px;
}

.p-price {
    font-size: 30px;
    line-height: 40px;
    color: #030303;
    letter-spacing: 0.6px;
    margin-bottom: 39px;
    text-transform: uppercase;
    display: flex;
    position: relative;
    min-height: 40px;
}

    .p-price sup {
        font-size: 13px;
        top: -13px;
        margin-right: 4px;
    }

    .p-price sub {
        font-size: 18px;
        bottom: 11px;
    }

.pricing-item-01 .p-price .price_period {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
}

    .pricing-item-01 .p-price .price_period.active {
        visibility: visible;
        opacity: 1;
    }

.price-detils ul {
    margin: 0 0 23px;
    padding: 0;
}

    .price-detils ul li {
        display: block;
        font-size: 16px;
        color: #5f5f5f;
        letter-spacing: 0.64px;
        border-bottom: 1px solid #eee;
        padding: 0 0 11px;
        margin-bottom: 8px;
    }

        .price-detils ul li:last-child {
            border: none;
        }

        .price-detils ul li i {
            color: var(--theme-color);
            font-size: 15px;
            display: inline-block;
            margin-right: 12px;
        }

.price-detils .berpo_btn {
    background: #030303;
    height: 54px;
    line-height: 55px;
    border-radius: 50px;
    font-weight: 600;
    padding: 0 48px;
}

    .price-detils .berpo_btn .bp-shape {
        background: var(--theme-color);
    }

.beproTab {
    position: relative;
    margin: 0 0 60px;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

    .beproTab li {
        width: 33.333333%;
    }

        .beproTab li a {
            display: inline-block;
            width: 100%;
            background: #eef4fc;
            position: relative;
            text-align: center;
            font-family: fira sans, sans-serif;
            font-size: 22px;
            color: #000;
            font-weight: 700;
            text-transform: uppercase;
            padding: 43px 20px;
        }

            .beproTab li a:after {
                position: absolute;
                left: 60px;
                bottom: 0;
                width: 2px;
                height: 60px;
                background: var(--theme-color);
                content: "";
                visibility: hidden;
                opacity: 0;
                -webkit-transition: all ease 0.3s;
                -moz-transition: all ease 0.3s;
                transition: all ease 0.3s;
            }

            .beproTab li a:hover:after,
            .beproTab li a.active:after {
                visibility: visible;
                opacity: 1;
                bottom: -44px;
            }

            .beproTab li a:hover,
            .beproTab li a.active {
                background: #fff;
                -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
                -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
                box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
            }

.beproTabCon {
    position: relative;
}

    .beproTabCon .secTitle {
        line-height: 65px;
        margin: 82px 0 19px;
    }

    .beproTabCon p {
        margin-bottom: 52px;
        color: #5f5f5f;
        padding-right: 60px;
    }

    .beproTabCon .berpo_btn {
        padding: 0 42.5px;
    }

.team_01 {
    position: relative;
    margin-bottom: 34px;
}

.tm_thumb {
    position: relative;
    margin: 0 0 20px;
}

    .tm_thumb:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        visibility: hidden;
        opacity: 0;
        border-radius: 3px;
        background: rgba(0, 0, 0, 0.43);
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

.team_01:hover .tm_thumb:after {
    visibility: visible;
    opacity: 1;
}

.team_01 .tm_thumb img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.tm_social {
    font-family: fira sans, sans-serif;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

    .tm_social a {
        display: inline-block;
        margin: 0 5px;
        position: relative;
        z-index: 2;
        color: #fff;
        text-align: center;
        font-size: 12px;
        text-transform: uppercase;
        visibility: hidden;
        opacity: 0;
    }

        .tm_social a i {
            font-size: 13px;
            margin-right: 4px;
            display: inline-block;
        }

        .tm_social a:hover {
            color: var(--theme-color);
        }

        .tm_social a:nth-child(1) {
            -webkit-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            -moz-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transform: translate3d(0, 70px, 0);
            -moz-transform: translate3d(0, 70px, 0);
            -webkit-transform: translate3d(0, 70px, 0);
        }

        .tm_social a:nth-child(2) {
            -webkit-transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            -moz-transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transform: translate3d(0, 70px, 0);
            -moz-transform: translate3d(0, 70px, 0);
            -webkit-transform: translate3d(0, 70px, 0);
        }

        .tm_social a:nth-child(3) {
            -webkit-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            -moz-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transform: translate3d(0, 70px, 0);
            -moz-transform: translate3d(0, 70px, 0);
            -webkit-transform: translate3d(0, 70px, 0);
        }

        .tm_social a:nth-child(4) {
            -webkit-transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            -moz-transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transform: translate3d(0, 70px, 0);
            -moz-transform: translate3d(0, 70px, 0);
            -webkit-transform: translate3d(0, 70px, 0);
        }

        .tm_social a:nth-child(05) {
            -webkit-transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            -moz-transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transform: translate3d(0, 70px, 0);
            -moz-transform: translate3d(0, 70px, 0);
            -webkit-transform: translate3d(0, 70px, 0);
        }

.team_01:hover .tm_social a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.team_01 h3 {
    font-size: 24px;
    line-height: 28px;
    color: #393434;
    margin: 0 0 5px;
}

    .team_01 h3 a {
        color: inherit;
    }

        .team_01 h3 a:hover {
            color: var(--theme-color);
        }

.team_01 p {
    font-size: 15px;
    line-height: 0.8;
    color: #7b7b7b;
    margin: 0;
}

.tmSlider.owl-carousel .owl-nav {
    width: 100%;
}

    .tmSlider.owl-carousel .owl-nav button {
        position: absolute;
        left: -140px;
        top: 31%;
        text-align: center;
        z-index: 5;
        font-size: 24px;
        line-height: 71px;
        width: 71px;
        height: 71px;
        background: rgba(199, 199, 199, 0.2);
        color: rgba(0, 0, 0, 0.2);
        border: none;
        outline: none;
        z-index: 1;
        border-radius: 0;
        display: block;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .tmSlider.owl-carousel .owl-nav button.owl-next {
            left: auto;
            right: -140px;
        }

        .tmSlider.owl-carousel .owl-nav button:hover {
            background: var(--theme-color);
            color: #fff;
        }

.bepAccordion {
    position: relative;
    margin-right: 29px;
}

    .bepAccordion .card {
        position: relative;
        z-index: 2;
        background: #fff;
        border-radius: 3px;
        margin: 0 0 16px;
        padding: 20px 49px;
        border: none;
        -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
        -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
        box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.accordion > .card:not(:first-of-type),
.accordion > .card:not(:last-of-type) {
    border-radius: 3px;
}

.bepAccordion .card .card-header {
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .bepAccordion .card .card-header h2 {
        margin: 0;
        padding: 0;
        border: none;
    }

        .bepAccordion .card .card-header h2 button {
            border-radius: 0;
            border: none;
            background: 0 0;
            font-size: 18px;
            font-weight: 700;
            font-family: fira sans, sans-serif;
            color: #1e1840;
            line-height: 36px;
            display: flex;
            padding: 0;
            width: 100%;
            text-align: left;
            border-radius: 0;
            position: relative;
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

            .bepAccordion .card .card-header h2 button i {
                font-style: normal;
                font-size: 19px;
                color: var(--theme-color);
                margin-right: 3px;
            }

            .bepAccordion .card .card-header h2 button span {
                position: absolute;
                width: 12px;
                height: 12px;
                right: -11px;
                top: 0;
                bottom: 0;
                margin: auto;
            }

                .bepAccordion .card .card-header h2 button span:before {
                    content: "";
                    width: 4px;
                    height: 12px;
                    background: #000;
                    position: absolute;
                    left: 0;
                    top: 0;
                    bottom: 0;
                    right: 0;
                    margin: auto;
                }

                .bepAccordion .card .card-header h2 button span:after {
                    content: "";
                    width: 12px;
                    height: 4px;
                    background: #000;
                    position: absolute;
                    left: 0;
                    top: 0;
                    bottom: 0;
                    right: 0;
                    margin: auto;
                }

            .bepAccordion .card .card-header h2 button:not(.collapsed) span:before {
                display: none;
            }

.bepAccordion .card .card-body {
    position: relative;
    padding: 11px 5px 35px 0;
    top: 0;
    color: #5f5f5f;
    font-size: 17px;
    line-height: 28px;
    border: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bepAccordion .card.activeBg {
    background: #101a25;
}

    .bepAccordion .card.activeBg .card-header h2 button {
        color: #fff;
    }

    .bepAccordion .card.activeBg .card-body {
        color: #a5a5a5;
    }

    .bepAccordion .card.activeBg .card-header h2 button i {
        color: #fff;
    }

    .bepAccordion .card.activeBg .card-header h2 button span:after {
        background: #fff;
    }

.testimonialslider01.owl-carousel {
    position: relative;
    padding: 40px 0 0 7px;
}

.testiItem01 {
    position: relative;
}

    .testiItem01 h5 {
        font-size: 25px;
        color: #1e1840;
        font-weight: 600;
        margin: 0 0 7px;
    }

.quotation {
    font-size: 20px;
    line-height: 30px;
    color: #5f5f5f;
    font-weight: 300;
    font-style: italic;
    margin: 0 0 40px;
}

.ts_author {
    position: relative;
    padding-top: 23px;
    padding-left: 138px;
    min-height: 105px;
}

.testimonialslider01.owl-carousel .ts_author img {
    width: 106px;
    height: 105px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.ts_author h5 {
    font-size: 22.22px;
    line-height: 33.33px;
    color: #1e1840;
    margin: 0 0 3px;
}

.ts_author span {
    display: block;
    line-height: 0.8;
    font-size: 14.77px;
    color: #828282;
}

.testimonialslider01.owl-carousel .owl-nav {
    position: relative;
    margin: 24px 0 0;
}

    .testimonialslider01.owl-carousel .owl-nav button {
        text-align: center;
        font-size: 13.49px;
        line-height: 48px;
        width: 48px;
        height: 48px;
        margin-right: 10px;
        background: #fff;
        border: 1px solid #ededed;
        border-radius: 50%;
        color: #1e1840;
        outline: none;
        z-index: 1;
        display: inline-block;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .testimonialslider01.owl-carousel .owl-nav button:hover {
            background: var(--theme-color);
            color: #fff;
        }

.blogItem01 {
    position: relative;
    background: #fbfbfb;
    margin: 0 0 30px;
    border-radius: 0 0 3px 3px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .blogItem01:hover {
        background: #fff;
        -webkit-box-shadow: 0 5px 29px 0 rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0 5px 29px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 5px 29px 0 rgba(0, 0, 0, 0.06);
    }

.blogThumb {
    position: relative;
}

.blogItem01 .blogThumb img {
    width: 100%;
    height: auto;
    border-radius: 3px 3px 0 0;
}

.blogContent {
    position: relative;
    padding: 23px 29px 27px;
}

.bmeta {
    display: inline-block;
    font-size: 15px;
    color: #7c7c7c;
    margin: 0 0 4px;
}

    .bmeta i {
        display: inline-block;
        font-size: 14px;
        color: var(--theme-color);
        margin-right: 9px;
    }

.blogContent h3 {
    font-size: 22px;
    line-height: 28px;
    color: #333;
    font-weight: 600;
    margin: 0 0 27px;
}

    .blogContent h3 a {
        color: inherit;
    }

        .blogContent h3 a:hover {
            color: var(--theme-color);
        }

.bpcon {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 18px 0 0;
}

    .bpcon:after {
        position: absolute;
        left: -29px;
        top: 0;
        width: calc(100% + 58px);
        content: "";
        height: 1px;
        background: #ddd;
    }

    .bpcon a {
        display: inline-block;
        font-size: 17px;
        color: #7c7c7c;
    }

        .bpcon a.author {
            font-size: 14px;
        }

            .bpcon a.author img {
                position: relative;
                top: -2px;
                width: 33px;
                height: 33px;
                border-radius: 50%;
                margin-right: 10px;
            }

        .bpcon a:hover {
            color: var(--theme-color);
        }

.ctaCon {
    position: relative;
    padding: 158px 0 0 30px;
}

    .ctaCon h4 {
        font-style: italic;
        color: #fff;
        margin: 0 0 8px;
        font-size: 59.51px;
        line-height: 1;
        -webkit-transform: rotate(-9deg);
        -moz-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }

        .ctaCon h4 span {
            font-size: 25.7px;
            font-weight: 400;
        }

    .ctaCon h2 {
        margin: 0 0 0 -15px;
        font-style: italic;
        color: var(--theme-color);
        font-size: 110.85px;
        letter-spacing: -3.3px;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 1;
        -webkit-transform: rotate(-9deg);
        -moz-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }

    .ctaCon h3 {
        font-style: italic;
        margin: -21px 0 42px 37px;
        color: #fff;
        font-size: 73px;
        font-weight: 800;
        line-height: 1;
        -webkit-transform: rotate(-9deg);
        -moz-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }

        .ctaCon h3 span {
            font-size: 32.33px;
            font-weight: 500;
            position: relative;
            top: -25px;
        }

    .ctaCon .berpo_btn {
        margin-left: 120px;
    }

.footer_01 {
    position: relative;
    background: url(../images/bg/footer.jpg) no-repeat center center/cover;
    padding: 30px 0 0;
}

.aboutWidget {
    position: relative;
    /* padding-right: 50px; */
    margin-top: -12px;
    /*margin-bottom: 10px;*/
    border-right: 1px solid #fff;
    text-align: center;
    padding-top: 20px;
}

    .aboutWidget img {
        max-width: 100%;
        height: auto;
        /*margin-top:30px;*/
    }

    .aboutWidget p {
        color: #bbb;
        font-size: 16px;
        line-height: 22px;
        margin: 27px 0 41px;
    }

.abIcon {
    font-family: fira sans, sans-serif;
    margin: 0 0 16px;
    min-height: 35px;
    margin: 0 15px;
    position: relative;
    padding-left: 50px;
    font-size: 16px;
    color: #bbb;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}

    .abIcon i {
        width: 35px;
        height: 35px;
        font-size: 12px;
        line-height: 35px;
        background: var(--theme-color);
        color: #fff;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
    }



.wsubtitle {
    display: block;
    font-size: 12px;
    line-height: 0.8;
    font-weight: 500;
    color: var(--theme-color);
    letter-spacing: 0.36px;
    margin: 0 0 8px;
}

.widget_title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.4px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.pp_post_item {
    position: relative;
    min-height: 75px;
    margin: 0 0 20px;
    padding: 6px 0 0 110px;
}

    .pp_post_item img {
        width: 85px;
        height: 75px;
        border-radius: 11px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .pp_post_item span {
        display: block;
        color: #ec1c33;
        font-size: 12px;
        line-height: 0.8;
        letter-spacing: 0.24px;
        margin: 0 0 9px;
    }

    .pp_post_item a {
        font-family: fira sans, sans-serif;
        display: block;
        font-size: 18px;
        color: #ddd;
        line-height: 25px;
        font-weight: 500;
    }

        .pp_post_item a:hover {
            color: var(--theme-color);
        }

.widget ul.menu {
    margin: -10px 0 0;
    padding: 0;
}

.footer_01 .widget ul.menu li {
    font-family: fira sans, sans-serif;
    margin: 0 10px;
}

.footer_01 .largeContainer .row {
    justify-content: center;
}

.widget ul.menu li {
    position: relative;
    font-size: 16px;
    display: block;
    color: #bbb;
    font-weight: 400;
    line-height: 36px;
    padding-left: 22px;
    margin: 0 0 14px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .widget ul.menu li:after {
        content: "\ef55";
        font-family: themewar !important;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        font-size: 12px;
        color: inherit;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .widget ul.menu li a {
        color: inherit;
    }

    .widget ul.menu li:hover {
        padding-left: 18px;
    }

        .widget ul.menu li:hover a {
            color: var(--theme-color);
        }

        .widget ul.menu li:hover:after {
            color: var(--theme-color);
        }

.gallery {
    margin-right: -15px;
    margin-left: -8px;
}

.galleryShots {
    position: relative;
}

    .galleryShots a {
        position: relative;
        display: inline-block;
        float: left;
        width: 95px;
        height: 91px;
        margin: 0;
    }

        .galleryShots a:after {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            width: 100%;
            height: 100%;
            content: "";
            background: var(--theme-color);
            opacity: 0;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .galleryShots a:hover::after {
            opacity: 0.85;
        }

        .galleryShots a:before {
            width: 40px;
            height: 40px;
            background: 0 0;
            color: #fff;
            font-size: 18px;
            font-weight: 500;
            line-height: 40px;
            border-radius: 50%;
            text-align: center;
            content: "\fc07";
            font-family: themewar !important;
            position: absolute;
            z-index: 2;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            visibility: hidden;
            opacity: 0;
            transform: translate3d(0, 20px, 0);
            -moz-transform: translate3d(0, 20px, 0);
            -webkit-transform: translate3d(0, 20px, 0);
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .galleryShots a:hover:before {
            visibility: visible;
            opacity: 1;
            transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
        }

    .galleryShots img {
        width: 100%;
        height: 100%;
    }

.SubsrcribeForm,
.SubsrcribeForm .yikes-easy-mc-form {
    position: relative;
}

    .SubsrcribeForm .yikes-easy-mc-form input[type="email"] {
        font-size: 13px;
        height: 60px;
        width: 100%;
        font-weight: 400;
        color: #8c8c8c;
        outline: none;
        border: none;
        letter-spacing: 0.26px;
        background: #fff;
        border-radius: 50px;
        padding: 0 45px;
        margin: 0 !important;
    }

        .SubsrcribeForm .yikes-easy-mc-form input[type="email"]::-moz-placeholder {
            color: #8c8c8c;
            opacity: 1;
        }

        .SubsrcribeForm .yikes-easy-mc-form input[type="email"]::-ms-input-placeholder {
            color: #8c8c8c;
            opacity: 1;
        }

        .SubsrcribeForm
        .yikes-easy-mc-form
        input[type="email"]::-webkit-input-placeholder {
            color: #8c8c8c;
            opacity: 1;
        }

    .SubsrcribeForm .yikes-easy-mc-form .yikes-easy-mc-submit-button {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
        height: 60px;
        padding: 0 41px;
        border: none;
        background: #1b1b1b;
        letter-spacing: 0.26px;
        border-radius: 50px;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        width: auto;
        margin: 0 !important;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .SubsrcribeForm .yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {
            background: var(--theme-color);
            color: #fff;
        }

.yikes-easy-mc-form input[type="email"]:focus,
.yikes-easy-mc-form .yikes-easy-mc-submit-button:focus {
    box-shadow: none !important;
    outline: none !important;
}

.yikes-mailchimp-container .edit-link {
    display: none !important;
}

.SubsrcribeForm .yikes-easy-mc-success-message {
    padding: 10px 20px;
    font-size: 16px;
    margin: 0 0 20px;
    background: #fff;
    color: #232424;
    text-align: center;
}

.SubsrcribeForm .yikes-easy-mc-form .field-no-label,
.SubsrcribeForm .yikes-easy-mc-form label {
    margin: 0;
}

.Copyright {
    position: relative;
    font-size: 15px;
    line-height: 26px;
    color: #ebebeb;
    font-weight: 500;
    letter-spacing: 0.37px;
    margin: 0;
    padding: 12px 0;
}

    .Copyright span {
        text-transform: uppercase;
    }

    .Copyright a,
    .Copyright span {
        display: inline-block;
        color: var(--theme-color);
    }

        .Copyright a:hover {
            color: #ebebeb;
        }

.header02 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: 0 0;
    z-index: 5;
    padding: 0 85px 0 40px;
}

    .header02 .navbar01 {
        background: 0 0;
        padding: 0;
        border-radius: 0;
    }

    .header02 .logo {
        padding: 28px 60px 26px 0;
        line-height: 64px;
        border-right: 1px solid #3e404e;
    }

        .header02 .logo img {
            height: 40px;
        }

    .header02 .mainMenu {
        margin-right: auto;
        padding-left: 58px;
    }

        .header02 .mainMenu ul li > a {
            padding: 52px 15px 41px;
            color: #fff;
            font-family: jost, sans-serif;
            font-weight: 700;
        }

        .header02 .mainMenu ul li.menu-item-has-children > a::before {
            font-weight: 500;
            right: 1px;
            top: calc(50% + 7px);
        }

        .header02 .mainMenu ul li:hover > a {
            color: var(--theme-color-two);
        }

        .header02 .mainMenu ul li .sub-menu li.current-menu-item > a,
        .header02 .mainMenu ul li .sub-menu li:hover > a {
            color: #fff;
            background: var(--theme-color-two);
        }

        .header02 .mainMenu ul .sub-menu li.menu-item-has-children > a::before {
            right: 19px;
            top: calc(50% - 4px);
            font-weight: 400;
        }

    .header02 .showcase h5 span {
        color: var(--theme-color-two);
    }

    .header02 .mainMenu ul li .sub-menu {
        border-color: var(--theme-color-two);
    }

.accessNav .topsocial {
    position: relative;
}

    .accessNav .topsocial:after {
        position: absolute;
        left: -13px;
        top: -43px;
        width: 1px;
        height: 120px;
        content: "";
        background: #3e404e;
    }

    .accessNav .topsocial a {
        background: 0 0;
        width: auto;
        height: auto;
        color: #fff;
        font-size: 17px;
        margin-left: 21px;
    }

        .accessNav .topsocial a:hover {
            color: var(--theme-color-two);
        }

.header02 .accessNav .search_btn {
    color: #181818;
    font-size: 15px;
    width: 41px;
    height: 41px;
    line-height: 41px;
    background: #fff;
    margin-left: 67px;
}

    .header02 .accessNav .search_btn:after {
        position: absolute;
        left: -31px;
        top: -40px;
        width: 1px;
        height: 120px;
        content: "";
        background: #3e404e;
    }

    .header02 .accessNav .search_btn:hover {
        background: var(--theme-color-two);
        color: #fff;
    }

.infoHead {
    position: relative;
    padding-left: 56px;
    margin-left: 69px;
}

    .infoHead:after {
        position: absolute;
        left: -43px;
        top: -39px;
        width: 1px;
        height: 120px;
        content: "";
        background: #3e404e;
    }

    .infoHead i {
        color: #181818;
        font-size: 18px;
        width: 41px;
        height: 41px;
        border-radius: 50%;
        background: #fff;
        line-height: 41px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

        .infoHead i.twi-phone-volume {
            transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
        }

    .infoHead h5 {
        color: var(--theme-color-two);
        font-size: 15px;
        font-weight: 500;
        line-height: 23px;
        margin: -2px 0 0;
    }

        .infoHead h5 span {
            font-size: 20px;
            color: #fff;
            font-weight: 600;
            display: block;
        }

.expCount {
    min-height: 170px;
    position: relative;
    border: 10px solid var(--theme-color-two);
    display: flex;
    justify-content: center;
    min-width: 100%;
    align-items: center;
    margin-bottom: 65px;
}

    .expCount:after {
        position: absolute;
        left: 0;
        right: 0;
        top: -10px;
        height: 10px;
        width: calc(100% - 154px);
        margin: auto;
        content: "";
        background: #fff;
    }

    .expCount:before {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -10px;
        height: 10px;
        width: calc(100% - 154px);
        margin: auto;
        content: "";
        background: #fff;
    }

    .expCount h2 {
        font-size: 90px;
        font-weight: 600;
        margin: 0;
    }

    .expCount p {
        font-size: 17px;
        line-height: 20px;
        color: #5f5f5f;
        font-weight: 500;
        margin: 0 0 0 15px;
    }

.serviceSlider.owl-carousel .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px);
}

.serviceSlider .owl-item.active .service_item_03 {
    box-shadow: 0 9px 35px 0 rgba(33, 37, 41, 0.07);
}

.serviceSlider .service_item_03 {
    box-shadow: none;
}

.service_item_03 {
    margin: 115px 15px 30px;
    padding: 0 30px 25px;
    text-align: center;
    position: relative;
    background: #fff;
    border-radius: 5px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -webkit-box-shadow: 0 3px 103px 0 rgba(46, 46, 46, 0.17);
    -moz-box-shadow: 0 3px 103px 0 rgba(46, 46, 46, 0.17);
    box-shadow: 0 3px 103px 0 rgba(46, 46, 46, 0.17);
}

    .service_item_03 .siThumb {
        position: relative;
        top: -86px;
        margin: 0 0 -61px;
    }

        .service_item_03 .siThumb img {
            width: 100%;
            height: auto;
            border-radius: 5px;
        }

    .service_item_03 h3 {
        font-size: 23px;
        line-height: 30px;
        font-weight: 800;
        color: #0f0d1d;
        margin: 0 0 3px;
    }

        .service_item_03 h3 a {
            color: inherit;
        }

            .service_item_03 h3 a:hover {
                color: var(--theme-color-two);
            }

    .service_item_03 p {
        font-family: fira sans, sans-serif;
        color: var(--theme-color-two);
        font-size: 16px;
        line-height: 23px;
        margin: 0;
    }

.serviceSlider.owl-carousel .owl-nav {
    width: 100%;
}

    .serviceSlider.owl-carousel .owl-nav button {
        position: absolute;
        left: -94px;
        top: 31%;
        text-align: center;
        z-index: 5;
        font-size: 15px;
        line-height: 58px;
        width: 58px;
        height: 58px;
        background: var(--theme-color-two);
        color: #f0f0f0;
        border: none;
        outline: none;
        z-index: 1;
        border-radius: 50%;
        display: block;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .serviceSlider.owl-carousel .owl-nav button.owl-next {
            left: auto;
            right: -94px;
        }

        .serviceSlider.owl-carousel .owl-nav button:hover {
            background: #030303;
            color: #fff;
        }

.icon_box_01 {
    position: relative;
    min-height: 67px;
    margin: 0 0 20px;
    padding: 0 0 0 99px;
}

    .icon_box_01 i {
        width: 67px;
        height: 67px;
        background: #ebf1ff;
        line-height: 67px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 34px;
        color: var(--theme-color-two);
    }

        .icon_box_01 i.twi-phone-volume:before {
            display: inline-block;
            transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
        }

    .icon_box_01 h5 {
        font-size: 19px;
        line-height: 30px;
        color: #767676;
        font-weight: 400;
        margin: 0;
    }

        .icon_box_01 h5 span {
            display: block;
            color: #000;
            font-size: 18px;
            margin: 4px 0 0;
        }

.beproTab02 {
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 2;
    margin: 0;
    padding: 0;
    display: block;
}

    .beproTab02 li {
        list-style: none;
        display: block;
    }

        .beproTab02 li a {
            display: inline-block;
            height: 74px;
            background: #fff;
            border-radius: 5px;
            font-size: 17px;
            color: #282331;
            padding: 25px 24px;
            font-family: fira sans, sans-serif;
            font-weight: 600;
            line-height: 0.8;
            margin: 0 0 9px;
            -webkit-box-shadow: 0 0 59px 0 rgba(196, 196, 196, 0.26);
            -moz-box-shadow: 0 0 59px 0 rgba(196, 196, 196, 0.26);
            box-shadow: 0 0 59px 0 rgba(196, 196, 196, 0.26);
        }

            .beproTab02 li a i {
                display: inline-block;
                color: #b587fb;
                font-size: 23.44px;
                margin-right: 20px;
                position: relative;
                top: 4px;
            }

            .beproTab02 li a:hover {
                color: var(--theme-color-two);
            }

            .beproTab02 li a.active {
                margin-left: 10px;
            }

        .beproTab02 li:nth-child(2) a i {
            color: #fec0fa;
        }

        .beproTab02 li:nth-child(3) a i {
            color: #a2fde4;
        }

.beproTabCon02 {
    position: relative;
    padding-left: 120px;
}

    .beproTabCon02 > img {
        max-width: 100%;
        height: auto;
        border-radius: 5px;
    }

    .beproTabCon02 .bptleft {
        position: relative;
        margin: -49px 0 0 -123px;
        z-index: 2;
    }

.tabVideo {
    position: relative;
    float: right;
    width: 259px;
    height: 171px;
    padding: 53px 58px 0;
    margin: -139px -39px 0 0;
}

    .tabVideo img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 9px;
    }

    .tabVideo .popup_video {
        background: 0 0;
        width: auto;
        height: auto;
        font-size: 29px;
        color: #fff;
        line-height: 0.8;
    }

        .tabVideo .popup_video:hover {
            color: var(--theme-color-two);
        }

        .tabVideo .popup_video:after,
        .tabVideo .popup_video:before {
            display: none;
        }

    .tabVideo h5 {
        font-size: 20.24px;
        line-height: 23.45px;
        color: #fff;
        text-transform: uppercase;
        margin: 5px 0 0;
        position: relative;
    }

.folioSlider01.owl-carousel {
    margin: 0;
    position: relative;
}

.folioItem01 {
    margin: 20px 0 45px;
    position: relative;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

    .folioItem01 img {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

    .folioItem01:after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        content: "";
        border-radius: 10px;
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        background: rgba(255, 255, 255, 0.87);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.34, 0.66, 0.79, 0.58), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: -webkit-transform 0.4s cubic-bezier(0.34, 0.66, 0.79, 0.58), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.4s cubic-bezier(0.34, 0.66, 0.79, 0.58), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        opacity: 0;
    }

    .folioItem01:hover:after {
        opacity: 1;
    }

    .folioItem01:hover {
        border-radius: 10px;
        -webkit-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.2);
    }

.folioHover {
    font-family: fira sans, sans-serif;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 15px;
    z-index: 2;
}

    .folioHover .fm-more {
        position: relative;
        right: auto;
        display: inline-block;
        background: var(--theme-color-two);
        width: 52px;
        height: 52px;
        border-radius: 50%;
        text-align: center;
        font-size: 22.52px;
        color: #fff;
        line-height: 52px;
        margin: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .folioHover .fm-more:hover {
            background: #26263e;
            color: #fff;
        }

    .folioHover h4 {
        font-size: 30px;
        line-height: 35px;
        color: #26263e;
        font-weight: 600;
        margin-bottom: 24px;
        visibility: hidden;
        opacity: 0;
        transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .folioHover h4 a {
            color: inherit;
        }

            .folioHover h4 a:hover {
                color: var(--theme-color-two);
            }

    .folioHover p {
        font-size: 18px;
        letter-spacing: -0.36px;
        color: #787887;
        margin: 0 0 2px;
        transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

.folioItem01:hover .folioHover .fm-more {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

.folioItem01:hover .folioHover h4 {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

.folioItem01:hover .folioHover p {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

.single_skill {
    position: relative;
    margin: 9px 0 0;
}

    .single_skill h5 {
        font-size: 15px;
        line-height: 24px;
        font-weight: 500;
        text-transform: uppercase;
        color: #101a25;
        margin: 0 0 2px 4px;
    }

.ss_parent {
    position: relative;
    background: 0 0;
    border: 2px solid #dcdcdc;
    height: 24px;
    width: 100%;
    border-radius: 50px;
}

    .ss_parent span {
        font-family: fira sans, sans-serif;
        position: absolute;
        font-size: 15px;
        color: #101a25;
        font-weight: 500;
        line-height: 24px;
        margin: 0 0 0 -22px;
        left: 0;
        top: -28px;
    }

.ss_child {
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 50px;
    height: 14px;
    background: var(--theme-color-two);
}

.icon_box_02 {
    padding-left: 124px;
    position: relative;
    margin-top: 7px;
}

    .icon_box_02 img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .icon_box_02 i {
        font-size: 80px;
        line-height: 80px;
        color: #fff;
        position: absolute;
        left: 0;
        top: 11px;
        z-index: 2;
    }

    .icon_box_02 h3 {
        color: #fff;
        font-size: 35px;
        line-height: 50px;
        font-weight: 600;
        margin: 0;
    }

.pricingTabInner {
    position: relative;
    margin: 0 0 55px;
    padding: 0;
    display: block;
}

    .pricingTabInner li {
        list-style: none;
        display: block;
        margin: 0 0 6px;
    }

        .pricingTabInner li a {
            font-family: fira sans, sans-serif;
            display: block;
            position: relative;
            height: 142px;
            border-radius: 10px;
            border: 1px solid #eaeaea;
            padding: 30px 31px 20px 122px;
            -webkit-box-shadow: 0 18px 40px 0 rgba(43, 43, 43, 0.08);
            -moz-box-shadow: 0 18px 40px 0 rgba(43, 43, 43, 0.08);
            box-shadow: 0 18px 40px 0 rgba(43, 43, 43, 0.08);
        }

            .pricingTabInner li a:after {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                border-radius: 10px;
                content: "";
                background: var(--theme-color-two);
                mix-blend-mode: multiply;
                visibility: hidden;
                opacity: 0;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

            .pricingTabInner li a img {
                height: 100%;
                width: 100%;
                border-radius: 10px;
                position: absolute;
                left: 0;
                top: 0;
            }

        .pricingTabInner li .p-title {
            position: relative;
            z-index: 2;
            font-size: 25px;
            display: block;
            color: #fff;
            font-weight: 500;
            margin: 0 0 2px;
        }

        .pricingTabInner li .p-off {
            display: inline-block;
            height: 33px;
            background: #fff;
            border-radius: 50px;
            color: var(--theme-color-two);
            font-size: 12.16px;
            line-height: 36px;
            text-align: center;
            padding: 0 17px;
            position: relative;
            z-index: 2;
            text-transform: capitalize;
        }

        .pricingTabInner li .p-price {
            justify-content: flex-end;
            position: relative;
            z-index: 2;
            color: #fff;
            font-size: 45px;
            line-height: 60px;
            font-weight: 800;
            text-transform: capitalize;
            margin: -62px 0 0;
        }

            .pricingTabInner li .p-price .price_period {
                position: absolute;
                right: 0;
                top: 0;
                visibility: hidden;
                opacity: 0;
            }

                .pricingTabInner li .p-price .price_period.active {
                    visibility: visible;
                    opacity: 1;
                }

                .pricingTabInner li .p-price .price_period span {
                    font-size: 18px;
                    font-weight: 500;
                    position: relative;
                    top: 10px;
                    margin: 0 0 0 11px;
                }

        .pricingTabInner li a:hover:after,
        .pricingTabInner li a.active:after {
            visibility: visible;
            opacity: 1;
        }

        .pricingTabInner li a .round {
            width: 31px;
            height: 31px;
            background: 0 0;
            border: 3px solid #fff;
            border-radius: 50%;
            position: absolute;
            left: 31px;
            display: block;
            top: 0;
            bottom: 0;
            margin: auto;
            z-index: 2;
        }

            .pricingTabInner li a .round:after {
                width: 15px;
                height: 15px;
                background: #fff;
                border-radius: 50%;
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                content: "";
                margin: auto;
                visibility: hidden;
                opacity: 0;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .pricingTabInner li a.active .round:after {
            visibility: visible;
            opacity: 1;
        }

        .pricingTabInner li a:before {
            width: 79px;
            height: 1px;
            background: var(--theme-color-two);
            position: absolute;
            z-index: 3;
            top: 0;
            left: -79px;
            bottom: 0;
            content: "";
            margin: auto;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .pricingTabInner li a.active:before {
            visibility: visible;
            opacity: 1;
            left: -102px;
        }

.tabList {
    position: relative;
    background: url(../images/bg/10.jpg) no-repeat center center/cover;
    padding: 158px 75px 23px;
    border-radius: 10px;
    margin-right: 10px;
}

    .tabList ul {
        margin: 0;
        padding: 0;
    }

        .tabList ul li {
            list-style: none;
            display: block;
            font-size: 20px;
            font-weight: 500;
            color: #1f1f1f;
            font-family: fira sans, sans-serif;
            border-bottom: 1px solid #e9e9e9;
            margin: 0 0 18px;
            padding: 0 0 20.5px;
        }

            .tabList ul li:last-child {
                border: none;
            }

            .tabList ul li i {
                display: inline-block;
                float: right;
                clear: both;
                color: var(--theme-color-two);
            }

            .tabList ul li.disable i {
                color: #adadad;
            }

.pcTab02 {
    display: inline-block;
    border: 1px solid #eaeaea;
    border-radius: 50px;
    height: 57px;
    padding: 0;
    position: absolute;
    left: 77px;
    top: 52px;
    z-index: 3;
    background: #fff;
}

    .pcTab02 a {
        font-family: fira sans, sans-serif;
        display: inline-block;
        height: 100%;
        background: 0 0;
        color: #616368;
        font-weight: 500;
        border-radius: 50px;
        text-align: center;
        font-size: 18px;
        color: #20204c;
        padding: 14px 29px;
    }

        .pcTab02 a:hover {
            color: var(--theme-color-two);
        }

        .pcTab02 a.active {
            background: var(--theme-color-two);
            color: #fff;
        }

.berpo_btn.prbtn {
    width: 100%;
    border-radius: 10px;
    height: 92px;
    text-align: center;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 92px;
    color: #fff;
}

.team_02 {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .team_02 img {
        width: 100%;
        height: auto;
    }

    .team_02:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        background: -moz-linear-gradient( 90deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, 0) 55% );
        background: -webkit-linear-gradient( 90deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, 0) 55% );
        background: -o-linear-gradient( 90deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, 0) 55% );
        background: -ms-linear-gradient( 90deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, 0) 55% );
        background: linear-gradient( 0deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, 0) 55% );
        width: 100%;
        height: 100%;
        content: "";
    }

.tm_content {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 70px;
}

    .tm_content p {
        font-size: 14px;
        color: #dedddd;
        line-height: 16px;
        text-transform: uppercase;
        margin: 0 0 4px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .tm_content h3 {
        font-size: 35px;
        line-height: 45px;
        color: #fffefe;
        font-weight: 800;
        margin: 0 0 -5px;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .tm_content h3 a {
            color: inherit;
        }

            .tm_content h3 a:hover {
                color: var(--theme-color-two);
            }

.team_02:hover .tm_content p,
.team_02:hover .tm_content h3 {
    transform: translate3d(0, -36px, 0);
    -moz-transform: translate3d(0, -36px, 0);
    -webkit-transform: translate3d(0, -36px, 0);
}

.tm_content .tm_social {
    position: relative;
    transform: none;
    text-align: left;
    top: auto;
    bottom: 20px;
}

    .tm_content .tm_social a {
        display: inline-block;
        margin: 0 6px 0 0;
        position: relative;
        z-index: 2;
        color: var(--theme-color-two);
        text-align: center;
        font-size: 15px;
        visibility: hidden;
        opacity: 0;
    }

        .tm_content .tm_social a i {
            font-size: inherit;
            margin: 0;
        }

        .tm_content .tm_social a:hover {
            color: #fff;
        }

.team_02 a:nth-child(2) {
    -webkit-transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
}

.team_02 a:nth-child(3) {
    -webkit-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
}

.team_02 a:nth-child(4) {
    -webkit-transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
}

.team_02 a:nth-child(05) {
    -webkit-transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
}

.team_02:hover .tm_social a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.tmSlider02.owl-carousel .owl-nav {
    width: 100%;
}

    .tmSlider02.owl-carousel .owl-nav button {
        position: absolute;
        left: -110px;
        top: 48%;
        text-align: center;
        z-index: 5;
        font-size: 15px;
        line-height: 59px;
        width: 58px;
        height: 58px;
        background: #c9c9c9;
        color: #030403;
        border: none;
        outline: none;
        z-index: 1;
        border-radius: 50%;
        display: block;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .tmSlider02.owl-carousel .owl-nav button.owl-next {
            left: auto;
            right: -110px;
        }

        .tmSlider02.owl-carousel .owl-nav button:hover {
            background: var(--theme-color-two);
            color: #fff;
        }

.tmSlider02.owl-carousel .owl-item:first-child.active .team_02 img {
    border-radius: 5px 0 0 5px;
}

.funfact {
    position: relative;
    padding: 0 0 0 90px;
}

    .funfact i {
        color: var(--theme-color-two);
        font-size: 48px;
        line-height: 48px;
        position: absolute;
        left: 0;
        top: 3px;
    }

    .funfact h2 {
        font-size: 40px;
        line-height: 1;
        color: #fff;
        letter-spacing: -1.2px;
        margin: 0 0 7px;
    }

        .funfact h2 sup {
            font-size: inherit;
            top: 0;
            font-style: normal;
        }

    .funfact h5 {
        font-size: 15px;
        color: #e2e2e2;
        font-weight: 500;
        letter-spacing: -0.15px;
        line-height: 20px;
        margin: 0;
        text-transform: uppercase;
    }

.blogItem02 {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 0 0 63px;
    margin: 0 0 58px;
}

    .blogItem02.bireverse:last-child,
    .blogItem02:last-child {
        border: none;
        padding: 0;
        margin: 0;
    }

    .blogItem02 .col-lg-4 {
        -ms-flex: 0 0 35.333333%;
        flex: 0 0 35.333333%;
        max-width: 35.333333%;
    }

    .blogItem02 .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 64.666667%;
        max-width: 64.666667%;
    }

    .blogItem02 .blogContent {
        text-align: right;
        position: relative;
        padding: 84px 0 0 5px;
    }

        .blogItem02 .blogContent h3 {
            font-size: 30px;
            line-height: 40px;
            font-weight: 700;
            color: #1c1c1c;
            margin: 0 0 12px;
        }

            .blogItem02 .blogContent h3 a:hover {
                color: var(--theme-color-two);
            }

        .blogItem02 .blogContent p {
            margin: 0 0 42px;
        }

    .blogItem02 .berpo_btn.with_icon {
        padding: 0 34px;
    }

.blogThumb02 {
    position: relative;
    margin-left: 1px;
}

    .blogThumb02 img {
        width: 100%;
        height: auto;
        border-radius: 175px;
    }

    .blogThumb02 .bmeta {
        height: 43px;
        background: var(--theme-color-two);
        border-radius: 50px;
        text-align: center;
        display: inline-block;
        font-size: 12px;
        line-height: 38px;
        font-weight: 500;
        color: #fff;
        font-family: fira sans, sans-serif;
        letter-spacing: -0.48px;
        margin: 0;
        padding: 0 15px;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 39px;
        border: 3px solid #fff;
    }

        .blogThumb02 .bmeta i {
            display: inline-block;
            font-size: 10.16px;
            margin-right: 3px;
            color: inherit;
        }

.bireverse .blogThumb02 {
    margin-right: 1px;
    margin-left: 0;
}

.bireverse .blogContent {
    padding-right: 5px;
    padding-left: 0;
}

.bireverse .blogThumb02 .bmeta {
    left: auto;
    right: 0;
}

.testimonialslider02.owl-carousel {
    position: relative;
    padding: 0 200px;
}

.testiItem02 {
    position: relative;
    text-align: center;
}

.testimonialslider02 .testiItem02 > img {
    width: 89px;
    height: 89px;
    border-radius: 50%;
    display: inline-block;
}

.testiItem02 .quotation {
    font-size: 17px;
    line-height: 31px;
    color: #303030;
    margin: 21px 0 26px;
}

.testiItem02 .ts_author {
    margin: 0;
    padding: 0;
    min-height: auto;
}

    .testiItem02 .ts_author h5 {
        color: #303030;
        font-size: 18px;
        font-weight: 800;
        line-height: 27px;
        margin: 0;
    }

        .testiItem02 .ts_author h5 span {
            color: #303030;
            display: block;
            line-height: 20px;
            font-size: 15px;
            font-weight: 400;
        }

.quote {
    position: absolute;
    left: 0;
    right: 0;
    top: 88px;
    text-align: center;
    display: block;
}

.testiItem02 .quote img {
    display: inline-block;
    width: 256px;
    height: 182px;
}

.testimonialslider02.owl-carousel .owl-dots {
    margin: 29px 0 0;
    padding: 0;
    text-align: center;
}

    .testimonialslider02.owl-carousel .owl-dots button span {
        display: none;
    }

    .testimonialslider02.owl-carousel .owl-dots button {
        display: inline-block;
        position: relative;
        width: 9px;
        height: 9px;
        background: #000;
        border-radius: 50%;
        margin: 0 4px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .testimonialslider02.owl-carousel .owl-dots button:after {
            width: 12px;
            height: 12px;
            position: absolute;
            left: -2px;
            top: -1.5px;
            content: "";
            background: #e3e3e3;
            border-radius: 50%;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .testimonialslider02.owl-carousel .owl-dots button:hover:after,
        .testimonialslider02.owl-carousel .owl-dots button.active:after {
            visibility: visible;
            opacity: 1;
        }

.ctaFooter {
    /* display: flex;
    position: relative;
    background: #fff;
    border-radius: 100px;
    padding: 38px 45px;
    margin-top: -110px;
    margin-bottom: 101px; */
}
/*.ctaboxItem {*/
/*  position: relative;*/
/*  width: 100%;*/
/*  height: 111px;*/
/*  margin: 25px 8px;*/
/*  padding: 23px 20px 7px 85px;*/
/*}*/
.ctaboxItem {
    position: relative;
    width: 100%;
    height: 110px;
    margin: 18px 8px;
    padding: 20px 20px 7px 85px;
}

    .ctaboxItem:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(35, 35, 35, 0.8);
        border-radius: 70px;
    }

    .ctaboxItem img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 70px;
    }

    .ctaboxItem > i {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: var(--theme-color-two);
        color: #fff;
        line-height: 50px;
        font-size: 22px;
        text-align: center;
        display: block;
        position: absolute;
        left: 18px;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 2;
    }

    .ctaboxItem h5 {
        position: relative;
        z-index: 2;
        font-size: 18px;
        line-height: 30px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 4px;
    }

    .ctaboxItem a {
        font-family: fira sans, sans-serif;
        position: relative;
        z-index: 2;
        display: inline-block;
        font-size: 15px;
        color: #939393;
        text-transform: uppercase;
        font-weight: 500;
    }

        .ctaboxItem a i {
            position: relative;
            top: 1px;
            color: var(--theme-color-two);
            margin-left: 8px;
        }

        .ctaboxItem a:hover {
            color: var(--theme-color-two);
        }

.footer_02 {
    position: relative;
    padding: 0;
    background: url(../images/bg/12.jpg) no-repeat center center/cover;
}

    .footer_02:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(15, 17, 20, 0.86);
    }

    .footer_02 .container {
        position: relative;
        z-index: 2;
    }

.abw02 {
    padding-right: 0;
}

    .abw02 p {
        font-size: 17px;
        color: #d9d9d9;
        line-height: 27px;
        margin: 21px 0 31px;
    }

.twiiterFedd {
    position: relative;
    padding-left: 62px;
}

    .twiiterFedd i {
        width: 44px;
        height: 42px;
        background: var(--theme-color-two);
        line-height: 44px;
        color: #fff;
        font-size: 18px;
        position: absolute;
        left: 0;
        top: 4px;
        text-align: center;
    }

    .twiiterFedd h5 {
        font-size: 18px;
        line-height: 27px;
        color: #fff;
        font-weight: 500;
        margin: 0;
    }

        .twiiterFedd h5 span {
            display: block;
            color: #69717c;
            font-weight: 400;
        }

.widget_title02 {
    position: relative;
    font-size: 24px;
    line-height: 27px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 49px;
}

    .widget_title02:after {
        position: absolute;
        left: 0;
        bottom: -15px;
        width: 70px;
        height: 1px;
        background: var(--theme-color-two);
        content: "";
    }

    .widget_title02:before {
        position: absolute;
        left: 0;
        bottom: -20px;
        width: 38px;
        height: 1px;
        background: var(--theme-color-two);
        content: "";
    }

.wmenu02 ul.menu {
    margin: 0;
}

    .wmenu02 ul.menu li {
        color: #fff;
        font-size: 18px;
        margin: 0 0 4px;
    }

        .wmenu02 ul.menu li:after {
            font-size: 15px;
            top: 1px;
            color: inherit;
            content: "\ef2b";
        }

        .wmenu02 ul.menu li:hover a {
            color: var(--theme-color-two);
        }

        .wmenu02 ul.menu li:hover:after {
            color: var(--theme-color-two);
        }

.pp_post_item02 {
    position: relative;
    padding-left: 94px;
    min-height: 81px;
    padding-top: 12px;
    margin: 0 0 38px;
}

    .pp_post_item02 img {
        width: 81px;
        height: 81px;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 50%;
    }

    .pp_post_item02 a {
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        line-height: 30px;
        display: inline-block;
        margin: 0 0 1px;
    }

        .pp_post_item02 a:hover {
            color: var(--theme-color-two);
        }

    .pp_post_item02 span {
        display: block;
        font-size: 14px;
        color: #dadada;
    }

        .pp_post_item02 span i {
            display: inline-block;
            font-size: 13px;
            margin-right: 4px;
        }

.footer_02 .Copyright {
    margin-top: 32px;
    padding: 21px 0;
    font-weight: 500;
    letter-spacing: 0.37px;
    border-top: 1px solid #252525;
}

    .footer_02 .Copyright a,
    .footer_02 .Copyright span {
        color: var(--theme-color-two);
    }

        .footer_02 .Copyright a:hover {
            color: #fff;
        }

.bodybox {
    padding: 0 60px;
}

.homeTop {
    position: relative;
    background: url(../images/bg/13.jpg) no-repeat center center/cover;
    border-radius: 50px;
}

.topbar02 {
    z-index: 5;
    position: relative;
    background: 0 0;
    padding: 4px 0 0;
}

    .topbar02 p {
        font-family: fira sans, sans-serif;
        display: inline-block;
        font-size: 15px;
        line-height: 35px;
        color: #2a2a2a;
        font-weight: 500;
        margin: 0 21px 0 0;
    }

        .topbar02 p a {
            color: inherit;
        }

            .topbar02 p a i {
                position: relative;
                top: 1px;
                font-size: 14px;
                margin-right: 10px;
                color: var(--theme-color-three);
            }

            .topbar02 p a:hover {
                color: var(--theme-color-three);
            }

    .topbar02 .topsocial a {
        background: 0 0;
        color: #2a2a2a;
        font-size: 17px;
        width: auto;
        height: auto;
        margin-left: 20px;
    }

        .topbar02 .topsocial a:hover {
            color: var(--theme-color-three);
        }

.header03 {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    z-index: 6;
}

    .header03 .navbar01 {
        background: 0 0;
        padding: 0;
        border-radius: 0;
        align-items: center;
    }

    .header03 .logo {
        line-height: 64px;
        padding: 39px 0;
    }

        .header03 .logo img {
            height: 64px;
        }

    .header03 .mainMenu ul li > a {
        color: #2a2a2a;
        font-weight: 600;
    }

    .header03 .mainMenu ul li:hover > a {
        color: var(--theme-color-three);
    }

    .header03 .mainMenu ul li .sub-menu li.current-menu-item > a,
    .header03 .mainMenu ul li .sub-menu li:hover > a {
        color: #fff;
        background: var(--theme-color-three);
    }

    .header03 .mainMenu ul li .sub-menu {
        border-color: var(--theme-color-three);
    }

    .header03 .showcase h5 span {
        color: var(--theme-color-three);
    }

.serviceSlider02.owl-carousel {
    position: relative;
    background: url(../images/bg/7.png) no-repeat top left #fff;
    border-radius: 30px;
}

.service_item_04 {
    position: relative;
    text-align: center;
    padding: 92px 55px 72px;
    border-right: 1px solid #f4f4f4;
}

.serviceSlider02.owl-carousel .owl-item:last-child.active .service_item_04 {
    border-right: none;
}

.siIcon {
    position: relative;
    z-index: 2;
    color: #040489;
    font-size: 58px;
    line-height: 58px;
    display: block;
    text-align: center;
    margin: 0 0 44px;
}

    .siIcon svg {
        width: 105px;
        height: 109px;
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: -24px;
        margin: auto;
        fill: #fffde6;
    }

.serviceSlider02 .siIcon img,
.service_item_04 .siIcon img {
    width: 57px;
    height: 57px;
    display: inline-block;
}

.service_item_04 h3 {
    font-size: 25px;
    line-height: 31.5px;
    color: #382c4d;
    font-weight: 600;
    margin: 0 0 9px;
}

    .service_item_04 h3 a {
        color: inherit;
    }

        .service_item_04 h3 a:hover {
            color: var(--theme-color-three);
        }

.service_item_04 p {
    color: #5b5b5b;
    margin: 0;
}

.serviceSlider02.owl-carousel .owl-nav {
    width: 100%;
}

    .serviceSlider02.owl-carousel .owl-nav button {
        position: absolute;
        left: -94px;
        top: 48%;
        text-align: center;
        z-index: 5;
        font-size: 22px;
        line-height: 66px;
        width: 61px;
        height: 65px;
        background: url(../images/bg/arrow.svg) no-repeat center center/cover;
        color: #382c4d;
        border: none;
        outline: none;
        z-index: 1;
        display: block;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .serviceSlider02.owl-carousel .owl-nav button.owl-next {
            left: auto;
            right: -94px;
        }

        .serviceSlider02.owl-carousel .owl-nav button:hover {
            background: url(../images/bg/arrow_hover.svg) no-repeat center center/cover;
            color: #fff;
        }

.it0402 .siIcon svg {
    fill: #effff5;
}

.it0403 .siIcon svg {
    fill: #f7efff;
}

.it0404 .siIcon svg {
    fill: #fffde6;
}

.skItem02 {
    position: relative;
    background: #fff;
    border-radius: 50px;
    padding: 11px 50px 23px 110px;
    margin: 0 0 18px;
    max-width: 480px;
    -webkit-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, 0.06);
    box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, 0.06);
}

.skThumb {
    width: 76px;
    height: 76px;
    line-height: 73px;
    background: #ebfafb;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.skItem02 .ebfafb img {
    width: 47px;
    height: 47px;
}

.skItem02 .single_skill h5 {
    color: #382c4d;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 13px;
}

.skItem02 .ss_parent {
    height: 12px;
    border: none;
    background: #ebfafb;
}

.skItem02 .ss_child {
    top: 0;
    left: 0;
    background: var(--theme-color-three);
    height: 100%;
}

.skItem02 .ss_parent span {
    color: #382c4d;
    font-weight: 600;
    top: -37px;
}

.skI02.skItem02 .ss_child {
    background: #2849c8;
}

.skI02.skItem02 .skThumb {
    background: #f6edff;
}

.skI02.skItem02 {
    margin-bottom: 44px;
}

.funfact02 {
    position: relative;
    z-index: 2;
    display: inline-block;
    background: #fff;
    border-radius: 50px;
    padding: 30px 36px 22px 72px;
    margin-left: 70px;
    -webkit-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, 0.06);
    box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, 0.06);
}

    .funfact02 i {
        font-size: 34px;
        line-height: 34px;
        position: absolute;
        left: 33px;
        top: 42px;
        color: #917afa;
        display: block;
    }

    .funfact02 h2 {
        font-size: 45px;
        line-height: 1;
        color: #382c4d;
        font-weight: 600;
        margin: 0 0 1px;
    }

        .funfact02 h2 sup {
            font-size: inherit;
            top: 0;
            font-style: normal;
        }

    .funfact02 h5 {
        font-size: 16px;
        color: #a4acbf;
        line-height: 1;
        font-weight: 400;
        margin: 0;
    }

    .funfact02.iconTop {
        padding: 30px 45px 30px 38px;
    }

        .funfact02.iconTop i {
            position: relative;
            left: 0;
            top: 0;
            color: #ff5337;
            margin: 0 0 2px;
        }

.workProcess {
    position: relative;
    padding: 0 10px;
}

.proImage {
    position: relative;
    margin: 0 0 0 -103px;
    top: 60px;
    color: #020288;
    font-size: 40px;
}

.workProcess .proImage img {
    width: 54px;
    height: 37px;
}

.workProcess > img {
    width: 215px;
    height: 211px;
}

.workProcess h5 {
    color: #ff5337;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    margin: 28px 0 0;
}

.workProcess h3 {
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    color: #000;
    font-weight: 500;
    margin: 0 0 10px;
    position: relative;
    z-index: 2;
}

    .workProcess h3:after {
        content: "";
        position: absolute;
        left: 3px;
        right: 0;
        bottom: 3px;
        height: 7px;
        z-index: -1;
        border-radius: 50px;
        width: calc(100% - 6px);
        background: #ffeae6;
    }

.workProcess p {
    color: #382c4d;
    margin: 0 0 24px;
}

.workProcess a {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: #fff1f1;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    color: #382c4d;
    line-height: 46px;
    font-size: 17px;
}

.wp02 a {
    background: #e0faff;
}

.wp02 h3:after {
    background: #e0faff;
}

.wp03 a {
    background: #fffde5;
}

.wp03 h3:after {
    background: #fffde5;
}

.workProcess a:hover {
    background: var(--theme-color-three);
    color: #fff;
}

.filter_menu {
    position: relative;
    margin: 53px 0 40px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    font-family: fira sans, sans-serif;
}

    .filter_menu.text-center {
        justify-content: center;
    }

    .filter_menu.text-right {
        justify-content: flex-end;
    }

    .filter_menu.text-left {
        justify-content: flex-start;
    }

    .filter_menu li {
        cursor: pointer;
        list-style: none;
        display: inline-block;
        font-size: 17px;
        color: #252932;
        font-weight: 500;
        text-transform: capitalize;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .filter_menu li span {
            display: inline-block;
            margin: 0 13px;
            color: #c4c4c4;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .filter_menu li:last-child span {
            margin: 0;
            display: none;
        }

        .filter_menu li:hover span,
        .filter_menu li.active span,
        .filter_menu li:hover,
        .filter_menu li.active {
            color: var(--theme-color-three);
        }

.folioItem02 {
    position: relative;
    margin-right: 8px;
    margin-bottom: 40px;
}

    .folioItem02.mrleft {
        margin-right: 0;
        margin-left: 8px;
    }

    .folioItem02 img {
        width: 100%;
        height: auto;
        border-radius: 30px;
    }

.folioHover02 {
    position: relative;
    display: inline-block;
    background: #fff;
    margin: -150px 0 0 40px;
    border-radius: 50px;
    padding: 22px 52px 24px 38px;
    -webkit-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, 0.06);
    box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, 0.06);
}

    .folioHover02 p {
        color: var(--theme-color-three);
        font-size: 13px;
        line-height: 20px;
        margin: 0;
    }

        .folioHover02 p a {
            color: inherit;
        }

    .folioHover02 h4 {
        font-size: 22px;
        line-height: 30px;
        color: #382c4d;
        font-weight: 600;
        margin: 0;
    }

        .folioHover02 h4 a {
            color: inherit;
        }

            .folioHover02 h4 a:hover {
                color: var(--theme-color-three);
            }

.shaff_size {
    z-index: -1;
}

.pricingTab03 {
    position: absolute;
    margin: 0;
    padding: 0;
    display: block;
    right: -17%;
    top: 44%;
    z-index: 2;
    text-align: right;
}

    .pricingTab03 li {
        list-style: none;
        display: block;
    }

        .pricingTab03 li a {
            position: relative;
            display: inline-block;
            height: 59px;
            background: #fff;
            line-height: 59px;
            border-radius: 50px;
            text-align: center;
            font-size: 16px;
            color: #382c4d;
            text-transform: uppercase;
            font-weight: 800;
            font-family: fira sans, sans-serif;
            padding: 0 25px;
            margin: 0 0 10px;
        }

            .pricingTab03 li a:before {
                display: inline-block;
                font-family: themewar !important;
                content: "\f025";
                color: inherit;
                position: relative;
                font-weight: 400;
                top: 1px;
                visibility: hidden;
                opacity: 0;
                font-size: 0;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

            .pricingTab03 li a.active:before {
                font-size: 15px;
                visibility: visible;
                opacity: 1;
                margin-right: 6px;
            }

            .pricingTab03 li a.active,
            .pricingTab03 li a:hover {
                background: var(--theme-color-three);
                color: #fff;
                padding: 0 31px;
            }

.tabContent03 {
    position: relative;
}

    .tabContent03 img {
        max-width: 100%;
        height: auto;
        border-radius: 65px;
        position: absolute;
        left: 0;
        top: -107px;
    }

.pricing-item-02 {
    position: relative;
    max-width: 385px;
    background: #fff;
    font-family: fira sans, sans-serif;
    border-radius: 50px;
    padding: 50px 40px 36px;
    margin-left: 205px;
    margin-top: -63px;
    z-index: 2;
    -webkit-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, 0.06);
    box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, 0.06);
}

    .pricing-item-02 .p-title {
        display: inline-block;
        font-size: 30px;
        color: #382c4d;
        margin: 0 0 36px;
        position: relative;
        z-index: 2;
    }

        .pricing-item-02 .p-title:after {
            content: "";
            position: absolute;
            left: -6px;
            right: 0;
            bottom: 6px;
            height: 9px;
            z-index: -1;
            border-radius: 50px;
            width: calc(100% + 12px);
            background: #fdecd8;
        }

    .pricing-item-02 .p-price {
        justify-content: center;
        color: #382c4d;
        font-size: 65.69px;
        font-weight: 600;
        letter-spacing: -1.3px;
        line-height: 1;
        margin: 0 0 8px;
    }

        .pricing-item-02 .p-price sup {
            font-size: inherit;
            top: 32px;
            margin: 0;
        }

    .pricing-item-02 p {
        color: #382c4d;
        font-size: 18px;
        margin: 0 0 29px;
    }

    .pricing-item-02 ul {
        border-top: 1px solid #ededed;
        margin: 0;
        padding: 34px 0 29px;
        text-align: left;
    }

        .pricing-item-02 ul li {
            display: block;
            font-size: 19px;
            color: #382c4d;
            margin-bottom: 13px;
        }

            .pricing-item-02 ul li i {
                color: var(--theme-color-three);
                font-size: 16px;
                display: inline-block;
                margin-right: 13px;
            }

    .pricing-item-02 .berpo_btn {
        width: 100%;
        border-radius: 50px;
        background: var(--theme-color-three);
        color: #f0f0f0;
        font-size: 14px;
        height: 65px;
        line-height: 67px;
        -webkit-box-shadow: 0 0 27px 0 rgba(255, 85, 56, 0.26);
        -moz-box-shadow: 0 0 27px 0 rgba(255, 85, 56, 0.26);
        box-shadow: 0 0 27px 0 rgba(255, 85, 56, 0.26);
    }

.priceCon {
    position: relative;
    padding: 145px 0 0 45px;
}

    .priceCon p {
        color: #382c4d;
        margin: -26px 0 41px;
    }

    .priceCon .icon_box_01 {
        padding-left: 93px;
        padding-top: 10px;
    }

        .priceCon .icon_box_01 i {
            width: 74px;
            height: 74px;
            background: #fff;
            border-radius: 50%;
            font-size: 30px;
            line-height: 74px;
            color: var(--theme-color);
        }

        .priceCon .icon_box_01 h5 {
            color: #382c4d;
            font-size: 18px;
            line-height: 28px;
        }

        .priceCon .icon_box_01 span {
            color: #382c4d;
            font-weight: 600;
            font-size: 22px;
            margin: 0;
        }

.funfact03 {
    position: relative;
    background: #f9f9f9;
    border-radius: 30px;
    padding: 0 25px 51px;
}

.factThumb {
    position: relative;
    display: inline-block;
    width: 77px;
    height: 77px;
    line-height: 75px;
    font-size: 36px;
    background: #ffffda;
    border-radius: 50%;
    text-align: center;
    top: -41px;
    margin: 0 0 -17px;
}

.funfact03 .factThumb img {
    width: 47px;
    height: 53px;
}

.funfact03 h2 {
    font-size: 45px;
    line-height: 1;
    color: #382c4d;
    font-weight: 500;
    margin: 0 0 8px;
}

    .funfact03 h2 sup {
        font-size: inherit;
        top: -2px;
        font-style: normal;
    }

.funfact03 h5 {
    font-size: 17px;
    line-height: 1;
    color: gray;
    margin: 0;
    font-weight: 400;
}

.ffc02 .factThumb {
    background: #eef;
}

.ffc03 .factThumb {
    background: #ffe0e0;
}

.ffc04 .factThumb {
    background: #e6ffef;
}

.tmSlider03.owl-carousel .owl-item {
    -webkit-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
    transition: padding 0.3s ease;
}

.team_03 {
    position: relative;
    margin: auto;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .team_03:hover {
        padding: 0 44px 0 0;
    }

.tmThumbContent {
    position: relative;
    margin: 0 0 25px;
}

    .tmThumbContent .tmThumb {
        position: relative;
        height: 334px;
        overflow: hidden;
        z-index: 3;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.team_03 .tmThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 40px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team_03 .tm_social {
    padding: 15px 0;
    background: var(--theme-color-three);
    width: 85%;
    transform: none;
    border-radius: 30px;
    top: 20px;
    right: 20px;
    text-align: right;
    margin: 0;
    left: auto;
    bottom: auto;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .team_03 .tm_social a {
        display: block;
        position: relative;
        margin: 0 0 0 auto;
        display: block;
        text-align: center;
        font-size: 17px;
        color: #fff;
        height: 50px;
        width: 44px;
        line-height: 50px;
        border-bottom: 1px solid #d51313;
    }

        .team_03 .tm_social a:last-child {
            border: none;
        }

.team_03:hover .tm_social {
    right: -44px;
}

    .team_03:hover .tm_social a {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

        .team_03:hover .tm_social a:hover {
            color: #101a25;
        }

.team_03 h3 {
    font-size: 26.69px;
    color: #382c4d;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
    margin: 0 0 1px;
}

    .team_03 h3 a {
        color: inherit;
    }

        .team_03 h3 a:hover {
            color: var(--theme-color-three);
        }

.team_03 p {
    margin: 0;
    font-size: 16px;
    font-family: fira sans, sans-serif;
    color: var(--theme-color-three);
}

.tmSlider03.owl-carousel .owl-nav {
    width: 100%;
}

    .tmSlider03.owl-carousel .owl-nav button {
        position: absolute;
        left: -94px;
        top: 38%;
        text-align: center;
        z-index: 5;
        font-size: 22px;
        line-height: 66px;
        width: 61px;
        height: 65px;
        background: url(../images/bg/arrow.svg) no-repeat center center/cover;
        color: #382c4d;
        border: none;
        outline: none;
        z-index: 1;
        display: block;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .tmSlider03.owl-carousel .owl-nav button.owl-next {
            left: auto;
            right: -94px;
        }

        .tmSlider03.owl-carousel .owl-nav button:hover {
            background: url(../images/bg/arrow_hover.svg) no-repeat center center/cover;
            color: #fff;
        }

.tmSlider03.owl-carousel .owl-stage-outer {
    height: calc(100% + 40px);
    margin: -20px;
    padding: 20px;
    width: calc(100% + 40px);
}

.featuredSlider {
    padding: 0;
}

    .featuredSlider .owl-stage-outer {
    }

    .featuredSlider .owl-item {
        backface-visibility: hidden;
        position: relative;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .featuredSlider .fsfolioItem {
        overflow: visible;
        padding: 72px 0 20px;
    }

    .featuredSlider .owl-item.active {
        z-index: 2;
        opacity: 1;
        visibility: visible;
    }

        .featuredSlider .owl-item.active.center {
            z-index: 3;
        }

.fi03Thumb {
    position: relative;
    border-radius: 50%;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.featuredSlider .fsfolioItem .acshape {
    width: 84%;
    height: 101%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    border-radius: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.featuredSlider .owl-item.active.center .fsfolioItem .acshape {
    visibility: visible;
    opacity: 1;
}

.featuredSlider .fsfolioItem img {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
}

.featuredSlider .owl-item.active .fsfolioItem .fi03Thumb {
    transform: scale(1.35) translateX(73px);
    -moz-transform: scale(1.35) translateX(73px);
    -webkit-transform: scale(1.35) translateX(73px);
}

.featuredSlider
.owl-item.active.center + .owl-item.active
.fsfolioItem
.fi03Thumb {
    transform: scale(1.35) translateX(-73px);
    -moz-transform: scale(1.35) translateX(-73px);
    -webkit-transform: scale(1.35) translateX(-73px);
}

.featuredSlider .owl-item.active.center .fsfolioItem .fi03Thumb {
    transform: scale(1.35) translateX(0);
    -moz-transform: scale(1.35) translateX(0);
    -webkit-transform: scale(1.35) translateX(0);
}

.fi03Con {
    position: relative;
    font-family: fira sans, sans-serif;
    text-align: center;
    padding: 90px 0 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    opacity: 0;
    visibility: hidden;
}

.featuredSlider .owl-item.active.center .fi03Con {
    opacity: 1;
    visibility: visible;
}

.fi03Con h4 {
    font-size: 35px;
    color: #382c4d;
    font-weight: 600;
    margin: 0 0 4px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

    .fi03Con h4 a {
        color: inherit;
    }

        .fi03Con h4 a:hover {
            color: var(--theme-color-three);
        }

.fi03Con p {
    font-size: 14px;
    line-height: 0.8;
    color: var(--theme-color-three);
    text-transform: uppercase;
    margin: 0 0 14px;
}

.fimeta {
    position: relative;
}

    .fimeta a {
        display: inline-block;
        font-size: 15px;
        font-weight: 400;
        color: #382c4d;
        margin-right: 12px;
    }

        .fimeta a:last-child {
            margin-right: 0;
        }

        .fimeta a i {
            display: inline-block;
            font-size: 14px;
            color: #9a9a9a;
            position: relative;
            margin-right: 6px;
            transition: all ease 300ms;
            -moz-transition: all ease 300ms;
            -webkit-transition: all ease 300ms;
        }

            .fimeta a i.twi-eye {
                top: 1px;
            }

        .fimeta a:hover i,
        .fimeta a:hover {
            color: var(--theme-color-three);
        }

.featuredSlider.owl-carousel .owl-nav {
    width: 100%;
}

    .featuredSlider.owl-carousel .owl-nav button {
        position: absolute;
        left: -94px;
        top: 36%;
        text-align: center;
        z-index: 5;
        font-size: 22px;
        line-height: 66px;
        width: 61px;
        height: 65px;
        background: url(../images/bg/arrow2.svg) no-repeat center center/cover;
        color: #382c4d;
        border: none;
        outline: none;
        z-index: 1;
        display: block;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .featuredSlider.owl-carousel .owl-nav button.owl-next {
            left: auto;
            right: -94px;
        }

        .featuredSlider.owl-carousel .owl-nav button:hover {
            background: url(../images/bg/arrow_hover.svg) no-repeat center center/cover;
            color: #fff;
        }

.testimonialslider03 {
    position: relative;
    margin: -84px 0 0;
}

.testiItem03 {
    position: relative;
    background: #d9f2ef;
    max-width: 595px;
    border-radius: 100px;
    padding: 39px 40px 50px 192px;
    margin: 34px 0 0;
    float: right;
}

    .testiItem03 .au_quote {
        width: 124px;
        height: 124px;
        border-radius: 50%;
        position: absolute;
        left: 38px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

        .testiItem03 .au_quote img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

        .testiItem03 .au_quote i {
            font-size: 40px;
            color: var(--theme-color-three);
            -webkit-text-fill-color: var(--theme-color-three);
            -webkit-text-stroke-width: 2px;
            -webkit-text-stroke-color: #d9f2ef;
            position: absolute;
            right: 9px;
            top: -4px;
        }

    .testiItem03 h5 {
        font-size: 24px;
        color: #382c4d;
        font-size: 35px;
        margin: 0;
    }

    .testiItem03 .quotation {
        font-size: 18px;
        line-height: 31.5px;
        color: #382c4d;
        margin: 0;
        font-weight: 400;
        font-style: normal;
    }

    .testiItem03.RightItem {
        margin-right: 80px;
        background: #fdecd8;
        text-align: right;
        padding-left: 40px;
        padding-right: 192px;
    }

        .testiItem03.RightItem .au_quote {
            left: auto;
            right: 38px;
        }

            .testiItem03.RightItem .au_quote i {
                right: auto;
                left: 9px;
                -webkit-text-stroke-color: #fdecd8;
            }

.testimonialslider03 .slick-arrow {
    position: absolute;
    left: -74%;
    bottom: -10px;
    text-align: center;
    z-index: 5;
    font-size: 22px;
    line-height: 66px;
    width: 61px;
    height: 65px;
    background: url(../images/bg/arrow.svg) no-repeat center center/cover;
    color: #382c4d;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 1;
    display: block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .testimonialslider03 .slick-arrow.navRight {
        left: calc(-74% + 74px);
    }

    .testimonialslider03 .slick-arrow:hover {
        background: url(../images/bg/arrow_hover.svg) no-repeat center center/cover;
        color: #fff;
    }

.footer_03 {
    position: relative;
    background: #0e0130;
    padding: 105px 0 92px;
    border-radius: 50px 50px 0 0;
}

.aboutWidget03 {
    position: relative;
    text-align: center;
}

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

    .aboutWidget03 p {
        font-size: 18px;
        line-height: 31.5px;
        color: #aba1bb;
        margin: 27px 0 29px;
    }

    .aboutWidget03 .email {
        display: inline-block;
        color: #fff;
        font-size: 20px;
        line-height: 20px;
        font-weight: 800;
        letter-spacing: 0.2px;
        font-family: fira sans, sans-serif;
        border-bottom: 2px solid #fff;
    }

        .aboutWidget03 .email:hover {
            color: var(--theme-color-three);
            border-color: var(--theme-color-three);
        }

.absocaila {
    position: relative;
    margin: 28px 0 0;
}

    .absocaila a {
        display: inline-block;
        text-align: center;
        width: 64px;
        height: 64px;
        background: #1e0b50;
        line-height: 64px;
        font-size: 20px;
        color: #fff;
        border-radius: 50%;
        margin: 0 1px;
    }

        .absocaila a:hover {
            background: var(--theme-color-three);
            color: #fff;
        }

.copyrightSec {
    position: relative;
    background: #0c0128;
    text-align: center;
    padding: 37px 0;
    border-radius: 0 0 50px 50px;
}

    .copyrightSec .Copyright {
        font-family: fira sans, sans-serif;
        color: var(--theme-color-three);
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0;
        padding: 0;
    }

.header04 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    padding: 0 80px 0 55px;
}

    .header04 .navbar01 {
        background: 0 0;
        padding: 0;
        border-radius: 0;
        align-items: center;
    }

    .header04 .logo {
        position: relative;
        line-height: 74px;
        padding: 55px 0;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .header04 .logo img {
            height: 74px;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    .header04 .stickyLogo {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .header04.fixedHeader img {
        visibility: hidden;
        opacity: 0;
    }

    .header04.fixedHeader .stickyLogo {
        visibility: visible;
        opacity: 1;
    }

    .header04 .accessNav .search_btn {
        background: #151414;
        border-radius: 3px;
        color: #fff;
        position: relative;
        z-index: 2;
        margin-left: 5px;
    }

        .header04 .accessNav .search_btn:after {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            content: "";
            background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
            border-radius: 3px;
            z-index: -1;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .header04 .accessNav .search_btn:hover:after {
            visibility: visible;
            opacity: 1;
        }

.popup_togggle_menu {
    width: 52px;
    height: 52px;
    background: #151414;
    border-radius: 3px;
    display: inline-block;
    padding: 14px 11px;
}

    .popup_togggle_menu span {
        display: block;
        width: 100%;
        height: 1px;
        background: #fff;
        margin: 0 0 6px;
        position: relative;
    }

        .popup_togggle_menu span:last-child {
            margin-bottom: 0;
        }

        .popup_togggle_menu span:nth-child(2),
        .popup_togggle_menu span:nth-child(4) {
            width: 15px;
            margin-left: auto;
        }

        .popup_togggle_menu span:after {
            position: absolute;
            right: 0;
            top: 0;
            width: 0;
            height: 100%;
            background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
            content: "";
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    .popup_togggle_menu:hover span:after {
        width: 100%;
    }

body.menu_open {
    overflow: hidden;
}

.close-popup {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #fff;
    font-weight: 600;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 30px;
    top: 30px;
    text-transform: uppercase;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 99;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.popup_menu.active .close-popup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.close-popup:after {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: "";
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.close-popup:before {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: "";
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.close-popup:hover {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
}

    .close-popup:hover:after,
    .close-popup:hover:before {
        background: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
    }

.popup_menu {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(34, 34, 33, 0.98);
    display: none;
}

.menu_middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    z-index: -1;
}

.popup_menu.active .menu_middle {
    z-index: 99;
}

.menu_popup {
    position: relative;
    text-align: center;
}

    .menu_popup ul {
        margin: 0;
        padding: 0;
    }

        .menu_popup ul li {
            display: block;
            list-style: none;
            margin: 19px 0;
            position: relative;
        }

            .menu_popup ul li a {
                color: #fff;
                text-transform: capitalize;
                font-size: 33px;
                line-height: 1;
                font-weight: 800;
                display: inline-block;
                padding: 0 15px;
                font-family: fira sans, sans-serif;
                position: relative;
                text-decoration: none;
                -webkit-text-decoration-skip: objects;
                transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
            }

            .menu_popup ul li.active > a,
            .menu_popup ul li:hover > a {
                color: var(--theme-color);
            }

            .menu_popup ul li.menu-item-has-children > a {
                position: relative;
            }

                .menu_popup ul li.menu-item-has-children > a:before {
                    position: absolute;
                    right: -5px;
                    top: 11px;
                    content: "\f545";
                    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
                    font-family: themewar !important;
                    font-size: 20px;
                    color: inherit;
                    line-height: 0.8;
                    transition: none;
                }

    .menu_popup > ul > li {
        opacity: 0;
        -webkit-transition: translateY(80px);
        transform: translateY(80px);
        max-width: 280px;
        margin: 30px auto;
    }

    .menu_popup ul li ul.sub-menu {
        position: absolute;
        left: 105%;
        pointer-events: none;
        top: -18px;
        width: 270px;
        border-radius: 5px;
        z-index: 100;
        text-align: left;
        margin: 0;
        padding: 25px 0;
        visibility: hidden;
        opacity: 0;
        background: #353535;
        -ms-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        color: inherit;
        font-size: inherit;
    }

    .menu_popup ul li:hover .sub-menu {
        visibility: visible;
        opacity: 1;
        pointer-events: inherit;
        left: 100%;
    }

    .menu_popup ul li ul.sub-menu::after {
        content: "";
        position: absolute;
        left: -7px;
        top: 18px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4.5px 7px 4.5px 0;
        border-color: transparent #353535 transparent transparent;
        transition: none;
    }

    .menu_popup ul li .sub-menu li {
        padding: 0;
        margin: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        transition: all ease 300ms;
        -moz-transition: all ease 300ms;
        -webkit-transition: all ease 300ms;
    }

    .menu_popup ul .sub-menu li.menu-item-has-children > a::before {
        right: 19px;
        content: "..";
        font-family: fira sans, sans-serif !important;
        font-size: 25px;
        letter-spacing: 3px;
        top: calc(50% - 15px);
    }

    .menu_popup ul li ul.sub-menu li a {
        font-size: 16px;
        font-weight: 400;
        padding: 14px 32px;
        width: 100%;
        border-radius: 3px;
        text-transform: capitalize;
        transition: all ease 300ms;
        -moz-transition: all ease 300ms;
        -webkit-transition: all ease 300ms;
    }

    .menu_popup ul li .sub-menu li.active > a,
    .menu_popup ul li .sub-menu li.current-menu-item > a,
    .menu_popup ul li .sub-menu li:hover > a {
        color: #fff;
        background: var(--theme-color);
    }

    .menu_popup ul li .sub-menu li .sub-menu {
        position: absolute;
        left: 105%;
        right: auto;
        top: 0;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        border: none;
        overflow-y: auto;
    }

        .menu_popup ul li .sub-menu li .sub-menu:after {
            display: none;
        }

    .menu_popup ul li .sub-menu li:hover .sub-menu {
        visibility: visible;
        opacity: 1;
        left: calc(100% + 3px);
        pointer-events: inherit;
    }

    .menu_popup ul li:nth-last-child(1) .sub-menu li,
    .menu_popup ul li:nth-last-child(2) .sub-menu li {
        position: static;
    }

body.menu__open {
    overflow: hidden;
}

.icon_box_03 {
    position: relative;
    margin: 0 15px;
}

    .icon_box_03 .ibMeta {
        width: 266px;
        height: 277px;
        line-height: 285px;
        text-align: center;
        position: relative;
        color: inherit;
        font-size: 80px;
        margin: -55px 0 -26px;
    }

        .icon_box_03 .ibMeta svg {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            fill: #fff;
            text-align: center;
            top: 0;
            -webkit-filter: drop-shadow(0 0 59px rgba(196, 196, 196, 0.26));
            -moz-filter: drop-shadow(0 0 59px rgba(196, 196, 196, 0.26));
            filter: drop-shadow(0 0 59px rgba(196, 196, 196, 0.26));
        }

        .icon_box_03 .ibMeta i {
            display: inline-block;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
        }

    .icon_box_03 span {
        display: block;
        font-size: 60px;
        color: #eef3ff;
        font-weight: 700;
        line-height: 1;
        position: absolute;
        left: -72px;
        right: 0;
        margin: auto;
        top: -17px;
    }

    .icon_box_03 h3 {
        font-size: 22px;
        line-height: 32px;
        color: #222d39;
        margin: 0 0 9px;
    }

    .icon_box_03 p {
        display: block;
        color: #666;
        font-size: 16px;
        margin: 0;
    }

    .icon_box_03 .imgborder {
        position: absolute;
        right: -78px;
        top: 75px;
    }

.abbgThumb {
    position: relative;
    border-radius: 3px;
    margin-right: 33px;
    padding: 0 50px;
    text-align: center;
    background: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
}

    .abbgThumb img {
        width: 100%;
        height: 100%;
        position: relative;
        top: 50px;
    }

.abclinets {
    position: relative;
    display: inline-block;
    background: #fff;
    padding: 17px 37px 12px 97px;
    margin: -7px 0 0 86px;
    -webkit-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.1);
}

    .abclinets img {
        width: 53px;
        height: 53px;
        border-radius: 5px;
        position: absolute;
        left: 23px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .abclinets h2 {
        color: #222d39;
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 -6px;
    }

    .abclinets p {
        display: block;
        color: #666;
        font-size: 16px;
        margin: 0;
    }

.expCount02 {
    position: relative;
}

    .expCount02 h2 {
        font-size: 110px;
        letter-spacing: 2.2px;
        font-weight: 800;
        margin: 0 0 -3px;
        line-height: 1;
        background-image: url(../images/bg/text.png);
        background-position: center;
        background-repeat: repeat;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-background-clip: text;
        -moz-text-fill-color: transparent;
    }

    .expCount02 h5 {
        font-size: 28px;
        line-height: 34px;
        color: #000;
        letter-spacing: -0.42px;
        font-weight: 800;
        margin: 0;
    }

.grdinaList li {
    color: #101a25;
    font-weight: 500;
    font-family: fira sans, sans-serif;
    margin: 7px 0 10px;
}

    .grdinaList li i {
        display: inline-block;
        margin-right: 10px;
        font-size: 20px;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
    }

.pricingTab04 {
    position: absolute;
    left: -210px;
    top: 49px;
    margin: 0;
    padding: 0;
    display: block;
}

    .pricingTab04 li {
        display: block;
        list-style: none;
        margin: 13px 0 0;
    }

        .pricingTab04 li a {
            display: inline-block;
            font-family: fira sans, sans-serif;
            font-size: 25.31px;
            color: #fff;
            font-weight: 700;
            line-height: 33px;
        }

            .pricingTab04 li a span {
                display: block;
                font-size: 11px;
                text-transform: uppercase;
                letter-spacing: 0.82px;
                font-weight: 400;
                line-height: 18px;
            }

            .pricingTab04 li a:after {
                font-family: themewar !important;
                content: "\ef55";
                display: inline-block;
                position: relative;
                font-size: 14px;
                visibility: hidden;
                opacity: 0;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
                float: right;
                margin: -50px 0 0;
                right: -38px;
            }

            .pricingTab04 li a:hover:after,
            .pricingTab04 li a.active:after {
                visibility: visible;
                opacity: 1;
            }

            .pricingTab04 li a:hover,
            .pricingTab04 li a.active {
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
            }

.tabContent04 {
    position: relative;
    z-index: 2;
    padding: 0 0 0 45px;
}

    .tabContent04 img {
        max-width: 100%;
        height: auto;
        float: right;
    }

    .tabContent04 .secTitle02 {
        color: #fff;
        line-height: 55px;
        margin: 47px 0 23px;
    }

    .tabContent04 p {
        color: #bebebe;
        margin: 0 0 45px;
    }

.tab-content > .tab-pane.show.active {
    transform: scale(1) translateY(0px);
}

.anim-right.tab-content > .tab-pane.show.active {
    transform: none;
}

.anim-right.tab-content > .tab-pane {
    transform: none;
}

.tab-content > .tab-pane {
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    transform: scale(0.9, 0.9) translate(0px);
}

.anim-right .active .tabContent04 {
    -webkit-animation-name: fadeRight;
    animation-name: fadeRight;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.service_item_05 {
    position: relative;
    background: 0 0;
    margin: 0 0 30px;
}

    .service_item_05 svg {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        -webkit-filter: drop-shadow(0px 15px 40px rgba(0, 0, 0, 0.1));
        -moz-filter: drop-shadow(0px 15px 40px rgba(0, 0, 0, 0.1));
        filter: drop-shadow(-0px 15px 40px rgba(0, 0, 0, 0.1));
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        .service_item_05 svg g {
            fill: #fff;
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

.serInner {
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 2;
    background: 0 0;
    padding: 34px 60px 20px 155px;
}

.service_item_05 .siIcon {
    width: 73px;
    height: 73px;
    line-height: 73px;
    background: #f3f3f3;
    border-radius: 3px;
    text-align: center;
    font-size: 44px;
    position: absolute;
    left: 49px;
    top: 0;
    bottom: 0;
    margin: auto;
}

    .service_item_05 .siIcon i {
        display: inline-block;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
    }

.service_item_05 h3 {
    font-size: 25px;
    line-height: 31.5px;
    margin: 0 0 9px;
}

    .service_item_05 h3 a {
        color: inherit;
    }

        .service_item_05 h3 a:hover {
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
        }

.service_item_05 p {
    color: #868686;
    font-size: 17px;
    margin: 0;
}

.filter_menu02 {
    position: relative;
    margin: 44px 0 80px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    font-family: fira sans, sans-serif;
}

    .filter_menu02.text-center {
        justify-content: center;
    }

    .filter_menu02.text-right {
        justify-content: flex-end;
    }

    .filter_menu02 li {
        cursor: pointer;
        list-style: none;
        display: inline-block;
        font-size: 14px;
        color: #101a25;
        height: 35px;
        line-height: 35px;
        padding: 0 11px;
        margin-left: 13px;
        font-weight: 500;
        position: relative;
        text-transform: capitalize;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .filter_menu02 li:first-child {
            margin-left: 0;
        }

        .filter_menu02 li:after {
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 100%;
            content: "";
            background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
            z-index: -1;
            border-radius: 3px;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .filter_menu02 li.active:after,
        .filter_menu02 li:hover:after {
            visibility: visible;
            opacity: 1;
            width: 100%;
        }

        .filter_menu02 li.active,
        .filter_menu02 li:hover {
            color: #fff;
        }

.folioItem03 {
    position: relative;
    overflow: hidden;
    margin: 0 -1px;
}

    .folioItem03:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        visibility: hidden;
        opacity: 0;
        background: rgb(16, 26, 37, 0.6);
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .folioItem03:hover:after {
        visibility: visible;
        opacity: 1;
    }

    .folioItem03 img {
        width: 100%;
        height: auto;
    }

.folioHover03 {
    position: absolute;
    background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
    height: 134px;
    width: 100%;
    left: 0;
    bottom: -40px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    clip-path: polygon(0 0, 100% 34%, 100% 100%, 0% 100%);
    padding: 55px 160px 0 34px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.folioItem03:hover .folioHover03 {
    bottom: 0;
    visibility: visible;
    opacity: 1;
}

.folioHover03 p {
    display: block;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0 0 6px;
    -webkit-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
}

    .folioHover03 p a {
        color: inherit;
    }

.folioHover03 h4 {
    font-size: 25px;
    color: #fff;
    line-height: 32px;
    margin: 0;
    -webkit-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
}

    .folioHover03 h4 a {
        color: inherit;
    }

        .folioHover03 p a:hover,
        .folioHover03 h4 a:hover {
            color: #2b2727;
        }

.folioHover03 > a {
    width: 55px;
    height: 55px;
    background: #fff;
    line-height: 55px;
    color: #2b2727;
    font-size: 20px;
    border-radius: 0;
    display: inline-block;
    position: absolute;
    right: 34px;
    bottom: 20px;
    text-align: center;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);
    visibility: hidden;
    opacity: 0;
}

.folioHover03 .popup_video {
    right: 95px;
}

    .folioHover03 .popup_video::before,
    .folioHover03 .popup_video::after {
        display: none;
    }

.folioHover03 > a:hover {
    background: #2b2727;
    color: #fff;
}

.folioHover03 .popup_video {
    -webkit-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, -50px, 0);
    -moz-transform: translate3d(0, -50px, 0);
    -webkit-transform: translate3d(0, -50px, 0);
}

.folioHover03 .crm {
    -webkit-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, -50px, 0);
    -moz-transform: translate3d(0, -50px, 0);
    -webkit-transform: translate3d(0, -50px, 0);
}

.folioItem03:hover .folioHover03 .crm,
.folioItem03:hover .folioHover03 .popup_video {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.folioItem03:hover .folioHover03 p,
.folioItem03:hover .folioHover03 h4 {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.featureSlider02.owl-carousel {
    position: relative;
}

    .featureSlider02.owl-carousel a {
        display: block;
        width: 100%;
        background: #f9f9f9;
        text-align: center;
        padding: 35px 15px;
    }

        .featureSlider02.owl-carousel a img {
            width: 120px;
            height: 121px;
            display: inline-block;
        }

.pcTab03 {
    border: none;
    height: 31px;
    background: 0 0;
    border-radius: 0;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11px;
    z-index: 2;
    text-align: center;
    display: block;
}

    .pcTab03 a {
        position: relative;
        z-index: 2;
        color: #0c0c0c;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.48px;
        border-radius: 3px 0 0 3px;
        padding: 0 20px;
        line-height: 31px;
        background: #fff;
        margin: 0 -3px;
        display: inline-block;
    }

        .pcTab03 a:last-child {
            border-radius: 0 3px 3px 0;
        }

        .pcTab03 a:after {
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 100%;
            content: "";
            background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
            z-index: -1;
            visibility: hidden;
            border-radius: 3px;
            opacity: 0;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .pcTab03 a:hover:after,
        .pcTab03 a.active:after {
            visibility: visible;
            opacity: 1;
            width: 100%;
        }

        .pcTab03 a:hover,
        .pcTab03 a.active {
            color: #fff;
        }

.pricingTabInner02 {
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    left: -175px;
    top: 44%;
}

    .pricingTabInner02 li {
        list-style: none;
        display: block;
        margin: 0 0 14px;
    }

        .pricingTabInner02 li a {
            position: relative;
            z-index: 2;
            display: inline-block;
            height: 38px;
            background: #fff;
            border-radius: 3px;
            text-align: center;
            font-size: 13px;
            color: #0c0c0c;
            text-transform: uppercase;
            line-height: 38px;
            letter-spacing: 0.52px;
            font-family: fira sans, sans-serif;
            font-weight: 700;
            padding: 0 15px;
            width: 130px;
        }

            .pricingTabInner02 li a:after {
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                height: 100%;
                content: "";
                background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
                z-index: -1;
                visibility: hidden;
                border-radius: 3px;
                opacity: 0;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

            .pricingTabInner02 li a:before {
                content: "\edf7";
                font-family: themewar !important;
                color: #fff;
                font-size: 8.32px;
                left: -5px;
                top: -1px;
                position: relative;
                display: inline-block;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

            .pricingTabInner02 li a:hover:before,
            .pricingTabInner02 li a.active:before {
                visibility: visible;
                opacity: 1;
            }

            .pricingTabInner02 li a:hover:after,
            .pricingTabInner02 li a.active:after {
                visibility: visible;
                opacity: 1;
                width: 100%;
            }

            .pricingTabInner02 li a:hover,
            .pricingTabInner02 li a.active {
                color: #fff;
            }

            .pricingTabInner02 li a img {
                width: 77px;
                height: 27px;
                position: absolute;
                right: -90px;
                top: 12px;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
                visibility: hidden;
                opacity: 0;
            }

            .pricingTabInner02 li a:hover img,
            .pricingTabInner02 li a.active img {
                visibility: visible;
                opacity: 1;
                right: -70px;
            }

.pricing-item-03 {
    position: relative;
    margin-right: 1px;
    background: #fff;
    border-radius: 5px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%);
}

    .pricing-item-03 .price-thumb img {
        border-radius: 5px 5px 0 0;
    }

    .pricing-item-03 .price-detils {
        padding: 44px 55px 54px;
    }

    .pricing-item-03 .p-title {
        font-size: 41.62px;
        font-weight: 700;
        margin-bottom: 2px;
    }

    .pricing-item-03 .p-price {
        min-height: 40px;
        margin-bottom: 25px;
        position: relative;
    }

        .pricing-item-03 .p-price .price_period {
            position: absolute;
            left: 0;
            top: 0;
            visibility: hidden;
            opacity: 0;
        }

            .pricing-item-03 .p-price .price_period.active {
                visibility: visible;
                opacity: 1;
            }

    .pricing-item-03 .price-detils ul {
        margin-bottom: 21px;
    }

        .pricing-item-03 .price-detils ul li {
            font-size: 15px;
            color: #0c0c0c;
            letter-spacing: 0.6px;
            border-color: #f2f2f2;
            padding: 0 0 9px;
            margin-bottom: 6px;
        }

            .pricing-item-03 .price-detils ul li i {
                font-size: 12.8px;
                display: inline-block;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
            }

    .pricing-item-03 .price-detils .berpo_btn {
        background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
        border-radius: 5px;
        height: 47px;
        line-height: 47px;
        font-weight: 700;
        padding: 0 28px;
    }

.rightCTA {
    position: relative;
    background: url(../images/bg/24.jpg) no-repeat center center/cover;
    margin-left: -31px;
    margin-top: 70px;
    padding: 103px 70px 55px 80px;
    border-radius: 0 5px 5px 0;
}

    .rightCTA:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(19, 17, 17, 0.87);
        border-radius: 0 5px 5px 0;
    }

    .rightCTA .row {
        position: relative;
        z-index: 2;
    }

    .rightCTA img {
        max-width: 100%;
    }

    .rightCTA .secTitle02 {
        color: #fff;
        line-height: 50px;
        margin: 23px 0 17px;
    }

    .rightCTA p {
        font-size: 14.98px;
        line-height: 23.31px;
        color: #fff;
        margin: 0 0 43px;
    }

.clientLogo {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 66px 0 0;
}

    .clientLogo img {
        width: 136px;
        height: 33px;
        opacity: 0.5;
    }

.team_04 {
    position: relative;
    margin: 0 0 40px;
}

    .team_04 .tmThumb {
        position: relative;
        margin: 0;
    }

        .team_04 .tmThumb img {
            width: 100%;
            height: auto;
            border-radius: 3px;
        }

.tmcontent {
    position: relative;
    width: calc(100% - 100px);
    margin: -50px auto 0;
    background: #fff;
    -webkit-box-shadow: 0 15px 40px 0 rgba(101, 101, 101, 0.1);
    -moz-box-shadow: 0 15px 40px 0 rgba(101, 101, 101, 0.1);
    box-shadow: 0 15px 40px 0 rgba(101, 101, 101, 0.1);
    padding: 27px 20px 21px;
}

    .tmcontent h3 {
        font-size: 24px;
        line-height: 30px;
        margin: 0;
    }

        .tmcontent h3 a {
            color: inherit;
        }

            .tmcontent h3 a:hover {
                color: var(--theme-color);
            }

    .tmcontent p {
        font-size: 15px;
        line-height: 24px;
        margin: 0;
        color: var(--theme-color);
    }

.gradianNav.owl-carousel .owl-nav button .twi-angle-left1:before {
    content: "\ef54";
}

.gradianNav.owl-carousel .owl-nav button .twi-angle-right1:before {
    content: "\ef55";
}

.gradianNav.owl-carousel .owl-nav button {
    width: 58px;
    height: 58px;
    color: #101a25;
    font-size: 15.36px;
    background: #d1d1d1;
    border-radius: 3px;
    line-height: 58px;
    left: -123px;
    top: 34%;
}

    .gradianNav.owl-carousel .owl-nav button.owl-next {
        right: -123px;
    }

    .gradianNav.owl-carousel .owl-nav button:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
        z-index: -1;
        visibility: hidden;
        border-radius: 3px;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .gradianNav.owl-carousel .owl-nav button:hover:after {
        visibility: visible;
        opacity: 1;
    }

    .gradianNav.owl-carousel .owl-nav button:hover {
        color: #fff;
    }

.single_skill.sk03 {
    margin: 0 0 32px;
}

    .single_skill.sk03 h5 {
        font-size: 16px;
        color: #464646;
        font-weight: 600;
        text-transform: capitalize;
        margin: 0 0 12px;
    }

        .single_skill.sk03 h5 i {
            position: relative;
            top: 1px;
            margin-right: 11px;
            display: inline-block;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
        }

    .single_skill.sk03 .ss_parent {
        height: 8px;
        background: #f6f7fb;
        border: none;
    }

    .single_skill.sk03 .ss_child {
        height: 8px;
        left: 0;
        top: 0;
        background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
    }

    .single_skill.sk03 .ss_parent span {
        left: auto;
        right: 0;
        top: -32px;
        color: #464646;
        font-weight: 600;
        font-size: 16px;
    }

.contactForm02 {
    position: relative;
    background: 0 0;
    padding: 0;
    box-shadow: none;
    margin: 0;
    text-align: left;
    margin-left: -55px;
    padding-right: 105px;
    padding-top: 81px;
}

    .contactForm02 input[type="email"],
    .contactForm02 input[type="text"],
    .contactForm02 input[type="url"],
    .contactForm02 input[type="tel"],
    .contactForm02 input[type="number"],
    .contactForm02 select,
    .contactForm02 .nice-select,
    .contactForm02 textarea {
        display: block;
        width: 100%;
        height: 53px;
        background: #f1f8fc;
        padding: 0;
        border: none;
        border-radius: 3px;
        font-size: 15px;
        line-height: 53px;
        margin: 0 0 24px;
        font-weight: 400;
        padding: 0 35px;
        color: #9fa4af;
    }

    .contactForm02 textarea {
        height: 288px;
        line-height: 26px;
        padding-top: 27px;
        padding-left: 45px;
        margin-bottom: 40px;
        resize: none;
    }

        .contactForm02 textarea::-moz-placeholder,
        .contactForm02 input::-moz-placeholder {
            color: #9fa4af;
            opacity: 1;
        }

        .contactForm02 textarea::-ms-input-placeholder,
        .contactForm02 input::-ms-input-placeholder {
            color: #9fa4af;
            opacity: 1;
        }

        .contactForm02 textarea::-webkit-input-placeholder,
        .contactForm02 input::-webkit-input-placeholder {
            color: #9fa4af;
            opacity: 1;
        }

.contact_form .nice-select .list {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    background: #f1f8fc;
    border-radius: 0;
    box-shadow: none;
    max-height: 361px;
    overflow: auto;
    -webkit-box-shadow: 0 15px 40px 0 rgba(101, 101, 101, 0.1);
    -moz-box-shadow: 0 15px 40px 0 rgba(101, 101, 101, 0.1);
    box-shadow: 0 15px 40px 0 rgba(101, 101, 101, 0.1);
}

.contact_form .nice-select .option {
    font-size: 14px;
    color: #74777c;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding: 2px 25px;
}

    .contact_form .nice-select .option:hover,
    .nice-select .option.focus,
    .nice-select .option.selected.focus {
        background: 0 0;
        color: #000;
    }

.nice-select:after {
    content: "\e9ed";
    font-family: themewar !important;
    transform: none;
    border: none;
    margin: 0;
    top: 0;
    height: auto;
    width: auto;
    color: #6e45e2;
    right: 30px;
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nice-select.open:after {
    transform: none;
    content: "\e9f4";
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.contactForm02 .berpo_btn.with_icon03 {
    height: 54px;
    line-height: 55px;
    font-weight: 900;
    margin-top: 7px;
}

.con_message {
    display: block;
    width: 100%;
    display: none;
    padding: 15px;
    border-radius: 0;
    border-width: 2px;
    margin: 15px 0 0;
}

#contact_form .reqError,
#contact_form textarea.reqError {
    border: 1px solid red !important;
}

.testiWrap {
    position: relative;
    padding: 0 240px;
}

.testimonialslider04 {
    position: relative;
    margin: 0;
    text-align: center;
    padding: 5px 0;
    overflow: hidden;
}

    .testimonialslider04 .ratings {
        font-size: 20px;
        color: #fbb81a;
        letter-spacing: 5px;
        justify-content: center;
        position: relative;
        line-height: 1;
        margin: 0 0 18px;
        padding: 0;
    }

        .testimonialslider04 .ratings i {
            display: inline-block;
        }

    .testimonialslider04 .quatation {
        font-size: 18px;
        line-height: 28px;
        color: #5f5f5f;
        font-style: italic;
        font-weight: 300;
        margin: 0;
    }

.testimonialNav {
    left: 0;
    right: 0;
    max-width: 490px;
    height: auto;
    padding: 0;
    margin: auto;
}

    .testimonialNav .slick-slide {
        outline: none;
        padding: 31px 0;
        position: relative;
    }

        .testimonialNav .slick-slide.slick-current.slick-active.slick-center {
            padding: 30px 0 44px;
        }

        .testimonialNav .slick-slide .test_author {
            position: absolute;
            width: 250px;
            text-align: center;
            opacity: 0;
            visibility: hidden;
            left: 50%;
            transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .testimonialNav .slick-slide .autho_thumb {
            margin: 0 0 38px;
            width: 107px;
            padding: 5px;
            cursor: pointer;
            height: 107px;
            background: 0 0;
            display: flex;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
            box-shadow: none;
            position: relative;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .testimonialNav .slick-slide .autho_thumb img {
                width: 60px;
                height: 60px;
                border-radius: 50%;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .testimonialNav
        .slick-slide.slick-current.slick-active.slick-center
        .autho_thumb {
            padding: 8px;
            background: #fff;
            margin: 0 auto 25px;
            -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.19);
            -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.19);
            box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.19);
        }

            .testimonialNav
            .slick-slide.slick-current.slick-active.slick-center
            .autho_thumb
            img {
                width: 100%;
                height: 100%;
            }

        .testimonialNav
        .slick-slide.slick-current.slick-active.slick-center
        .test_author {
            opacity: 1;
            visibility: visible;
        }

.test_author h5 {
    color: #333;
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 3px;
    text-transform: capitalize;
}

.test_author p {
    color: #7c7c7c;
    font-size: 17px;
    line-height: 0.8;
    text-transform: capitalize;
    margin: 0;
}

.blogSlider.owl-carousel {
    position: relative;
}

.blogItem03 {
    position: relative;
    overflow: hidden;
}

    .blogItem03 img {
        width: 100%;
        height: auto;
        border-radius: 3px;
    }

    .blogItem03:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        border-radius: 3px;
        background: rgba(27, 27, 27, 0.55);
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .blogItem03:hover:after {
        background: rgba(27, 27, 27, 0.8);
    }

.blogContent02 {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 58px 0 55px;
    z-index: 2;
    transform: translate3d(0, -42px, 0);
    -moz-transform: translate3d(0, -42px, 0);
    -webkit-transform: translate3d(0, -42px, 0);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .blogContent02 .bmeta {
        font-size: 12px;
        color: #eaeaea;
        font-family: fira sans, sans-serif;
        letter-spacing: 1.2px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0;
    }

        .blogContent02 .bmeta i {
            display: inline-block;
            color: inherit;
            font-size: inherit;
            margin-right: 7px;
        }

        .blogContent02 .bmeta a {
            color: inherit;
        }

            .blogContent02 .bmeta a:hover {
                color: #8959dc;
            }

    .blogContent02 h3 {
        color: #fff;
        font-size: 28px;
        line-height: 33px;
        font-weight: 600;
        margin: 0;
    }

        .blogContent02 h3 a {
            color: inherit;
        }

            .blogContent02 h3 a:hover {
                color: #8959dc;
            }

.blogItem03 .berpo_btn.with_icon03 {
    height: 47px;
    line-height: 47px;
    position: absolute;
    left: 55px;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -webkit-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0);
}

.blogItem03:hover .berpo_btn.with_icon03 {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, -72px, 0);
    -moz-transform: translate3d(0, -72px, 0);
    -webkit-transform: translate3d(0, -72px, 0);
    -ms-transform: translate3d(0, -72px, 0);
    -o-transform: translate3d(0, -72px, 0);
}

.blogItem03:hover .blogContent02 {
    transform: translate3d(0, -151px, 0);
    -moz-transform: translate3d(0, -151px, 0);
    -webkit-transform: translate3d(0, -151px, 0);
}

.blogSlider.owl-carousel .owl-nav {
    width: 100%;
}

    .blogSlider.owl-carousel .owl-nav button {
        position: absolute;
        left: -118px;
        top: 46%;
        text-align: center;
        z-index: 5;
        font-size: 15.36px;
        line-height: 59px;
        width: 58px;
        height: 58px;
        background: #fff;
        color: #101a25;
        border: none;
        outline: none;
        z-index: 2;
        border-radius: 3px;
        display: block;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .blogSlider.owl-carousel .owl-nav button.owl-next {
            left: auto;
            right: -118px;
        }

        .blogSlider.owl-carousel .owl-nav button:after {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            content: "";
            background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
            z-index: -1;
            visibility: hidden;
            border-radius: 3px;
            opacity: 0;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .blogSlider.owl-carousel .owl-nav button:hover:after {
            visibility: visible;
            opacity: 1;
        }

        .blogSlider.owl-carousel .owl-nav button:hover {
            color: #fff;
        }

.bepAccordion.peracc02 {
    margin-right: 16px;
}

    .bepAccordion.peracc02 .card {
        box-shadow: none;
        background: #f7f8fd;
        border-radius: 3px;
        margin-bottom: 14px;
        padding: 0;
    }

        .bepAccordion.peracc02 .card .card-header h2 button {
            font-weight: 500;
            color: #fff;
            padding: 12px 39px;
        }

            .bepAccordion.peracc02 .card .card-header h2 button:before {
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                width: 100%;
                content: "";
                border-radius: 3px;
                background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
                -webkit-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
                z-index: -1;
            }

            .bepAccordion.peracc02 .card .card-header h2 button.collapsed {
                color: #1e1840;
            }

                .bepAccordion.peracc02 .card .card-header h2 button.collapsed:before {
                    visibility: hidden;
                    opacity: 0;
                }

            .bepAccordion.peracc02 .card .card-header h2 button span {
                width: 10px;
                height: 10px;
                right: 35px;
            }

                .bepAccordion.peracc02 .card .card-header h2 button span:before {
                    width: 2px;
                    height: 10px;
                }

            .bepAccordion.peracc02 .card .card-header h2 button.collapsed span:after {
                background: #101a25;
            }

            .bepAccordion.peracc02 .card .card-header h2 button span:after {
                width: 10px;
                height: 2px;
                background: #fff;
                -webkit-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
            }

        .bepAccordion.peracc02 .card .card-body {
            color: #464646;
            padding: 18px 39px 21px;
        }

.fcta {
    position: relative;
    background-image: linear-gradient( to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2 );
    border-radius: 3px;
    padding: 45px 88px 32px 80px;
    margin-top: -250px;
}

    .fcta h3 {
        margin: 0;
        color: #fff;
        font-size: 30px;
        line-height: 45px;
    }

    .fcta .berpo_btn.with_icon03 {
        background: #fff;
        color: #181818;
        border: 2px solid #fff;
        line-height: 54px;
        margin-top: 15px;
    }

        .fcta .berpo_btn.with_icon03:hover {
            color: #fff;
            background: 0 0;
        }

        .fcta .berpo_btn.with_icon03:after {
            background: 0 0;
        }

        .fcta .berpo_btn.with_icon03:nth-child(2) {
            color: #fff;
            background: 0 0;
            margin-left: 12px;
        }

        .fcta .berpo_btn.with_icon03:hover:nth-child(2) {
            background: #fff;
            color: #181818;
        }

.footer_04 {
    position: relative;
    background: url(../images/bg/21.jpg) no-repeat center center/cover;
    padding: 152px 0 75px;
}

.aboutWidget04 {
    position: relative;
}

    .aboutWidget04 h4 {
        font-size: 22px;
        color: #fff;
        line-height: 28px;
        font-weight: 800;
        margin: 0 0 7px;
    }

    .aboutWidget04 p {
        font-size: 17px;
        line-height: 28px;
        color: #e9e9e9;
        margin: 0 0 27px;
    }

    .aboutWidget04 a {
        display: inline-block;
        width: 48px;
        height: 48px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: #fff;
        line-height: 48px;
        text-align: center;
        font-size: 18px;
        border-radius: 50%;
    }

        .aboutWidget04 a:hover {
            background: #8959dc;
            border-color: #8959dc;
        }

.widget_title03 {
    font-size: 22px;
    color: #fff;
    line-height: 22px;
    font-weight: 800;
    border-bottom: 1.5px solid #fff;
    display: inline-block;
    margin: 0 0 23px;
}

.wmenu03 ul {
}

    .wmenu03 ul.menu li {
        padding: 0;
        color: #e9e9e9;
        margin: 0 0 1px;
    }

        .wmenu03 ul.menu li:hover {
            padding-left: 5px;
        }

            .wmenu03 ul.menu li:hover a {
                color: #8959dc;
            }

    .wmenu03 ul li:after {
        display: none;
    }

.cinfo {
    position: relative;
    color: #e9e9e9;
    font-size: 16px;
    line-height: 37px;
    margin: -11px 0 11px;
}

    .cinfo span {
        font-weight: 700;
        color: #fff;
        margin-right: 4px;
    }

.footer_04 .Copyright {
    position: relative;
    font-size: 16px;
    color: #a4a4a4;
    font-family: fira sans, sans-serif;
    letter-spacing: 0;
    padding: 0;
    margin: 49px 0 0;
}

    .footer_04 .Copyright:after {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 1px;
        width: 38%;
        background: #2a2a2a;
        content: "";
    }

    .footer_04 .Copyright:before {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 1px;
        width: 38%;
        background: #2a2a2a;
        content: "";
    }

    .footer_04 .Copyright a {
        color: inherit;
    }

        .footer_04 .Copyright a:hover {
            color: #8959dc;
        }

.header05 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    padding: 0 125px 0 105px;
}

.fixedHeader.header05 {
    position: fixed;
    background: #000;
}

.header05 .navbar01 {
    background: 0 0;
    padding: 0;
    border-radius: 0;
    align-items: center;
}

.header05 .logo {
    line-height: 74px;
    padding: 55px 0;
}

    .header05 .logo img {
        height: 74px;
    }

.fixedHeader.header05 .logo {
    padding: 25px 0;
}

.accessNav02 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .accessNav02 .berpo_btn {
        height: 60px;
        line-height: 61px;
        font-size: 14px;
        padding: 0 42px;
    }

        .accessNav02 .berpo_btn:hover {
            color: #202020;
        }

        .accessNav02 .berpo_btn .bp-shape {
            background: #fff;
        }

    .accessNav02 a.search_btn {
        display: inline-block;
        width: 56px;
        height: 56px;
        line-height: 56px;
        border-radius: 50%;
        border: 1px solid #c89b5a;
        font-size: 16.19px;
        color: #f0eeef;
        text-align: center;
        margin-left: 28px;
    }

        .accessNav02 a.search_btn:hover {
            background: #c89b5a;
        }

.popup_togggle_menu02 {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 50%;
    border: 1px solid #c89b5a;
    color: #f0eeef;
    text-align: center;
    margin-left: 9px;
    background: 0 0;
    padding: 18px 16px;
}

    .popup_togggle_menu02 span {
        height: 4px;
        width: 100%;
        float: right;
        margin-bottom: 3px;
        position: relative;
        background: #fff;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .popup_togggle_menu02 span:nth-child(1) {
            width: 12px;
        }

        .popup_togggle_menu02 span:nth-child(3) {
            width: 18px;
        }

        .popup_togggle_menu02 span:after {
            position: absolute;
            right: 0;
            top: 0;
            width: 0;
            height: 100%;
            background: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
            content: "";
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    .popup_togggle_menu02.active span:after,
    .popup_togggle_menu02:hover span:after {
        width: 100%;
    }

.bodyBg {
    position: relative;
    background: url(../images/home5/3.jpg) no-repeat top left;
    padding: 206px 0 0;
}

.popup_togggle_menu02.active span:nth-child(1) {
    display: none;
}

.popup_togggle_menu02.active span {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    top: 7px;
}

    .popup_togggle_menu02.active span:nth-child(3) {
        top: 0;
        width: 100%;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

.pageLeft {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

body.menuOpened {
    overflow: hidden;
}

.menuOpened .pageLeft {
    margin-left: 350px;
    width: 100%;
}

.sidebarMenu {
    position: fixed;
    width: 350px;
    height: 100vh;
    left: -350px;
    top: 0;
    bottom: 0;
    z-index: 4;
    padding: 0;
    background: url(../images/home5/menu_bg.jpg) no-repeat center center/cover;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.menuOpened .sidebarMenu {
    left: 0;
}

.sidebar_menu {
    position: absolute;
    padding-left: 120px;
    width: 100%;
    left: 0;
    top: 251px;
}

    .sidebar_menu .mCSB_scrollTools {
        width: 8px;
    }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #c89b5a !important;
    border-radius: 0;
}

.sidebar_menu ul {
    margin: 0;
    padding: 0;
}

    .sidebar_menu ul li {
        list-style: none;
        display: block;
        position: relative;
        margin: 0 0 21px;
        transition: all ease 300ms;
        -moz-transition: all ease 300ms;
        -webkit-transition: all ease 300ms;
        -ms-transition: all ease 300ms;
    }

        .sidebar_menu ul li a {
            display: inline-block;
            font-size: 16px;
            font-family: fira sans, sans-serif;
            line-height: 20px;
            color: #fff;
            font-weight: 700;
            position: relative;
            text-transform: uppercase;
        }

        .sidebar_menu ul li > a:before {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 9px;
            height: 9px;
            background: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
            content: "";
            border-radius: 50%;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .sidebar_menu ul li.active > a,
        .sidebar_menu ul li:hover > a {
            padding-left: 22px;
        }

            .sidebar_menu ul li.active > a:before,
            .sidebar_menu ul li:hover > a:before {
                visibility: visible;
                opacity: 1;
            }

        .sidebar_menu ul li > a:after {
            position: absolute;
            left: 0;
            bottom: -14px;
            width: 42px;
            height: 1px;
            background: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
            content: "";
            opacity: 0.23;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .sidebar_menu ul li.active > a:after,
        .sidebar_menu ul li:hover > a:after {
            opacity: 1;
            width: 100%;
        }

    .sidebar_menu ul ul.sub-menu {
        margin: 0;
        padding: 29px 0 3px;
        display: none;
    }

        .sidebar_menu ul ul.sub-menu li {
            padding-left: 15px;
        }

            .sidebar_menu ul ul.sub-menu li:last-child {
                margin-bottom: 10px;
            }

            .sidebar_menu ul ul.sub-menu li a {
                font-size: 15px;
                display: inline-block;
                text-transform: capitalize;
            }

        .sidebar_menu ul ul.sub-menu ul li {
            padding-left: 22px;
        }

.socials_bottom {
    position: absolute;
    left: 120px;
    bottom: 0;
    padding: 0 0 55px;
    margin: 0 auto;
    text-align: center;
}

    .socials_bottom a {
        color: inherit;
        width: 48px;
        height: 48px;
        border: 1px solid #c89b5a;
        line-height: 48px;
        text-align: center;
        display: block;
        font-size: 18px;
        margin-bottom: 14px;
    }

        .socials_bottom a i {
            display: inline-block;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
        }

.expCount03 {
    position: relative;
    z-index: 2;
    display: inline-block;
    background: #fff;
    padding: 28px 38px 26px;
    text-align: left;
    -webkit-box-shadow: 0 15px 49px 0 rgba(101, 101, 101, 0.19);
    -moz-box-shadow: 0 15px 49px 0 rgba(101, 101, 101, 0.19);
    box-shadow: 0 15px 49px 0 rgba(101, 101, 101, 0.19);
}

    .expCount03 h2 {
        display: inline-block;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
        font-size: 70px;
        line-height: 1;
        margin: 0;
    }

    .expCount03 h5 {
        display: inline-block;
        color: #3c3a3a;
        font-size: 18px;
        line-height: 25px;
        font-weight: 600;
        margin: 0 0 0 15px;
        position: relative;
        top: -5px;
    }

.icon_box_04 {
    position: relative;
    padding-left: 107px;
    margin: 45px 0 55px;
}

    .icon_box_04 .ibMeta {
        width: 83px;
        height: 83px;
        background: #fff;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        border: 1px solid #e3c18e;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 37px;
        line-height: 88px;
        -webkit-box-shadow: 0 20px 57px 0 rgba(101, 101, 101, 0.08);
        -moz-box-shadow: 0 20px 57px 0 rgba(101, 101, 101, 0.08);
        box-shadow: 0 20px 57px 0 rgba(101, 101, 101, 0.08);
    }

        .icon_box_04 .ibMeta i {
            color: inherit;
            display: inline-block;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
        }

    .icon_box_04 h3 {
        font-size: 19px;
        line-height: 24px;
        color: #222;
        text-transform: uppercase;
        margin: 0 -10px 8px 0;
    }

    .icon_box_04 p {
        font-size: 16px;
        line-height: 26px;
        color: #555;
        margin: 0;
    }

.service_item_06 {
    position: relative;
    padding: 0 25px;
    margin-bottom: 40px;
}

    .service_item_06 h3 {
        font-size: 25px;
        line-height: 30px;
        color: #000;
        text-transform: uppercase;
        margin: 0 0 19px;
    }

        .service_item_06 h3 a {
            color: inherit;
        }

            .service_item_06 h3 a:hover {
                color: #c89b5a;
            }

    .service_item_06 p {
        color: #555;
        margin: 0;
    }

    .service_item_06 .ibMeta {
        width: 230px;
        height: 230px;
        border-radius: 50%;
        display: inline-block;
        margin: 0 0 40px;
    }

        .service_item_06 .ibMeta img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

        .service_item_06 .ibMeta:before {
            position: absolute;
            left: -15px;
            top: -15px;
            width: calc(100% + 30px);
            height: calc(100% + 30px);
            content: "";
            border-style: dashed;
            border-width: 1px;
            border-color: #c89b5a;
            border-radius: 50%;
        }

    .service_item_06:hover .ibMeta:before {
        -webkit-animation-duration: 1500ms;
        animation-duration: 1500ms;
        -webkit-animation: rotated 20s infinite linear;
        animation-play-state: running;
        animation: rotated 20s infinite linear;
        animation-play-state: running;
        animation-play-state: running;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
        -webkit-transition: 500ms all ease;
        transition: 500ms all ease;
        -webkit-animation-play-state: running;
        animation-play-state: running;
    }

.pricingTab05 {
    position: relative;
    margin: 58px 0 35px;
    padding: 0;
    display: block;
}

    .pricingTab05 li {
        list-style: none;
        display: block;
    }

        .pricingTab05 li a {
            display: inline-block;
            font-size: 18px;
            color: #555;
            text-transform: uppercase;
            font-weight: 700;
            font-family: fira sans, sans-serif;
            height: 49px;
            line-height: 50px;
            position: relative;
            z-index: 2;
            margin: 0 0 1px;
        }

            .pricingTab05 li a:after {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                border-radius: 3px;
                z-index: -1;
                visibility: hidden;
                opacity: 0;
                content: "";
                background-image: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

            .pricingTab05 li a:before {
                position: absolute;
                left: 24px;
                top: 0;
                bottom: 0;
                margin: auto;
                content: "\ec64";
                font-family: themewar !important;
                color: #000;
                font-size: 12px;
                font-weight: 400;
                visibility: hidden;
                opacity: 0;
                -webkit-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

            .pricingTab05 li a:hover:before,
            .pricingTab05 li a.active:before {
                visibility: visible;
                opacity: 1;
            }

            .pricingTab05 li a:hover:after,
            .pricingTab05 li a.active:after {
                visibility: visible;
                opacity: 1;
            }

            .pricingTab05 li a:hover,
            .pricingTab05 li a.active {
                padding: 0 29px 0 48px;
            }

.workItem {
    position: relative;
}

.workInfo {
    position: relative;
    background: url(../images/bg/30.jpg) no-repeat center center/cover;
    border-radius: 3px;
    margin-right: 19px;
    padding: 47px 42px 58px;
}

    .workInfo:after {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        background: rgba(23, 23, 23, 0.93);
        border-radius: 3px;
    }

    .workInfo ul {
        margin: 0;
        padding: 0;
    }

        .workInfo ul li {
            list-style: none;
            display: block;
            position: relative;
            z-index: 2;
            font-family: fira sans, sans-serif;
            font-size: 19px;
            line-height: 33px;
            color: #a1a1a1;
            font-weight: 600;
        }

            .workInfo ul li span {
                display: inline-block;
                color: #fff;
            }

.wiborder {
    display: block;
    width: calc(100% + 84px);
    height: 1px;
    background: #2f2f2f;
    margin-left: -42px;
    margin-top: 34px;
    margin-bottom: 35px;
}

.workInfo p {
    color: #ccc;
    position: relative;
    z-index: 2;
    margin: 0 0 48px;
}

.workInfo .btn05 {
    height: 57px;
    line-height: 57px;
    font-size: 13px;
    padding: 0 26px;
}

    .workInfo .btn05:hover {
        color: #202020;
    }

    .workInfo .btn05 .bp-shape {
        background: #fff;
    }

.workInfo:before {
    position: absolute;
    right: -105px;
    top: 83px;
    width: 175px;
    height: 2px;
    background: #c89b5a;
    content: "";
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.workSlider.owl-carousel .active .workInfo:before {
    right: -145px;
    opacity: 1;
}

.workSlider.owl-carousel {
    position: relative;
}

.workImage {
    position: relative;
    margin: 0 0 0 30px;
}

.workSlider.owl-carousel .workImage img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.workSlider.owl-carousel {
    margin-top: -412px;
}

    .workSlider.owl-carousel .workInfo {
        margin-top: 397px;
    }

    .workSlider.owl-carousel .owl-nav {
        text-align: center;
        max-width: 864px;
        margin-left: auto;
        margin-top: -215px;
        margin-bottom: 215px;
        position: relative;
        z-index: 2;
    }

        .workSlider.owl-carousel .owl-nav button {
            margin: 0;
            width: 70px;
            height: 57px;
            background: 0 0;
            border-radius: 3px;
            line-height: 63px;
            text-align: center;
            font-size: 36px;
            color: #242424;
            position: relative;
            z-index: 2;
            margin: 0 1px;
        }

            .workSlider.owl-carousel .owl-nav button:after {
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                height: 100%;
                content: "";
                z-index: -1;
                border-radius: 3px;
                background-image: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
                transition: all ease 300ms;
                -moz-transition: all ease 300ms;
                -webkit-transition: all ease 300ms;
            }

            .workSlider.owl-carousel .owl-nav button.owl-next:after,
            .workSlider.owl-carousel .owl-nav button:hover:after {
                width: 100%;
            }

@media (min-width: 1440px) {
    .container.cusContainer {
        max-width: 1525px;
        padding-left: 155px;
    }
}

.folioSlider02.owl-carousel {
    position: relative;
    overflow: hidden;
}

    .folioSlider02.owl-carousel .folioItem04 img {
        width: 100%;
        height: auto;
        display: inline-block;
    }

.folioItem04 {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .folioItem04:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        visibility: hidden;
        opacity: 0;
        background: rgba(29, 29, 28, 0.91);
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .folioItem04:hover:after {
        visibility: visible;
        opacity: 1;
    }

    .folioItem04:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        visibility: hidden;
        opacity: 0;
        z-index: 1;
        border: 3px solid #c89b5a;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .folioItem04:hover:before {
        visibility: visible;
        opacity: 1;
    }

.folioHover04 {
    padding: 0 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    transform: translateY(-50%) scale(0.8);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.folioItem04:hover .folioHover04 {
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.folioHover04 h4 {
    font-size: 35px;
    line-height: 40px;
    color: #fff;
    margin: 0 0 13px;
}

    .folioHover04 h4 a {
        color: inherit;
    }

        .folioHover04 h4 a:hover {
            color: #c89b5a;
        }

.folioHover04 p {
    font-size: 15px;
    line-height: 26px;
    color: #ccc;
    margin: 0 0 25px;
}

.folioHover04 ul {
    margin: 0 0 48px;
    padding: 0;
}

    .folioHover04 ul li {
        list-style: none;
        display: block;
        position: relative;
        padding-left: 16px;
        font-size: 15px;
        line-height: 30px;
        color: #a1a1a1;
        font-weight: 500;
        font-family: fira sans, sans-serif;
    }

        .folioHover04 ul li:after {
            position: absolute;
            left: 0;
            top: 1px;
            bottom: 0;
            margin: auto;
            width: 6px;
            height: 6px;
            background: #c89b5a;
            content: "";
        }

        .folioHover04 ul li span {
            color: #fff;
        }

.folioHover04 .btn05 {
    height: 57px;
    line-height: 57px;
    font-size: 13px;
    padding: 0 26px;
}

.folioSlider02.owl-carousel .owl-nav {
    width: 100%;
}

    .folioSlider02.owl-carousel .owl-nav button {
        position: absolute;
        left: 17px;
        top: 50%;
        text-align: center;
        z-index: 5;
        font-size: 36px;
        line-height: 63px;
        width: 70px;
        height: 57px;
        background: #fff;
        color: #020202;
        border: none;
        outline: none;
        z-index: 1;
        border-radius: 3px;
        display: block;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .folioSlider02.owl-carousel .owl-nav button.owl-next {
            left: auto;
            right: 17px;
        }

        .folioSlider02.owl-carousel .owl-nav button:after {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            width: 0;
            height: 0;
            content: "";
            z-index: -1;
            border-radius: 3px;
            background-image: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .folioSlider02.owl-carousel .owl-nav button:hover:after {
            width: 100%;
            height: 100%;
        }

.team_05 {
    position: relative;
    margin: 0 0 30px;
}

    .team_05 img {
        width: 100%;
        height: auto;
        border-radius: 3px;
    }

    .team_05:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        visibility: hidden;
        opacity: 0;
        border-radius: 3px;
        background: rgba(39, 39, 39, 0.6);
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    .team_05:hover:after {
        visibility: visible;
        opacity: 1;
    }

.tmcontent02 {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 49%;
    transform: translateY(-50%) scale(0.8);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.team_05:hover .tmcontent02 {
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.tmcontent02 h3 {
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    margin: 0;
}

    .tmcontent02 h3 a {
        color: inherit;
    }

        .tmcontent02 h3 a:hover {
            color: #c89b5a;
        }

.tmcontent02 p {
    font-size: 16px;
    color: #fff;
    margin: 0;
}

.team_05 .tm_social {
    top: 70%;
}

    .team_05 .tm_social a {
        color: #fff;
        font-size: 17px;
        margin: 0 6px;
    }

        .team_05 .tm_social a i {
            font-size: inherit;
            margin: 0;
        }

        .team_05 .tm_social a:hover {
            color: #c89b5a;
        }

.team_05:hover .tm_social a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.skrItem02 {
    position: relative;
    margin-bottom: 52px;
}

.circle-skill02 {
    display: inline-block;
    position: relative;
    margin-bottom: 6px;
}

    .circle-skill02 strong {
        position: absolute;
        left: 0;
        top: 47%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 100%;
        margin: auto;
        text-align: center;
        font-size: 17px;
        font-weight: 700;
        line-height: 0.8;
        color: #7c7c7c;
        display: block;
    }

.skrItem02 h5 {
    color: #333;
    font-size: 17px;
    font-weight: 700;
    margin: 0;
}

.testimonial_slider05 {
    position: relative;
    padding: 54px 0 0;
}

.testiItem05 {
    position: relative;
    padding: 0 0 0 195px;
}

    .testiItem05 .quote {
        position: absolute;
        z-index: -1;
        right: auto;
        left: 0;
        top: 0;
        width: 171px;
        height: 149px;
    }

        .testiItem05 .quote img {
            width: 100%;
            height: 100%;
            position: relative;
            border-radius: 0;
            top: 0;
        }

    .testiItem05 .quatation {
        color: #555;
        margin: 0 0 25px;
    }

.ti_author {
    position: relative;
    padding-left: 104px;
    padding-top: 14px;
    margin: 0 0 40px -6px;
}

    .ti_author img {
        width: 86px;
        height: 86px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
        border: 6px solid #fff;
        -webkit-box-shadow: 0 15px 30px 0 rgb(101 101 101/19%);
        -moz-box-shadow: 0 15px 30px 0 rgba(101, 101, 101, 0.19);
        box-shadow: 0 15px 30px 0 rgb(101 101 101/19%);
    }

    .ti_author h5 {
        font-size: 22px;
        line-height: 29px;
        color: #382c4d;
        font-weight: 600;
        margin: 0;
    }

        .ti_author h5 span {
            display: block;
            font-size: 15px;
            color: #c89b5a;
            font-weight: 400;
        }

.testibgThumb {
    position: absolute;
    left: 0;
    bottom: -79px;
    padding: 40px;
    border: 2px solid #e5e6fa;
    border-radius: 50%;
}

    .testibgThumb img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px solid #e5e6fa;
    }

.testimonial_slider05 .carousel-indicators {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 2;
}

    .testimonial_slider05 .carousel-indicators li {
        height: 124px;
        width: 124px;
        border: 6px solid #fff;
        -webkit-box-shadow: 0 45px 45px 0 rgba(147, 147, 147, 0.35);
        -moz-box-shadow: 0 45px 45px 0 rgba(147, 147, 147, 0.35);
        box-shadow: 0 45px 45px 0 rgba(147, 147, 147, 0.35);
        border-radius: 50%;
        overflow: hidden;
        margin: 0;
        text-indent: 0;
        opacity: 1;
        position: absolute;
        left: 16px;
        top: -214px;
        transition: all ease 300ms;
        -moz-transition: all ease 300ms;
        -webkit-transition: all ease 300ms;
        -o-transition: all ease 300ms;
        -ms-transition: all ease 300ms;
    }

        .testimonial_slider05 .carousel-indicators li:nth-child(2) {
            width: 98px;
            height: 98px;
            left: 50%;
            top: -152px;
        }

        .testimonial_slider05 .carousel-indicators li:nth-child(3) {
            width: 68px;
            height: 68px;
            left: 31%;
            top: 185px;
        }

        .testimonial_slider05 .carousel-indicators li:nth-child(4) {
            width: 134px;
            height: 134px;
            left: auto;
            right: 27px;
            top: 133px;
        }

.testimonial_slider05 .ccnav {
    margin: 0;
    width: 70px;
    height: 57px;
    background: 0 0;
    border-radius: 3px;
    line-height: 63px;
    text-align: center;
    font-size: 36px;
    color: #242424;
    z-index: 2;
    margin: 0;
    opacity: 1;
    position: absolute;
    left: 37.5%;
    bottom: -122px;
    top: auto;
    display: block;
}

.testimonial_slider05 .carousel-control-next {
    left: calc(37.5% + 80px);
}

.testimonial_slider05 .carousel-control-prev {
}

.testimonial_slider05 .ccnav:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: "";
    z-index: -1;
    border-radius: 3px;
    background-image: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.testimonial_slider05 .ccnav.carousel-control-next:after,
.testimonial_slider05 .ccnav:hover:after {
    width: 100%;
}

.testimonial_slider05 .carousel-indicators li img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.client-slider02.owl-carousel {
    position: relative;
}

    .client-slider02.owl-carousel a {
        display: inline-block;
        text-align: center;
    }

        .client-slider02.owl-carousel a img {
            height: auto;
            width: 165px;
        }

    .client-slider02.owl-carousel .owl-item {
        text-align: center;
    }

.blogSlider02.owl-carousel .owl-stage-outer {
    height: calc(100% + 40px);
    margin: -20px;
    padding: 20px;
    width: calc(100% + 40px);
}

.blogItem04 {
    position: relative;
    margin: 0 0 106px;
    background: #f6f6f6;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

    .blogItem04:hover {
        background: #fff;
        -webkit-box-shadow: 0 34px 30px 0 rgba(135, 153, 163, 0.3);
        -moz-box-shadow: 0 34px 30px 0 rgba(135, 153, 163, 0.3);
        box-shadow: 0 34px 30px 0 rgba(135, 153, 163, 0.3);
    }

    .blogItem04 img {
        width: 100%;
        height: auto;
    }

.blogContent03 {
    position: relative;
    padding: 34px 65px 45px 40px;
}

    .blogContent03 h3 {
        font-size: 20px;
        line-height: 30px;
        color: #252525;
        margin: 0 0 6px;
    }

        .blogContent03 h3 a {
            color: inherit;
        }

            .blogContent03 h3 a:hover {
                color: #8799a3;
            }

    .blogContent03 .bmeta {
        color: inherit;
        font-size: 14px;
        margin: 0 0 17px;
    }

        .blogContent03 .bmeta a {
            color: inherit;
            display: inline-block;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
        }

        .blogContent03 .bmeta i {
            font-size: 15px;
            margin-right: 6px;
        }

        .blogContent03 .bmeta span {
            color: #bbc7cd;
            margin-left: 30px;
        }

    .blogContent03 p {
        font-size: 17px;
        color: #555;
        margin: 0;
    }

.blogSlider02.owl-carousel .owl-nav {
    position: relative;
    text-align: center;
}

    .blogSlider02.owl-carousel .owl-nav button {
        margin: 0;
        width: 70px;
        height: 57px;
        background: 0 0;
        border-radius: 3px;
        line-height: 63px;
        text-align: center;
        font-size: 36px;
        color: #242424;
        position: relative;
        z-index: 2;
        margin: 0 1px;
    }

        .blogSlider02.owl-carousel .owl-nav button:after {
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 100%;
            content: "";
            z-index: -1;
            border-radius: 3px;
            background-image: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
            transition: all ease 300ms;
            -moz-transition: all ease 300ms;
            -webkit-transition: all ease 300ms;
        }

        .blogSlider02.owl-carousel .owl-nav button.owl-next:after,
        .blogSlider02.owl-carousel .owl-nav button:hover:after {
            width: 100%;
        }

.gallerySlider.owl-carousel {
    position: relative;
    overflow: hidden;
}

.gallerItem {
    position: relative;
    overflow: hidden;
    background: linear-gradient( to left, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    margin: 0;
}

    .gallerItem img {
        width: 100%;
        height: auto;
        display: block;
        opacity: 1;
        mix-blend-mode: unset;
        transition: all ease 750ms;
        -moz-transition: all ease 750ms;
        -webkit-transition: all ease 750ms;
    }

.galleryItem_btn {
    position: absolute;
    height: 45px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

    .galleryItem_btn a {
        width: 45px;
        height: 45px;
        line-height: 45px;
        display: inline-block;
        background: #fff;
        font-size: 16px;
        text-align: center;
        color: #c89b5a;
        padding: 0;
        margin: 0 3px;
        opacity: 0;
        visibility: hidden;
        border-radius: 50%;
    }

        .galleryItem_btn a:hover {
            background: #c89b5a;
            color: #fff;
        }

        .galleryItem_btn a:nth-child(01) {
            -webkit-transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
            -moz-transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
            -ms-transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
            -o-transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
            transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
            transform: translate3d(0, 90px, 0);
            -moz-transform: translate3d(0, 90px, 0);
            -webkit-transform: translate3d(0, 90px, 0);
            -ms-transform: translate3d(0, 90px, 0);
            -o-transform: translate3d(0, 90px, 0);
        }

        .galleryItem_btn a:nth-child(02) {
            -webkit-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
            -moz-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
            -ms-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
            -o-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
            transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
            transform: translate3d(0, 90px, 0);
            -moz-transform: translate3d(0, 90px, 0);
            -webkit-transform: translate3d(0, 90px, 0);
            -ms-transform: translate3d(0, 90px, 0);
            -o-transform: translate3d(0, 90px, 0);
        }

.gallerItem:hover img {
    opacity: 0.95;
    mix-blend-mode: luminosity;
    transform: scale(1.2) rotate(-3deg);
    -moz-transform: scale(1.2) rotate(-3deg);
    -webkit-transform: scale(1.2) rotate(-3deg);
}

.gallerItem:hover .galleryItem_btn a:nth-child(01),
.gallerItem:hover .galleryItem_btn a:nth-child(02) {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.fcta02 {
    position: relative;
    border-bottom: 1px solid rgba(112, 112, 112, 0.1);
    padding: 0 0 30px;
    margin-bottom: 42px;
}

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

.fsocial {
    position: relative;
    text-align: right;
    padding: 17px 0 0;
}

    .fsocial a {
        display: inline-block;
        width: 35px;
        height: 35px;
        background: #192947;
        color: #c2c2c2;
        line-height: 35px;
        font-size: 14px;
        position: relative;
        z-index: 2;
        text-align: center;
        margin-left: 10px;
    }

        .fsocial a:after {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            width: 0;
            height: 0;
            content: "";
            z-index: -1;
            background-image: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .fsocial a:hover:after {
            width: 100%;
            height: 100%;
        }

        .fsocial a:hover {
            color: #fff;
        }

.footer_05 {
    position: relative;
    background: #0a111f;
    padding: 31px 0 0;
}

    .footer_05 .aboutWidget04 h4 {
        font-weight: 700;
        letter-spacing: 0.22px;
        margin-bottom: 18px;
    }

    .footer_05 .aboutWidget04 p {
        font-size: 16px;
        line-height: 24px;
        color: #c2c2c2;
        letter-spacing: 0.16px;
    }

.widget_title04 {
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0.2px;
    font-weight: 700;
    margin: 0 0 30px;
}

.widget.wmenu04 ul.menu {
}

    .widget.wmenu04 ul.menu li {
        font-size: 15px;
        line-height: 24px;
        color: #c2c2c2;
        letter-spacing: 0.15px;
        margin-bottom: 3px;
    }

        .widget.wmenu04 ul.menu li:hover a {
            color: #c89b5a;
        }

.withIcon {
    position: relative;
    font-size: 14px;
    color: #c2c2c2;
    margin: -18px 0 12px;
}

    .withIcon i {
        position: relative;
        top: 2px;
        display: inline-block;
        margin-right: 19px;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient( to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493 );
    }

    .withIcon span {
        display: inline-block;
        margin: 0 16px;
        color: inherit;
        font-weight: inherit;
    }

.footer_05 .Copyright {
    border-top: 1px solid rgba(112, 112, 112, 0.1);
    color: #c2c2c2;
    font-weight: 500;
    letter-spacing: 0.15px;
    padding: 22px 0;
    margin-top: 21px;
}

    .footer_05 .Copyright a {
        color: inherit;
    }

        .footer_05 .Copyright a:hover {
            color: #c89b5a;
        }

.tp03.topbar01 p i {
    color: var(--theme-color-six);
}

.tp03.topbar01 p a:hover {
    color: var(--theme-color-six);
}

.tp03 .topsocial a {
    color: var(--theme-color-six);
}

    .tp03 .topsocial a:hover {
        background: var(--theme-color-six);
        color: #fff;
    }

.h06 .mainMenu ul li:hover > a {
    color: var(--theme-color-six);
}

.h06 .mainMenu ul li .sub-menu li.current-menu-item > a,
.h06 .mainMenu ul li .sub-menu li:hover > a {
    color: #fff;
    background: var(--theme-color-six);
}

.h06 .accessNav .search_btn:hover {
    background: var(--theme-color-six);
}

.h06 .shoping_cart a.cartBtn:hover {
    background: var(--theme-color-six);
}

.h06 .accessNav .berpo_btn {
    background: var(--theme-color-six);
}

.h06 .mainMenu ul li .sub-menu {
    border-color: var(--theme-color-six);
}

.h06 .showcase h5 span {
    color: var(--theme-color-six);
}

.videoBG {
    position: relative;
}

    .videoBG img {
        max-width: 100%;
        height: auto;
        border-radius: 12px;
    }

    .videoBG .popup_video {
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
        width: 39px;
        height: 39px;
        line-height: 39px;
        color: #fff;
        font-size: 10px;
        background: var(--theme-color-six);
    }

        .videoBG .popup_video:hover {
            background: #382c4d;
        }

        .videoBG .popup_video:after {
            display: none;
        }

        .videoBG .popup_video:before {
            border: none;
            width: calc(100% + 16px);
            height: calc(100% + 16px);
            left: -8px;
            right: 0;
            top: -8px;
            z-index: -1;
            background: rgba(255, 255, 255, 0.15);
            position: absolute;
            content: "";
            transform: none;
            border-radius: 50%;
            animation-fill-mode: both;
            animation: blinker 1.5s ease-in-out infinite;
            -webkit-animation: blinker 1.5s ease-in-out infinite;
            -moz-animation: blinker 1.5s ease-in-out infinite;
        }

.service_item_07 {
    position: relative;
    z-index: 2;
    border-radius: 10px;
    margin: 0 8px 40px;
    padding: 65px 15px 44px;
    border: 1px solid #e8e8e8;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .service_item_07:hover {
        border-color: transparent;
        -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
    }

    .service_item_07:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        border-radius: 10px;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-box-shadow: 0 4px 0 0 #00b9ff;
        -moz-box-shadow: 0 4px 0 0 #00b9ff;
        box-shadow: 0 4px 0 0 #00b9ff;
    }

    .service_item_07:hover:after {
        visibility: visible;
        opacity: 1;
    }

    .service_item_07 .ibMeta {
        font-size: 71px;
        line-height: 71px;
        color: var(--theme-color-six);
        margin: 0 0 50px;
    }

    .service_item_07 h3 {
        color: #382c4d;
        font-size: 24px;
        line-height: 30px;
        font-weight: 800;
        margin: 0 0 7px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .service_item_07 h3 a {
            color: inherit;
        }

            .service_item_07 h3 a:hover {
                color: var(--theme-color-six);
            }

    .service_item_07 h5 {
        font-size: 16px;
        line-height: 1;
        font-weight: 400;
        color: var(--theme-color-six);
        margin: 0 0 23px;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .service_item_07 p {
        color: #5f5f5f;
        line-height: 30px;
        margin: 0;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .service_item_07 .srm {
        width: 56px;
        height: 56px;
        line-height: 56px;
        text-align: center;
        display: inline-block;
        background: var(--theme-color-six);
        color: #fff;
        font-size: 16px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -30px;
        margin: auto;
        visibility: hidden;
        opacity: 0;
        transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -webkit-transform: translate3d(0, -15px, 0);
    }

    .service_item_07:hover .srm {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    .service_item_07 .srm:hover {
        background: #382c4d;
    }

    .service_item_07:hover h3,
    .service_item_07:hover h5,
    .service_item_07:hover p {
        transform: translate3d(0, -25px, 0);
        -moz-transform: translate3d(0, -25px, 0);
        -webkit-transform: translate3d(0, -25px, 0);
    }

.pricing-item-04 {
    position: relative;
    padding: 70px 31px 50px;
}

    .pricing-item-04 .p-title {
        position: relative;
        z-index: 2;
        font-size: 30px;
        color: #382c4d;
        font-weight: 600;
        margin: 0 0 40px;
        display: inline-block;
    }

        .pricing-item-04 .p-title:after {
            content: "";
            position: absolute;
            left: -5px;
            right: 0;
            bottom: 6px;
            height: 9px;
            z-index: -1;
            border-radius: 5px;
            width: calc(100% + 10px);
            background: #fdecd8;
        }

    .pricing-item-04 .p-price {
        font-size: 65.69px;
        color: #382c4d;
        font-weight: 600;
        letter-spacing: -1.3px;
        margin: 0 0 24px;
    }

        .pricing-item-04 .p-price sup {
            font-size: inherit;
            margin: 0;
            top: 20px;
        }

    .pricing-item-04 h5 {
        font-size: 18px;
        color: #382c4d;
        font-weight: 400;
        margin: 0 0 31px;
    }

    .pricing-item-04 .pdivider {
        border-top: 1px solid #ededed;
        margin: 0 0 33px;
        max-width: 298px;
    }

    .pricing-item-04 ul {
        margin: 0 0 23px;
        padding: 0;
    }

        .pricing-item-04 ul li {
            display: block;
            font-size: 19px;
            color: #382c4d;
            font-family: fira sans, sans-serif;
            margin-bottom: 13px;
        }

            .pricing-item-04 ul li:last-child {
                border: none;
            }

            .pricing-item-04 ul li i {
                color: #ff5337;
                font-size: 16px;
                display: inline-block;
                margin-right: 12px;
            }

.testimonial_slider06 {
    position: relative;
}

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

.testiContent {
    position: relative;
    padding: 244px 0 0 20px;
}

    .testiContent .subTitle {
        color: var(--theme-color-six);
        font-weight: 600;
        margin-bottom: 8px;
    }

    .testiContent .secTitle {
        color: #382c4d;
        font-size: 45px;
        line-height: 60px;
        font-weight: 600;
        margin: 0 0 22px;
    }

    .testiContent .quotation {
        font-size: 18px;
        line-height: 28px;
        color: #5f5f5f;
        font-weight: 400;
        font-style: normal;
        margin-bottom: 44px;
    }

    .testiContent h5 {
        color: var(--theme-color-six);
        font-weight: 400;
        font-size: 17px;
        line-height: 26px;
        margin-bottom: 0;
    }

        .testiContent h5 span {
            display: block;
            color: #382c4d;
            font-weight: 600;
            font-size: 20px;
        }

.abImg {
    position: relative;
    overflow: hidden;
}

    .abImg img {
        height: auto;
        width: auto;
    }

.withborder {
    width: 171px;
    height: 1px;
    background: var(--theme-color-six);
    position: absolute;
    left: -42px;
    top: 137px;
    z-index: 2;
}

.icon_box_05 {
    position: relative;
    margin: 0 0 49px;
}

    .icon_box_05 .ibMeta {
        width: 60px;
        height: 60px;
        background: #fff;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        font-size: 30px;
        line-height: 60px;
        color: #545cf5;
        margin: 0 0 27px;
    }

    .icon_box_05 h3 {
        font-size: 20px;
        line-height: 25px;
        color: #fff;
        margin: 0 0 8px;
    }

    .icon_box_05 p {
        font-size: 16px;
        line-height: 25px;
        color: #cfcfcf;
        margin: 0;
    }

.filter_menu03 {
    position: relative;
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    justify-content: center;
    font-family: fira sans, sans-serif;
}

    .filter_menu03.text-center {
        justify-content: center;
    }

    .filter_menu03.text-right {
        justify-content: flex-end;
    }

    .filter_menu03 li {
        cursor: pointer;
        list-style: none;
        display: inline-block;
        font-size: 15px;
        color: #000;
        line-height: 32px;
        padding: 0;
        margin: 0 12px;
        font-weight: 500;
        position: relative;
        text-transform: uppercase;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .filter_menu03 li span {
            color: #dedede;
            font-size: 9px;
            position: relative;
            top: -5px;
            left: 7px;
            line-height: 0.9;
            display: inline-block;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .filter_menu03 li.active,
        .filter_menu03 li:hover {
            color: var(--theme-color-six);
        }

            .filter_menu03 li.active span,
            .filter_menu03 li:hover span {
                color: var(--theme-color-six);
            }

.folioItem05 {
    position: relative;
    overflow: hidden;
    background: var(--theme-color-six);
    margin: 0 5.5px 10px;
}

    .folioItem05 img {
        width: 100%;
        height: auto;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .folioItem05:hover img {
        opacity: 0.27;
    }

    .folioItem05:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .folioItem05:hover:after {
        visibility: visible;
        opacity: 1;
    }

.folioHover05 {
    font-family: fira sans, sans-serif;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 15px;
    z-index: 2;
}

    .folioHover05 .crm {
        position: relative;
        right: auto;
        display: inline-block;
        background: #3d334c;
        width: 61px;
        height: 61px;
        border-radius: 50%;
        text-align: center;
        font-size: 17.94px;
        color: #fff;
        line-height: 62px;
        margin: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .folioHover05 .crm:hover {
            background: #fff;
            color: #3d334c;
        }

    .folioHover05 h4 {
        font-size: 40px;
        line-height: 50px;
        color: #fff;
        font-weight: 600;
        margin: 0 auto 24px;
        letter-spacing: -1.6px;
        max-width: 390px;
        visibility: hidden;
        opacity: 0;
        transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .folioHover05 h4 a {
            color: inherit;
        }

            .folioHover05 h4 a:hover {
                color: #3d334c;
            }

    .folioHover05 p {
        font-size: 17px;
        color: #fff;
        margin: 0 0 2px;
        transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

        .folioHover05 p a {
            color: inherit;
        }

            .folioHover05 p a:hover {
                color: #3d334c;
            }

.folioItem05:hover .folioHover05 .crm {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

.folioItem05:hover .folioHover05 h4 {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

.folioItem05:hover .folioHover05 p {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

.storeBtn {
    position: relative;
}

.storeBtn {
    position: relative;
    display: inline-block;
    height: 64px;
    line-height: 0.8;
    background: #4a4a4a;
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding: 17px 40px 0 72px;
    -webkit-box-shadow: -3px 5px 30px 6px rgba(198, 198, 198, 0.3);
    -moz-box-shadow: -3px 5px 30px 6px rgba(198, 198, 198, 0.3);
    box-shadow: -3px 5px 30px 6px rgba(198, 198, 198, 0.3);
}

    .storeBtn img {
        width: 26px;
        height: 26px;
        position: absolute;
        left: 34px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .storeBtn span {
        font-size: 10px;
        font-weight: 400;
        display: block;
        margin-bottom: 7px;
    }

    .storeBtn:hover {
        background: #fff;
        color: #1d2a3b;
    }

    .storeBtn:last-child {
        background: #fff;
        color: #1d2a3b;
        margin-left: 12px;
    }

    .storeBtn:hover:last-child {
        background: #4a4a4a;
        color: #fff;
    }

.tmSlider04.owl-carousel {
    position: relative;
    margin-left: 5px;
}

.team_06 {
    position: relative;
    margin: 0 0 38px;
    border-radius: 10px;
    background: var(--theme-color-six);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.tmSlider04.owl-carousel .team_06 img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.team_06:hover img {
    opacity: 0.14;
}

.tmcontent03 {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 51%;
    transform: translateY(-50%);
    z-index: 3;
}

    .tmcontent03 h3 {
        font-size: 28px;
        line-height: 33px;
        color: #fff;
        font-weight: 600;
        margin: 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all ease 0.4s;
        -moz-transition: all ease 0.4s;
        transition: all ease 0.4s;
        transform: translate3d(-20px, 0, 0);
        -moz-transform: translate3d(-20px, 0, 0);
        -webkit-transform: translate3d(-20px, 0, 0);
    }

        .tmcontent03 h3 a {
            color: inherit;
        }

            .tmcontent03 h3 a:hover {
                color: #382c4d;
            }

    .tmcontent03 p {
        font-size: 16.81px;
        line-height: 25px;
        color: #fff;
        margin: 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all ease 0.4s;
        -moz-transition: all ease 0.4s;
        transition: all ease 0.4s;
        transform: translate3d(20px, 0, 0);
        -moz-transform: translate3d(20px, 0, 0);
        -webkit-transform: translate3d(20px, 0, 0);
    }

.team_06:hover .tmcontent03 p {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.team_06:hover .tmcontent03 h3 {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.team_06 .tm_social {
    top: 67%;
}

    .team_06 .tm_social a {
        color: #fff;
        font-size: 21px;
        margin: 0 23px;
    }

        .team_06 .tm_social a i {
            font-size: inherit;
            margin: 0;
        }

        .team_06 .tm_social a:hover {
            color: #382c4d;
        }

.team_06:hover .tm_social a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.tmSlider04.owl-carousel .owl-dots {
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
}

    .tmSlider04.owl-carousel .owl-dots button span {
        display: none;
    }

    .tmSlider04.owl-carousel .owl-dots button {
        width: 7px;
        height: 7px;
        background: #9c9c9c;
        border-radius: 50%;
        margin: 0 14px;
        position: relative;
        -webkit-transition: all ease 0.4s;
        -moz-transition: all ease 0.4s;
        transition: all ease 0.4s;
    }

        .tmSlider04.owl-carousel .owl-dots button:after {
            position: absolute;
            left: -10px;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            content: "";
            transform: scale(0.8);
            visibility: hidden;
            opacity: 0;
            border: 2px solid var(--theme-color-six);
            -webkit-transition: all ease 0.4s;
            -moz-transition: all ease 0.4s;
            transition: all ease 0.4s;
        }

        .tmSlider04.owl-carousel .owl-dots button.active:after,
        .tmSlider04.owl-carousel .owl-dots button:hover:after {
            visibility: visible;
            opacity: 1;
            transform: scale(1);
        }

        .tmSlider04.owl-carousel .owl-dots button.active,
        .tmSlider04.owl-carousel .owl-dots button:hover {
            background: var(--theme-color-six);
        }

.tmCon {
    position: relative;
    padding: 123px 0 0 33px;
}

    .tmCon > h5 {
        font-size: 35px;
        line-height: 44px;
        color: #382c4d;
        margin: 0 0 16px;
    }

    .tmCon p {
        margin: 0 0 33px;
    }

    .tmCon .twiiterFedd i {
        width: 46px;
        height: 46px;
        background: #f7f7f7;
        border-radius: 50%;
        line-height: 46px;
        color: var(--theme-color-six);
        font-size: 16px;
        top: -2px;
    }

    .tmCon .twiiterFedd h5 {
        color: #000;
        font-weight: 700;
        line-height: 21px;
    }

        .tmCon .twiiterFedd h5 span {
            font-size: 12px;
            color: inherit;
            font-weight: 500;
        }

.funfact04 {
    position: relative;
    padding-left: 80px;
}

    .funfact04 .factThumb {
        width: 62px;
        height: 62px;
        line-height: 60px;
        position: absolute;
        left: 0;
        top: -1px;
    }

        .funfact04 .factThumb img {
            height: 43px;
        }

    .funfact04 h2 {
        color: #fff;
        font-size: 30px;
        line-height: 30px;
        font-weight: 500;
        margin: 0 0 4px;
    }

.funfact03 h2 sup {
    font-size: inherit;
    top: -2px;
    font-style: normal;
}

.funfact04 h5 {
    color: #b4b4b4;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}

.blogItem05 {
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 50px;
}

    .blogItem05 .blogThumb img {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

.blogContent04 {
    position: relative;
    padding: 0 0 34px 30px;
    margin-top: -22px;
}

    .blogContent04 .bmeta {
        height: 47px;
        font-family: fira sans, sans-serif;
        background: var(--theme-color-six);
        line-height: 48px;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        margin: 0 0 14px -9px;
        border-radius: 50px;
        padding: 0 22px;
    }

        .blogContent04 .bmeta i {
            color: inherit;
            font-size: inherit;
            margin-right: 6px;
            position: relative;
            top: 1px;
        }

        .blogContent04 .bmeta:hover {
            background: #382c4d;
        }

    .blogContent04 h3 {
        font-size: 25px;
        line-height: 32px;
        color: #382c4d;
        font-weight: 600;
        margin: 0 0 6px;
    }

        .blogContent04 h3 a {
            color: inherit;
        }

            .blogContent04 h3 a:hover {
                color: var(--theme-color-six);
            }

    .blogContent04 .rmb {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        background: #f5f5f5;
        line-height: 42px;
        font-size: 16px;
        color: #382c4d;
        position: absolute;
        left: 140px;
        bottom: -22px;
        z-index: 2;
    }

        .blogContent04 .rmb:hover {
            background: var(--theme-color-six);
            color: #fff;
        }

.blogItem05:after {
    position: absolute;
    width: 88px;
    height: 1px;
    content: "";
    background: #fff;
    left: 118px;
    bottom: -1px;
}

.tp04.topbar01 p {
    color: #242f51;
}

    .tp04.topbar01 p i {
        background: 0 0;
    }

.tp04 .topsocial a {
    background: 0 0;
}

    .tp04 .topsocial a:hover {
        color: var(--theme-color);
    }

.h07 .navbar01 {
    -webkit-box-shadow: -2px 4px 43px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: -2px 4px 43px 0 rgba(0, 0, 0, 0.14);
    box-shadow: -2px 4px 43px 0 rgba(0, 0, 0, 0.14);
}

.service_item_08 {
    position: relative;
    background: #fff;
    border-radius: 10px;
    /* margin: 0 0 50px; */
    margin-left: 0px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.serviceSlider03.owl-carousel .siThumb img {
    width: 300px;
    border-radius: 50%;
    height: auto;
    /* border-radius: 0 0 5px 5px; */
    height: 300px;
    /* margin: 0 auto;*/
}

.serviceSlider03 .owl-carousel.owl-drag .owl-item {
    width: 213.75px !important;
}

.service_item_08 h3 {
    color: #fff0;
    font-size: 17.14px;
    line-height: 34px;
    margin: 18px 21px 10px;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
    position: absolute;
    /*top: 39%;*/
    /*left: 32%;*/
    color: #fff0;
    font-size: 25px;
}

    .service_item_08 h3 i {
        width: 49px;
        height: 49px;
        background: #e3e3e3;
        line-height: 49px;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        color: #000;
        font-size: 26px;
        margin-right: 10px;
        top: 4px;
        position: relative;
        -webkit-transition: all ease 0.4s;
        -moz-transition: all ease 0.4s;
        transition: all ease 0.4s;
    }

    .service_item_08 h3 a {
        color: inherit;
    }

.service_item_08 .srm {
    height: 47px;
    position: absolute;
    left: 17px;
    bottom: 0;
    width: calc(100% - 34px);
    background: var(--theme-color);
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    line-height: 47px;
    text-align: center;
    display: block;
    border-radius: 0 0 10px 10px;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
/* .service_item_08:hover {
    background: var(--theme-color);
  } */
.service_item_08:hover h3 {
    color: #fff;
    text-shadow: #000 1px 0 10px;
    ;
    padding-top: 10px;
}

    .service_item_08:hover h3 i {
        color: #fff;
        background: #980000;
    }

.service_item_08:hover .srm {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 47px, 0);
    -moz-transform: translate3d(0, 47px, 0);
    -webkit-transform: translate3d(0, 47px, 0);
}

.service_item_08 .srm:hover {
    color: #181818;
}

.serviceSlider03.owl-carousel {
    position: relative;
}

    .serviceSlider03.owl-carousel .owl-nav {
        width: 100%;
    }

        .serviceSlider03.owl-carousel .owl-nav button {
            position: absolute;
            left: -118px;
            top: 39%;
            text-align: center;
            z-index: 5;
            font-size: 24px;
            line-height: 50px;
            width: 50px;
            height: 50px;
            background: #f4f4f4;
            color: #0d0d0d;
            border: none;
            outline: none;
            border-radius: 50%;
            display: block;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .serviceSlider03.owl-carousel .owl-nav button.owl-next {
                left: auto;
                right: -118px;
                top: 40%;
            }

            .serviceSlider03.owl-carousel .owl-nav button:hover {
                background: var(--theme-color);
                color: #fff;
            }

.abCon7 .funfact04 {
    padding-left: 47px;
}

    .abCon7 .funfact04 .factThumb {
        height: auto;
        width: auto;
        background: 0 0;
        line-height: inherit;
        border-radius: 0;
        margin: 0;
    }

        .abCon7 .funfact04 .factThumb img {
            height: 32px;
        }

    .abCon7 .funfact04 h2 {
        color: #000;
        font-size: 38.93px;
        font-weight: 700;
        margin-bottom: 13px;
    }

    .abCon7 .funfact04 h5 {
        color: #000;
        font-size: 18px;
        line-height: 20px;
    }

    .abCon7 .funfact04 h2 sup {
        font-size: inherit;
        top: -2px;
        font-style: normal;
    }

.abDivider {
    position: relative;
    border-top: 3px solid #ededed;
    margin: 67px 0 46px;
}

.imageBox {
    position: relative;
    background: #fff;
    border-radius: 7px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .imageBox img {
        height: 155px;
        width: auto;
        border-radius: 7px 0 0 7px;
    }

    .imageBox p {
        font-size: 18px;
        line-height: 26px;
        color: #26263e;
        letter-spacing: -0.36px;
        margin: 0 27px 0 30px;
    }

.service_item_09 {
    position: relative;
    margin-right: 13px;
    border-radius: 10px;
    margin-bottom: 42px;
    padding: 50px 58px 57px 50px;
    background: url(../images/bg/12.png) no-repeat left top #fff;
    -webkit-box-shadow: 0 0 62px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0 0 62px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0 0 62px 0 rgba(0, 0, 0, 0.13);
}

    .service_item_09.ml13 {
        margin-right: 0;
        margin-left: 13px;
    }

    .service_item_09 .ibMeta {
        width: 128px;
        height: 124px;
        position: absolute;
        z-index: 3;
        left: 40px;
        top: 44px;
        background: url(../images/home7/2.png) no-repeat center center/cover;
        font-size: 48px;
        line-height: 128px;
        color: #000;
    }

        .service_item_09 .ibMeta i {
            line-height: 1;
            margin-left: 17px;
            margin-top: 50px;
            display: block;
            position: relative;
            z-index: 2;
        }

        .service_item_09 .ibMeta svg {
            width: 128px;
            height: 124px;
            position: absolute;
            left: 12px;
            top: 12px;
            fill: inherit;
        }

    .service_item_09 h3 {
        font-size: 28.93px;
        line-height: 35px;
        color: #444;
        font-weight: 800;
        margin: 0 0 4px;
    }

        .service_item_09 h3 a {
            color: inherit;
        }

            .service_item_09 h3 a:hover {
                color: var(--theme-color);
            }

    .service_item_09 p {
        font-size: 17.56px;
        line-height: 26.86px;
        color: #666;
        margin-bottom: 27px;
    }

    .service_item_09 .berpo_btn.with_icon04 {
        height: 53px;
        line-height: 51px;
        border: 2px solid var(--theme-color);
        color: #010101;
        font-size: 13.17px;
        background: 0 0;
    }

        .service_item_09 .berpo_btn.with_icon04 i {
            width: 25px;
            height: 25px;
            background: var(--theme-color);
            font-size: 12px;
            line-height: 26px;
        }

    .service_item_09 .berpo_btn .bp-shape {
        background: var(--theme-color);
    }

    .service_item_09 .berpo_btn:hover {
        color: #fff;
    }

        .service_item_09 .berpo_btn:hover i {
            background: #980000;
            color: #fff;
        }

.beproTab03 {
    position: absolute;
    left: -12px;
    top: 30px;
    z-index: 2;
    margin: 0;
    padding: 0;
    display: block;
}

    .beproTab03 li {
        list-style: none;
        display: block;
    }

        .beproTab03 li a {
            display: inline-block;
            height: 65px;
            background: 0 0;
            border-radius: 50px;
            font-size: 20px;
            color: #fff;
            padding: 0 16px;
            font-family: fira sans, sans-serif;
            font-weight: 600;
            line-height: 65px;
            min-width: 280px;
            text-transform: capitalize;
            margin: 0 0 1px;
            position: relative;
        }

            .beproTab03 li a:after {
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 19px;
                height: 2px;
                background: #fff;
                content: "";
                visibility: hidden;
                opacity: 0;
                -webkit-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

            .beproTab03 li a i {
                display: inline-block;
                color: #d7d7d7;
                width: 41px;
                height: 41px;
                background: #3d3d3d;
                border-radius: 50%;
                line-height: 41px;
                text-align: center;
                font-size: 16px;
                margin-right: 20px;
                position: relative;
                top: 0;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

            .beproTab03 li a.active,
            .beproTab03 li a:hover {
                color: #fff;
                background: var(--theme-color);
            }

                .beproTab03 li a.active i,
                .beproTab03 li a:hover i {
                    color: #fff;
                    background: 0 0;
                }

                .beproTab03 li a.active:after,
                .beproTab03 li a:hover:after {
                    visibility: visible;
                    opacity: 1;
                    right: 21px;
                }

.beproTabCon03 {
    position: relative;
    padding: 0 0 0 223px;
}

    .beproTabCon03 img {
        max-width: 100%;
        border-radius: 20px;
    }

.insTabCon {
    position: relative;
    padding: 67px 0 0 7px;
}

.tbbar {
    position: absolute;
    left: -79px;
    top: 28px;
    width: 101px;
    height: 2px;
    background: var(--theme-color);
}

.insTabCon .secTitle {
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    margin: -5px 0 26px;
}

.insTabCon p {
    font-size: 20px;
    line-height: 30px;
    color: #e6e6e6;
    letter-spacing: -0.4px;
    margin-bottom: 52px;
}

.insTabCon .listItem li {
    font-size: 20px;
    font-weight: 500;
}

    .insTabCon .listItem li i {
        color: var(--theme-color);
        margin-right: 13px;
    }

.abquote {
    margin-top: 47px;
    left: -190px;
    position: relative;
    background: var(--theme-color);
    font-size: 27px;
    line-height: 36px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.56px;
    font-family: fira sans, sans-serif;
    padding: 36px 50px 31px 62px;
    border-radius: 7px;
}

.folioItem01.fI01Grid {
    position: relative;
    margin: 0 3px 6px;
}

    .folioItem01.fI01Grid .folioHover h4 a:hover {
        color: var(--theme-color);
    }

    .folioItem01.fI01Grid .folioHover .fm-more {
        background: var(--theme-color);
    }

        .folioItem01.fI01Grid .folioHover .fm-more:hover {
            background: #26263e;
            color: #fff;
        }

    .folioItem01.fI01Grid:hover {
        box-shadow: none;
    }

.tm07.team_04 .tmThumb img {
    border-radius: 15px;
}

.tm07.team_04 .tmcontent {
    position: relative;
    width: calc(100% - 40px);
    border-radius: 15px;
    -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0/13%);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0 0 30px 0 rgb(0 0 0/13%);
}

    .tm07.team_04 .tmcontent h3 {
        font-size: 27px;
        color: #060606;
        font-weight: 600;
    }

    .tm07.team_04 .tmcontent p {
        color: #5a5a5a;
        font-size: 17px;
    }

.bepAccordion.peracc03 {
    margin: 0 -105px 0 0;
}

    .bepAccordion.peracc03 .card {
        box-shadow: none;
        background: 0 0;
        padding: 0;
        margin: 0 0 29px;
    }

        .bepAccordion.peracc03 .card .card-header h2 button.collapsed {
            color: #292929;
        }

            .bepAccordion.peracc03 .card .card-header h2 button.collapsed span {
                background: #fff;
            }

        .bepAccordion.peracc03 .card .card-header h2 button span {
            position: relative;
            right: auto;
            margin: 0 25px 0 0;
            width: 40px;
            height: 40px;
            background: var(--theme-color);
            border-radius: 10px;
            text-align: center;
            -webkit-box-shadow: 0 0 62px 0 rgb(0 0 0/13%);
            -moz-box-shadow: 0 0 62px 0 rgba(0, 0, 0, 0.13);
            box-shadow: 0 0 62px 0 rgb(0 0 0/13%);
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .bepAccordion.peracc03 .card .card-header h2 button.collapsed span:after,
        .bepAccordion.peracc03 .card .card-header h2 button.collapsed span:before {
            background: #000;
        }

        .bepAccordion.peracc03 .card .card-header h2 button span:after,
        .bepAccordion.peracc03 .card .card-header h2 button span:before {
            background: #fff;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .bepAccordion.peracc03 .card .card-header h2 button span:after {
            height: 2px;
            width: 10px;
        }

        .bepAccordion.peracc03 .card .card-header h2 button span:before {
            width: 2px;
            height: 10px;
        }

        .bepAccordion.peracc03 .card .card-body {
            font-size: 18px;
            border-bottom: 1px solid #e2e2e2;
            padding: 5px 0 22px 60px;
        }

        .bepAccordion.peracc03 .card .card-header h2 button {
            color: var(--theme-color);
            font-size: 24px;
            line-height: 40px;
            letter-spacing: -0.48px;
        }

.contact_form.contactForm03 {
    margin: 0;
    padding: 0;
    background: 0 0;
    box-shadow: none;
}

.ConCol {
    padding-right: 6px;
    padding-left: 6px;
}

.contact_form.contactForm03 select,
.contact_form.contactForm03 .nice-select,
.contact_form.contactForm03 input {
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    font-size: 12px;
    color: #666;
    font-style: italic;
    letter-spacing: 0.36px;
    border-radius: 50px;
    margin: 0 0 10px;
}

    .contact_form.contactForm03 .nice-select:after {
        font-size: 13px;
        color: #666;
        font-style: normal;
    }

.contact_form.contactForm03 .berpo_btn.with_icon04 {
    height: 50px;
    line-height: 50px;
    background: 0 0;
    border: 2px solid #fff;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    letter-spacing: 0;
    padding: 0 15px;
    width: 184px;
}

.contact_form.contactForm03 .berpo_btn .bp-shape {
    background: #fff;
}

.contact_form.contactForm03 .berpo_btn.with_icon04:hover {
    color: var(--theme-color);
}

.contact_form.contactForm03 .berpo_btn.with_icon04 i {
    width: 24px;
    height: 24px;
    background: #fff;
    background: #fff;
    font-size: 12px;
    line-height: 25px;
    color: #2a2a2a;
    margin-left: 7px;
}

.contact_form.contactForm03 .berpo_btn.with_icon04:hover i {
    background: var(--theme-color);
    color: #fff;
}

input [type="checkbox"] {
    visibility: visible;
    opacity: 1;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    /* display: none; */
}

}

input[type="checkbox"] ~ span {
    position: relative;
    padding-left: 28px;
    color: #fff;
    font-size: 13px;
    line-height: 29px;
    font-style: italic;
    letter-spacing: 0.39px;
    cursor: pointer;
    display: block;
    margin: 29px 0 0;
}

    input[type="checkbox"] ~ span:before {
        content: "";
        font-family: themewar !important;
        position: absolute;
        left: 0;
        top: 7px;
        background: #fff;
        height: 16px;
        width: 16px;
        line-height: 17px;
        font-style: normal;
        text-align: center;
        font-size: 10px;
        border-radius: 5px;
    }

input[type="checkbox"]:checked ~ span:before {
    content: "\f024";
    color: var(--theme-color);
}

.blogItem06 {
    position: relative;
    margin: 0 0 60px;
}

    .blogItem06 .blogContent {
        position: relative;
        padding: 103px 40px 0 12px;
    }

        .blogItem06 .blogContent h3 {
            font-size: 35px;
            line-height: 40px;
            font-weight: 700;
            color: #292929;
            letter-spacing: -0.7px;
            margin: 0 0 16px;
        }

            .blogItem06 .blogContent h3 a:hover {
                color: var(--theme-color);
            }

        .blogItem06 .blogContent p {
            color: #5f5f5f;
            line-height: 30px;
            margin: 0 0 46px;
        }

    .blogItem06 .berpo_btn.with_icon {
        padding: 0 34px;
    }

    .blogItem06 .blogThumb02 {
        position: relative;
        margin: 0 1px;
    }

        .blogItem06 .blogThumb02 img {
            width: 100%;
            height: auto;
            border-radius: 50%;
        }

    .blogItem06 .blogContent .pmeta {
        display: inline-block;
        font-size: 15px;
        font-weight: 700;
        color: #b7b7b7;
        font-family: fira sans, sans-serif;
        margin: 0 0 18px;
    }

.pmeta a {
    display: inline-block;
    color: inherit;
}

    .pmeta a.cat {
        text-transform: uppercase;
        color: #1c1c1c;
    }

    .pmeta a:hover {
        color: var(--theme-color);
    }

.blogItem06.bireverse .blogContent {
    padding-right: 40px;
    padding-left: 0;
}

.testimonialslider05 {
    position: relative;
    margin: 0;
    padding: 40px 0 22px;
}

    .testimonialslider05:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: calc(100% - 29px);
        height: 100%;
        background: #e8f9fe;
        z-index: 1;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 62px 0 rgb(0 0 0/13%);
        -moz-box-shadow: 0 0 62px 0 rgba(0, 0, 0, 0.13);
        box-shadow: 0 0 62px 0 rgb(0 0 0/13%);
    }

    .testimonialslider05 .slick-list {
        z-index: 2;
    }

.testiItem06 {
    position: relative;
    margin: 0 0 0 42px;
    text-align: left;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 33px 0 0;
}

.ti06Inner {
    position: relative;
    padding: 0 125px 27px 0;
    margin: -4px 57px 0 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 1px solid #dcdcdc;
}

.testimonialslider05 .slick-active + .slick-active + .slick-active .ti06Inner {
    border-bottom-color: transparent;
}

.testiItem06.slick-slide.slick-current.slick-active .ti06Inner {
    margin-right: 0;
    padding-left: 40px;
    padding-right: 140px;
}

.testiItem06.slick-slide.slick-current.slick-active {
    border-radius: 10px;
    background: #fff;
    margin-right: 0;
    -webkit-box-shadow: -1px 3px 51px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: -1px 3px 51px 0 rgba(0, 0, 0, 0.11);
    box-shadow: -1px 3px 51px 0 rgba(0, 0, 0, 0.11);
}

    .testiItem06.slick-slide.slick-current.slick-active .ti06Inner {
        border-bottom-color: transparent;
    }

    .testiItem06.slick-slide.slick-current.slick-active img {
        right: 30px;
    }

.testiItem06:before {
    position: relative;
    display: inline-block;
    content: "“";
    font-size: 42px;
    line-height: 37px;
    text-align: left;
    font-weight: 800;
    color: #000;
    font-family: fira sans;
}

.testiItem06.slick-slide.slick-current.slick-active:before {
    padding-left: 40px;
}

.testiItem06 img {
    width: 83px;
    height: 83px;
    border-radius: 50%;
    position: absolute;
    right: 9px;
    top: -8px;
}

.testiItem06 h5 {
    font-size: 15px;
    color: #000;
    line-height: 1;
    margin: 0;
}

.testiItem06 .quotation {
    font-size: 18px;
    line-height: 28px;
    color: #5b5b5b;
    margin: 0 0 10px;
    font-weight: 400;
    font-style: italic;
}

.awardItem01 {
    position: relative;
    padding: 0 0 27px 163px;
}

    .awardItem01 img {
        position: absolute;
        left: 0;
        top: 0;
        max-width: 133px;
        height: auto;
    }

.awardCon {
    position: relative;
    border-left: 2px solid #e7e7e7;
    padding-left: 30px;
}

.awarName {
    position: relative;
    margin: 0 0 42px;
}

    .awarName h5 {
        font-size: 22px;
        color: #000;
        line-height: 32px;
        letter-spacing: 0.44px;
        margin: 0;
        position: relative;
        top: -6px;
    }

    .awarName p {
        color: #999;
        font-size: 19.32px;
        letter-spacing: 0.4px;
        font-family: fira sans, sans-serif;
        margin: 0;
    }

.client-slider07.owl-carousel {
    position: relative;
}

    .client-slider07.owl-carousel .owl-item {
        text-align: center;
    }

    .client-slider07.owl-carousel a {
        display: inline-block;
        text-align: center;
    }

        .client-slider07.owl-carousel a img {
            height: auto;
            width: 155px;
        }

.grayscale img {
    filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.grayscale a:hover img {
    filter: grayscale(0);
    -o-filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.page_banner {
    min-height: 631px;
    position: relative;
    background-size: cover;
    background-color: #1d1d1d;
    overflow: hidden;
    padding: 342px 0 120px;
    background-repeat: no-repeat;
    background-position: center center;
}

.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(29, 29, 29, 0.74);
}

.page_banner .containier {
    position: relative;
    z-index: 2;
}

.banner-title {
    font-size: 50px;
    line-height: 58px;
    color: #fff;
    margin: 0 0 16px;
}

.breadcrumbs {
    margin: 0;
    font-size: 16px;
    color: #b8b8d3;
    line-height: 26px;
}

    .breadcrumbs a {
        color: inherit;
    }

        .breadcrumbs a:hover {
            color: var(--theme-color);
        }

    .breadcrumbs span {
        display: inline-block;
        margin: 0 13px;
    }

.abpageThumb {
    position: relative;
    margin: 11px 0 0;
}

    .abpageThumb img {
        max-width: 100%;
        height: auto;
        border-radius: 5px;
    }

.abInner {
    position: absolute;
    right: 0;
    top: -80px;
    z-index: 2;
}

    .abInner img {
        border-radius: 5px;
        -webkit-box-shadow: 0 12px 68px 0 rgba(0, 0, 0, 0.21);
        -moz-box-shadow: 0 12px 68px 0 rgba(0, 0, 0, 0.21);
        box-shadow: 0 12px 68px 0 rgba(0, 0, 0, 0.21);
    }

    .abInner:after {
        position: absolute;
        right: 0;
        height: calc(100% - 5px);
        width: calc(100% + 37px);
        top: 42px;
        z-index: -1;
        content: "";
        border: 10px solid var(--theme-color);
    }

.service_item_10 {
    position: relative;
    background: #fff;
    padding: 41px 40px 38px;
    border-radius: 5px;
    margin: 0 0 30px;
    -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
}

    .service_item_10 .ibMeta {
        position: relative;
        max-height: 68px;
        margin: 0 0 26px;
    }

        .service_item_10 .ibMeta img {
            width: 100%;
            height: 100%;
        }

    .service_item_10 h3 {
        font-size: 24px;
        color: #333;
        line-height: 30px;
        margin: 0 0 12px;
    }

        .service_item_10 h3 a {
            color: inherit;
        }

            .service_item_10 h3 a:hover {
                color: var(--theme-color);
            }

    .service_item_10 p {
        margin: 0 0 25px;
    }

    .service_item_10 .srm {
        display: inline-block;
        width: 46px;
        height: 46px;
        background: #f3f3f3;
        line-height: 46px;
        border-radius: 50%;
        text-align: center;
        color: #382c4d;
        line-height: 46px;
    }

        .service_item_10 .srm:hover {
            background: var(--theme-color);
            color: #fff;
        }

.serviceSlider04.owl-carousel {
    position: relative;
}

    .serviceSlider04.owl-carousel .owl-nav {
        position: absolute;
        right: 0;
        top: -89px;
    }

        .serviceSlider04.owl-carousel .owl-nav button {
            width: 58px;
            height: 58px;
            background: #fff;
            border-radius: 50%;
            text-align: center;
            color: #000;
            font-size: 15px;
            line-height: 58px;
            margin-left: 12px;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .serviceSlider04.owl-carousel .owl-nav button:hover {
                background: var(--theme-color);
                color: #fff;
            }

.service_item_11 {
    position: relative;
    border: 2px solid transparent;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .service_item_11:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        visibility: hidden;
        opacity: 0;
        background: rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .service_item_11:hover:after {
        visibility: visible;
        opacity: 1;
    }

    .service_item_11 img {
        width: 100%;
        height: auto;
        border-radius: 3px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .service_item_11 h3 {
        display: inline-block;
        height: 51px;
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: 0;
        background: #000;
        line-height: 50px;
        text-align: center;
        font-size: 18px;
        color: #fff;
        margin: 0;
        letter-spacing: 0.36px;
        font-weight: 600;
        padding: 0 26px;
        border-radius: 3px 0 0 0;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .service_item_11:hover h3 {
        visibility: hidden;
        opacity: 0;
    }

    .service_item_11 .srm {
        display: inline-block;
        height: 51px;
        position: absolute;
        right: 0;
        bottom: -50px;
        background: var(--theme-color);
        line-height: 50px;
        text-align: center;
        font-size: 18px;
        color: #fff;
        z-index: 2;
        margin: 0;
        visibility: hidden;
        opacity: 0;
        letter-spacing: 0.36px;
        font-weight: 600;
        padding: 0 31px;
        border-radius: 3px 0 0 0;
    }

    .service_item_11 i {
        display: inline-block;
        font-size: 13px;
        margin-left: 7px;
    }

    .service_item_11:hover .srm {
        visibility: visible;
        opacity: 1;
        bottom: 0;
    }

    .service_item_11:hover {
        border-color: var(--theme-color);
    }

.stracheVideo {
    position: relative;
    overflow: hidden;
}

    .stracheVideo img {
        width: auto;
        height: auto;
    }

    .stracheVideo .vbtn02 {
        width: 70px;
        height: 70px;
        background: 0 0;
        line-height: 70px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        color: #fff;
        font-size: 21px;
    }

        .stracheVideo .vbtn02:before {
            background: var(--theme-color);
            opacity: 0.4;
        }

        .stracheVideo .vbtn02:after {
            background: var(--theme-color);
        }

.abTestimonial.owl-carousel {
    position: relative;
    padding: 0;
}

.abTestimonial .quotation {
    font-size: 18px;
    line-height: 27px;
    color: #d7d7d7;
    font-weight: 400;
    margin-bottom: 38px;
}

.abTestimonial.owl-carousel .ts_author img {
    width: 77px;
    height: 77px;
}

.abTestimonial .ts_author {
    padding-left: 96px;
    padding-top: 13px;
}

    .abTestimonial .ts_author h5 {
        font-size: 22px;
        color: #fff;
        line-height: 28px;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .abTestimonial .ts_author span {
        color: var(--theme-color);
        font-size: 16px;
    }

.abTestimonial.owl-carousel .owl-nav {
    display: none;
}

.awardItem02 {
    position: relative;
    min-height: 95px;
    padding: 0 55px 17px 87px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f1f1;
}

    .awardItem02:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .awardItem02 img {
        width: 70px;
        height: 74px;
        border-radius: 2px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .awardItem02 .awarName {
        margin: 0;
    }

        .awardItem02 .awarName h5 {
            font-size: 18px;
            line-height: 30px;
            color: #000;
        }

        .awardItem02 .awarName p {
            color: #999;
            font-size: 16px;
            line-height: 20px;
            letter-spacing: 0.32px;
            margin: 0;
        }

.brLeft {
    border-left: 1px solid #f1f1f1;
    margin-left: -15px;
    padding-left: 0;
    position: relative;
}

    .brLeft .awardItem02 {
        padding-left: 180px;
    }

        .brLeft .awardItem02 img {
            left: 95px;
        }

.blogPage {
    position: relative;
    padding: 150px 0;
}

.blogList01 {
    position: relative;
    margin: 0 5px 50px 0;
}

    .blogList01.bil {
        margin-left: 5px;
        margin-right: 0;
    }

    .blogList01 img {
        max-width: 100%;
        width: auto;
        height: auto;
        border-radius: 5px 5px 0 0;
    }

.listCon {
    position: relative;
    background: #fff;
    margin: -40px 18px 0 27px;
    border-radius: 3px 3px 0 0;
    padding: 52px 50px 46px;
    border-bottom: 1px solid #ececec;
}

    .listCon h3 {
        font-size: 30px;
        line-height: 36px;
        color: #252525;
        margin: 0 0 12px;
    }

        .listCon h3 a {
            color: inherit;
        }

            .listCon h3 a:hover {
                color: var(--theme-color);
            }

    .listCon .bmeta {
        color: #bbc7cd;
        font-size: 15px;
        margin: 0 0 18px;
    }

        .listCon .bmeta i {
            font-size: 16px;
            margin-right: 6px;
            color: inherit;
        }

        .listCon .bmeta span {
            color: inherit;
            margin-left: 19px;
        }

        .listCon .bmeta a {
            color: var(--theme-color);
            margin-right: 20px;
        }

            .listCon .bmeta a:hover {
                color: #252525;
            }

    .listCon p {
        font-size: 18px;
        line-height: 28px;
        margin: 0;
    }

.blogFooter .fcta {
    background: url(../images/bg/14.png) no-repeat center center/cover;
}

    .blogFooter .fcta .berpo_btn.with_icon03 {
        border-radius: 50px;
    }

.blogFooter .aboutWidget04 a:hover {
    background: #e700a9;
    border-color: #e700a9;
}

.blogFooter .Copyright a:hover,
.blogFooter .wmenu03 ul.menu li:hover a {
    color: #e700a9;
}

.bepro_pagination {
    position: relative;
    display: flex;
    justify-content: center;
    font-family: fira sans, sans-serif;
    margin: 35px 0 0;
    background: url(../images/bg/pagination.jpg) no-repeat center center/cover;
    padding: 24px 35px 18px;
}

    .bepro_pagination a,
    .bepro_pagination > span {
        width: 32px;
        height: 32px;
        color: #252525;
        line-height: 34px;
        margin: 0 1px;
        border: none;
        border-radius: 3px;
        text-align: center;
        display: inline-block;
        position: relative;
        font-weight: 600;
        font-size: 14px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .bepro_pagination a.next,
        .bepro_pagination a.prev {
            width: auto;
            height: auto;
            font-size: 20px;
            color: #8799a3;
        }

        .bepro_pagination a.prev {
            margin-right: auto;
        }

        .bepro_pagination a.next {
            margin-left: auto;
        }

        .bepro_pagination a i {
            display: inline-block;
        }

        .bepro_pagination a span {
            display: inline-block;
            font-size: 14px;
            position: relative;
            top: -4px;
            margin-left: 20px;
        }

        .bepro_pagination a.next span {
            margin-left: 0;
            margin-right: 20px;
        }

        .bepro_pagination a.next:hover,
        .bepro_pagination a.prev:hover {
            background: 0 0;
            color: var(--theme-color);
        }

        .bepro_pagination a:hover,
        .bepro_pagination span.current {
            color: #fff;
            background: var(--theme-color);
        }

.bpPad {
    padding-bottom: 258px;
}

.blogPage .bireverse .blogContent {
    padding: 0;
    text-align: left;
}

.blogPage .blogItem02.bireverse.lastItem {
    border: none;
    padding: 0;
}

.blogPage .blogThumb02 .bmeta {
    background: var(--theme-color);
}

.blogPage .blogContent h3 a:hover {
    color: var(--theme-color);
}

.blogItem02 .berpo_btn.with_icon {
    background: #1e1e1e;
}

    .blogItem02 .berpo_btn.with_icon i {
        background: #424242;
    }

    .blogItem02 .berpo_btn.with_icon:hover i {
        background: #760000;
    }

.blogItem02 .berpo_btn .bp-shape {
    background: var(--theme-color);
}

.blogPage .blogItem03 {
    margin: 0 0 30px 5px;
}

.blogPage .blogContent02 h3 a:hover,
.blogPage .blogContent02 .bmeta a:hover {
    color: var(--theme-color);
}

.blogPage .berpo_btn.with_icon03:after {
    background: #1e1e1e;
}

.blogPage .blogItem03 .berpo_btn.with_icon03 {
    background: var(--theme-color);
}

.blogPage .blogItem04 {
    margin-bottom: 40px;
}

.blogPage .blogContent03 h3 a:hover {
    color: var(--theme-color);
}

.blogPage .blogContent03 .bmeta a {
    background: 0 0;
    -webkit-text-fill-color: var(--theme-color);
}

.blogPage .blogContent04 .bmeta {
    background: var(--theme-color);
}

    .blogPage .blogContent04 .bmeta:hover {
        background: #1e1e1e;
    }

.blogPage .blogContent04 h3 a:hover {
    color: var(--theme-color);
}

.blogPage .blogContent04 .rmb:hover {
    background: var(--theme-color);
}

.bpsRight .blogList01.bil {
    margin-left: 0;
    margin-right: 5px;
}

.blogPage.bpsRight .blogItem03 {
    margin-left: 0;
    margin-right: 5px;
}

.justify-content-center .blogPage .blogItem03,
.justify-content-center .blogList01.bil {
    margin-left: 0;
    margin-right: 0;
}

    .justify-content-center .blogList01.bil img {
        width: 100%;
    }

.sidebar {
    position: relative;
    margin: 0 0 0 20px;
}

    .sidebar.lsb {
        margin-left: 0;
        margin-right: 20px;
    }

    .sidebar .widget {
        position: relative;
        margin: 0 0 40px;
        padding: 44px 40px 45px;
        border-radius: 10px;
        background: url(../images/bg/widget.jpg) no-repeat center center/cover;
    }

        .sidebar .widget .widget_title {
            color: #252525;
            font-size: 23px;
            line-height: 28px;
            text-transform: capitalize;
            margin: 0 0 31px;
            display: inline-block;
            position: relative;
            z-index: 2;
        }

            .sidebar .widget .widget_title:after {
                position: absolute;
                left: 0;
                bottom: 3px;
                width: 100%;
                height: 5px;
                content: "";
                background: #ffd7d7;
                border-radius: 10px;
                z-index: -1;
            }

.pp_post_item {
    position: relative;
}

.sidebar .pp_post_item {
    position: relative;
    padding-top: 7px;
    min-height: 80px;
    padding-left: 120px;
    margin-bottom: 30px;
}

    .sidebar .pp_post_item img {
        width: 97px;
        height: 80px;
        border-radius: 5px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .sidebar .pp_post_item span {
        display: block;
        font-size: 14px;
        color: #bbc7cd;
        font-weight: 500;
        margin-bottom: 8px;
    }

    .sidebar .pp_post_item a {
        font-size: 17px;
        line-height: 23px;
        color: #252525;
        font-weight: 600;
        margin-bottom: 3px;
    }

        .sidebar .pp_post_item a:hover {
            color: var(--theme-color);
        }

    .sidebar .pp_post_item .author {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        color: var(--theme-color);
        font-family: roboto, sans-serif;
    }

        .sidebar .pp_post_item .author:hover {
            color: #252525;
        }

.sidebar .berpo_btn {
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 13px;
    padding: 0 36px;
    margin-top: 5px;
}

.sidebar .widget > ul {
    margin: 0;
    padding: 0;
}

.sidebar ul li {
    list-style: none;
    display: block;
    font-size: 15px;
    color: #252525;
    line-height: 26px;
    position: relative;
    margin: 0 0 15px;
}

    .sidebar ul li a {
        display: inline-block;
        color: inherit;
        line-height: inherit;
    }

        .sidebar ul li a:hover {
            color: var(--theme-color);
        }

.sidebar .widget_categories {
}

    .sidebar .widget_categories ul li {
        margin-right: 12px;
        background: #fff;
        padding: 10px 22px;
        margin-bottom: 5px;
        border-radius: 3px;
    }

        .sidebar .widget_categories ul li span {
            display: inline-block;
            width: 32px;
            height: 36px;
            border-radius: 5px;
            text-align: center;
            background: #ededed;
            font-size: 12px;
            color: #252525;
            line-height: 36px;
            font-weight: 700;
            position: absolute;
            right: -14px;
            top: 0;
            bottom: 0;
            margin: auto;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .sidebar .widget_categories ul li:hover a {
            color: var(--theme-color);
        }

        .sidebar .widget_categories ul li:hover span {
            background: var(--theme-color);
            color: #fff;
        }

.tagcloud {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: -10px;
}

    .tagcloud a {
        height: 37px;
        text-align: center;
        padding: 0 17px;
        line-height: 35px;
        border: none;
        display: inline-block;
        border-radius: 50px;
        background: #fff;
        border: 2px solid #f0f4f7;
        color: #696969;
        text-transform: capitalize;
        font-size: 15px !important;
        margin-right: 9px;
        margin-bottom: 9px;
        font-weight: 400;
        float: left;
    }

        .tagcloud a:hover {
            background: var(--theme-color);
            border-color: var(--theme-color);
            color: #fff;
        }

.sidebar .galleryShots a {
    width: 130px;
    height: 114px;
    margin: 0 9px 9px 0;
}

    .sidebar .galleryShots a:after {
        border-radius: 10px;
    }

    .sidebar .galleryShots a img {
        border-radius: 10px;
    }

.singleBlog {
    position: relative;
    padding: 160px 0;
}

    .singleBlog.bpPad {
        padding-bottom: 258px;
    }

.spThumb {
    position: relative;
    margin: 0 0 15px;
}

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

    .spThumb .bmeta {
        height: 46px;
        background: var(--theme-color);
        border-radius: 50px;
        text-align: center;
        display: inline-block;
        font-size: 12.97px;
        line-height: 41px;
        font-weight: 500;
        color: #fff;
        font-family: fira sans, sans-serif;
        letter-spacing: -0.48px;
        margin: 0;
        padding: 0 19px;
        position: absolute;
        z-index: 2;
        left: 26px;
        top: 18px;
        border: 3px solid #fff;
    }

        .spThumb .bmeta i {
            display: inline-block;
            font-size: 10.16px;
            margin-right: 3px;
            color: inherit;
        }

.spMeta {
    position: relative;
    display: flex;
    padding: 0 0 52px 6px;
}

.spAuthor {
    position: relative;
    padding: 0 0 0 86px;
}

    .spAuthor img {
        width: 77px;
        height: 77px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: -31px;
        border: 3px solid #fff;
    }

    .spAuthor p {
        font-size: 15px;
        line-height: 19px;
        color: #404040;
    }

        .spAuthor p a {
            color: #000;
            font-size: 17px;
            font-weight: 500;
            display: block;
        }

            .spAuthor p a:hover {
                color: var(--theme-color);
            }

.spsmeta {
    position: relative;
    font-size: 16px;
    font-family: fira sans, sans-serif;
    color: #c4d2d9;
    padding: 15px 0 0 50px;
}

    .spsmeta span,
    .spsmeta a {
        color: #8799a3;
        display: inline-block;
    }

        .spsmeta a:hover {
            color: var(--theme-color);
        }

.sic_the_content {
    position: relative;
    margin: 0 0 58px;
}

.p_title {
    font-size: 40px;
    line-height: 50px;
    color: #000;
    margin: 0 0 28px;
}

.sic_the_content > p {
    margin: 0 0 30px;
}

.sic_the_content blockquote,
.sic_the_content blockquote.wp-block-quote {
    padding: 35px 80px 0 104px;
    position: relative;
    font-family: fira sans, sans-serif;
    background: 0 0;
    margin: 33px 0;
}

    .sic_the_content blockquote::after {
        position: absolute;
        left: 71px;
        top: 2px;
        background: url(../images/single-post/quote.png) no-repeat top left;
        content: "";
        width: 113px;
        height: 75px;
        z-index: -1;
    }

    .sic_the_content blockquote p,
    .sic_the_content blockquote.wp-block-quote p {
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
        color: #252525;
        font-style: italic;
        margin: 0 0 23px;
    }

    .sic_the_content blockquote cite {
        font-style: normal;
        font-size: 18px;
        line-height: 23px;
        font-weight: 700;
        color: var(--theme-color);
        position: relative;
    }

        .sic_the_content blockquote cite span {
            display: block;
            font-size: 16px;
            font-weight: 400;
            color: #8799a3;
            font-family: roboto, sans-serif;
        }

.sic_the_content .wp-block-image {
    margin: 18px 0 23px;
    position: relative;
}

    .sic_the_content .wp-block-image img {
        max-width: 100%;
        height: auto;
        border-radius: 3px;
        margin-bottom: 4px;
    }

.sic_the_content figcaption {
    color: #b0b1b5;
    font-size: 16px;
}

.sic_the_content .wp-block-image span {
    display: inline-block;
    height: 30px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #959595;
    padding: 0 15px;
    position: absolute;
    left: 21px;
    bottom: 24px;
    z-index: 2;
}

    .sic_the_content .wp-block-image span a {
        color: #0081ff;
    }

.sic_the_content .cusMar .wp-block-image {
    margin-top: 0;
}

.sic_the_content .cusMar {
    margin-top: 40px;
    margin-bottom: 28px;
}

.weight500 {
    font-weight: 500;
    color: #252525;
}

.sic_the_content .listItem li {
    font-size: 18px;
    line-height: 36px;
    color: #252525;
    font-weight: 500;
    position: relative;
    font-family: fira sans, sans-serif;
    padding-left: 30px;
}

    .sic_the_content .listItem li:after {
        content: "\ea0e";
        font-family: themewar !important;
        font-size: 11px;
        color: var(--theme-color);
        position: absolute;
        left: 0;
        top: 0;
    }

.sic_the_content .listItem.lIleft {
    padding-left: 60px;
}

.sic_the_content .listItem {
    margin-top: 15px;
    margin-bottom: 43px;
}

.postMeta {
    position: relative;
    border-top: 2px solid #f0f4f7;
    padding: 31px 0 55px;
}

    .postMeta h5 {
        font-size: 14px;
        color: #252525;
        text-transform: uppercase;
        margin: 0;
        min-width: 96px;
        display: inline-block;
    }

    .postMeta a {
        display: inline-block;
        font-size: 16px;
        color: #8799a3;
    }

        .postMeta a:hover {
            color: var(--theme-color);
        }

    .postMeta .tags {
        margin: 0 0 13px;
    }

    .postMeta .socialShare a {
        font-size: 14px;
        color: #bbc7cd;
        margin-right: 20px;
    }

        .postMeta .socialShare a:hover {
            color: var(--theme-color);
        }

.post_author {
    position: relative;
    background: #f9f9fb;
    border-radius: 10px;
    padding: 67px 30px 70px 200px;
    margin: 0 0 95px;
}

    .post_author img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        position: absolute;
        left: 58px;
        bottom: 0;
        top: 0;
        margin: auto;
        -webkit-box-shadow: 0 10px 30px 0 rgba(37, 37, 37, 0.2);
        -moz-box-shadow: 0 10px 30px 0 rgba(37, 37, 37, 0.2);
        box-shadow: 0 10px 30px 0 rgba(37, 37, 37, 0.2);
    }

    .post_author h5 {
        font-size: 16px;
        font-weight: 500;
        color: var(--theme-color);
        text-transform: uppercase;
        margin: 0 0 7px;
    }

        .post_author h5 a {
            color: inherit;
        }

            .post_author h5 a:hover {
                color: #252525;
            }

    .post_author p {
        font-size: 16px;
        line-height: 26px;
        color: #636363;
        margin: 0;
    }

.comment_area {
    position: relative;
}

.sic_comments {
    position: relative;
    margin-bottom: 80px;
}

    .sic_comments > p .productCommentForm > p {
        color: #636363;
        margin: 0 0 25px;
    }

.sicc_title {
    font-size: 28px;
    color: #252525;
    line-height: 38px;
    margin: 0 0 31px;
}

.sic_comments > .sicc_title,
.productCommentForm .sicc_title {
    margin-bottom: 12px;
}

.commentForm {
    position: relative;
}

    .commentForm textarea,
    .commentForm input {
        height: 60px;
        border-radius: 50px;
        padding: 0 40px;
        font-size: 14px;
        line-height: 60px;
        color: #8799a3;
        background: #f3f4f6;
        font-weight: 600;
        margin: 0 0 20px;
    }

    .commentForm textarea {
        height: 160px;
        line-height: 28px;
        margin-bottom: 35px;
        padding-top: 15px;
        border-radius: 30px;
    }

        .commentForm textarea::-moz-placeholder,
        .commentForm input::-moz-placeholder {
            color: #8799a3;
            opacity: 1;
        }

        .commentForm textarea::-ms-input-placeholder,
        .commentForm input::-ms-input-placeholder {
            color: #8799a3;
            opacity: 1;
        }

        .commentForm textarea::-webkit-input-placeholder,
        .commentForm input::-webkit-input-placeholder {
            color: #8799a3;
            opacity: 1;
        }

    .commentForm .berpo_btn.with_icon04 {
        height: 60px;
        color: #f0f0f0;
        line-height: 61px;
    }

.portfolioPage01 {
    position: relative;
    padding: 160px 0 0;
}

.filter_menu li i {
    position: relative;
    display: inline-block;
    font-style: normal;
}

    .filter_menu li i:after {
        position: absolute;
        left: auto;
        right: 0;
        height: 2px;
        content: "";
        bottom: 4px;
        width: 0;
        background: var(--theme-color);
        transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
        -moz-transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
        -webkit-transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    }

.filter_menu li.active i:after,
.filter_menu li:hover i:after {
    width: 100%;
    left: 0;
    right: auto;
}

.portfolioPage01 .filter_menu li:hover span,
.portfolioPage01 .filter_menu li.active span,
.portfolioPage01 .filter_menu li:hover,
.portfolioPage01 .filter_menu li.active {
    color: var(--theme-color);
}

.folioItem06 {
    position: relative;
    margin: 0 0 30px;
}

    .folioItem06 img {
        width: 100%;
        height: auto;
        border-radius: 45px;
    }

    .folioItem06:after {
        position: absolute;
        border-radius: 45px;
        background: rgba(33, 31, 31, 0.66);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .folioItem06:hover:after {
        visibility: visible;
        opacity: 1;
    }

    .folioItem06 a {
        width: 66px;
        height: 66px;
        line-height: 70px;
        color: #fff;
        font-size: 20px;
        display: inline-block;
        background: rgba(255, 255, 255, 0.38);
        border-radius: 50%;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        text-align: center;
        visibility: hidden;
        opacity: 0;
        transform: translate3d(0, 20px, 0);
        -moz-transform: translate3d(0, 20px, 0);
        -webkit-transform: translate3d(0, 20px, 0);
    }

        .folioItem06 a:hover {
            background: var(--theme-color);
            color: #fff;
        }

    .folioItem06:hover a {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

.portfolioPage01 .berpo_btn {
    margin-top: 48px;
}

.portfolioPage02 .filter_menu02 {
    margin-bottom: 50px;
}

.portfolioPage02 {
    position: relative;
    overflow: hidden;
    padding: 95px 0 0;
}

    .portfolioPage02 .folioHover03,
    .portfolioPage02 .filter_menu02 li::after {
        background: var(--theme-color);
    }

.caseStudiesSection {
    position: relative;
    padding: 55px 0 0;
}

    .caseStudiesSection .filter_menu {
        margin-top: 0;
    }

        .caseStudiesSection .filter_menu li:hover span,
        .caseStudiesSection .filter_menu li.active span,
        .caseStudiesSection .filter_menu li:hover,
        .caseStudiesSection .filter_menu li.active {
            color: var(--theme-color);
        }

    .caseStudiesSection .berpo_btn {
        margin-top: 48px;
    }

.folioItem07 {
    position: relative;
    overflow: hidden;
}

    .folioItem07 img {
        width: 100%;
        height: auto;
    }

    .folioItem07:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(0, 0, 0, 0.5);
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .folioItem07:hover:after {
        background: rgba(187, 11, 11, 0.8);
    }

.folioHover06 {
    font-family: fira sans, sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0;
    z-index: 2;
}

.cat {
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 14px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .cat a {
        color: inherit;
    }

        .cat a:hover {
            color: #151414;
        }

.folioHover06 h3 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .folioHover06 h3 a {
        color: inherit;
    }

        .folioHover06 h3 a:hover {
            color: #151414;
        }

.folioItem07:hover .folioHover06 .cat,
.folioItem07:hover .folioHover06 h3 {
    transform: translate3d(0, -103px, 0);
    -moz-transform: translate3d(0, -103px, 0);
    -webkit-transform: translate3d(0, -103px, 0);
}

.folioItem07 p {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin: 0 0 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    z-index: 2;
    visibility: visible;
    opacity: 0;
    max-width: 716px;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.folioItem07:hover p {
    visibility: visible;
    opacity: 1;
}

.folioItem07 .berpo_btn.with_icon {
    background: #151414;
    width: 178px;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
    margin: auto;
    top: 66%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    z-index: 2;
    visibility: visible;
    opacity: 0;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.folioItem07:hover .berpo_btn.with_icon {
    visibility: visible;
    opacity: 1;
}

.folioItem07 .berpo_btn.with_icon i {
    background: #3a3a3a;
}

.folioItem07 .berpo_btn .bp-shape {
    background: #fff;
}

.folioItem07 .berpo_btn.with_icon:hover {
    color: var(--theme-color);
}

    .folioItem07 .berpo_btn.with_icon:hover i {
        background: #980000;
    }

.singleFolio01 {
    position: relative;
    padding: 150px 0 215px;
}

.folioDThumb {
    position: relative;
}

    .folioDThumb img {
        max-width: 100%;
        height: auto;
        margin: 0 0 30px;
    }

.fdCon {
    position: relative;
    padding: 16px 0 0 10px;
}

    .fdCon .subTitle {
        color: #787887;
        font-size: 18px;
        font-weight: 400;
        text-transform: none;
        letter-spacing: -0.36px;
        margin: 0 0 10px;
    }

    .fdCon .secTitle {
        color: #252525;
        font-size: 38px;
        line-height: 48px;
        margin: 0 0 23px;
    }

.socail_share.ssInline {
    display: flex;
    margin: 0 0 12px;
}

    .socail_share.ssInline h5 {
        text-transform: uppercase;
    }

    .socail_share.ssInline a {
        width: auto;
        height: auto;
        background: 0 0;
        color: #bbc7cd;
        line-height: 1.5;
        margin: 0 0 0 20px;
        border-radius: 0;
    }

        .socail_share.ssInline a:hover {
            background: 0 0;
            color: var(--theme-color);
        }

.fdCon > p {
    margin: 0 0 45px;
}

.fsmeta {
    position: relative;
}

    .fsmeta h3 {
        color: #8a8a8a;
        font-size: 20px;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 30px;
        letter-spacing: 1.5px;
        margin: 0 0 2px;
    }

    .fsmeta p {
        color: #252525;
        font-size: 16px;
        margin: 0 0 20px;
    }

.fdCon .berpo_btn {
    margin-top: 25px;
    border-radius: 50px 50px 50px 50px;
    padding: 0 40px;
}

.fdCon02 .fdCon {
    padding: 0;
}

.fdCon02 {
    margin-top: 39px;
}

.fsCon {
    margin: -6px 20px 0 0;
}

.sf02 {
    padding-bottom: 248px;
}

.sf03video {
    position: relative;
    padding: 305px 0;
    background: url(../images/single-folio/video-bg.jpg) no-repeat center center/cover;
}

    .sf03video .popup_video {
        height: 100px;
        width: 100px;
        line-height: 107px;
        font-size: 26px;
    }

        .sf03video .popup_video:hover {
            background: var(--theme-color);
            color: #fff;
        }

.sf03Con {
    position: relative;
    padding: 90px 0 248px;
}

.sf03 {
    padding: 110px 0 97px;
}

    .sf03 .fdCon .secTitle {
        color: #252525;
        font-size: 55px;
        line-height: 65px;
        margin: 20px 0 23px;
    }

.fscon03 {
    margin-top: 32px;
}

    .fscon03 .berpo_btn {
        margin-top: 25px;
        border-radius: 50px 50px 50px 50px;
        padding: 0 40px;
    }

    .fscon03 .col-lg-8 {
        margin-left: -43px;
    }

.portfolioPage03 {
    position: relative;
    padding: 90px 0 142px;
}

    .portfolioPage03 .filter_menu li:hover span,
    .portfolioPage03 .filter_menu li.active span,
    .portfolioPage03 .filter_menu li:hover,
    .portfolioPage03 .filter_menu li.active {
        color: var(--theme-color);
    }

.pf04 {
    padding-bottom: 110px;
}

    .pf04 .folioHover02 p {
        color: var(--theme-color);
    }

    .pf04 .folioHover02 h4 a:hover {
        color: var(--theme-color);
    }

.pf05 {
    padding: 130px 0 142px;
}

    .pf05 .filter_menu03 li.active,
    .pf05 .filter_menu03 li:hover {
        color: var(--theme-color);
    }

        .pf05 .filter_menu03 li.active span,
        .pf05 .filter_menu03 li:hover span {
            color: var(--theme-color);
        }

    .pf05 .folioItem05 {
        background: var(--theme-color);
    }

.shopOfferSection {
    position: relative;
    padding: 160px 0 0;
}

.offerWrap {
    position: relative;
    background: url(../images/shop/1.jpg) no-repeat center center/cover;
    border-radius: 5px;
    padding: 140px 10px 106px;
}

.offerSlider.owl-carousel {
    position: relative;
}

.customNavigation {
    position: absolute;
    left: 0;
    bottom: -27px;
    z-index: 2;
    width: 245px;
}

    .customNavigation .navItem {
        float: right;
        text-align: right;
        margin: 0 0 16px;
        display: block;
        position: relative;
        background: 0 0;
        width: 100%;
        height: auto;
        border: none;
        outline: none;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .customNavigation .navItem.next {
        }

        .customNavigation .navItem i {
            width: 51px;
            height: 51px;
            float: right;
            border-radius: 5px;
            text-align: center;
            display: block;
            color: #171717;
            background: #fff;
            font-size: 10px;
            line-height: 52px;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

.navPost {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    padding-right: 70px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .navPost img {
        width: 51px;
        height: 51px;
        border-radius: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .navPost h5 {
        font-size: 22px;
        line-height: 30px;
        color: #fff;
        font-weight: 800;
        letter-spacing: -0.42px;
        margin: 7px 0 0;
    }

        .navPost h5 span {
            line-height: 0.8;
            font-size: 15px;
            font-weight: 400;
            letter-spacing: -0.3px;
            display: block;
        }

.customNavigation .navItem:hover .navPost {
    visibility: visible;
    opacity: 1;
}

.offerCon {
    position: relative;
}

    .offerCon > span {
        display: block;
        font-size: 20.84px;
        color: #efefef;
        line-height: 28px;
        letter-spacing: -0.4px;
        margin: 0 0 0;
    }

    .offerCon h3 {
        font-size: 65px;
        line-height: 73px;
        font-weight: 600;
        color: #fff;
        letter-spacing: -1.2px;
        margin: 0 0 5px;
    }

    .offerCon p {
        font-size: 16.7px;
        color: #fff;
        line-height: 26px;
        letter-spacing: -0.32px;
        margin: 0 0 41px;
    }

    .offerCon .berpo_btn.with_icon04 {
        height: 54px;
        line-height: 55px;
        color: #f0f0f0;
        font-size: 14.43px;
        padding: 0 25px;
    }

        .offerCon .berpo_btn.with_icon04 i {
            width: 25px;
            height: 25px;
            font-size: 10.84px;
            color: #f0f0f0;
            line-height: 26px;
            margin-left: 10px;
        }

.shopPage {
    position: relative;
    padding: 90px 0 160px;
}

.sptitle {
    font-size: 36px;
    color: #141414;
    line-height: 1.2;
    margin: 0;
}

.shopController {
    display: flex;
    justify-content: flex-end;
    font-family: fira sans, sans-serif;
    position: relative;
    margin: 0 0 44px;
}

.show-results {
    position: relative;
    color: #999;
    font-size: 14.43px;
    font-weight: 700;
    letter-spacing: 0.36px;
    margin-right: 58px;
}

    .show-results:after {
        position: absolute;
        right: -28px;
        top: 7px;
        width: 1px;
        height: 11px;
        content: "";
        background: #dfdfdf;
    }

.show-product {
    color: #000;
    font-size: 14.43px;
    font-weight: 700;
    letter-spacing: 0.21px;
    text-transform: uppercase;
}

    .show-product span {
        display: inline-block;
        color: #999;
    }

.sorting {
    display: flex;
    margin: 3px 0 0;
    position: relative;
    margin-right: 58px;
}

    .sorting:after {
        position: absolute;
        right: -28px;
        top: 7px;
        width: 1px;
        height: 11px;
        content: "";
        background: #dfdfdf;
    }

    .sorting h5 {
        font-size: 14.43px;
        color: #999;
        text-transform: uppercase;
        letter-spacing: -0.21px;
        display: inline-block;
        margin: 0 5px 0 0;
    }

    .sorting .nice-select {
        height: auto;
        width: auto;
        background: 0 0;
        font-size: 14px;
        color: #000;
        font-weight: 700;
        text-transform: uppercase;
        display: inline-block;
        line-height: 22px;
        margin: 0;
        padding: 0;
    }

        .sorting .nice-select:after {
            display: none;
        }

.filterBy {
    position: relative;
    margin: -6px 0 0 55px;
}

    .filterBy select,
    .filterBy .nice-select {
        width: 100%;
        height: 38px;
        background: #f9f9f9;
        border-radius: 0;
        line-height: 39px;
        outline: none;
        margin: 0;
        border: 0;
        text-transform: uppercase;
        padding: 0 15px 0 34px;
        color: #111;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0;
        -webkit-user-select: none;
        user-select: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        max-width: 90px;
    }

    .filterBy select,
    .filterBy .nice-select {
        line-height: 39px;
        text-transform: uppercase;
        font-size: 13px;
        color: #141414;
        font-weight: 600;
        letter-spacing: 0;
        cursor: pointer;
    }

        .sorting .nice-select .list,
        .filterBy .nice-select .list {
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 0;
            box-shadow: none;
            max-height: 361px;
            overflow: auto;
            -webkit-box-shadow: 0 2px 38px 0 rgba(0, 0, 0, 0.08);
            -moz-box-shadow: 0 2px 38px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 38px 0 rgba(0, 0, 0, 0.08);
        }

        .sorting .nice-select .option,
        .filterBy .nice-select .option {
            font-size: 13px;
            color: #141414;
            font-weight: 600;
            border-top: 1px solid rgba(0, 0, 0, 0.05);
            padding: 2px 22px;
        }

            .filterBy .nice-select .option:hover,
            .filterBy .nice-select .option.focus,
            .filterBy .nice-select .option.selected.focus {
                background: 0 0;
                color: var(--theme-color);
            }

            .sorting .nice-select .option:hover,
            .sorting .nice-select .option.focus,
            .sorting .nice-select .option.selected.focus {
                background: 0 0;
                color: var(--theme-color);
            }

        .filterBy .nice-select:after {
            content: "\e970";
            left: 13px;
            right: auto;
            color: #141414;
            font-size: 11px;
        }

.productItem01 {
    position: relative;
    font-family: fira sans, sans-serif;
    background: #f9f9f9;
    margin: 0 0 32px;
}

.proThumb {
    position: relative;
}

    .proThumb img {
        width: 100%;
        height: auto;
    }

.ratings {
    display: flex;
    font-size: 10px;
    color: var(--theme-color);
    letter-spacing: 3px;
    line-height: 1.1;
    margin: 0 0 11px;
}

    .ratings i {
        display: inline-block;
    }

.product_content {
    position: relative;
    padding: 20px 38px 21px;
}

    .product_content h3 {
        font-size: 20px;
        line-height: 26px;
        color: #414141;
        text-transform: uppercase;
        margin: 0 0 11px;
    }

        .product_content h3 a {
            color: inherit;
        }

            .product_content h3 a:hover {
                color: var(--theme-color);
            }

.pi01Price {
    display: flex;
    position: relative;
    font-family: fira sans, sans-serif;
    font-size: 18px;
    font-weight: 800;
    color: #414141;
    line-height: 0.8;
    margin: 0;
}

    .pi01Price ins {
        text-decoration: none;
    }

    .pi01Price del {
        text-decoration: line-through;
        margin-left: 7px;
        color: #6a6a6a;
        font-weight: 400;
    }

.prLabels {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2;
}

    .prLabels p {
        background: #2b2b2b;
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0;
        font-weight: 500;
        line-height: 25px;
        border-radius: 0;
        height: 24px;
        padding: 0 10px;
        margin: 0;
    }

        .prLabels p.sale {
            background: var(--theme-color);
        }

        .prLabels p.off {
            background: #05d218;
        }

.piActionBtns {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

    .piActionBtns a {
        height: 54px;
        width: 54px;
        background: var(--theme-color);
        border-radius: 50%;
        color: #fff;
        display: block;
        line-height: 60px;
        font-size: 18px;
        opacity: 0;
        text-align: center;
        visibility: hidden;
        margin: 0 1px;
    }

        .piActionBtns a:nth-child(1) {
            -webkit-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            -moz-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            -ms-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            -o-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            transform: translate3d(0, 60px, 0);
            -moz-transform: translate3d(0, 60px, 0);
            -webkit-transform: translate3d(0, 60px, 0);
            -ms-transform: translate3d(0, 60px, 0);
            -o-transform: translate3d(0, 60px, 0);
        }

        .piActionBtns a:nth-child(2) {
            -webkit-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            -moz-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            -ms-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            -o-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            transform: translate3d(0, 60px, 0);
            -moz-transform: translate3d(0, 60px, 0);
            -webkit-transform: translate3d(0, 60px, 0);
            -ms-transform: translate3d(0, 60px, 0);
            -o-transform: translate3d(0, 60px, 0);
        }

        .piActionBtns a:nth-child(3) {
            -webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            -moz-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            -ms-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            -o-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
            transform: translate3d(0, 60px, 0);
            -moz-transform: translate3d(0, 60px, 0);
            -webkit-transform: translate3d(0, 60px, 0);
            -ms-transform: translate3d(0, 60px, 0);
            -o-transform: translate3d(0, 60px, 0);
        }

.productItem01:hover .piActionBtns a:nth-child(1),
.productItem01:hover .piActionBtns a:nth-child(2),
.productItem01:hover .piActionBtns a:nth-child(3) {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.piActionBtns a:hover {
    background: #2b2b2b;
    color: #fff;
}

.shopPage .berpo_btn {
    height: 59px;
    line-height: 60px;
    color: #f0f0f0;
    background: #202122;
    padding: 0 36px;
    margin-top: 48px;
}

    .shopPage .berpo_btn.with_icon04 i {
        background: #383839;
    }

    .shopPage .berpo_btn.with_icon04:hover i {
        background: #980000;
    }

    .shopPage .berpo_btn .bp-shape {
        background: var(--theme-color);
    }

.ctaItem {
    position: relative;
    overflow: hidden;
}

    .ctaItem img {
        width: 100%;
        height: auto;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.ctaCons {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.ctaItem h3 {
    font-size: 45px;
    line-height: 50px;
    color: #fff;
    margin: 0 0 38px;
}

.ctaItem .berpo_btn {
    height: 53px;
    line-height: 54px;
    font-size: 13.47px;
    color: #f0f0f0;
    background: #202122;
}

    .ctaItem .berpo_btn.with_icon04 i {
        width: 25px;
        height: 25px;
        background: #383839;
        line-height: 26px;
        color: #f0f0f0;
        font-size: 10.78px;
    }

    .ctaItem .berpo_btn.with_icon04:hover i {
        background: #980000;
    }

    .ctaItem .berpo_btn .bp-shape {
        background: var(--theme-color);
    }

.ctaItem:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.singleProduct {
    position: relative;
    padding: 160px 0 225px;
}

.proSliderWrapper {
    position: relative;
    margin: 0 60px 0 0;
}

.productSlide {
    position: relative;
    padding: 0 0 28px;
}

.sp_img {
    position: relative;
    text-align: center;
}

    .sp_img img {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

.indicator_slider {
    text-align: center;
    position: relative;
    top: 0;
    z-index: 2;
    z-index: 15;
    display: block;
    padding: 0;
    max-width: 385px;
    margin: 0 auto;
    list-style: none;
}

    .indicator_slider li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .indicator_slider li .idItem {
            width: 72px;
            height: 72px;
            border-radius: 5px;
            padding: 0;
            margin: 0 auto;
            text-align: center;
            position: relative;
            cursor: pointer;
            opacity: 1;
            border: none;
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

            .indicator_slider li .idItem:after {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                content: "";
                visibility: hidden;
                opacity: 0;
                border-radius: 5px;
                background: rgba(255, 255, 255, 0.6);
                -webkit-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
            }

    .indicator_slider
    .slick-slide.slick-current.slick-active.slick-center:hover
    .idItem:after,
    .indicator_slider
    .slick-slide.slick-current.slick-active.slick-center
    .idItem:after {
        visibility: visible;
        opacity: 1;
    }

    .indicator_slider li img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }

.slick-initialized .slick-slide {
    border: none;
    outline: none;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.indicator_slider .slick-slide {
    padding: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.product_details {
    position: relative;
    padding: 58px 0 0;
}

    .product_details h5 {
        font-size: 15px;
        font-weight: 500;
        line-height: 21px;
        color: var(--theme-color);
        margin: 0 0 2px;
        text-transform: uppercase;
    }

        .product_details h5 a {
            color: inherit;
        }

            .product_details h5 a:hover {
                color: #252525;
            }

    .product_details h3 {
        font-size: 28px;
        line-height: 42px;
        color: #252525;
        margin: 0 0 10px;
    }

    .product_details .woocommerce-product-rating {
        display: flex;
        justify-content: flex-start;
        line-height: 15px;
        margin: 0 0 15px;
    }

        .product_details .woocommerce-product-rating .ratings {
            color: #fcd846;
            font-size: 12px;
            margin: 8px 0 0;
            letter-spacing: 8px;
        }

        .product_details .woocommerce-product-rating .woocommerce-review-link {
            text-transform: capitalize;
            color: #8799a3;
            font-size: 13px;
            text-align: center;
            display: inline-block;
            position: relative;
            height: 31px;
            line-height: 31px;
            border: 1px solid #8799a3;
            border-radius: 50px;
            margin-left: 22px;
            padding: 0 16px;
        }

            .product_details .woocommerce-product-rating .woocommerce-review-link:after {
                position: absolute;
                left: -18px;
                top: 0;
                bottom: 0;
                margin: auto;
                content: "";
                width: 18px;
                height: 1px;
                background: #8799a3;
            }

    .product_details .pi01Price {
        font-size: 28px;
        color: #39b54a;
        font-weight: 800;
        margin: 0 0 19px;
    }

        .product_details .pi01Price del {
            font-size: 20px;
            line-height: 32px;
            color: #b7c6ce;
            font-weight: 500;
            margin-left: 15px;
        }

.pd_excrpt {
    font-size: 18px;
    line-height: 28px;
    color: #636363;
    margin: 0 0 37px;
}

    .pd_excrpt p:last-of-type {
        margin: 0;
    }

.product_size {
    position: relative;
    margin-bottom: 32px;
}

    .product_size h6 {
        display: block;
        font-size: 14px;
        color: #252525;
        line-height: 0.8;
        margin: 0 0 13px;
    }

.size_btn {
    display: inline-block;
    margin: 0 6px 0 0;
}

    .size_btn input[type="radio"] {
        display: none;
        margin: 0;
    }

    .size_btn label {
        position: relative;
        font-size: 14px;
        line-height: 35px;
        color: #8799a3;
        font-weight: 700;
        cursor: pointer;
        width: 36px;
        z-index: 2;
        height: 36px;
        font-family: fira sans, sans-serif;
        border-radius: 50%;
        padding: 0;
        border: 1px solid #8799a3;
        background: 0 0;
        text-align: center;
        text-transform: uppercase;
    }

    .size_btn input[type="radio"]:checked + label {
        color: #fff;
    }

        .size_btn input[type="radio"]:checked + label::after {
            background: #8799a3;
            border-radius: 50%;
            width: 100%;
            height: 100%;
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
            -webkit-box-shadow: 0 10px 30px 0 rgba(135, 153, 163, 0.5);
            -moz-box-shadow: 0 10px 30px 0 rgba(135, 153, 163, 0.5);
            box-shadow: 0 10px 30px 0 rgba(135, 153, 163, 0.5);
            transition: all ease 300ms;
            -moz-transition: all ease 300ms;
            -webkit-transition: all ease 300ms;
            -ms-transition: all ease 300ms;
            -o-transition: all ease 300ms;
        }

.qty_weight {
    display: flex;
    position: relative;
    margin: 0 0 32px;
}

.cart_quantity {
    position: relative;
    margin: 0 30px 0 0;
}

.quantityd {
    height: 60px;
    position: relative;
    z-index: 1;
    border-radius: 50px;
    width: 120px;
    float: left;
    margin: 0 !important;
    border: 2px solid #eceef2;
}

    .quantityd button.qtyBtn {
        padding: 0;
        position: absolute;
        left: 19px;
        font-size: 22px;
        border: none;
        outline: none;
        color: #8799a3;
        background: 0 0;
        line-height: 60px;
        font-weight: 600;
        padding: 0;
        transition: all ease 300ms;
        -moz-transition: all ease 300ms;
        -webkit-transition: all ease 300ms;
        -ms-transition: all ease 300ms;
        -o-transition: all ease 300ms;
    }

    .quantityd input[type="number"] {
        -moz-appearance: textfield;
    }

    .quantityd input[type="number"] {
        border: medium;
        color: #252525;
        height: 100%;
        font-size: 16px;
        line-height: 60px;
        filter: none;
        margin: 0 auto;
        font-weight: 700;
        width: 40px !important;
        background: 0 0;
        left: 0;
        right: 0;
        outline: none;
        padding: 0;
        position: absolute;
        text-align: center !important;
    }

    .quantityd button.qtyBtn.btnPlus {
        right: 19px;
        left: auto;
        font-size: 18px;
    }

    .quantityd button.qtyBtn:hover {
        color: var(--theme-color);
    }

.product_details .berpo_btn {
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    padding: 0 42px;
}

    .product_details .berpo_btn i {
        width: auto;
        height: auto;
        background: 0 0;
        font-size: 15px;
        color: #fff;
        margin: 0 6px 0 0;
        line-height: inherit;
    }

    .product_details .berpo_btn:hover i {
        background: 0 0;
    }

.pro_meta {
    position: relative;
    padding: 52px 0 0;
}

    .pro_meta:after {
        position: absolute;
        left: 0;
        top: 18px;
        width: 100%;
        max-width: 362px;
        height: 2px;
        content: "";
        background: #f0f4f7;
    }

.mtItem {
    display: flex;
    margin: 0 0 12px;
    color: #8799a3;
    font-size: 16px;
}

    .mtItem h6 {
        min-width: 99px;
        font-size: 14px;
        color: #252525;
        text-transform: uppercase;
        line-height: 26px;
        margin: 0;
        position: relative;
        top: 2px;
    }

    .mtItem a {
        color: #8799a3;
        font-size: 16px;
        margin-left: 3px;
        display: inline-block;
    }

.mtsocial a {
    color: #bbc7cd;
    margin-right: 20px;
}

.mtItem a:hover {
    color: var(--theme-color);
}

.product_tabarea {
    margin: 95px 0 52px;
    padding: 0;
}

.productTabs {
    margin: 0 0 44px;
    display: inline-block;
    padding: 0;
    border: none;
}

.product_tabarea .productTabs li {
    margin: 0 17px 0 0;
    display: inline-block;
    padding: 0;
    list-style: none;
}

    .product_tabarea .productTabs li a {
        height: 50px;
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        line-height: 51px;
        text-align: center;
        color: #8799a3;
        border: 1px solid #8799a3;
        font-family: fira sans, sans-serif;
        border-radius: 50px;
        text-transform: uppercase;
        padding: 0 40px;
        margin: 0;
        box-shadow: none;
        position: relative;
    }

        .product_tabarea .productTabs li a.active,
        .product_tabarea .productTabs li a:hover {
            background: var(--theme-color);
            color: #fff;
            border-color: var(--theme-color);
        }

.pdtci_content {
    position: relative;
}

    .pdtci_content p {
        color: #636363;
        padding-right: 35px;
    }

.product_tabarea .adinfo {
    padding-right: 0;
}

    .product_tabarea .adinfo table {
        position: relative;
        width: 100%;
        border: none;
        margin: 0;
    }

        .product_tabarea .adinfo table tr th {
            line-height: 36px;
            color: #1c1f23;
            font-size: 15px;
            font-weight: 900;
            width: 500px;
            margin: 0;
            font-family: fira sans, sans-serif;
            padding: 9px 0;
            background: 0 0 !important;
            border: none;
            border-bottom: 1px dashed #d9d9d9;
        }

        .product_tabarea .adinfo table tr td {
            color: #636363;
            font-weight: 500;
            font-size: 15px;
            font-style: normal;
            margin: 0;
            background: 0 0 !important;
            border: none;
            border-bottom: 1px dashed #d9d9d9;
        }

.product_tabarea .tab-content > .tab-pane,
.product_tabarea .tab-content > .tab-pane.show.active {
    transform: none;
}

.related_area {
    position: relative;
    border-top: 2px solid #f0f4f7;
    padding: 85px 0 0;
}

.service_item_06.mb90 {
    margin-bottom: 90px;
}

.singleService01 {
    position: relative;
    padding: 160px 0;
}

.widget.service_widget {
    border-radius: 0;
    padding: 0;
    margin-right: 16px;
}

.service_widget ul {
    position: relative;
    margin: 0;
    padding: 0;
}

    .service_widget ul li {
        position: relative;
        display: block;
        margin: 0 0 10px;
        z-index: 1;
    }

        .service_widget ul li a {
            position: relative;
            display: block;
            font-size: 20px;
            line-height: 28px;
            font-weight: 500;
            padding: 18.5px 30px;
            background: #f9f9f9;
            font-family: fira sans, sans-serif;
            border-radius: 3px;
            color: #07001e;
            border: none;
        }

            .service_widget ul li a::after {
                font-size: 16px;
                position: absolute;
                right: 20px;
                top: 19px;
                line-height: 28px;
                color: #fff;
                content: "\e93f";
                font-family: themewar !important;
                visibility: hidden;
                opacity: 0;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .service_widget ul li:hover a:after,
        .service_widget ul li.active a:after {
            right: 30px;
            visibility: visible;
            opacity: 1;
        }

        .service_widget ul li:hover a,
        .service_widget ul li.active a {
            background: var(--theme-color);
            color: #fff;
        }

.service_details {
    position: relative;
    margin-left: -15px;
}

    .service_details img {
        max-width: 100%;
        height: auto;
        border-radius: 5px;
    }

    .service_details h3 {
        font-size: 35px;
        line-height: 42px;
        color: #07001e;
        margin: 29px 0 20px;
    }

    .service_details p {
        margin: 0 0 18px;
    }

    .service_details .berpo_btn.with_icon04 {
        color: #f0f0f0;
        height: 59px;
        line-height: 60px;
        padding: 0 34px;
        margin-top: 29px;
    }

.service_details02 {
    position: relative;
}

.servMeta {
    position: relative;
    padding: 24px 0 0 119px;
    min-height: 91px;
    margin: 0 0 25px;
}

    .servMeta i {
        width: 91px;
        height: 91px;
        line-height: 93px;
        color: #020288;
        font-size: 40px;
        text-align: center;
        background: #f5f5f5;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
    }

    .servMeta .simg {
        display: inline-block;
        width: 91px;
        height: 91px;
        line-height: 93px;
        color: #020288;
        font-size: 40px;
        text-align: center;
        background: #f5f5f5;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
    }

        .servMeta .simg img {
            height: 57px;
            width: auto;
        }

.gallerSliderWraper {
    position: relative;
}

.gallerSlider {
    margin: 0 30px 0 0;
}

.gallThumb {
    position: relative;
    overflow: hidden;
    border-radius: 5px 0 0 0;
}

    .gallThumb img {
        width: 100%;
        height: auto;
        border-radius: 5px 0 0 0;
    }

.gallerSliderWraper .lSPager li img {
    width: 100%;
    border-radius: 5px;
    height: auto;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}

.serPacage {
    margin: -187px 0 0 18px;
}

    .serPacage.pricing-item-02 .berpo_btn {
        background: var(--theme-color);
        box-shadow: none;
    }

    .serPacage ul li i {
        color: var(--theme-color);
    }

.service_details02 {
    position: relative;
    margin-left: -61px;
    padding: 61px 0 0;
}

    .service_details02 h3 {
        font-size: 25px;
        line-height: 28px;
        color: #13171f;
        margin: 0 0 19px;
        letter-spacing: 0.25px;
    }

    .service_details02 p {
        color: #878787;
        line-height: 30px;
        margin: 0 0 30px;
    }

.socail_share {
    position: relative;
    margin: 49px 0 0;
}

    .socail_share h5 {
        font-size: 16px;
        line-height: 26px;
        color: #13171f;
        margin: 0 0 10px;
        display: block;
        letter-spacing: 0.16px;
    }

    .socail_share a {
        display: inline-block;
        width: 45px;
        height: 45px;
        line-height: 45px;
        color: #454a53;
        text-align: center;
        font-size: 16px;
        background: 0 0;
        border-radius: 50%;
        margin-right: 10px;
    }

        .socail_share a:hover {
            color: #fff;
            background: #0051f2;
        }

.service_sidebar {
    position: relative;
    margin-right: 60px;
    margin-top: 30px;
}

.service_list {
    margin: 0 0 50px;
    padding: 0 0 12px;
    background: #f9f9f9;
    border-radius: 3px;
}

    .service_list .widget_title {
        position: relative;
        top: -30px;
        width: calc(100% - 50px);
        height: 76px;
        font-size: 20px;
        color: #161616;
        line-height: 75px;
        font-weight: 600;
        margin-bottom: -12px;
        text-transform: capitalize;
        letter-spacing: 0;
        margin-right: auto;
        margin-left: auto;
        padding: 0 34px;
        background: #fff;
        -webkit-box-shadow: 0 3px 73px 0 rgba(0, 0, 0, 0.11);
        -moz-box-shadow: 0 3px 73px 0 rgba(0, 0, 0, 0.11);
        box-shadow: 0 3px 73px 0 rgba(0, 0, 0, 0.11);
    }

        .service_list .widget_title img {
            height: 32px;
            width: auto;
            margin-right: 15px;
        }

        .service_list .widget_title i {
            display: inline-block;
            font-size: 32px;
            margin-right: 17px;
            color: #020288;
            position: relative;
            top: 10px;
        }

    .service_list ul {
        margin: 0;
        padding: 0;
    }

        .service_list ul li {
            list-style: none;
            display: block;
            position: relative;
            border-bottom: 1px solid #ebebeb;
            padding: 10px 60px;
        }

            .service_list ul li:last-child {
                border: none;
            }

            .service_list ul li a {
                display: inline-block;
                font-size: 17px;
                color: #161616;
                position: relative;
            }

                .service_list ul li a:before {
                    position: relative;
                    top: -1px;
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    background: #d6d6d6;
                    border-radius: 50%;
                    content: "";
                    margin-right: 14px;
                    transition: all ease 300ms;
                    -moz-transition: all ease 300ms;
                    -webkit-transition: all ease 300ms;
                    -o-transition: all ease 300ms;
                    -ms-transition: all ease 300ms;
                }

                .service_list ul li.active a,
                .service_list ul li a:hover {
                    color: var(--theme-color);
                }

                    .service_list ul li.active a:before,
                    .service_list ul li a:hover:before {
                        background: var(--theme-color);
                    }

.download_widget {
    position: relative;
    margin: 0 0 79px;
}

.downloadbtn.berpo_btn {
    display: block;
    height: 62px;
    background: #353535;
    border-radius: 3px;
    position: relative;
    z-index: 2;
    padding: 0 40px;
    line-height: 62px;
    color: #fff;
    text-align: left;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0 0 8px;
}

    .downloadbtn.berpo_btn i {
        display: inline-block;
        margin-right: 16px;
        position: relative;
        top: 1px;
    }

    .downloadbtn.berpo_btn .bp-shape {
        background: var(--theme-color);
    }

.downloadbtn:hover {
    color: #fff;
}

.contactInfo {
    margin: 0;
    padding: 0 0 13px;
    background: #f9f9f9;
    border-radius: 3px;
}

    .contactInfo .widget_title {
        position: relative;
        top: -30px;
        width: calc(100% - 50px);
        height: 76px;
        font-size: 20px;
        color: #161616;
        line-height: 75px;
        font-weight: 600;
        margin-bottom: 30px;
        text-transform: capitalize;
        letter-spacing: 0;
        margin-right: auto;
        margin-left: auto;
        padding: 0 34px;
        background: #fff;
        -webkit-box-shadow: 0 3px 73px 0 rgba(0, 0, 0, 0.11);
        -moz-box-shadow: 0 3px 73px 0 rgba(0, 0, 0, 0.11);
        box-shadow: 0 3px 73px 0 rgba(0, 0, 0, 0.11);
    }

        .contactInfo .widget_title img {
            height: 32px;
            width: auto;
            margin-right: 15px;
        }

        .contactInfo .widget_title i {
            display: inline-block;
            font-size: 32px;
            margin-right: 17px;
            color: #020288;
            position: relative;
            top: 10px;
        }

.infoItem {
    position: relative;
    min-height: 62px;
    padding: 5px 30px 26px 138px;
    margin-bottom: 24px;
    border-bottom: 1px solid #ececec;
}

    .infoItem:last-child {
        border: none;
        margin: 0;
    }

    .infoItem i {
        left: 53px;
        width: 62px;
        height: 62px;
        line-height: 65px;
        text-align: center;
        border-radius: 50%;
        font-size: 24px;
        color: #fff;
        background: var(--theme-color);
        position: absolute;
        left: 53px;
        top: 0;
    }

        .infoItem i.twi-phone-volume {
            transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
        }

    .infoItem h5 {
        font-size: 22px;
        color: #161616;
        line-height: 24px;
        margin: 0 0 5px;
    }

    .infoItem p {
        font-size: 18px;
        line-height: 25px;
        color: #3c3c3c;
        margin: 0;
    }

.imageGallery.owl-carousel {
    position: relative;
    margin: 0 0 32px;
}

    .imageGallery.owl-carousel .galImg {
        position: relative;
    }

        .imageGallery.owl-carousel .galImg img {
            width: 100%;
            height: auto;
            border-radius: 3px;
        }

    .imageGallery.owl-carousel .owl-dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 21px;
        z-index: 2;
        margin: 0 auto;
        text-align: center;
    }

        .imageGallery.owl-carousel .owl-dots button {
            height: 12px;
            width: 12px;
            background: #fff;
            margin: 0 3.5px;
            border-radius: 50%;
            display: inline-block;
            transition: all ease 300ms;
            -moz-transition: all ease 300ms;
            -webkit-transition: all ease 300ms;
        }

            .imageGallery.owl-carousel .owl-dots button span {
                display: none;
            }

            .imageGallery.owl-carousel .owl-dots button.active,
            .imageGallery.owl-carousel .owl-dots button:hover {
                background: var(--theme-color);
            }

.service_details03 {
    position: relative;
    margin-left: -39px;
}

    .service_details03 p {
        line-height: 30px;
        color: #878787;
        margin: 0 0 20px;
    }

.serQuote {
    position: relative;
    background: #f3f6fd;
    border-left: 3px solid var(--theme-color);
    margin: 40px 0 28px;
}

    .serQuote p {
        font-size: 18px;
        line-height: 35px;
        color: #666;
        font-style: italic;
        margin: 0;
        font-weight: 300;
        padding: 60px 50px 40px 30px;
    }

.service_details03 .berpo_btn {
    background: #202122;
    padding: 0 33px;
    margin-top: 12px;
}

    .service_details03 .berpo_btn .bp-shape {
        background: var(--theme-color);
    }

    .service_details03 .berpo_btn.with_icon i {
        background: #383839;
    }

    .service_details03 .berpo_btn.with_icon:hover i {
        background: #980000;
    }

.sp04 {
    position: relative;
    background: #f7f7f7;
    padding: 150px 0 110px;
}

    .sp04 .service_item_01 {
        margin-bottom: 40px;
    }

.sp07,
.sp06 {
    padding: 150px 0 110px;
}

    .sp06 .service_item_07 .ibMeta {
        color: var(--theme-color);
    }

    .sp06 .service_item_07 h5,
    .sp06 .service_item_07 h3 a:hover {
        color: var(--theme-color);
    }

    .sp06 .service_item_07 .srm {
        background: var(--theme-color);
    }

        .sp06 .service_item_07 .srm:hover {
            background: #030303;
        }

    .sp06 .service_item_07:after {
        -webkit-box-shadow: 0 4px 0 0 var(--theme-color);
        -moz-box-shadow: 0 4px 0 0 var(--theme-color);
        box-shadow: 0 4px 0 0 var(--theme-color);
    }

.mapsSection {
    position: relative;
    overflow: hidden;
}

    .mapsSection iframe {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 510px;
        line-height: 0.8;
        border: none;
    }

.mapsSection02 iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 611px;
    line-height: 0.8;
    border: none;
}

.google_map {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 510px;
    line-height: 0.8;
}

.icon_box_06 {
    position: relative;
    padding: 2px 0 0 74px;
    min-height: 61px;
    margin-right: -30px;
    margin-bottom: 13px;
}

    .icon_box_06 .ibMeta {
        position: absolute;
        left: 0;
        top: 0;
        width: 61px;
        height: 61px;
        background: #fff;
        line-height: 64px;
        border-radius: 50%;
        border: 2px solid #eceef2;
        font-size: 26px;
        color: var(--theme-color);
        text-align: center;
    }

    .icon_box_06 p {
        color: #252525;
        font-size: 18px;
        line-height: 28px;
        font-weight: 700;
        margin: 0;
    }

        .icon_box_06 p span {
            color: #636363;
        }

.ib62,
.ib63 {
    padding-top: 19px;
}

    .ib63 p {
        color: var(--theme-color);
    }

.contactPageForm {
    background: 0 0;
    box-shadow: none;
    margin: 0 0 0 30px;
    padding: 0;
}

    .contactPageForm .secTitle02 {
        font-size: 32px;
        line-height: 42px;
        color: #252525;
        font-weight: 800;
        text-align: left;
        margin: 0 0 29px;
    }

    .contactPageForm textarea,
    .contactPageForm input {
        height: 60px;
        border-radius: 50px;
        padding: 0 38px;
        font-size: 16px;
        line-height: 60px;
        color: #8799a3;
        background: #fff;
        font-weight: 400;
        margin: 0 0 20px;
        border: 2px solid #eceef2;
    }

    .contactPageForm textarea {
        height: 220px;
        line-height: 28px;
        padding-top: 15px;
        border-radius: 30px;
    }

        .contactPageForm textarea::-moz-placeholder,
        .contactPageForm input::-moz-placeholder {
            color: #8799a3;
            opacity: 1;
        }

        .contactPageForm textarea::-ms-input-placeholder,
        .contactPageForm input::-ms-input-placeholder {
            color: #8799a3;
            opacity: 1;
        }

        .contactPageForm textarea::-webkit-input-placeholder,
        .contactPageForm input::-webkit-input-placeholder {
            color: #8799a3;
            opacity: 1;
        }

    .contactPageForm .berpo_btn {
        height: 60px;
        font-size: 14px;
        line-height: 61px;
        border-radius: 50px;
        margin-top: 20px;
    }

.mapsSection02 {
    position: relative;
    padding: 160px 0 0;
}

    .mapsSection02 .google_map {
        height: 611px;
    }

.icon_box_07 {
    position: relative;
    padding: 0;
    margin-bottom: 30px;
}

    .icon_box_07 .ibMeta {
        margin: 0 0 32px;
        width: 123px;
        height: 123px;
        background: #fff;
        line-height: 130px;
        border-radius: 50%;
        font-size: 51px;
        color: var(--theme-color);
        text-align: center;
        -webkit-box-shadow: 0 4px 18px 0 rgba(32, 45, 73, 0.1);
        -moz-box-shadow: 0 4px 18px 0 rgba(32, 45, 73, 0.1);
        box-shadow: 0 4px 18px 0 rgba(32, 45, 73, 0.1);
    }

    .icon_box_07 h3 {
        font-size: 20px;
        line-height: 28px;
        color: #1d2c44;
        margin: 0 0 10px;
    }

    .icon_box_07 p {
        color: #646d7c;
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        font-family: fira sans, sans-serif;
        margin: 0;
    }

.cnborder {
    position: relative;
    border-top: 1px solid #e8e8e8;
    margin: 57px 0 0;
}

.teamDetailsSection {
    position: relative;
    padding: 150px 0 248px;
}

.tmImg {
    position: relative;
    margin: 0 44px 0 0;
}

    .tmImg img {
        max-width: 100%;
        height: auto;
        margin: 0 0 15px;
    }

    .tmImg .single_skill {
        margin: 25px 0 0;
    }

    .tmImg .ss_child {
        background: var(--theme-color);
    }

.tmdCon {
    position: relative;
}

    .tmdCon > p {
        margin: 0 0 27px;
    }

.tmt_meta {
    position: relative;
    padding: 0;
    margin: -7px 0 0;
}

    .tmt_meta .tm_designation {
        font-size: 15px;
        line-height: 24px;
        font-weight: 500;
        color: var(--theme-color);
        display: block;
        margin: 1px 0 4px;
    }

    .tmt_meta h4 {
        font-size: 30px;
        margin: 0 0 25px;
    }

.stm_social {
    position: relative;
    margin: 0 0 35px;
}

    .stm_social a {
        margin: 0 6px 0 0;
        display: inline-block;
        width: 36px;
        height: 36px;
        position: relative;
        z-index: 2;
        background: #fff;
        color: #252525;
        line-height: 38px;
        text-align: center;
        font-size: 14px;
        border-radius: 50%;
        -webkit-filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1));
        -moz-filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1));
        filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1));
    }

        .stm_social a::after {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            border-radius: 50%;
            margin: auto;
            width: 0;
            height: 0;
            z-index: -1;
            content: "";
            background: var(--theme-color);
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .stm_social a:hover {
            color: #fff;
        }

            .stm_social a:hover::after {
                width: 100%;
                height: 100%;
            }

.tm_meta {
    margin: 0 0 78px;
    padding: 0;
}

    .tm_meta li {
        list-style: none;
        display: block;
        font-size: 16px;
        color: #959595;
        font-weight: 500;
        line-height: 36px;
        margin: 0;
    }

        .tm_meta li span {
            display: inline-block;
            font-weight: 800;
            color: #252525;
        }

        .tm_meta li i {
            color: var(--theme-color);
            display: inline-block;
            font-size: 20px;
            position: relative;
            top: 2px;
            line-height: inherit;
            margin-right: 15px;
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

.tmser .service_item_07 .ibMeta {
    color: var(--theme-color);
}

.tmser .service_item_07 h5,
.tmser .service_item_07 h3 a:hover {
    color: var(--theme-color);
}

.tmser .service_item_07 .srm {
    background: var(--theme-color);
}

    .tmser .service_item_07 .srm:hover {
        background: #030303;
    }

.tmser .service_item_07:after {
    -webkit-box-shadow: 0 4px 0 0 var(--theme-color);
    -moz-box-shadow: 0 4px 0 0 var(--theme-color);
    box-shadow: 0 4px 0 0 var(--theme-color);
}

.tmser {
    margin-top: 86px;
    margin-bottom: 70px;
}

.tmDesc p {
    margin: 0 0 27px;
}

    .tmDesc p:last-child {
        margin-bottom: 0;
    }

.teamPage {
    position: relative;
    padding: 150px 0 115px;
}

    .teamPage .team_03 .tm_social {
        background: var(--theme-color);
    }

    .teamPage .tmcontent02 h3 a:hover,
    .teamPage .team_05 .tm_social a:hover,
    .teamPage .team_03 h3 a:hover,
    .teamPage .team_03 p,
    .teamPage .tm_content .tm_social a,
    .teamPage .tm_content h3 a:hover {
        color: var(--theme-color);
    }

        .teamPage .tm_content .tm_social a:hover {
            color: #fff;
        }

    .teamPage .team_03 {
        margin-bottom: 30px;
    }

.team_06 img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.teamPage .team_06 {
    background: var(--theme-color);
}


/* service pages */
.service-page {
    padding-top: 30px;
    padding-bottom: 95px;
}

.tabs_wrapper {
    /* text-align: center; */
    margin: 0 auto;
    background: transparent;
}

ul.tabs {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    margin: 25px 0 0;
    padding: 0;
    width: 23%;
    min-width: 175px;
    list-style: none;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* box-shadow: 2px 2px 10px rgb(0 0 0 / 40%); */
}

    ul.tabs li.active, ul.tabs li:hover {
        background: #252525;
        color: #fff;
        -ms-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        ul.tabs li:hover a {
            color: #fff;
        }

    ul.tabs li {
        margin-top: 7px;
        display: block;
        color: #252525;
        font-weight: 500;
        font-size: 16px;
        background: #F5F5F5;
        position: relative;
        padding-left: 25px;
        line-height: 58px;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
    }

        ul.tabs li.active a {
            color: #fff;
        }

        ul.tabs li a {
            color: #000;
        }

            ul.tabs li a:before {
                content: '';
                width: 6px;
                height: 0;
                background: #bb0b0b;
                position: absolute;
                top: 0;
                left: 0;
                -webkit-transition: all .4s ease;
                transition: all .4s ease;
            }

        ul.tabs li.active a:before {
            height: 100%;
        }

.service-page .tabs_wrapper .tabs .single-sidebar.broucher-sidebar {
    border: none !important;
    padding: 0 !important;
}

.service-page .tabs_wrapper .tabs .single-sidebar {
    margin-top: 45px;
}

    .service-page .tabs_wrapper .tabs .single-sidebar .title {
        margin-bottom: 30px;
    }

        .service-page .tabs_wrapper .tabs .single-sidebar .title h3 {
            margin: 0;
            color: #262626;
            font-size: 22px;
            font-family: 'Poppins';
            font-weight: 600;
        }

    .service-page .tabs_wrapper .tabs .single-sidebar.broucher-sidebar a.broucher-btn {
        display: block;
        background: #F5F5F5;
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 16px;
        line-height: 45px;
        padding-left: 75px;
        color: #252525;
        position: relative;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
    }

        .service-page .tabs_wrapper .tabs .single-sidebar.broucher-sidebar a.broucher-btn i {
            font-size: 25px;
            margin-right: 13px;
            line-height: 45px;
            position: absolute;
            top: 50%;
            left: 30px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.tab_container {
    display: inline-block;
    vertical-align: top;
    /* position: relative; */
    z-index: 20;
    left: -2%;
    width: 76%;
    min-width: 10px;
    text-align: left;
    padding-left: 30px;
}

.tab_drawer_heading {
    display: none;
}

.tab_content {
    padding: 20px;
    height: 100%;
    display: none;
}

.tab_drawer_heading {
    display: none;
}

.tab_content h3, .tab_content h2, .tab_content h5, .tab_content h6, .tab_content h4 {
    color: #d42b26;
}

hr {
    border: 1px solid #b6afaf !important;
}

.tab_content ul {
    padding: 0;
    list-style-type: none;
}

    .tab_content ul.list-items li {
        position: relative;
        color: #878787;
        font-size: 15px;
        padding-left: 30px;
    }

        .tab_content ul.list-items li i {
            font-size: 16px;
            color: #545454;
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

#service-table table {
    border-collapse: collapse;
    border-bottom: 1px solid rgb(0, 0, 0, 0.2);
    max-width: 2000px;
    width: 100%;
    margin: 10px auto 20px auto;
}

#service-table tr {
    transition: background-color 0.5s;
}

#service-table th {
    background-color: #f4f4f4;
    padding: 10px;
    text-align: left;
    font-size: 18px;
}

#service-table td {
    padding: 8px;
    border-bottom: 1px solid black;
    border: 1px solid rgb(0, 0, 0, 0.2);
}

.inner-banner {
    text-align: center;
    padding-top: 105px;
    padding-bottom: 50px;
    background: #000 url(../inner-banner-1-1.jpg) center center no-repeat;
    background-size: cover;
}

    .inner-banner h3 {
        font-size: 36px;
        font-family: 'lato',sans-serif;
        font-weight: 600;
        color: #FFFFFF;
        margin-bottom: 5px;
    }

    .inner-banner h3, .inner-banner ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .inner-banner ul.breadcumb li {
            display: inline-block;
            vertical-align: middle;
        }

        .inner-banner ul.breadcumb a, .inner-banner ul.breadcumb span {
            color: #d42b26;
            font-size: 18px;
        }

            .inner-banner ul.breadcumb span.sep {
                margin-left: 10px;
                margin-right: 10px;
                color: #d42b26;
            }

        .inner-banner ul.breadcumb span {
            color: #fff;
        }

        .inner-banner ul.breadcumb span {
            color: #fff;
        }

.service-page .service-item-box {
    padding-left: 30px;
}

.section-three-service {
    padding: 20px 0 20px;
}

.three-services .pipe a {
    padding: 10px;
}

.three-services .pipe .pipe-img {
    display: flex;
    background-color: #bb0b0b;
    margin: auto;
    text-align: center;
    padding: 5px;
    border-radius: 40px;
}

    .three-services .pipe .pipe-img i {
        margin: 0 12px;
    }

    .three-services .pipe .pipe-img h5 {
        margin: auto 0;
        font-size: 18px;
        color: #fff;
    }

#bauxite {
    margin-left: -20px;
}

#pottassium {
    margin-left: -40px;
}

#phosphurus {
    margin-left: -40px;
}