/*===============================================
Template Name: Logistcwr - Transport and Logistics HTML5 Template
Author:  https://themeforest.net/user/sthemeit
Description: Description
Version: 1.0.0
Text Domain: Logistcwr
================================================*/

/* CSS Index
=====================
01. Header Top Area
02. Header Menu Area
03. SLider Area
04. Feature Area
05. About Area
06. Service Area
07. Testimonial Area
08. Appointment Area
09. FAQ Area
10. Project Area
11. Team Member
12. Pricing Area
13. Subscribe Area
14. Map Area
15. Blog Area
16. Brand Area
17. Footer Area
18. Breadcumb Area
19. Back-To-Top
20. 404 Area
21. Team Details
22. Progress-Bar Area
23. Project Details
24. BLog Details
25. Service Details

*/
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap');

:root {
    --st-theme-color-one: #f68b21;
    --st-theme-color-two: #003d4d;
    --st-theme-body-color: #525459;
    --st-theme-color-white: #fff;
    --st-testi-bg: #1d1d1d;
    --st-header-bg: #d1e4ea;
    --st-bg: #f5f4f9;
    --st-team-color: #f4f4f9;
    --st-header-meta-icon-bg: #054c60;
    --st-project-bg: #ebebeb;
    --st-theme-dark-color: #171717;
    --st-theme-dark-color-two: #202020;
    --st-theme-dark-color-three: #1f1f1f;
    --st-theme-dark-color-four: #262626;
    --st-theme-dark-color-text: #9f9f9f;
    --st-theme-dark-bg2: #090d16;
    --st-theme-dark-bg3: #070a11;
    --st-theme-dark-bg4: #070e16;
    --st-theme-dark-bg5: #0f191b;
    --st-theme-dark-bg6: #091018;
    --st-theme-rgba: rgba(255,255,255,0.2);
    --st-theme-sidebar-bg: #f7f6f1;
}
/* Custom Container CSS */
.container {
    max-width: 1396px;
}

.book__container {
    max-width: 1683px;
    background: var(--st-bg);
    margin-bottom: -350px;
    position: relative;
}

.container-large {
    max-width: 1600px;
}

.container-largetwo {
    max-width: 1920px;
    padding: 0px 0 0 138px;
}
/* 01. Header Top Area */
.st-header-top-area {
    padding: 10px 0;
    background: var(--st-theme-color-one);
}

.st-header-top-info ul li {
    display: inline;
    margin-right: 76px;
    position: relative;
}

    .st-header-top-info ul li:before {
        position: absolute;
        content: "";
        top: -8px;
        right: -38px;
        height: 40px;
        width: 1px;
        background: rgba(255,255,255,0.3);
    }

    .st-header-top-info ul li:last-child::before {
        display: none;
    }

    .st-header-top-info ul li a {
        color: var(--st-theme-color-white);
        font-size: 16px;
    }

        .st-header-top-info ul li a i {
            margin-right: 4px;
        }

.st-header-top-social {
    text-align: right;
}

    .st-header-top-social span {
        display: inline-block;
        color: var(--st-theme-color-white);
        margin-right: 15px;
        font-size: 18px;
    }

    .st-header-top-social ul {
        display: inline-block;
    }

        .st-header-top-social ul li {
            display: inline;
            margin-right: 12px;
        }

            .st-header-top-social ul li a {
                display: inline-block;
                font-size: 18px;
                color: var(--st-theme-color-white);
                transition: .5s;
                -webkit-transition: .5s;
                -moz-transition: .5s;
                -ms-transition: .5s;
                -o-transition: .5s;
            }

                .st-header-top-social ul li a:hover {
                    color: var(--st-theme-color-two);
                }
/* Header Top Style Two */
.style2.st-header-top-area {
    background: var(--st-theme-color-white);
    position: relative;
    z-index: 1;
}

    .style2.st-header-top-area::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        background: var(--st-theme-color-white);
        height: 100%;
        width: 112px;
        z-index: -1;
    }

    .style2.st-header-top-area::after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        background: var(--st-theme-color-two);
        height: 100%;
        width: 203px;
        z-index: -1;
    }

    .style2.st-header-top-area .st-header-top-info ul li a {
        color: var(--st-theme-color-two);
    }

    .style2.st-header-top-area .st-header-top-social span {
        color: var(--st-theme-color-two);
    }

    .style2.st-header-top-area .st-header-top-social ul li a {
        color: var(--st-theme-color-two);
    }

    .style2.st-header-top-area .st-header-top-social {
        text-align: left;
        display: inline-block;
    }

.header-top-btn {
    display: inline-block;
    float: inline-end;
    margin-right: 25px;
}

    .header-top-btn a {
        font-size: 17px;
        letter-spacing: 2px;
        color: var(--st-theme-color-white);
        font-weight: 500;
    }

.style2.st-header-top-area .st-header-top-social ul li a:hover {
    color: var(--st-theme-color-one);
}
/* ST Header Area */
.st-header-menu-area {
    background: var(--st-header-bg);
    padding: 7px 0 7px;
    position: relative;
}

    .st-header-menu-area::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        background: var(--st-theme-color-two);
        width: 342px;
        height: 100%;
        z-index: 1;
    }

.st-header-logo {
    position: relative;
    z-index: 1;
}

.st__logo__overlay {
    position: relative;
}

.st-header-menu-area.style2 .st__logo__overlay::before {
    transform: skewX(25deg);
    width: 22%;
    height: 124px;
    top: -34px;
    left: -28px;
}

.st-header-menu-area.style2 .st__logo__overlay::after {
    top: -21px;
    left: 20%;
    background: var(--st-project-bg);
    width: 3%;
    transform: skewX(25deg);
}

.st__logo__overlay::before {
    position: absolute;
    content: "";
    top: -7px;
    left: -40px;
    background: var(--st-theme-color-two);
    width: 26%;
    height: 112px;
    z-index: 1;
    transform: skewX(-36deg);
}

.st__logo__overlay::after {
    position: absolute;
    content: "";
    top: -7px;
    left: 22%;
    background: var(--st-header-bg);
    width: 3%;
    height: 83px;
    z-index: 1;
    transform: skewX(30deg);
}

.st-header-logo a img {
    position: relative;
    /* left: -75px; */
    height: 95px;
    max-width: 100%;
    max-height: 95px;
}
/* 02 Header Menu Area */
.st__menu__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.st__main__menu {
    text-align: center;
    display: inline-block;
    position: relative;
    left: 93px;
}

.st-contact-meta {
    display: inline-block;
}

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

.main__menu ul li {
    display: inline;
    position: relative;
    z-index: 2;
    padding-bottom: 56px;
}

    .main__menu ul li a {
        display: inline-block;
        color: var(--st-theme-color-two);
        font-size: 20px;
        font-weight: 500;
        position: relative;
        margin-right: 52px;
    }

        .main__menu ul li a i {
            display: inline-block;
            font-size: 14px;
            font-weight: 700;
        }

        .main__menu ul li a::before {
            position: absolute;
            content: "";
            bottom: 0;
            right: 0;
            background: var(--st-theme-color-two);
            width: 0%;
            height: 1px;
            transition: .5s;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
        }

        .main__menu ul li a:hover::before {
            width: 100%;
            left: 0;
        }

.st-contact-content {
    font-size: 18px;
    font-weight: 500;
    color: var(--st-theme-color-white);
    margin-left: 28px;
}

    .st-contact-content span {
        display: block;
        font-weight: 500;
        color: var(--st-theme-color-white);
        font-size: 18px;
    }

.st__contact__meta__inner {
    display: flex;
    align-items: center;
    float: right;
    position: relative;
    z-index: 1;
    left: 105px;
}

.st-contact-icon a i {
    display: inline-block;
    width: 72px;
    height: 72px;
    line-height: 72px;
    background: var(--st-header-meta-icon-bg);
    text-align: center;
    color: var(--st-theme-color-white);
    font-size: 30px;
    border-radius: 50%;
    -webkit-animation: pulse2 linear 1000ms infinite;
    animation: pulse2 linear 1000ms infinite;
    -webkit-transition: all 0.4s;
}

@keyframes pulse2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--st-header-meta-icon-bg);
        box-shadow: 0 0 0 0 var(--st-header-meta-icon-bg);
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(94, 223, 255, 0);
        box-shadow: 0 0 0 20px rgba(94, 223, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
        box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
    }
}
/* Sub Menu */
.main__menu ul li .sub__menu {
    position: absolute;
    top: 65px;
    left: 0;
    width: 310px;
    background: var(--st-theme-color-two);
    text-align: left;
    padding: 20px 0 20px 20px;
    opacity: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    visibility: hidden;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    display: block;
    z-index: 99;
}
.sub__menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

.main__menu ul li:hover .sub__menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

.main__menu ul li .sub__menu li {
    display: block;
    padding-bottom: 10px;
    overflow: hidden;
}

    .main__menu ul li .sub__menu li a {
        margin-right: 0;
        color: var(--st-theme-color-white);
        display: inline-block;
        font-size: 16px;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

        .main__menu ul li .sub__menu li a:hover {
            color: var(--st-theme-color-one);
        }

        .main__menu ul li .sub__menu li a::before {
            position: absolute;
            content: "";
            bottom: 0;
            right: 0;
            background: var(--st-theme-color-one);
            width: 0%;
            height: 1px;
            transition: .5s;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
        }

        .main__menu ul li .sub__menu li a:hover::before {
            width: 100%;
            left: 0;
        }

    .main__menu ul li .sub__menu li .sub__menu {
        position: absolute;
        left: 290px;
        right: auto;
        top: 0;
        transform: translateX(0%);
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .main__menu ul li .sub__menu li:hover .sub__menu {
        opacity: 1 !important;
        visibility: visible !important;
        top: -20px !important;
    }
/* Sticky */
.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    animation: .95s ease-in-out 0s normal none 1 running fadeInDown;
    z-index: 9;
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: var(--st-header-bg);
    padding: 8px 0 8px;
}

.st-header-menu-area.style2 .is-sticky {
    background: var(--st-project-bg);
    padding: 10px 0;
}

    .st-header-menu-area.style2 .is-sticky::before {
        background-color: transparent;
    }

.is-sticky .st__logo__overlay::before {
    height: 110px;
}

.is-sticky .st-header-logo::before {
    top: -55px;
}

.is-sticky::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    background: var(--st-theme-color-two);
    width: 342px;
    height: 100%;
    z-index: 1;
}

.is-sticky .st-header-menu ul li .sub__menu {
    top: 73px;
}
/* Header Style Two */
.st-header-menu-area.style2 {
    background: var(--st-project-bg);
    padding: 10px 0;
}

    .st-header-menu-area.style2 .st__main__menu {
        left: 115px;
    }

.style2.st-header-menu-area::before {
    background: transparent;
}

.style2.st-header-menu-area .st-contact-icon a i {
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 20px;
}

.style2.st-header-menu-area .st-contact-content span {
    color: var(--st-theme-color-two);
}

.style2.st-header-menu-area .st-contact-content {
    color: var(--st-theme-color-two);
}

.style2.st-header-menu-area .st__contact__meta__inner {
    left: 123px;
}
/* 03. SLider Area */
.st-slider-area {
    height: 850px;
    position: relative;
    overflow: hidden;
}

.slider__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 7000ms linear;
    -webkit-transition: all 7000ms linear;
    -moz-transition: all 7000ms linear;
    -ms-transition: all 7000ms linear;
    -o-transition: all 7000ms linear;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.owl-item.active .slider__bg {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}

.slider-content h5 {
    color: var(--st-theme-color-white);
    font-weight: 400;
    font-size: 20px;
    position: relative;
    display: inline-block;
    margin-left: 46px;
}

    .slider-content h5::before {
        position: absolute;
        content: "";
        top: 0;
        left: -34px;
        background: var(--st-theme-color-one);
        height: 16px;
        width: 16px;
        transform: rotate(45deg);
        transition: all 1000ms ease;
        -webkit-animation: st__rotate 10s infinite linear;
        -moz-animation: st__rotate 5s infinite linear;
        -o-animation: st__rotate 5s infinite linear;
        animation: st__rotate 5s infinite linear;
        -webkit-animation-play-state: running;
        -moz-animation-play-state: running;
        -o-animation-play-state: running;
        animation-play-state: running;
        z-index: 1;
    }

    .slider-content h5::after {
        position: absolute;
        content: "";
        top: 0;
        left: -39px;
        background: var(--st-theme-color-white);
        height: 16px;
        width: 16px;
        transform: rotate(45deg);
        transition: all 1000ms ease;
        -webkit-animation: st__rotate 10s infinite linear;
        -moz-animation: st__rotate 5s infinite linear;
        -o-animation: st__rotate 5s infinite linear;
        animation: st__rotate 5s infinite linear;
        -webkit-animation-play-state: running;
        -moz-animation-play-state: running;
        -o-animation-play-state: running;
        animation-play-state: running;
    }

@keyframes st__rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.slider-content h1 {
    color: var(--st-theme-color-white);
    line-height: 84px;
    font-size: 72px;
    font-weight: 600;
}

.slider-content p {
    color: var(--st-theme-color-white);
    margin-top: 25px;
    margin-bottom: 0px;
    font-size: 18px;
    width: 56%;
}

button.st__btn {
    border: none;
}

.st__btn {
    display: inline-block;
    background: var(--st-theme-color-one);
    font-size: 24px;
    color: var(--st-theme-color-white);
    padding: 18px 42px;
    position: relative;
    overflow: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    z-index: 1;
}

    .st__btn:hover {
        color: var(--st-theme-color-two);
    }

    .st__btn::before {
        position: absolute;
        content: "";
        top: 0;
        left: -12px;
        width: 30px;
        height: 100%;
        background: var(--st-theme-color-white);
        transform: skew(22deg);
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        z-index: -1;
    }

    .st__btn:hover::before {
        width: 95%;
    }

    .st__btn i {
        margin-left: 17px;
        transform: rotate(-49deg);
        display: inline-block;
        font-size: 22px;
        color: var(--st-theme-color-white);
    }

    .st__btn:hover i {
        color: var(--st-theme-color-two);
    }

.owl-item.active .slider-content h5 {
    animation: .50s ease-in-out 0.5s normal none 1 running fadeInDown;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    -webkit-animation: .50s ease-in-out 0.5s normal none 1 running fadeInDown;
}

.owl-item.active .slider-content h1 {
    animation: .60s ease-in-out 0.6s normal none 1 running fadeInDown;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    -webkit-animation: .60s ease-in-out 0.6s normal none 1 running fadeInDown;
}

.owl-item.active .slider-content p {
    animation: .70s ease-in-out 0.7s normal none 1 running fadeInDown;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    -webkit-animation: .70s ease-in-out 0.7s normal none 1 running fadeInDown;
}

.owl-item.active .slider-content a {
    animation: .80s ease-in-out 1s normal none 1 running fadeInUp;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    -webkit-animation: .80s ease-in-out 1s normal none 1 running fadeInUp;
}

.st__slider__carousel .owl-nav {
    position: absolute;
    top: 43%;
    right: 70px;
}

    .st__slider__carousel .owl-nav div i {
        color: var(--st-theme-color-white);
        font-size: 18px;
        background: var(--st-theme-color-one);
        width: 45px;
        height: 45px;
        line-height: 45px;
        display: inline-block;
        text-align: center;
        margin: 10px 0;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

        .st__slider__carousel .owl-nav div i:hover {
            background: var(--st-theme-color-two);
        }
/* Slider Style Two */
.slider__style2.st__slider__carousel .owl-nav {
    position: absolute;
    bottom: 0;
    right: 70px;
    top: inherit;
    display: flex;
    background: #fff;
    padding: 30px 30px;
    /* border-radius: 50px 0 0 0; */
}

    .slider__style2.st__slider__carousel .owl-nav div i {
        width: 66px;
        height: 66px;
        line-height: 66px;
        border-radius: 0;
        background: var(--st-theme-color-two);
        margin: 0 1px;
        font-size: 26px;
    }

        .slider__style2.st__slider__carousel .owl-nav div i:hover {
            background: var(--st-theme-color-one);
        }

.st__slider__carousel.slider__style2 {
    position: relative;
}

    .st__slider__carousel.slider__style2::before {
        position: absolute;
        content: "Slide Image";
        bottom: 39px;
        right: 295px;
        font-size: 22px;
        color: var(--st-theme-color-two);
        z-index: 1;
        font-family: "Josefin Sans Roman";
        font-weight: 500;
        display: none;
    }
/* 04. Feature Area */
.st-feature-area {
    background: var(--st-theme-color-two);
}

.st__feature__box {
    background: var(--st-theme-color-white);
    padding: 42px 33px 33px;
}

.st__feature__icon {
    position: relative;
    z-index: 1;
}

    .st__feature__icon::before {
        position: absolute;
        content: "";
        top: 0;
        left: 32px;
        background: #f1f1f1;
        width: 50px;
        height: 50px;
        transform: rotate(45deg);
        z-index: -1;
        transition: all 1000ms ease;
        -webkit-animation: st__rotate 10s infinite linear;
        -moz-animation: st__rotate 5s infinite linear;
        -o-animation: st__rotate 5s infinite linear;
        animation: st__rotate 5s infinite linear;
        -webkit-animation-play-state: running;
        -moz-animation-play-state: running;
        -o-animation-play-state: running;
        animation-play-state: running;
    }

.st__feature__content h2 {
    font-size: 26px;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 18px;
}

.line {
    display: inline-block;
    width: 80px;
    height: 3px;
    background: var(--st-theme-color-one);
    position: relative;
}

    .line:after {
        position: absolute;
        content: '';
        height: 4px;
        width: 12px;
        background-color: var(--st-theme-color-white);
        left: 0;
        bottom: 0;
        animation: st__line 3s ease infinite alternate;
        -webkit-animation: st__line 3s ease infinite alternate;
    }

@keyframes st__line {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(74px);
        -webkit-transform: translateX(74px);
        -moz-transform: translateX(74px);
        -ms-transform: translateX(74px);
        -o-transform: translateX(74px);
    }
}

.st__feature__carousel .owl-nav {
    position: relative;
}

    .st__feature__carousel .owl-nav div i {
        color: var(--st-theme-color-white);
        font-size: 18px;
        background: var(--st-theme-color-one);
        width: 65px;
        height: 65px;
        line-height: 65px;
        display: inline-block;
        text-align: center;
        margin: 10px 0;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        font-size: 22px;
    }

        .st__feature__carousel .owl-nav div i:hover {
            background: var(--st-header-meta-icon-bg);
        }

.st__feature__carousel .owl-next {
    position: absolute;
    right: -115px;
    top: 50%;
    transform: translateY(-211px);
}

.st__feature__carousel .owl-prev {
    position: absolute;
    left: -115px;
    top: 50%;
    transform: translateY(-211px);
}

.st__feature__bottom span {
    font-size: 18px;
    font-weight: 400;
}

    .st__feature__bottom span a {
        display: inline-block;
        color: var(--st-theme-color-one);
        position: relative;
        margin-left: 11px;
    }

        .st__feature__bottom span a::before {
            position: absolute;
            content: "";
            bottom: 0;
            right: 0;
            background: var(--st-theme-color-one);
            width: 0%;
            height: 1px;
            transition: .5s;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
        }

        .st__feature__bottom span a:hover::before {
            width: 100%;
            left: 0;
        }
/* 05. About Area */
.st__about__wrap {
    padding-left: 40px;
    margin-top: 18px;
}

.st__about__thumb img {
    max-width: 100%;
}

.st__section__title h5 {
    color: var(--st-theme-color-one);
    position: relative;
    display: inline-block;
    margin-left: 46px;
    font-size: 24px;
    font-weight: 500;
}

    .st__section__title h5::before {
        position: absolute;
        content: "";
        top: 0;
        left: -45px;
        background: var(--st-theme-color-one);
        height: 16px;
        width: 16px;
        transform: rotate(45deg);
        transition: all 1000ms ease;
        -webkit-animation: st__rotate 10s infinite linear;
        -moz-animation: st__rotate 5s infinite linear;
        -o-animation: st__rotate 5s infinite linear;
        animation: st__rotate 5s infinite linear;
        -webkit-animation-play-state: running;
        -moz-animation-play-state: running;
        -o-animation-play-state: running;
        animation-play-state: running;
        z-index: 1;
    }

    .st__section__title h5::after {
        position: absolute;
        content: "";
        top: 0;
        left: -39px;
        background: var(--st-theme-color-two);
        height: 16px;
        width: 16px;
        transform: rotate(45deg);
        transition: all 1000ms ease;
        -webkit-animation: st__rotate 10s infinite linear;
        -moz-animation: st__rotate 5s infinite linear;
        -o-animation: st__rotate 5s infinite linear;
        animation: st__rotate 5s infinite linear;
        -webkit-animation-play-state: running;
        -moz-animation-play-state: running;
        -o-animation-play-state: running;
        animation-play-state: running;
        z-index: 1;
    }

.st__section__title h1 {
    font-size: 32px;
    line-height: normal;
    color: var(--st-theme-color-two);
    font-weight: 500;
    margin-top: 22px;
}

.st__section__title p {
    margin-top: 23px;
}
/* Section Title Style2 */
.st__section__title.style2 h5 {
    color: var(--st-theme-color-two);
}

.st__about__iconbox {
    background: var(--st-bg);
    padding: 31px 59px 13px;
    align-items: center;
    border-left: 5px solid var(--st-theme-color-one);
}

.st__about__icon {
    background: var(--st-theme-color-white);
    padding: 17px 18px;
    position: relative;
    margin-top: -18px;
}

    .st__about__icon img {
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

.st__about__iconbox:hover .st__about__icon img {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
}

.st__about__icon::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px dashed var(--st-theme-color-one);
}

.st__about__iconcontent {
    margin-left: 22px;
}

    .st__about__iconcontent h3 {
        font-size: 24px;
        color: var(--st-theme-color-two);
        font-weight: 500;
        margin-bottom: 10px;
    }

.st-about-area .st__about__btn {
    display: inline-block;
}

.st__btn2 {
    display: inline-block;
    background: var(--st-theme-color-one);
    font-size: 24px;
    color: var(--st-theme-color-white);
    padding: 18px 38px;
    position: relative;
    overflow: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    z-index: 1;
}

    .st__btn2:hover {
        color: var(--st-theme-color-white);
    }

    .st__btn2::before {
        position: absolute;
        content: "";
        top: 0;
        left: -12px;
        width: 30px;
        height: 100%;
        background: var(--st-theme-color-two);
        transform: skew(22deg);
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        z-index: -1;
    }

    .st__btn2:hover::before {
        width: 95%;
    }

    .st__btn2 i {
        margin-left: 17px;
        transform: rotate(-49deg);
        display: inline-block;
        font-size: 22px;
    }

.st__about__info__icon a i {
    display: inline-block;
    width: 64px;
    height: 64px;
    line-height: 64px;
    background: #fce6ce;
    text-align: center;
    color: var(--st-theme-color-one);
    font-size: 25px;
    border-radius: 50%;
    -webkit-transition: all 0.4s;
}

@keyframes pulse3 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #fce6ce;
        box-shadow: 0 0 0 0 #fce6ce;
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(94, 223, 255, 0);
        box-shadow: 0 0 0 20px rgba(94, 223, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
        box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
    }
}

.st__about__infocontent span {
    display: block;
    font-weight: 500;
    font-size: 18px;
    color: var(--st-theme-color-one);
}

.st__about__infocontent {
    font-size: 18px;
    font-weight: 500;
    margin-left: 28px;
}

.st__about__infometa {
    display: inline-block;
    position: relative;
    top: -21px;
    left: 30px;
}
/* About Style2 */
.st__about__right {
    display: flex;
    align-items: center;
    margin-top: 38px;
}

.st__about__list__box {
    border-bottom: 1px solid #ebebea;
    padding-bottom: 19px;
}

.about__list li {
    opacity: 0.949;
    font-size: 20px;
    color: var(--st-theme-color-two);
    font-weight: 500;
    margin-bottom: 15px;
    padding-left: 28px;
    position: relative;
}

    .about__list li::before {
        position: absolute;
        content: "";
        top: 9px;
        left: 2px;
        width: 9px;
        height: 9px;
        background: var(--st-theme-color-one);
    }

    .about__list li::after {
        content: '';
        position: absolute;
        left: -1px;
        top: 6px;
        height: 15px;
        width: 15px;
        border: 1px solid var(--st-theme-color-one);
    }

.st__about__video__box {
    display: inline-block;
    margin-right: 70px;
    margin-top: -10px;
}

.st__about__video {
    display: inline-block;
    width: 60px;
    line-height: 60px;
    height: 60px;
    background: var(--st-theme-color-one);
    text-align: center;
    border-radius: 50%;
    color: #fff;
    -webkit-animation: pulse3 linear 1000ms infinite;
    animation: pulse3 linear 1000ms infinite;
    -webkit-transition: all 0.4s;
    font-size: 27px;
}

@keyframes pulse3 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #f4f4f4;
        box-shadow: 0 0 0 0 #f4f4f4;
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px #f4f4f4;
        box-shadow: 0 0 0 20px #f4f4f4;
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 #f4f4f4;
        box-shadow: 0 0 0 0 #f4f4f4;
    }
}

.st__about__video__box span {
    font-size: 18px;
    text-decoration: underline;
    font-weight: 500;
    margin-left: 18px;
}
/* 06. Service Area */
.st-service-area {
    background: var(--st-bg);
}

.st__section__title.text-center h5 {
    margin-left: 13px;
}

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

    .circle::before {
        position: absolute;
        content: "";
        top: -20px;
        left: 20px;
        background: var(--st-theme-color-one);
        height: 16px;
        width: 16px;
        transform: rotate(45deg);
        transition: all 1000ms ease;
        -webkit-animation: st__rotate 10s infinite linear;
        -moz-animation: st__rotate 5s infinite linear;
        -o-animation: st__rotate 5s infinite linear;
        animation: st__rotate 5s infinite linear;
        -webkit-animation-play-state: running;
        -moz-animation-play-state: running;
        -o-animation-play-state: running;
        animation-play-state: running;
        z-index: 1;
    }

    .circle::after {
        position: absolute;
        content: "";
        top: -16px;
        left: 20px;
        background: var(--st-theme-color-two);
        height: 16px;
        width: 16px;
        transform: rotate(45deg);
        transition: all 1000ms ease;
        -webkit-animation: st__rotate 10s infinite linear;
        -moz-animation: st__rotate 5s infinite linear;
        -o-animation: st__rotate 5s infinite linear;
        animation: st__rotate 5s infinite linear;
        -webkit-animation-play-state: running;
        -moz-animation-play-state: running;
        -o-animation-play-state: running;
        animation-play-state: running;
        z-index: 1;
    }

.st__service__thumb {
    position: relative;
    z-index: 1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    overflow: hidden;
}

.st__service__box:hover .st__service__thumb::before {
    width: 100%;
}

.st__service__thumb::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0%;
    height: 10px;
    background: var(--st-theme-color-one);
    z-index: 1;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}

.st__service__thumb img {
    width: 100%;
}

.st__service__icon {
    position: absolute;
    top: 46px;
    left: 33px;
}

.st__service__content {
    background: var(--st-theme-color-white);
    padding: 21px 40px 52px;
    filter: drop-shadow(0px 1px 20px rgba(109,109,109,0.11));
    position: relative;
    left: 25px;
    bottom: 50px;
    width: 89%;
    border-left: 5px solid var(--st-theme-color-one);
    z-index: 1;
    max-height: 100%;
}

.text__four {
    padding: 21px 40px 28px;
    position: inherit;
    bottom: 0;
    left: 0;
    width: 100%;
}

.st__service__content::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    background: var(--st-theme-color-one);
    width: 0%;
    height: 100%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    z-index: -1;
}

.st__service__box:hover .st__service__content::before {
    width: 100%;
    left: 0;
}

.st__service__content span {
    font-size: 18px;
    color: var(--st-theme-color-two);
    font-weight: 500;
    position: relative;
    left: 46px;
}

    .st__service__content span::before {
        position: absolute;
        content: "";
        top: 12px;
        left: -46px;
        width: 34px;
        height: 2px;
        background: var(--st-theme-color-one);
    }

.st__service__content h2 a {
    font-size: 26px;
    color: var(--st-theme-color-two);
    font-weight: 500;
    margin-top: 18px;
    display: inline-block;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.p-relative {
    position: relative;
}

.st__service__btn {
    position: absolute;
    right: 0;
    bottom: -27px;
    z-index: 1;
}

    .st__service__btn a {
        display: inline-block;
        padding: 12px 29px;
        background: var(--st-theme-color-two);
        color: var(--st-theme-color-white);
        font-size: 30px;
        position: relative;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

        .st__service__btn a::before {
            position: absolute;
            content: "";
            top: 27px;
            right: 87px;
            background: var(--st-theme-color-two);
            width: 32px;
            height: 27px;
            z-index: 1;
            clip-path: polygon(0 0, 100% 0%, 100% 100%);
            transition: .5s;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
        }

.st__service__btn__one {
    background: var(--st-theme-color-two);
    display: inline-block;
    font-size: 18px;
    padding: 12px 19px;
    margin-top: 17px;
    transition: .6s;
}

    .st__service__btn__one a {
        color: var(--st-theme-color-white);
    }

        .st__service__btn__one a i {
            color: var(--st-theme-color-white);
        }

.st__service__box:hover .st__service__btn__one {
    background: var(--st-theme-color-white);
}

    .st__service__box:hover .st__service__btn__one a {
        color: var(--st-theme-dark-bg2);
    }

        .st__service__box:hover .st__service__btn__one a i {
            color: var(--st-theme-dark-bg2);
        }

.st__service__box:hover .st__service__btn a::before {
    background: var(--st-theme-color-one);
}

.st__service__box:hover .st__service__btn a {
    background: var(--st-theme-color-one);
}

.st__service__box:hover .st__service__content span,
.st__service__box:hover .st__service__content h2 a {
    color: var(--st-theme-color-white);
}

    .st__service__box:hover .st__service__content span::before {
        background: var(--st-theme-color-white);
    }
/* Service Style2 */
.st-service-area.style2 .st__service__content h2 a {
    font-size: 24px;
    color: var(--st-theme-color-two);
    font-weight: 600;
}

    .st-service-area.style2 .st__service__content h2 a:hover {
        color: var(--st-theme-color-one);
    }

.st-service-area.style2 .st__service__icon__two {
    background: var(--st-theme-color-two);
    width: 90px;
    height: 100px;
    line-height: 90px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0px 0 50px 50px;
}

.st-service-area.style2 .st__service__content {
    padding: 26px 0 60px 113px;
    bottom: 133px;
    border-left: none;
}

.st-service-area.style2 .st__service__thumb__two {
    overflow: hidden;
}

    .st-service-area.style2 .st__service__thumb__two img {
        width: 100%;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

.st-service-area.style2 .st__service__box__two:hover .st__service__thumb__two img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.st-service-area.style2 .st__service__content p {
    line-height: 1.5;
    margin-top: 15px;
}

.st-service-area.style2 .st__service__btn {
    position: absolute;
    right: 0;
    bottom: -26px;
    z-index: 1;
}

.st-service-area.style2 .st__service__content::before {
    top: -28px;
    right: -50px;
    background: url(../images/service/bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.st-service-area.style2 .st__service__btn a::before {
    background: var(--st-theme-color-one);
}

.st__service__box__two:hover .st__service__btn a::before {
    background: var(--st-theme-color-two);
}

.st__service__box__two:hover .st__service__btn a {
    background: var(--st-theme-color-one);
}
/* 07. Testimonial Area */
.st__testimonial__box {
    background: var(--st-bg);
    padding: 47px 29px 71px;
    z-index: 1;
}

    .st__testimonial__box::before {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background: var(--st-theme-color-two);
        z-index: -1;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

    .st__testimonial__box:hover::before {
        top: 0;
        height: 100%;
    }

.st__testi__inner {
    border-bottom: 1px solid rgba(219,219,219,0.9);
    padding-bottom: 30px;
    margin-bottom: 35px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.st__testimonial__box:hover .st__testi__inner {
    border-bottom: 1px solid rgba(219,219,219,0.2);
}

.st__testi__content h2 {
    font-size: 32px;
    font-weight: 600;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.st__testi__content {
    margin-left: 20px;
}

    .st__testi__content span {
        font-size: 17px;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

.st__testi__desc p {
    font-size: 20px;
    line-height: 30px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.st__testi_quote {
    position: absolute;
    right: -11px;
    bottom: -6px;
}

.st__testimonial__box:hover .st__testi_quote i {
    color: rgba(238,238,238,0.2);
}

.st__testi_quote i {
    font-size: 150px;
    color: #e8e7ec;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.st__testimonial__box:hover .st__testi__content h2,
.st__testimonial__box:hover .st__testi__content span,
.st__testimonial__box:hover .st__testi__desc p {
    color: var(--st-theme-color-white);
}
/* Testimonial Style2 */
.st-testimonial-area.style2 {
    background: var(--st-testi-bg);
    padding-top: 482px;
}

    .st-testimonial-area.style2 .st__section__title h5::after {
        background: var(--st-theme-color-white);
    }

    .st-testimonial-area.style2 .circle::after {
        background: var(--st-theme-color-white);
    }
/* 08. Appointment Area */
.st-appointment-area {
    background: var(--st-theme-color-one);
    z-index: 1;
    overflow: hidden;
}

.st__appointment__bg {
    position: absolute;
    top: 33px;
    z-index: -1;
    right: 0;
    width: 50%;
    overflow: hidden;
}

.st__appointment__video {
    position: absolute;
    top: 22%;
    right: 11%;
}

.st__appointment__shape1 {
    -webkit-animation: st__updown 10s infinite linear;
    animation: st__updown 10s infinite linear;
    position: absolute;
    right: 11%;
    bottom: 1%;
}

@keyframes st__updown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.st__video {
    display: inline-block;
    color: var(--st-theme-color-white);
    width: 100px;
    height: 100px;
    line-height: 103px;
    background: var(--st-theme-color-one);
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    position: relative;
}

    .st__video:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px solid var(--st-theme-color-white);
        -webkit-animation: st__video 1500ms ease-out infinite;
        animation: st__video 1500ms ease-out infinite;
        z-index: 1;
    }

@keyframes st__video {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.8);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.8);
        opacity: 0;
    }
}

.st__video:hover {
    background: var(--st-theme-color-white);
}

    .st__video:hover i {
        color: var(--st-theme-color-one);
    }

.st__video i:hover {
    color: var(--st-theme-color-one);
}

.st__video i {
    font-size: 30px;
}

.st__videoo i {
    display: flex;
    font-size: 50px;
    transform: translate(34px, 25px);
}

.st__contact__position {
    background: var(--st-theme-color-two);
    padding: 81px 100px 35px;
}

.st__form__box {
    margin-bottom: 26px;
}

    .st__form__box input {
        width: 100%;
        height: 60px;
        border: none;
        padding-left: 32px;
        border-radius: 5px;
    }

        .st__form__box input::placeholder {
            font-size: 16px;
            color: #929fa2;
            font-weight: 400;
        }

    .st__form__box i {
        position: absolute;
        right: 20px;
        bottom: 20px;
        color: var(--st-theme-color-one);
    }

    .st__form__box .nice-select {
        width: 100%;
        background: var(--st-theme-color-white);
        border: none;
        height: 60px;
        padding-top: 11px;
    }

        .st__form__box .nice-select .list {
            width: 100%;
            height: calc(100vh - 800px);
            overflow-y: auto;
        }

        .st__form__box .nice-select span {
            font-size: 16px;
            color: #929fa2;
            font-weight: 400;
        }

        .st__form__box .nice-select .list li {
            font-size: 16px;
            color: #929fa2;
            transition: .5s;
            font-weight: 400;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
        }

            .st__form__box .nice-select .list li:hover {
                color: var(--st-theme-color-one);
            }

.nice-select:after {
    border-bottom: 2px solid var(--st-theme-color-one);
    ;
    border-right: 2px solid var(--st-theme-color-one);
    ;
    height: 8px;
    right: 20px;
    width: 8px;
}

.st-appointment-area .st__section__title h5::after {
    background: var(--st-theme-color-white);
}

.st-appointment-area .st__btn {
    padding: 18px 51px;
    border: none;
}

.st__btn i {
    color: var(--st-theme-color-white);
    transition: .5s;
}
/* Style Two */
.style2.st-appointment-area {
    background: var(--st-theme-color-one);
    padding: 200px 0 142px;
}

.st-appointment-area .st__section__title p {
    margin-top: 23px;
    width: 55%;
    margin-bottom: 39px;
}

.style2.st-appointment-area .st__btn {
    padding: 17px 42px;
    background: transparent;
    border: 1px solid #fff;
    border-left: 1px solid var(--st-theme-color-one);
    margin-left: 24px;
}

    .style2.st-appointment-area .st__btn i {
        color: var(--st-theme-color-white);
        transition: .5s;
        position: inherit;
        right: 0;
        bottom: 0;
        margin-left: 17px;
    }

    .style2.st-appointment-area .st__btn:hover {
        border: 1px solid var(--st-theme-color-one);
    }

    .style2.st-appointment-area .st__btn::before {
        background: var(--st-theme-color-one);
    }

.style2.st-appointment-area .st__appointment__video {
    top: 33%;
    right: 15%;
}

.style2.st-appointment-area .st__appointment__shape1 {
    right: 19%;
    bottom: 25%;
}

.st-book-appointment-area .st__contact__position {
    background: var(--st-bg);
    padding: 79px 132px 47px;
}

.st-book-appointment-area .st__btn::before {
    background: var(--st-theme-color-two);
}

.st-book-appointment-area .st__btn:hover {
    color: var(--st-theme-color-white);
}

    .st-book-appointment-area .st__btn:hover i {
        color: var(--st-theme-color-white);
    }

.st-book-appointment-area .st__btn {
    padding: 18px 27px;
    border: none;
}

.st-appointment-area .st__btn {
    padding: 18px 27px;
    border: none;
}

    .st-appointment-area .st__btn i {
        color: var(--st-theme-color-white);
        transition: .5s;
        position: inherit;
        right: 0;
        bottom: 0;
        margin-left: 0;
    }

    .st-appointment-area .st__btn:hover i {
        color: var(--st-theme-color-two);
    }

.st-book-appointment-area .st__btn i {
    color: var(--st-theme-color-white);
    transition: .5s;
    position: inherit;
    right: 0;
    bottom: 0;
    margin-left: 0;
}

.st__book__info {
    background: var(--st-theme-color-two);
    padding: 49px 36px 43px;
    position: relative;
    z-index: 1;
}

    .st__book__info:before {
        position: absolute;
        content: "";
        top: -41px;
        left: 23%;
        width: 210px;
        height: 210px;
        background: var(--st-theme-color-two);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-animation: st__updown 10s infinite linear;
        animation: st__updown 10s infinite linear;
        z-index: -1;
    }

    .st__book__info h4 {
        font-size: 28px;
        font-weight: 600;
        color: var(--st-theme-color-white);
        line-height: 1.3;
    }

    .st__book__info p {
        color: var(--st-team-color);
        width: 92%;
    }

    .st__book__info a {
        display: inline-block;
        background: var(--st-theme-color-white);
        color: var(--st-theme-color-one);
        padding: 13px 28px;
        font-size: 20px;
        font-weight: 500;
        margin-top: 18px;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

        .st__book__info a:hover {
            background: var(--st-theme-color-one);
            color: var(--st-theme-color-white);
        }
/* 09. FAQ Area */
.my-accordion {
    padding: 0;
    margin: 0 20px 0 0;
}

    .my-accordion li {
        list-style: none;
        border-radius: 5px;
        padding: 0px 32px 14px;
        background: var(--st-bg);
        margin-bottom: 18px;
    }

        .my-accordion li h2 {
            position: relative;
            display: block;
            outline: 0;
            border: none;
            cursor: pointer;
            transition: .3s;
            margin-left: 0;
            padding: 25px 0px 5px;
            font-size: 20px;
            font-weight: 600;
        }

            .my-accordion li h2::after {
                content: "\F280";
                font-family: bootstrap-icons !important;
                position: absolute;
                right: 0;
                top: 20px;
                width: 35px;
                height: 35px;
                background: var(--st-theme-color-two);
                text-align: center;
                line-height: 37px;
                border-radius: 5px;
                color: #fff;
                font-size: 17px;
                transition: .5s;
                -webkit-transition: .5s;
                -moz-transition: .5s;
                -ms-transition: .5s;
                -o-transition: .5s;
            }

            .my-accordion li h2.active::after {
                content: "\F27E";
                background: var(--st-theme-color-one);
                transition: .5s;
                -webkit-transition: .5s;
                -moz-transition: .5s;
                -ms-transition: .5s;
                -o-transition: .5s;
            }

    .my-accordion p {
        display: none;
        margin: 4px 0px 11px 0px;
        font-size: 16px;
        width: 88%;
        font-weight: 500;
    }
/* 10. Project Area */
.st__project__area .container.container-large {
    max-width: 1827px;
}

.st__project__single {
    overflow: hidden;
}

.st__project__thumb {
    overflow: hidden;
    position: relative;
}

    .st__project__thumb img {
        width: 100%;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

.st__project__content h2 a {
    text-transform: capitalize;
    font-size: 26px;
    color: var(--st-theme-color-two);
    margin-bottom: 6px;
    display: inline-block;
    font-weight: 600;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

    .st__project__content h2 a:hover {
        color: var(--st-theme-color-one);
    }

.st__project__content span {
    font-size: 18px;
    color: var(--st-theme-color-two);
}

.st__project__content {
    position: absolute;
    bottom: 8px;
    left: 10px;
    background: var(--st-project-bg);
    width: 89%;
    padding: 25px 30px 19px;
    border-radius: 0 35px 0 0;
    transform: translateY(119px);
    opacity: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.st__project__single:hover .st__project__content {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    opacity: 1;
}

.st__project__btn {
    position: absolute;
    top: -90px;
    right: 11px;
    opacity: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.st__project__single:hover .st__project__btn {
    top: 11px;
    opacity: 1;
}

.st__project__btn a {
    display: block;
    background: var(--st-theme-color-one);
    padding: 17px 20px;
    font-size: 18px;
    color: var(--st-theme-color-white);
    text-align: center;
    border-radius: 25px 0 0 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

    .st__project__btn a:hover {
        background: var(--st-theme-color-two);
    }

    .st__project__btn a i {
        display: block;
    }

.row.mt {
    margin: 0px;
}

.col-lg-12.pmt {
    margin-top: 28px;
}
/* 11. Team Member */
.st__team__box {
    background: var(--st-theme-color-two);
    padding: 0 0 37px;
    border-radius: 280px 280px 0 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .st__team__box:before {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background: var(--st-theme-color-one);
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        z-index: -1;
    }

    .st__team__box:hover:before {
        height: 100%;
    }

.st__team__thumb img {
    width: 100%;
}

.st__team__content {
    margin-top: 32px;
}

    .st__team__content h2 {
        font-size: 25px;
        font-weight: 600;
        color: var(--st-theme-color-white);
    }

    .st__team__content span {
        font-size: 16px;
        color: var(--st-team-color);
        margin-top: 3px;
        display: inline-block;
    }

.st__team__social {
    margin-top: 16px;
}

    .st__team__social a {
        display: inline-block;
        width: 42px;
        height: 42px;
        line-height: 42px;
        background: var(--st-theme-color-white);
        text-align: center;
        color: var(--st-theme-color-two);
        font-size: 18px;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

        .st__team__social a:hover {
            background: var(--st-theme-color-two);
            color: var(--st-theme-color-white);
        }
/* 12. Pricing Area */
.st__pricing__box {
    filter: drop-shadow(0px 1px 20px rgba(0,0,0,0.08));
    background: var(--st-theme-color-white);
    padding: 52px 32px 40px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

    .st__pricing__box:hover {
        box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.175);
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
    }

    .st__pricing__box::before {
        position: absolute;
        content: "";
        top: 184px;
        left: 0;
        width: 100%;
        height: 1px;
        background: var(--st-theme-color-one);
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

    .st__pricing__box::after {
        position: absolute;
        content: "";
        top: 184px;
        right: 0;
        width: 0%;
        height: 1px;
        background: var(--st-theme-color-two);
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

    .st__pricing__box:hover.st__pricing__box::after {
        background: var(--st-theme-color-two);
        width: 100%;
        left: 0;
    }

.st__pricing__content h4 {
    margin-bottom: 37px;
    text-decoration: underline;
}

.st-price {
    font-size: 48px;
    color: var(--st-theme-color-two);
    font-weight: 600;
}

.st-dollar {
    font-size: 28px;
    color: #f68b21;
    font-weight: 500;
    position: relative;
    top: -19px;
    left: -7px;
}

.st-month {
    font-size: 18px;
    color: #f68b21;
    font-weight: 500;
    position: relative;
    left: -31px;
    top: 8px;
}

.st__pricing__content {
    padding-bottom: 32px;
    margin-bottom: 31px;
}

.st__pricing__body ul li {
    position: relative;
    padding-left: 28px;
    padding-bottom: 13px;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    border-bottom: 1px solid #f2f2f2;
}

    .st__pricing__body ul li:last-child {
        text-decoration: line-through;
    }

    .st__pricing__body ul li::before {
        position: absolute;
        content: "";
        top: 9px;
        left: 2px;
        width: 9px;
        height: 9px;
        background: var(--st-theme-color-one);
    }

    .st__pricing__body ul li::after {
        content: '';
        position: absolute;
        left: -1px;
        top: 6px;
        height: 15px;
        width: 15px;
        border: 1px solid var(--st-theme-color-one);
    }

.st__pricing__btn a {
    display: inline-block;
    color: var(--st-theme-color-white);
    background: var(--st-theme-color-two);
    padding: 12px 30px;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

    .st__pricing__btn a:before {
        position: absolute;
        content: "";
        bottom: 0;
        z-index: -1;
        left: 0;
        width: 100%;
        height: 0%;
        background: var(--st-theme-color-one);
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

    .st__pricing__btn a:hover:before {
        height: 100%;
        top: 0;
    }
/* ST Call Do Action */
.st-call-do-action-content h2 {
    font-size: 48px;
    color: var(--st-theme-color-white);
    font-weight: 600;
    line-height: 60px;
}

.st-call-do-action .st__btn2 {
    margin-right: 25px;
    background: var(--st-theme-color-two);
}

    .st-call-do-action .st__btn2::before {
        background: var(--st-theme-color-one);
    }
/* 13. Subscribe Area */
.sub__bg {
    background: var(--st-theme-color-white);
    filter: drop-shadow(0px 1px 20px rgba(0,0,0,0.08));
    margin-top: -267px;
    margin-left: 35px;
}

.st__subscribe__content {
    padding: 0 92px;
}

    .st__subscribe__content h2 {
        font-size: 34px;
        color: var(--st-theme-color-two);
        font-weight: 600;
        margin-bottom: 34px;
    }

    .st__subscribe__content span {
        font-size: 18px;
        color: var(--st-theme-color-two);
    }

.st__subscribe__form {
    position: relative;
    margin-top: 55px;
}

    .st__subscribe__form input {
        width: 100%;
        height: 62px;
        border: 1px solid #ebebeb;
        padding-left: 32px;
    }

        .st__subscribe__form input::placeholder {
            font-size: 18px;
            color: #747474;
            font-weight: 400;
        }

    .st__subscribe__form button {
        border: none;
        background: var(--st-theme-color-one);
        color: var(--st-theme-color-white);
        padding: 17px 38px;
        font-size: 24px;
        font-weight: 500;
        position: absolute;
        right: 0;
        top: 0;
    }
/* Sub Style2 */
.st-subscribe-area.style2 .st__subscribe__content h2 {
    font-size: 45px;
}

.st-subscribe-area.style2 .st__subscribe__content span {
    color: var(--st-theme-color-two);
    font-size: 20px;
    font-weight: 400;
}

.st-subscribe-area.style2 .st__subscribe__form input {
    background: var(--st-theme-color-two);
    color: var(--st-theme-color-white);
}

    .st-subscribe-area.style2 .st__subscribe__form input::placeholder {
        font-size: 16px;
        color: #fff;
    }

.st-subscribe-area.style2 .st__subscribe__form button {
    border: none;
    background: var(--st-theme-color-one);
    color: var(--st-theme-color-white);
    padding: 17px 38px;
    position: absolute;
    right: -53px;
    top: 7px;
    font-size: 22px;
    font-weight: 500;
    line-height: 0.6;
}

.st-subscribe-area.style2 .st__subscribe__form {
    position: relative;
    margin-top: 33px;
}

.sub__bg2 {
    background: #f3f3f9;
    margin-bottom: -172px;
    position: relative;
}

.st-subscribe-area.style2 .st__subscribe__thumb img {
    width: 100%;
    margin-left: 13px;
}
/* 14. Map Area */
.st__map iframe {
    width: 100%;
    height: 745px;
    /*    filter: saturate(0);*/
}
/* 15. Blog Area */
.st__blog__content {
    filter: drop-shadow(0px 1px 20px rgba(0,61,77,0.11));
    background: var(--st-theme-color-white);
    border-radius: 3px;
    padding: 42px 50px 28px;
    position: relative;
    overflow: hidden;
}

    .st__blog__content::before {
        position: absolute;
        content: "";
        top: 100%;
        left: 82%;
        width: 55px;
        height: 55px;
        border: 2px dashed var(--st-theme-color-one);
        border-radius: 50px;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

    .st__blog__content::after {
        position: absolute;
        content: "";
        top: 90%;
        left: 100%;
        transition: .5s;
        width: 55px;
        height: 55px;
        border: 2px dashed var(--st-theme-color-two);
        border-radius: 50px;
        z-index: -1;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

.st__blog__single__box:hover .st__blog__content::before {
    top: 90%;
}

.st__blog__single__box:hover .st__blog__content::after {
    left: 88%;
}

.st__blog__content h2 {
    margin-bottom: 0px;
}

.st__blog__thumb img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.st__meta__top {
    margin-bottom: 20px;
    position: relative;
}

.st__blog__meta img {
    border-radius: 50%;
}

.st__blog__meta__content {
    margin-left: 15px;
}

.st__blog__cmt {
    display: inline-block;
    margin-left: 35px;
    font-weight: 500;
}

    .st__blog__cmt i {
        color: var(--st-theme-color-one);
    }

.st__blog__content h2 a {
    line-height: 35px;
    color: var(--st-theme-color-two);
    font-weight: 500;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);
    transition: .9s cubic-bezier(.32,.32,.15,1.17);
    background-size: 0 100%;
}

    .st__blog__content h2 a:hover {
        color: var(--st-theme-color-one);
        background-size: 100% 100%;
    }

.st_blog_btn {
    font-size: 17px;
    color: var(--st-theme-color-one);
    font-weight: 500;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);
    transition: .9s cubic-bezier(.32,.32,.15,1.17);
    background-size: 0 100%;
}

    .st_blog_btn:hover {
        color: var(--st-theme-color-one);
        background-size: 100% 100%;
    }

.st__blog__meta {
    display: inline-block;
}

.st_blog_btn i {
    margin-left: 0;
    transform: rotate(49deg);
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 2px;
}

/*.st__meta__top::before {
    position: absolute;
    content: "";
    background: #ebebeb;
    height: 36px;
    width: 1px;
    top: 8px;
    left: 141px;
}*/

.st__blog__thumb {
    margin-bottom: 30px;
}

.style2.st__blog__thumb {
    margin-bottom: 0px;
    margin-top: 30px;
}
/* BLog Style Two */
.st-blog-area.style2 .st__blog__single__box {
    margin-bottom: 30px;
}

.st-blog-area.style2 .st__blog__content::before {
    display: none;
}

.st-blog-area.style2 .st__blog__content::after {
    display: none;
}

.st-blog-area.style2 .st__blog__thumb {
    margin-bottom: 0;
    position: relative;
    max-height: 260px;
}

.st-blog-area.style2 .st__blog__content {
    filter: none;
    background: #f8f8f8;
    padding: 20px 20px 20px;
}

.st-blog-area.style2 .st__blog__date {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.st__blog__date:before {
    position: absolute;
    content: "";
    width: 76px;
    height: 76px;
    background: var(--st-theme-color-one);
    transform: rotate(45deg);
    top: 36px;
    left: -62px;
    z-index: -1;
}

.st__blog__date span {
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 18px;
    color: var(--st-theme-color-white);
    font-weight: 500;
    position: relative;
    left: -48px;
    top: 42px;
}
/* 16. Brand Area */
.brand-title h2 {
    font-size: 24px;
    color: var(--st-theme-color-two);
    font-weight: 500;
    background: var(--st-theme-color-white);
    padding: 13px 50px;
    display: inline-block;
    position: relative;
    top: -28px;
}

.st-brand-area {
    border-top: 1px solid #ebebeb;
}

.st__brand__thumb {
    padding: 30px 0;
    text-align: center;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    margin-top: 8px;
    height: 160px;
}

    /* .st__brand__thumb:hover {
        background: #f6f6f6;
    }*/

    .st__brand__thumb img {
        display: inline-block !important;
        /*width: 100%;*/
        max-width: 100%;
        object-fit: cover;
        object-position: center;
    }

.st__blog__meta__content span {
    font-weight: 500;
    color: #292930;
}

    .st__blog__meta__content span a {
        font-weight: 500;
        color: #292930;
    }
/* BLog Pagination */
.st__blog__pagination ul li {
    display: inline;
    margin-right: 8px;
}

    .st__blog__pagination ul li a {
        display: inline-block;
        line-height: 40px;
        height: 40px;
        width: 40px;
        text-align: center;
        border: 1px solid #dddddd;
        border-radius: 3px;
        color: #292930;
        font-size: 18px;
        font-weight: 500;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

    .st__blog__pagination ul li .active {
        background: var(--st-theme-color-one);
        color: var(--st-theme-color-white);
        border: 1px solid var(--st-theme-color-one);
    }

    .st__blog__pagination ul li a:hover {
        background: var(--st-theme-color-one);
        color: var(--st-theme-color-white);
        border: 1px solid var(--st-theme-color-one);
    }
/* 17. Footer Area */
.st-footer-area {
    overflow: hidden;
}

.ft_borer {
    border-bottom: 1px dashed var(--st-theme-color-one);
    padding-bottom: 35px;
}

.st__footer__text p {
    color: var(--st-theme-color-white);
    width: 80%;
    margin: 24px 0 0;
}

.st__social__icon h2 {
    opacity: 0.800;
    font-size: 22px;
    color: var(--st-theme-color-white);
    font-weight: 500;
    margin: 25px 0 0 18px;
    position: relative;
}

    .st__social__icon h2::before {
        position: absolute;
        content: "";
        top: -3px;
        left: -18px;
        width: 3px;
        height: 30px;
        background: var(--st-theme-color-one);
    }

.st__social__icon a {
    display: inline-block;
    color: var(--st-theme-color-white);
    width: 38px;
    height: 38px;
    line-height: 38px;
    border: 1px dashed rgba(255,255,255,.2);
    text-align: center;
    margin-top: 22px;
    margin-right: 10px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

    .st__social__icon a:hover {
        background: var(--st-theme-color-one);
        border: 1px dashed var(--st-theme-color-one);
    }

.st__footer__title h2 {
    font-size: 22px;
    color: var(--st-theme-color-white);
    font-weight: 500;
    position: relative;
    margin-bottom: 43px;
}

    .st__footer__title h2::before {
        position: absolute;
        content: "";
        bottom: -17px;
        left: 0;
        background: var(--st-theme-color-one);
        width: 100px;
        height: 1px;
    }

.st__footer__link a {
    display: block;
    color: var(--st-theme-color-white);
    margin-bottom: 17px;
    font-size: 16px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

    .st__footer__link a:hover {
        color: var(--st-theme-color-one);
    }

    .st__footer__link a i {
        color: var(--st-theme-color-one);
        margin-right: 7px;
    }

.st__footer__title p {
    color: var(--st-theme-color-white);
    opacity: 0.8;
}

.st__footer__subscribe__form input {
    font-size: 16px;
    color: #939393;
    font-weight: 400;
    border: none;
    padding: 18px 17px;
    width: 89%;
}

    .st__footer__subscribe__form input::placeholder {
        font-size: 16px;
        color: #939393;
        font-weight: 400;
    }

.st__footer__subscribe__form button {
    border: none;
    background: var(--st-theme-color-one);
    color: var(--st-theme-color-white);
    padding: 12px 19px;
    position: absolute;
    top: 6px;
    right: 42px;
}

.st__footer__copyright .copyright p {
    color: var(--st-theme-color-white);
    font-size: 18px;
    margin-top: 32px;
    display: inline-block;
}

.st__footer__copyright p a {
    display: inline-block;
    color: var(--st-theme-color-one);
}
/* Footer Style Two */
.st-footer-area.style2 {
    padding-top: 285px;
}

    .st-footer-area.style2 .st__footer__title h2 {
        font-size: 22px;
    }

        .st-footer-area.style2 .st__footer__title h2::before {
            position: absolute;
            content: "";
            bottom: -5px;
            left: -17px;
            background: var(--st-theme-color-one);
            width: 2px;
            height: 31px;
        }

    .st-footer-area.style2 .st__footer__link a {
        margin-bottom: 0;
        line-height: 2;
    }

        .st-footer-area.style2 .st__footer__link a:hover {
            text-decoration: underline;
        }

.st__footer__grid ul li {
    display: inline;
}

    .st__footer__grid ul li img {
        margin: 5px;
    }
/* Footer CopyRIght Area */
.st-footer-copyright-area {
    padding: 32px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.footer__scroll {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    z-index: -1;
}

.st__footer__copyright__link ul li {
    display: inline;
}

.right__all__content {
    margin-left: 41px;
}

.st__footer__copyright__link ul li {
    display: inline;
    margin-left: 27px;
    color: #cacaca;
}

    .st__footer__copyright__link ul li a {
        display: inline-block;
        color: #cacaca;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

        .st__footer__copyright__link ul li a:hover {
            color: var(--st-theme-color-one);
        }

.st-footer-copyright-area .st__footer__copyright span {
    margin-top: 0;
}

.footer__scroll a {
    display: inline-block;
    background: var(--st-theme-color-two);
    border-radius: 50%;
    width: 55px;
    height: 55px;
    line-height: 60px;
    text-align: center;
    color: var(--st-theme-color-white);
    font-size: 25px;
}
/* 18. Breadcumb Area */
.breadcumb__top__content span {
    font-size: 28px;
    color: var(--st-theme-color-white);
}

.breadcumb__top__content h2 {
    font-size: 50px;
    font-weight: 600;
    color: var(--st-theme-color-white);
    /*margin-top: 48px;*/
}

.breadcumb__links {
    background: var(--st-theme-color-one);
    display: inline-block;
    padding: 20px 39px;
    border-radius: 7px 7px 0px 0px;
    margin-top: 88px;
}

    .breadcumb__links ul li {
        display: inline;
    }

        .breadcumb__links ul li a {
            font-size: 20px;
            color: var(--st-theme-color-white);
            font-weight: 400;
        }

    .breadcumb__links li {
        color: #fff;
        font-weight: 400;
        font-size: 20px;
    }

.breadcumb__top__content h2 {
    text-transform: uppercase;
}
/*------ 19. Back-To-Top ------------*/
.prgoress_scrollup {
    position: fixed;
    right: 55px;
    bottom: 80px;
    height: 48px;
    width: 48px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px var(--st-theme-color-two);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transform: translateY(15px) !important;
    transition: all 200ms linear !important;
    overflow: hidden;
}

    .prgoress_scrollup.active-progress {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) !important;
    }

    .prgoress_scrollup::after {
        position: absolute;
        font-family: "Font Awesome 5 Pro" !important;
        content: "\f062";
        text-align: center;
        line-height: 46px;
        font-size: 18px;
        color: var(--st-theme-color-one);
        left: 0;
        top: 0;
        height: 46px;
        width: 46px;
        cursor: pointer;
        display: block;
        font-weight: 900;
        z-index: 1;
        transition: all 200ms linear !important;
    }

    .prgoress_scrollup::before {
        position: absolute;
        font-family: bootstrap-icons !important;
        content: "\f148";
        text-align: center;
        line-height: 46px;
        font-size: 18px;
        font-weight: 900;
        opacity: 0;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        left: 0;
        top: 0;
        height: 46px;
        width: 46px;
        cursor: pointer;
        display: block;
        z-index: 2;
        transition: all 200ms linear !important;
    }

    .prgoress_scrollup:hover ::after {
        color: var(--st-theme-color-one);
    }

    .prgoress_scrollup:hover ::before {
        opacity: 1;
    }

    .prgoress_scrollup svg path {
        fill: none;
    }

    .prgoress_scrollup svg.progress-circle path {
        stroke: var(--st-theme-color-one);
        stroke-width: 4;
        box-sizing: border-box;
        transition: all 200ms linear !important;
    }
/* 20. 404 Area */
.st__404__thumb img {
    max-width: 100%;
}

.st__404__btn {
    margin-top: 38px;
}
/* Contact Page CSS */
.contact__bg {
    filter: drop-shadow(0px 1px 25.5px rgba(0,0,0,0.15));
    background: #fff;
    padding: 60px 25px 61px;
}

.st__contact__info {
    background: var(--st-theme-color-two);
    padding: 78px 36px 46px;
}

.st__contact__title h2 {
    font-size: 36px;
    color: var(--st-theme-color-white);
    font-weight: 600;
    border-bottom: 1px solid var(--st-theme-color-one);
    padding-bottom: 26px;
    margin-bottom: 40px;
}

.st__cinfobox {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    background: var(--st-theme-color-white);
    padding: 20px;
}

.st__cinfobox_icon i {
    display: inline-block;
    width: 59px;
    line-height: 59px;
    height: 59px;
    text-align: center;
    background: var(--st-theme-color-two);
    color: var(--st-theme-color-white);
    font-size: 22px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.st__cinfobox:hover .st__cinfobox_icon i {
    background: var(--st-theme-color-one);
}

.st__cinfobox_content {
    margin-left: 20px;
}

    .st__cinfobox_content h5 {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 5px;
    }

.st-contact-section .st__form__box input {
    background: #f3f3f3;
}

.st__form__box textarea {
    width: 100%;
    border: none;
    background: #f3f3f3;
    padding: 15px 32px;
}

.st__form__box input::placeholder {
    font-size: 16px;
    color: #757575;
    font-weight: 400;
}

.st__form__box textarea::placeholder {
    font-size: 16px;
    color: #757575;
    font-weight: 400;
}

.st__form__box textarea:focus {
    border: none;
    outline: 0;
    box-shadow: none;
}

.st-contact-section .st__btn2 i {
    position: inherit;
    bottom: 0;
    right: 0;
    color: var(--st-theme-color-white);
    margin-left: 10px;
}

.st-contact-section .st__btn2 {
    padding: 18px 28px;
    border: none;
}

.st__contact__right__title h2 {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 60px;
    position: relative;
}

    .st__contact__right__title h2:before {
        position: absolute;
        content: "";
        bottom: -25px;
        left: 0;
        width: 125px;
        height: 1px;
        background: var(--st-theme-color-two);
    }

.st__contact__right {
    margin-left: 35px;
}
/* 21. Team Details */
.team__details__right__content {
    padding-left: 47px;
    padding-top: 47px;
}

.team_details_thumb img {
    width: 100%;
}

.st__team__info {
    background: var(--st-theme-sidebar-bg);
    padding: 40px 67px 15px;
    margin-left: -178px;
    margin-top: 15px;
}

.st__team__info_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.st__name__info__content span {
    font-size: 20px;
    color: #888888;
    margin-bottom: 13px;
    display: inline-block;
}

.st__name__info__content h5 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 28px;
}

.st__team__info_inner .st__team__social {
    margin-top: 0px;
}

    .st__team__info_inner .st__team__social a {
        display: block;
        margin-bottom: 13px;
        border-radius: 50%;
    }

        .st__team__info_inner .st__team__social a:hover {
            background: var(--st-theme-color-one);
        }
/* 22. Progress-Bar Area */
.skill-item {
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 36px;
    overflow: hidden;
}

.skill-title, .skill-percentage {
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 600;
}

.skill-percentage {
    position: absolute;
    top: 6px;
    right: 0;
}

.count-box {
    border-radius: 3px;
    text-align: center;
    margin-top: -10px;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}

.bar-inner {
    width: 100%;
    height: 19px;
    background: var(--st-theme-color-two);
    border-radius: 0;
    position: relative;
    margin: -2px;
    overflow: hidden;
}

.progress-line {
    position: absolute;
    top: 0;
    left: -4px;
    width: 0;
    height: 19px;
    background: var(--st-theme-color-one);
    border-radius: 0;
    transition: 3s;
    transform: skewX(23deg);
}

.skill-thumb {
    overflow: hidden;
    position: relative;
    z-index: 9;
}
/* 23. Project Details */
.project__details__content h2 {
    font-size: 30px;
    font-weight: 600;
    margin-top: 57px;
}

.desc-1 {
    margin-top: 32px;
}

.desc-2 {
    margin-top: 24px;
}

.project__thumb2 img {
    width: 95%;
}

.desc-3 {
    margin-top: 44px;
}

.project__details__content {
    margin-bottom: 55px;
}
/* 24. BLog Details */
.st__blog__details__all__content {
    padding-right: 30px;
}

.blog__details__meta__all {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.st__blog__details__all__content img {
    margin-bottom: 35px;
    width: 100%;
}

.blog__details__meta a {
    font-size: 16px;
    color: #4d4e4f;
    font-weight: 400;
    margin-right: 28px;
}

    .blog__details__meta a i {
        color: var(--st-theme-color-one);
        font-size: 16px;
    }

.blog__details__social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #ebeae5;
    text-align: center;
    border-radius: 50%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    color: var(--st-theme-color-two);
}

    .blog__details__social a:hover {
        background: var(--st-theme-color-one);
        color: var(--st-theme-color-white);
    }

.heading-one {
    font-size: 40px;
    color: var(--st-theme-color-two);
    font-weight: 600;
    /* margin-top: 15px;*/
    margin-bottom: 20px;
}

.details__desc__one {
    margin-top: 20px;
}

.details__desc__two {
    margin-top: 32px;
}

.blog__tags {
    border: 1px solid var(--st-theme-color-two);
    padding: 26px 33px;
    margin-top: 39px;
    margin-right: 50px;
}

    .blog__tags span {
        font-size: 24px;
        font-weight: 500;
        color: var(--st-theme-color-two);
        margin-right: 28px;
    }

    .blog__tags a {
        font-size: 16px;
        font-weight: 500;
        color: var(--st-theme-color-two);
        padding: 5px 20px;
        border: 1px solid #eceae5;
        margin-right: 15px;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

        .blog__tags a:hover {
            background: var(--st-theme-color-two);
            color: var(--st-theme-color-white);
        }

.blog__details__meta__box {
    display: flex;
    margin-top: 45px;
    margin-bottom: 8px;
}

    .blog__details__meta__box h5 {
        font-size: 24px;
        font-weight: 600;
    }

    .blog__details__meta__box p {
        font-size: 20px;
        margin-top: 16px;
    }

.blogdetails__meta__content {
    margin-left: 30px;
    margin-top: 13px;
}

.blogdetails__meta__social span {
    font-size: 18px;
    color: var(--st-theme-color-one);
    font-weight: 400;
    margin-right: 10px;
}

.blogdetails__meta__social a {
    display: inline-block;
    font-size: 18px;
    color: #9da1b0;
    margin-right: 12px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

    .blogdetails__meta__social a:hover {
        color: var(--st-theme-color-one);
    }

.blogdetails__items {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--st-theme-color-two);
    border-bottom: 1px solid var(--st-theme-color-two);
    margin-right: 50px;
}

.blogdetails__items__box a {
    display: inline-block;
    width: 67px;
    height: 67px;
    line-height: 67px;
    background: var(--st-theme-sidebar-bg);
    color: var(--st-theme-color-two);
    text-align: center;
    font-size: 28px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

    .blogdetails__items__box a:hover {
        background: var(--st-theme-color-one);
        color: var(--st-theme-color-white);
    }

.blogdetails__items__box h5 {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    top: 8px;
    left: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding: 25px 0 31px;
}

.blogdetails__comments {
    margin-top: 45px;
    margin-right: 50px;
}

.blogdetails__title h2 {
    font-size: 30px;
    color: #292930;
    font-weight: 500;
    position: relative;
    display: inline-block;
}

    .blogdetails__title h2:before {
        position: absolute;
        content: "";
        bottom: -20px;
        left: 0;
        height: 2px;
        width: 90px;
        background: var(--st-theme-color-one);
    }

.blogdetails__comment__reply {
    margin-top: 63px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 12px;
}

.blogdetails__comment__reply_content {
    margin-left: 31px;
}

    .blogdetails__comment__reply_content h2 {
        font-size: 20px;
        color: #292930;
        font-weight: 600;
        margin-bottom: 0;
    }

    .blogdetails__comment__reply_content span {
        color: #4d4e4f;
        margin-bottom: 6px;
        display: inline-block;
    }

.blogdetails__reply__text a {
    display: inline-block;
    color: var(--st-theme-color-one);
}

.blogdetails__comment__reply.ml {
    margin-left: 70px;
}

.blog__leave__comment .st__form__box input {
    background: var(--st-theme-sidebar-bg);
}

.blog__leave__comment .st__form__box textarea {
    background: var(--st-theme-sidebar-bg);
}

.blog__leave__comment {
    padding-top: 70px;
}

.blog__comment__form {
    margin-top: 52px;
}

    .blog__comment__form .st__btn2 {
        padding: 18px 28px;
        border: none;
    }

        .blog__comment__form .st__btn2 i {
            position: inherit;
            bottom: 0;
            right: 0;
            color: var(--st-theme-color-white);
            margin-left: 10px;
        }
/* Blog Details Sidebar */
.blogdetails__sidebar_search {
    position: relative;
}

    .blogdetails__sidebar_search input {
        width: 100%;
        height: 60px;
        border: none;
        padding-left: 32px;
        border-radius: 5px;
        background: var(--st-theme-sidebar-bg);
    }

        .blogdetails__sidebar_search input::placeholder {
            font-size: 16px;
            color: #868686;
            font-weight: 400;
        }

    .blogdetails__sidebar_search i {
        font-size: 25px;
        color: var(--st-theme-color-one);
        position: absolute;
        right: 0;
        top: 0;
        border: 1px dashed #d5d5d3;
        padding: 15px;
        cursor: pointer;
    }

.sidebar__box {
    background: var(--st-theme-sidebar-bg);
    margin-top: 30px;
    padding: 56px 36px 28px;
}

.sidebar__title h2 {
    position: relative;
    font-size: 30px;
    font-weight: 600;
    border-bottom: 1px solid #ece6e6;
    padding-bottom: 20px;
    margin-bottom: 35px;
}

    .sidebar__title h2:before {
        position: absolute;
        content: "";
        bottom: -1px;
        left: 0;
        height: 1px;
        width: 70px;
        background: var(--st-theme-color-one);
    }

.sidebar__blog__content i {
    color: var(--st-theme-color-one);
    font-size: 14px;
}

.sidebar__blog__content {
    margin-top: -7px;
    padding-left: 20px;
}

.sidebar__blog__box {
    padding: 20px;
    background: var(--st-theme-color-white);
    margin-bottom: 30px;
}

.sidebar__blog__content h5 a {
    display: inline-block;
    color: var(--st-theme-color-two);
    font-weight: 500;
}

.sidebar__blog__content span {
    margin-left: 5px;
}

.sidebar__box ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 12px;
}

.sidebar__query {
    padding: 56px 0 68px;
    margin-top: 30px;
}

.sidebar__query__content h2 {
    font-size: 48px;
    color: #ffffff;
    font-weight: 600;
    line-height: 60px;
}

.sidebar__query__content p {
    color: #fff;
    margin-top: 13px;
}

.sidebar__query__content a {
    display: inline-block;
    background: var(--st-theme-color-one);
    padding: 15px 38px;
    color: #fff;
    border-radius: 5px;
    font-weight: 500;
    font-size: 18px;
    margin-top: 25px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

    .sidebar__query__content a:hover {
        background: var(--st-theme-color-white);
        color: var(--st-theme-color-one);
    }

.tagcloud a {
    display: inline-block;
    background: #fff;
    padding: 8px 20px;
    margin-bottom: 15px;
    color: #4d4e4f;
    font-weight: 500;
    font-size: 17px;
    margin-right: 5px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

    .tagcloud a:hover {
        background: var(--st-theme-color-one);
        color: var(--st-theme-color-white);
    }
/* 25. Service Details */
.service__details__wrap h2 {
    font-size: 40px;
    font-weight: 600;
    margin-top: 45px;
}

.text1 {
    margin-top: 27px;
}

.service__thumb2 {
    margin-top: 18px;
}

    .service__thumb2 img {
        width: 100%;
    }

.service__details__content1 {
    padding-left: 20px;
    padding-top: 30px;
}

.service__details_thumb img {
    width: 100%;
}

.service__details__content1 ul li {
    font-weight: 500;
    margin-bottom: 5px;
    position: relative;
    margin-left: 30px;
}

    .service__details__content1 ul li::before {
        position: absolute;
        content: "";
        width: 13px;
        height: 13px;
        background: var(--st-theme-color-one);
        top: 9px;
        left: -28px;
    }

.service__details__content1 h3 {
    font-size: 24px;
    font-weight: 600;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 27px;
    margin-bottom: 12px;
}

.servcie__links a {
    display: flex;
    justify-content: space-between;
}

.servcie__links a {
    display: flex;
    justify-content: space-between;
    background: #f7f6f1;
    padding: 18px 32px;
    font-size: 22px;
    font-weight: 500;
    color: var(--st-theme-color-two);
    border: 1px dashed #f7f6f1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    margin-bottom: 20px;
}

    .servcie__links a:hover {
        border: 1px dashed var(--st-theme-color-one);
    }

.service__contact__wrap {
    padding: 71px 0 71px;
    margin-top: 35px;
}

.service__details__left__wrap {
    padding-right: 30px;
}

.service__contact__content h2 {
    font-size: 36px;
    color: #ffffff;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 32px;
}

.service__contact__content span {
    display: block;
    color: #ededed;
    margin-top: 35px;
    margin-bottom: 20px;
}

.service__contact__content h3 {
    font-size: 30px;
    color: #ededed;
    font-weight: 600;
}

.service__Details__btn a img {
    margin-right: 10px;
}

.service__Details__btn a {
    display: inline-block;
    background: var(--st-theme-color-one);
    padding: 22px 30px;
    width: 100%;
    color: var(--st-theme-color-white);
    font-size: 24px;
    font-weight: 600;
    margin-top: 30px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    margin-bottom: 30px;
}

    .service__Details__btn a:hover {
        background: var(--st-theme-color-two);
    }
/* Hero Area */
.si__hero__area {
    padding-top: 216px;
    padding-bottom: 217px;
}

.si__hero__text {
    border: 2px solid var(--st-theme-color-white);
    display: inline-block;
    padding: 9px 55px 0px 52px;
    border-radius: 25px;
}

    .si__hero__text h5 {
        font-weight: 500;
        font-size: 18px;
        color: var(--st-theme-color-white);
    }

.si__hero__content h1 {
    font-weight: 700;
    font-size: 75px;
    line-height: 90px;
    color: var(--st-theme-color-white);
    margin-top: 16px;
}

.si__hero__content p {
    font-weight: 400;
    color: var(--st-theme-color-white);
    margin-top: 16px;
}

.si__hero__mainbox {
    display: flex;
    margin-top: 29px;
}

.si__btn {
    background: var(--st-theme-color-one);
    display: inline-block;
    padding: 16px 39px 9px 42px;
    transition: .6s;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    color: var(--st-theme-color-white);
}

    .si__btn:hover {
        background: var(--st-theme-color-two);
        color: var(--st-theme-color-white);
    }

    .si__btn i {
        margin-left: 7px;
    }

.si__hero__btn a i {
    color: var(--st-theme-color-white);
    font-size: 15px;
    margin-left: 5px;
}

.si__hero__box {
    display: flex;
    margin-left: 27px;
}

.si__hero__right {
    margin-left: 15px;
}

    .si__hero__right h5 {
        font-weight: 500;
        font-size: 20px;
        color: var(--st-theme-color-white);
    }

    .si__hero__right a {
        font-weight: 500;
        font-size: 20px;
        color: var(--st-theme-color-white);
        display: block;
    }

.si__hero__phone i {
    background: var( --st-theme-dark-color-text);
    color: var(--st-theme-color-white);
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: flex;
    text-align: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 27px;
}
/* About Area */
.si__section__title h5 {
    font-weight: 700;
    font-size: 20px;
    color: var(--st-theme-color-one);
    position: relative;
    display: inline-block;
    margin-left: 120px;
}

    .si__section__title h5::before {
        position: absolute;
        content: "";
        top: 11px;
        left: -119px;
        background: var(--st-theme-color-one);
        width: 105px;
        height: 4px;
    }

.si__section__title h1 {
    font-weight: 700;
    font-size: 44px;
    line-height: 53px;
    margin-top: -5px;
}

.si__section__title p {
    font-weight: 400;
    margin-top: 14px;
}

.si__about__list {
    display: flex;
    margin-top: -7px;
}

    .si__about__list ul {
        margin-right: 33px;
    }

        .si__about__list ul li {
            font-weight: 700;
            font-size: 16px;
            margin-top: 12px;
        }

            .si__about__list ul li i {
                width: 24px;
                height: 24px;
                line-height: 24px;
                background: var(--st-theme-color-one);
                color: var(--st-theme-color-white);
                border-radius: 50px;
                text-align: center;
                margin-right: 17px;
            }

.si__btn__two {
    background: var(--st-theme-color-two);
    display: inline-block;
    padding: 16px 40px 18px 39px;
    transition: .6s;
    border-radius: 5px;
    margin-top: 44px;
}

.si__btn__two {
    color: var(--st-theme-color-white);
}

    .si__btn__two i {
        color: var(--st-theme-color-white);
        margin-left: 7px;
    }

    .si__btn__two:hover {
        background: var(--st-theme-color-one);
        color: var(--st-theme-color-white);
    }
/* SI service Area */
.si__service__area {
    background: #fff9f3;
}

.si__service__text p {
    float: right;
}

.si__service__thumb__three {
    margin-top: 21px;
    position: relative;
    overflow: hidden;
}

    .si__service__thumb__three img {
        transition: .8s;
        width: 100%;
        border-radius: 13px;
        margin-bottom: 7px;
    }

.si__service__content__three {
    position: absolute;
    bottom: 0px;
    left: 31px;
    opacity: 0;
    transition: .5s;
}

.si__service__thumb__three:hover .si__service__content__three {
    opacity: 1;
    bottom: 40px;
}

.si__service__content__three h2 {
    color: var(--st-theme-color-white);
}
/* SI Project Three Area */
.si__why__choose__three__area {
    border-radius: 30px;
}

.custom__width {
    max-width: 1860px;
    margin: 0 30px;
}

.si__why__choose__three__bg {
    max-width: 1200px;
    margin: 0 auto;
}

.si__project__three__thumb {
    position: relative;
    overflow: hidden;
}

    .si__project__three__thumb img {
        width: 100%;
    }

.si__project__three__content {
    display: inline-block;
    position: absolute;
    bottom: 27px;
    left: 20px;
    right: 20px;
    background: var(--st-theme-color-one);
    padding: 25px 30px 19px;
    border-radius: 0;
    transform: translateY(119px);
    opacity: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    border-radius: 5px;
}

.si__project__three__thumb:hover .si__project__three__content {
    opacity: 1;
    transform: translateY(0px);
}

.si__project__three__content__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.si__project__three__text span {
    font-weight: 500;
    font-size: 16px;
    color: var(--st-theme-color-two);
    padding-bottom: 8px;
    display: inline-block;
}

.si__project__three__text h6 {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}

.si__project__three__icon a {
    background: var(--st-header-meta-icon-bg);
    display: inline-block;
    padding: 6px 11px;
    border-radius: 0 50px 50px 0px;
}

    .si__project__three__icon a i {
        color: var(--st-theme-color-white);
        font-size: 20px;
        text-align: center;
    }

.st__form__box2 .si__btn__two {
    margin-top: 0;
    border: none;
}

.form3__title h2 {
    font-size: 38px;
    color: #fff;
    margin-bottom: 50px;
    display: inline-block;
}
/* SI Why Choose Three Area */
.si__why__choose__three__content {
    margin-top: 29px;
}

    .si__why__choose__three__content ul li {
        font-weight: 500;
        font-size: 15px;
        color: var(--st-theme-color-white);
    }

        .si__why__choose__three__content ul li i {
            color: var(--st-theme-color-one);
            margin-right: 7px;
        }

.si__why__choose__three__btn {
    margin-top: 45px;
}

.si__why__choose__three__text h6 {
    font-weight: 700;
    font-size: 30px;
}
/* SI Trusted Three Area */
.si__trust__items {
    display: flex;
    justify-content: center;
}

.trustbox__list {
    background: var(--st-header-meta-icon-bg);
    width: 238px;
    height: 238px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 10px 20px;
}

.si__trusted__three__thumb {
    text-align: center;
}

    .si__trusted__three__thumb h6 {
        font-weight: 700;
        font-size: 20px;
        color: var(--st-theme-color-white);
    }

    .si__trusted__three__thumb img {
        margin-top: -84px;
    }

.si__trusted__three__text h5 {
    font-weight: 500;
    font-size: 20px;
    margin-top: 39px;
}

    .si__trusted__three__text h5 a {
        color: var(--st-theme-color-one);
    }
/* SI Why Choose Area */
.si__why__choose__three__area {
    border-radius: 30px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
}

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

    .si__work__process__thumb img {
        width: 100%;
    }

.si__work__process__text {
    position: absolute;
    top: 97px;
    left: -37px;
    border-radius: 50%;
}

    .si__work__process__text span {
        color: var(--st-theme-color-white);
        font-size: 24px;
        font-weight: 500;
        background: var(--st-theme-color-one);
        width: 70px;
        height: 70px;
        line-height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: .6s;
        border: 4px solid var(--st-theme-color-two);
    }

.si__work__process__box:hover .si__work__process__text span {
    background: var(--st-theme-color-two);
}

.si__work__process__content h3 {
    color: var(--st-theme-color-white);
    font-size: 23px;
}

.si__work__process__content {
    margin-top: 28px;
}

.why-choose-shape {
    position: absolute;
    right: 95px;
    bottom: 34px;
    -webkit-animation: st__updown 10s infinite linear;
    animation: st__updown 10s infinite linear;
}
/* SI Testimonial Area */
.si__testimonial___navigation {
    gap: 30px;
    display: flex;
    justify-content: right;
    margin-top: 8px;
}

    .si__testimonial___navigation button {
        height: 60px;
        width: 60px;
        line-height: 60px;
        background: var(--st-theme-color-one);
        border: none;
        border-radius: 50%;
        transition: .6s;
    }

        .si__testimonial___navigation button:hover {
            background: var(--st-theme-color-two);
        }

        .si__testimonial___navigation button i {
            font-weight: 900;
            font-size: 16px;
            line-height: 16px;
            color: var(--st-theme-color-white);
        }

.si__testimonial__box {
    position: relative;
    margin-top: 78px;
}

.si__testimonial__content {
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 41px 0 46px 25px;
    border-radius: 10px;
}

    .si__testimonial__content h4 {
        font-weight: 700;
        font-size: 19px;
    }

    .si__testimonial__content p {
        width: 80%;
    }

.si__testimonial__thumb {
    display: flex;
    margin-top: 39px;
}

.si__testimonial__text {
    margin-left: 15px;
}

    .si__testimonial__text h5 {
        font-size: 20px;
    }

    .si__testimonial__text span {
        top: -10px;
        position: relative;
        color: var(--st-theme-dark-bg2);
    }

.si__testimonial__icon {
    position: absolute;
    top: -24px;
    right: 33px;
}
/* SI Promotion Area */
.si__promotion__content span {
    font-weight: 600;
    font-size: 20px;
    color: var(--st-theme-color-white);
}

.si__promotion__content h2 {
    font-weight: 600;
    font-size: 40px;
    color: var(--st-theme-color-white);
    margin-top: 23px;
    margin-bottom: 147px;
}

.si__promotion__content img {
    margin: 0 17px;
}

.si__promotion__text span {
    font-weight: 600;
    font-size: 20px;
    color: var(--st-theme-color-white);
}

.si__promotion__text h3 {
    font-weight: 600;
    font-size: 40px;
    color: var(--st-theme-color-white);
    margin-top: 23px;
    margin-bottom: 147px;
}

.si__promotion__text img {
    margin: 0 17px;
}
/* SI Team Area */
.si__team__thumb img {
    width: 100%;
}

.si__team__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.si__team__inner__icon span {
    color: var(--st-theme-color-white);
    font-weight: 700;
    font-size: 15px;
    width: 62px;
    height: 62px;
    line-height: 62px;
    background: var(--st-theme-color-one);
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    border: 9px solid var(--st-theme-color-two);
}

.si__team__inner__icon a i {
    color: var(--st-theme-color-white);
    width: 33px;
    height: 33px;
    line-height: 33px;
    background: var(--st-theme-color-one);
    text-align: center;
    border-radius: 10px;
}

.text-black h5 {
    color: #000;
}

.text-black h1 {
    color: #000;
}

.text-black p {
    color: #000;
}

.st__slider__thumb {
    position: relative;
}

.st__slider__img {
    position: absolute;
    top: 144px;
    right: 99px;
}
/* Slider Style-five */
.si__slider__area__five {
    padding: 77px 0px;
}

.si__slider__thumb__five img {
    width: 100%;
}

.si__slider__content__five h1 {
    color: var(--st-theme-color-white);
    font-weight: 700;
    font-size: 72px;
    line-height: 80px;
}

.si__slider__content__five h5 {
    color: var(--st-theme-color-one);
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.si__slider__content__five p {
    color: var(--st-theme-color-white);
}

.si__slider__btn__five {
    margin-top: 62px;
}

.si__btn__one {
    color: var(--st-theme-color-white);
    padding: 22px 48px;
    background: var(--st-theme-color-one);
    border-radius: 5px;
    font-size: 20px;
    transition: .5s;
    position: relative;
    text-transform: capitalize;
}

    .si__btn__one::before {
        position: absolute;
        content: "";
        bottom: 0px;
        right: 0px;
        background: #163967;
        width: 53px;
        height: 55px;
        border-radius: 45px 0 0 0;
        opacity: 0.07;
        transition: .5s;
    }

    .si__btn__one:hover::before {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    .si__btn__one:hover {
        color: #fff;
    }

.si__slider__thumb img {
    width: 100%;
}
/* About Style-5 */
.si__about__area__five {
    padding: 100px 0 100px;
}

.si__about__thumb__five {
    position: relative;
}

    .si__about__thumb__five img {
        width: 100%;
    }

.si__section__title h1 {
    text-transform: capitalize;
}

.si__section__title h5 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 16px;
}

.si__section__title p {
    font-size: 14px;
}

.si__about__content__five {
    display: inline-block;
    bottom: 189px;
    left: 104px;
    background: var(--st-theme-color-one);
    padding: 20px;
    border-radius: 30px;
    position: absolute;
}

    .si__about__content__five h1 {
        display: inline-block;
        color: var(--st-theme-color-white);
        font-size: 60px;
    }

    .si__about__content__five span {
        display: inline-block;
        top: 4px;
        position: relative;
        line-height: 1.3;
        color: var(--st-theme-color-white);
        font-weight: 500;
        font-size: 16px;
    }

.si__about__list__five {
    display: flex;
    justify-content: space-between;
}

    .si__about__list__five ul li {
        font-weight: 500;
        font-size: 13px;
        margin-bottom: 14px;
    }

        .si__about__list__five ul li i {
            color: var(--st-theme-color-one);
            font-size: 9px;
            font-weight: 500;
            margin-left: -1px;
            margin-right: 12px;
        }

.si__about__btn__five {
    margin-top: 51px;
}

.si__about__box__five {
    display: flex;
    gap: 35px;
}

.si__about__box__two__five {
    margin-top: 27px;
    background: var(--st-theme-color-white);
    box-shadow: 0px 4.4px 12px -1px rgba(19, 16, 34, 0.06), 0px 2px 6.4px -1px rgba(19, 16, 34, 0.03);
    padding: 10px;
    border-radius: 5px;
}

.si__about__thumb__two__five {
    display: inline-block;
}

    .si__about__thumb__two__five img {
        margin-top: -26px;
    }

.si__about__content {
    display: inline-block;
}

    .si__about__content h6 {
        margin-bottom: 0;
    }

.si__about__box__two__five {
    margin-top: 30px;
}
/* Service Style-5 */
.si__service__box__five {
    background: var(--st-theme-color-white);
    box-shadow: 0px 4.4px 12px -1px rgba(19, 16, 34, 0.06), 0px 2px 6.4px -1px rgba(19, 16, 34, 0.03);
    padding: 55px 49px 53px 65px;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 26px;
    transition: .5s;
    overflow: hidden;
}

    .si__service__box__five::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: transparent;
        transition: 0.5s;
        z-index: -1;
    }

    .si__service__box__five::after {
        position: absolute;
        content: "";
        top: -193px;
        left: 0;
        width: 53%;
        height: 53%;
        transition: 0.6s;
        z-index: -1;
        background: #dd7d1e;
        border-radius: 0 0 226px 0px;
        opacity: 0;
    }

    .si__service__box__five:hover::after {
        top: -1px;
        opacity: 1;
    }

    .si__service__box__five:hover .si__service__icon__five img {
        filter: brightness(0) invert(1);
    }

    .si__service__box__five:hover::before {
        width: 100%;
        background: var(--st-theme-color-one);
    }

.si__service__icon__five {
    margin-bottom: 25px;
}

    .si__service__icon__five img {
        color: var(--st-theme-color-one);
        width: 50px;
    }

.si__service__text__five h3 {
    margin-bottom: 24px;
    font-size: 26px;
}

.si__service__text__five {
    transition: .5s;
}

.si__service__box__five:hover .si__service__text__five h3,
.si__service__box__five:hover .si__service__text__five p,
.si__service__box__five:hover .si__service__btn {
    color: #fff;
}

.si__service__text__five p {
    font-size: 16px;
    transition: .5s;
    margin-bottom: 31px;
}

.si__service__btn {
    color: var(--st-theme-color-one);
    text-transform: uppercase;
    margin-top: 51px;
}

    .si__service__btn i {
        font-size: 26px;
        display: inline-block;
        margin-left: 14px;
        top: 4px;
        position: relative;
    }

.si__service__btn__one {
    font-weight: 600;
    font-size: 16px;
    padding: 22px 30px;
    display: inline-block;
    background: var(--st-theme-color-one);
    color: var(--st-theme-color-white);
    position: relative;
    z-index: 1;
    transition: .6s;
}

    .si__service__btn__one::before {
        position: absolute;
        content: "";
        bottom: 0px;
        right: 0px;
        background: #163967;
        width: 53px;
        height: 57px;
        border-radius: 45px 0 0 0;
        opacity: 0.07;
        z-index: -1;
    }

    .si__service__btn__one:hover {
        color: var(--st-theme-color-white);
        background: #054c60;
    }
/* latest Project Style-5 */
.si__latest__project__area__five {
    padding: 121px 0px 90px 0px;
}

.si__latest__project__thumb__five {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
}

    .si__latest__project__thumb__five img {
        width: 100%;
    }

    .si__latest__project__thumb__five::before {
        content: "";
        height: 50%;
        width: 100%;
        background: linear-gradient(180deg, rgba(9, 7, 33, 0) 26.5%, rgba(0, 61, 77, 0.7) 78.5%);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transition: 0.6s;
        opacity: 0;
    }

    .si__latest__project__thumb__five:hover::before {
        opacity: 1;
    }

.si__latest__project__text__five {
    position: absolute;
    bottom: -25px;
    left: 38px;
    opacity: 0;
    transition: .5s;
}

.si__latest__project__thumb__five:hover .si__latest__project__text__five {
    bottom: 30px;
    opacity: 1;
    z-index: 1;
}

.si__latest__project__text__five span {
    color: var(--st-theme-color-white);
}

.si__latest__project__text__five h3 {
    color: var(--st-theme-color-white);
    margin-top: 6px;
    font-size: 25px;
}
/* Si Touch Style-5 */
.si__touch__area__five {
    position: relative;
    z-index: 2;
}

.si__touch__bg__five {
    background: var(--st-theme-color-white);
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);
    margin-bottom: -193px;
    padding: 81px 74px;
}

.si__touch__thumb__five img {
    width: 100%;
}

.si__touch__from input {
    border: none;
    padding: 19px 24px;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
}

.si__touch__from__five input:focus {
    border: none;
    outline: 0;
}

.si__touch__from input::placeholder {
    font-size: 16px;
}

.si__touch__from textarea {
    border: none;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    height: 173px;
    padding-top: 15px;
    margin-left: 21px;
}

    .si__touch__from textarea:focus {
        border-bottom: 1px solid #e3e3e3;
        outline: 0;
    }

    .si__touch__from textarea::placeholder {
        font-size: 16px;
    }

.si__touch__btn__five {
    margin-top: 53px;
}
/* Si Our Experts Style-5 */
.si__our__experts__five__area {
    padding: 307px 0 200px;
    position: relative;
    z-index: 1;
}

    .si__our__experts__five__area::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #003d4d;
        z-index: -1;
        opacity: 0.9;
    }

.si__our__experts__five__box {
    padding-bottom: 56px;
}

.si__our__experts__five__thumb {
    position: relative;
}

    .si__our__experts__five__thumb img {
        width: 100%;
    }

.si__our__experts__five__inner {
    background: var(--st-theme-color-white);
    padding: 28px 33px 22px 33px;
    box-shadow: 0px 4.4px 12px -1px rgba(19, 16, 34, 0.06), 0px 2px 6.4px -1px rgba(19, 16, 34, 0.03);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 347px;
    position: absolute;
    bottom: -54px;
    left: 33px;
    border-radius: 8px;
}

.si__our__experts__five__icon a i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: var(--st-theme-color-one);
    display: inline-block;
    text-align: center;
    font-weight: 500;
    color: var(--st-theme-color-white);
    border-radius: 8px;
    transition: .5s;
    z-index: 2;
    position: relative;
}

    .si__our__experts__five__icon a i:hover {
        background: var(--st-header-meta-icon-bg);
    }

.si__our__experts__five__social__icon {
    position: absolute;
    content: "";
    bottom: 15px;
    opacity: 0;
    transition: .5s;
    display: inline-block;
    margin-left: -50px;
}

    .si__our__experts__five__social__icon a i {
        margin-bottom: 12px;
    }

.si__our__experts__five__icon:hover .si__our__experts__five__social__icon {
    opacity: 1;
    bottom: 90px;
}

.si__our__experts__five__navigation {
    gap: 30px;
    display: flex;
    justify-content: right;
    margin-top: 8px;
}

    .si__our__experts__five__navigation button {
        height: 60px;
        width: 60px;
        line-height: 60px;
        background: var(--st-theme-color-one);
        border: none;
        border-radius: 50%;
        transition: .6s;
    }

        .si__our__experts__five__navigation button i {
            color: var(--st-theme-color-white);
            font-size: 30px;
        }

        .si__our__experts__five__navigation button:hover {
            background: var(--st-header-meta-icon-bg);
            color: var(--st-theme-color-white);
        }
/* Si Counter Style-5 */
.si__counter__area__five {
    z-index: 2;
    position: relative;
}

.si__counter__bg__five {
    background: #002841;
    padding: 79px 71px;
    margin-top: -232px;
    z-index: -1;
}

.si__counter__box__five {
    display: flex;
}

.si__counter__inner__five {
    background: var(--st-header-meta-icon-bg);
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    border: 2px solid #335367;
    border-radius: 5px;
}

.si__counter__text__five {
    top: 7px;
    position: relative;
    margin-left: 9px;
}

    .si__counter__text__five h1 {
        display: inline-block;
        color: var(--st-theme-color-white);
    }

    .si__counter__text__five h2 {
        display: inline-block;
        font-size: 48px;
        color: var(--st-theme-color-white);
    }

    .si__counter__text__five span {
        display: block;
        color: var(--st-theme-color-white);
    }
/* Si Our Faq Style-5 */
.si__our__faq__area__five {
    padding: 35px 0 0;
}

.si__our__fap__thumb__five img {
    width: 100%;
}

.accordion-button:not(.collapsed) {
    color: var(--st-theme-color-white);
    background-color: var(--st-theme-color-one);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}
/* Si Our Recent Style-5 */
.si__our__recent__area__five {
    padding: 117px 0px 112px;
}

.si__our__recent__right__five {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.si__our__recent__thumb__five img {
    width: 100%;
}

.si__our__recent__taq__five a {
    font-weight: 400;
    font-size: 14px;
    color: #38495F;
}

.si__our__recent__taq__five i {
    color: var(--st-theme-color-one);
    font-weight: 500;
}

.si__our__recent__text__five h4 {
    margin-bottom: 16px;
    line-height: 1.5;
    transition: .6s;
}

    .si__our__recent__text__five h4:hover {
        color: #E02E2E;
    }

.si__our__recent__text__five p {
    line-height: 35px;
}

.si__our__recent__box__five {
    transition: .5s;
    z-index: 1;
}

.si__our__recent__thumb__five {
    overflow: hidden;
}

    .si__our__recent__thumb__five img {
        transition: .5s;
    }

.si__our__recent__box__five:hover .si__our__recent__thumb__five img {
    transform: scale(1.1);
}

.si__our__recent__inner__five {
    background: var(--st-theme-color-white);
    padding: 32px 29px 30px 38px;
    border: 1px solid #E3E3E3;
    position: relative;
    z-index: 1;
}

    .si__our__recent__inner__five::before {
        position: absolute;
        content: "";
        height: 3px;
        width: 100%;
        background-color: var(--si-theme-color);
        position: absolute;
        bottom: 0;
        left: 0px;
        border-radius: 8px;
        z-index: -1;
        transition: 0.6s;
    }

    .si__our__recent__inner__five:hover::before {
        width: 100%;
        opacity: 1;
        background: #f00;
    }

    .si__our__recent__inner__five::after {
        position: absolute;
        content: "";
        height: 1px;
        width: 100%;
        background-color: #E1E1E1;
        position: absolute;
        bottom: 0;
        left: 3px;
        right: 0px;
        border: 1px solid #f00;
        border-radius: 8px;
        z-index: -1;
        opacity: 0;
    }

.si__our__recent__taq__five {
    margin-bottom: 14px;
}

    .si__our__recent__taq__five i {
        margin-right: 11px;
    }

.si__btn2 {
    display: inline-block;
    color: #38495F;
    position: relative;
    transition: .6s;
}

    .si__btn2:hover {
        color: #E02E2E;
    }

    .si__btn2 i {
        font-size: 27px;
        color: #38495F;
        position: relative;
        top: 5px;
        margin-left: 13px;
    }
/* Si Subscribe Style-5 */
.si__subscribe__area__five {
    padding: 97px 0 97px 0;
}

.si__subscribe__content__five h1 {
    margin-bottom: 38px;
}

.si__subscribe__from input {
    border: none;
    padding: 19px 24px;
    margin-bottom: 20px;
    width: 63%;
    border-bottom: 1px solid #e3e3e3;
}

    .si__subscribe__from input:focus {
        border: none;
        outline: 0;
    }

    .si__subscribe__from input::placeholder {
        font-size: 18px;
    }