/*
Theme Name: Logisfare
Theme URI: https://themewar.com/wp/logisfare
Author: themewar
Author URI: https://themeforest.net/user/themewar
Description: LogisFare - Transport & Logistics WordPress Theme
Version: 1.0
License: 
License URI: 
*/

/*==================================
    [Table of contents]
===================================
    01. Home One
    02. Home Two
    03. Home Three
    04. Home Four

/*-----------------------------------------
/  01. Home One
/-----------------------------------------*/

/* -- Header Topbar -- */
.topBar01 {
    position: relative;
    background: #ededed;
    width: auto;
    min-height: 45px;
}

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

.topDesc {
    position: relative;
}

    .topDesc p {
        display: inline-block;
        font-weight: 500;
        line-height: 19px;
        color: var(--tw-secondary-color);
        margin: 0 32px 0 0;
        padding: 13px 0 13px;
    }

        .topDesc p a {
            display: inline-block;
            color: inherit;
        }

        .topDesc p:hover a {
            color: var(--tw-primary-color);
        }

        .topDesc p i {
            margin-right: 6px;
            color: var(--tw-primary-color);
            position: relative;
            top: 1px;
            font-size: 15px;
        }

        .topDesc p:nth-child(2) {
            margin: 0 29px 0 0;
        }

            .topDesc p:nth-child(2) i {
                margin-right: 8px;
                top: 2px;
                font-size: 16px;
            }

        .topDesc p:nth-child(3) i {
            font-size: 13px;
        }

        .tpRight p > svg,
        .topDesc p > svg {
            width: auto;
            height: 15px;
            fill: var(--tw-primary-color);
            margin: 0 8px 0 0;
        }

.topSocial {
    position: relative;
}

    .topSocial a {
        display: inline-block;
        font-size: 14px;
        color: var(--tw-primary-color);
        margin-left: 22px;
        padding: 2px 0;
    }

        .topSocial a:hover {
            color: var(--tw-secondary-color);
        }

        .topSocial a svg {
            height: 14px;
            width: auto;
            fill: var(--tw-primary-color);
            top: -2px;
            position: relative;
            transition: 0.3s all ease-in-out;
            -webkit-transition: 0.3s all ease-in-out;
            -moz-transition: 0.3s all ease-in-out;
        }

        .topSocial a:hover svg {
            fill: var(--tw-secondary-color);
        }
/*-- Header Area --*/
.header01 {
    position: relative;
}

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

    .navBar01 .logo {
        position: relative;
    }

        .navBar01 .logo a {
            display: inline-block;
        }

            .navBar01 .logo a img {
                max-width: 100px;
                height: auto;
            }

.logo a.textLogo {
    font-size: 29.75px;
    color: var(--tw-secondary-color);
    font-weight: 700;
    font-family: var(--secondary-font);
    padding: 41px 0 43px;
    min-width: 150px;
}

    .logo a.textLogo:hover {
        opacity: 0.8;
    }

.menu_btn {
    display: none;
}

.mainMenu {
    position: relative;
    left: 12px;
}

    .mainMenu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mainMenu > ul > li {
        display: inline-block;
        padding: 40px 0 41px;
        margin: 0 38px 0 0;
        position: relative;
    }

    .mainMenu > ul li {
        position: relative;
    }

        .mainMenu > ul li a {
            display: block;
            font-size: 17px;
            line-height: 28px;
            font-weight: 600;
            font-family: var(--secondary-font);
            color: var(--tw-secondary-color);
            position: relative;
        }

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

    .mainMenu > ul > li:after {
        content: '';
        position: absolute;
        left: auto;
        right: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-bottom: 2px solid transparent;
        background: var(--tw-primary-color);
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

    .mainMenu > ul > li:hover:after {
        left: 0;
        right: auto;
        width: 100%;
    }

    .mainMenu > ul > li.menu-item-has-children > a:after {
        content: '\e9b9';
        font-family: "Themewar" !important;
        font-size: 15px;
        color: inherit;
        display: inline-block;
        position: relative;
        margin: 0px 0 0 3px;
        font-weight: 500;
        top: 1px;
    }

    .mainMenu ul li:hover > a:after,
    .mainMenu ul li.current-menu-item > a:after {
        color: inherit;
    }

    .mainMenu > ul > li ul li.menu-item-has-children:after {
        content: '\e9bb';
        font-family: "Themewar" !important;
        font-size: 13px;
        font-weight: 500;
        color: var(--tw-secondary-color);
        position: absolute;
        margin: 0;
        right: 30px;
        top: 6px;
        -webkit-transition: all ease 350ms;
        transition: all ease 350ms;
    }

    .mainMenu ul li ul li:hover:after,
    .mainMenu ul li ul li.current-menu-item:after {
        color: var(--tw-primary-color);
    }

    .mainMenu ul li ul {
        position: absolute;
        padding: 15px 0;
        position: absolute;
        top: 100%;
        left: -30px;
        pointer-events: none;
        display: block;
        min-width: 220px;
        border-radius: 0;
        margin: 0;
        background: #fff;
        border-bottom: 3px solid var(--tw-primary-color);
        visibility: hidden;
        opacity: 0;
        box-shadow: 0px 30px 60px 0px rgb(2 24 93 / 8%);
        z-index: 10;
        -webkit-transform: rotateX(-75deg);
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .mainMenu ul li ul li ul {
            left: 100%;
            top: 0;
        }

    .mainMenu > ul li:hover > ul {
        pointer-events: inherit;
        visibility: visible;
        opacity: 1;
        -webkit-transform: rotatex(0deg);
        transform: rotatex(0deg);
    }

    .mainMenu > ul li > ul li {
        margin: 0;
        padding: 4px 30px 4px;
        width: 100%;
    }

    .mainMenu ul li ul li a {
        color: var(--tw-secondary-color);
        font-size: 15px;
        text-transform: capitalize;
        position: relative;
        display: inline;
        padding-bottom: 0px;
        -webkit-transition: all 0.35s linear;
        transition: all 0.35s linear;
        position: relative;
    }

        .mainMenu ul li ul li a:after {
            content: '';
            position: absolute;
            left: auto;
            right: 0;
            bottom: 3px;
            width: 0;
            height: 0;
            border-bottom: 1px solid var(--tw-primary-color);
            background: var(--tw-primary-color);
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
        }

    .mainMenu ul > li ul li:hover > a:after {
        left: 0;
        right: auto;
        width: 100%;
        color: var(--tw-primary-color);
    }

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

.headerBtn {
    position: relative;
}

.header01 .accessNav .logicBtn {
    height: 50px;
    padding: 0 10px;
    font-size: 14px;
    top: 0px;
    width: 154px;
    text-align: center;
    line-height: 52px;
}

.header01.defaultHd .accessNav .logicBtn {
    top: 0;
}

header.fixedHeader {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 0 25px rgb(0 0 0 / 15%);
    border: none;
    z-index: 99;
}

/* -- Revolution Slider -- */
.slider01 {
    background: rgba(37, 3, 3, 1);
}

    .slider01 .rev_slider .tparrows {
        width: 70px;
        height: 70px;
        background: #fff;
        border-radius: 50%;
        line-height: 70px;
        color: #000000;
        font-size: 16px;
        text-align: center;
        -webkit-transition: all ease 300ms;
        transition: all ease 300ms;
        position: absolute;
        left: calc(100% + 150px) !important;
        top: 0;
        z-index: 99;
        overflow: hidden;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

        .slider01 .rev_slider .tparrows:hover {
            color: var(--tw-white-color);
        }

        .slider01 .rev_slider .tparrows:before {
            color: inherit;
            font-size: inherit;
            line-height: inherit;
            content: "\e903";
            font-family: 'logis';
        }

        .slider01 .rev_slider .tparrows.tp-rightarrow:before {
            content: "\e902";
        }

.rev_slider .tparrows.tp-rightarrow:after {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}

.slider01 .rev_slider .tparrows.tp-rightarrow:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}

.slider01 .rev_slider .tparrows.tp-leftarrow:after {
    content: "";
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    width: 0;
    height: 100%;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}

.slider01 .rev_slider .tparrows.tp-leftarrow:hover:after {
    width: 100%;
    left: auto;
    right: 0;
}

.tp-bannertimer {
    display: none;
}

.sliderPhoneBox {
    position: relative;
}

    .sliderPhoneBox i {
        width: 55px;
        height: 55px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.13);
        border-radius: 100px;
        font-size: 16px;
    }

    .sliderPhoneBox a {
        display: inline-block;
        font-size: 18px;
        font-weight: 600;
        color: var(--tw-white-color);
        line-height: 1;
        margin-left: 18px;
    }

        .sliderPhoneBox a:hover {
            color: var(--tw-primary-color);
        }
/*-- Service Area --*/
.serviceDesc01 {
    position: relative;
    padding: 81px 0 0;
}

    .serviceDesc01 p {
        margin: 0 45px 42px 0;
    }

.serviceControls {
    position: relative;
    margin-left: 2px;
}

    .owl-carousel .owl-nav button,
    .serviceControls button,
    .serviceCarousel.owl-carousel .owl-nav button {
        border: 0;
        outline: 0;
        background: var(--tw-white-color);
        position: relative;
        width: 40px;
        height: 35px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 8px;
        box-shadow: 0px 10px 20px rgba(24, 16, 16, 0.06);
        color: var(--tw-secondary-color);
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
        overflow: hidden;
        z-index: 1;
    }

        .owl-carousel .owl-nav button.owl-prev,
        .serviceCarousel.owl-carousel .owl-nav button.owl-prev {
            margin-right: 15px;
        }

.owl-carousel .owl-nav,
.serviceCarousel.owl-carousel .owl-nav {
    text-align: center;
    margin: 35px 0 0;
}

.serviceControls button.tprev:after {
    content: '';
    position: absolute;
    left: 0;
    right: auto;
    width: 0;
    height: 100%;
    background: var(--tw-primary-color);
    z-index: -1;
    border-radius: 8px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.serviceControls button.tprev:hover:after {
    right: 0;
    left: auto;
    width: 100%;
}

.owl-carousel .owl-nav button:hover,
.serviceControls button.tprev:hover,
.serviceControls button.tnext:hover {
    color: var(--tw-white-color);
}

.owl-carousel .owl-nav button:after,
.serviceControls button.tnext:after,
.serviceCarousel .owl-nav button:after {
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    background: var(--tw-primary-color);
    border-radius: 8px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}

.owl-carousel .owl-nav button:hover:after,
.serviceControls button.tnext:hover:after,
.serviceCarousel .owl-nav button:hover:after {
    right: auto;
    left: 0;
    width: 100%;
}

.serviceControls span {
    font-weight: var(--heading-font-weight);
    color: var(--tw-secondary-color);
    line-height: 1;
    width: 84px;
    display: inline-block;
    text-align: center;
}

    .serviceControls span ins {
        color: var(--tw-primary-color);
        text-decoration: none;
    }

.serviceCarouselWrap {
    position: relative;
}

.singleService {
    position: relative;
    background: var(--tw-white-color);
    border-radius: 5px;
}

.serviceThumb {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .elementor .serviceThumb img,
    .serviceThumb img {
        max-width: 100%;
        height: auto;
        width: 100%;
        border-radius: 5px;
    }

.serviceContent {
    position: relative;
    padding: 65px 40px 31px;
    z-index: 2;
}

.serConIcon {
    position: absolute;
    top: -50px;
    left: 30px;
}

    .serConIcon span {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: var(--tw-primary-color);
        display: inline-block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 35px;
        color: var(--tw-white-color);
        border: 10px solid var(--tw-white-color);
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
    }

        .serConIcon span i,
        .serConIcon span i:before {
            color: var(--tw-white-color);
            transition: 0.3s ease-in-out;
            -webkit-transition: 0.3s ease-in-out;
            -moz-transition: 0.3s ease-in-out;
        }

        .serConIcon span img {
            height: 38px;
            width: auto;
        }

.serviceContent h4 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 7px;
}

    .serviceContent h4 a {
        color: inherit;
        display: inline-block;
    }

    .serviceContent h4:hover {
        color: var(--tw-primary-color);
    }
/* --  About Section -- */
.aboutLook {
    position: relative;
    text-align: left;
    margin-bottom: 53px;
}

    .elementor .aboutLook img,
    .aboutLook img {
        display: inline-block;
        max-width: 100%;
        height: auto;
        border-radius: 6px;
        -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
    }

    .aboutLook .ab01 {
        position: relative;
        max-width: 423px;
        height: auto;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.aboutLook .ab02 {
    max-width: 300px;
    height: auto;
    position: absolute;
    bottom: -53px;
    left: 311px;
    z-index: 2;
    overflow: hidden;
    right: -12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

    40% {
        opacity: 1;
    }

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

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

    40% {
        opacity: 1;
    }

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

.aboutLook .welcomeBox {
    width: 214px;
    height: 214px;
    border-radius: 50%;
    position: absolute;
    bottom: 74px;
    left: -107px;
    z-index: 9;
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.08);
    -webkit-animation: welAnim 7s linear infinite;
    animation: welAnim 7s linear infinite;
}

    .aboutLook .welcomeBox img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    .aboutLook .welcomeBox .abArrow {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 54px;
        height: 46px;
        border-radius: 0;
    }

.aboutContent {
    position: relative;
    padding: 21px 0 0 67px;
}

    .aboutContent:after {
        content: "";
        position: absolute;
        width: 90px;
        height: 104px;
        top: 0;
        left: 202px;
        background: url(../images/bgimg/polygon.png)no-repeat;
        background-size: 100% 100%;
        z-index: -1;
    }

    .aboutContent p {
        padding: 0 10px 15px 0;
    }

.aboutCountItem {
    position: relative;
}

    .aboutCountItem h2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 60px;
        line-height: 1;
        font-family: var(--secondary-font);
    }

        .aboutCountItem h2 .counterSuffix {
            position: relative;
            display: inline-block;
        }

.logisfareFactAlign-left .aboutCountItem h2 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.logisfareFactAlign-center .aboutCountItem h2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.logisfareFactAlign-right .aboutCountItem h2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.aboutContent .btnGap {
    margin-right: 28px;
}

/* -- Icon Box 01 -- */
.iconBox01 {
    position: relative;
    text-align: center;
}

    .iconBox01 .ibIcon {
        position: relative;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background: var(--tw-white-color);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 60px;
        color: var(--tw-primary-color);
        margin: 0 0 31px;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

        .iconBox01 .ibIcon i {
            font-size: 66px;
            fill: var(--tw-primary-color);
        }

        .iconBox01 .ibIcon svg {
            width: 66px;
            height: 66px;
            fill: var(--tw-primary-color);
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
        }

    .iconBox01:hover .ibIcon svg {
        fill: var(--tw-white-color);
    }

    .iconBox01:hover .ibIcon {
        background: var(--tw-primary-color);
        color: var(--tw-white-color);
    }

    .iconBox01 .ibIcon span.ibNum {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        background: var(--tw-primary-color);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50px;
        font-size: 18px;
        font-weight: 700;
        color: var(--tw-white-color);
        z-index: 1;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

    .iconBox01:hover .ibIcon span.ibNum {
        background: var(--tw-white-color);
        color: var(--tw-primary-color);
    }

    .iconBox01 h3 {
        color: var(--tw-white-color);
        font-size: 24px;
        line-height: 1;
        margin: 0 0 10px;
    }

    .iconBox01 .btnLink {
        color: var(--tw-white-color);
    }

    .iconBox01:hover .btnLink {
        color: var(--tw-primary-color);
    }

    .iconBox01 p {
        margin: 0 0 12px;
    }

    .iconBox01.odd {
        left: -14px;
    }

        .iconBox01.odd:after {
            content: "";
            position: absolute;
            background: url(../images/bgimg/arrowIcon.png)no-repeat;
            background-size: 100% 100%;
            width: 115px;
            height: 50px;
            top: 10px;
            right: -73px;
            -webkit-transform: rotate(318deg);
            transform: rotate(318deg);
        }

    .iconBox01.ib103:after {
        right: -76px;
    }

    .iconBox01.event {
        top: -92px;
        left: -5px;
    }

        .iconBox01.event:after {
            content: "";
            position: absolute;
            background: url(../images/bgimg/arrowIcon.png)no-repeat;
            background-size: 100% 100%;
            width: 115px;
            height: 50px;
            top: 102px;
            right: -72px;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

    .iconBox01.ib103 {
        left: 5px;
    }

    .iconBox01.eventNotArrow {
        left: 14px;
    }

        .iconBox01.eventNotArrow:after {
            content: inherit;
        }

/* -- Feature Section -- */
.reatureDetails01 {
    position: relative;
    z-index: 1;
}

    .reatureDetails01:after {
        content: "";
        position: absolute;
        width: 90px;
        height: 105px;
        top: -22px;
        left: 135px;
        background: url(../images/bgimg/polygon.png)no-repeat;
        background-size: 100% 100%;
        z-index: -1;
    }

    .reatureDetails01 p {
        padding: 0 70px 26px 0;
    }

.iconBox02 {
    position: relative;
}

    .iconBox02 span {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: var(--tw-primary-color);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 24px;
    }

    .iconBox02 i {
        font-size: 36px;
        color: var(--tw-white-color);
    }

    .iconBox02 svg {
        width: 36px;
        height: 36px;
        fill: var(--tw-white-color);
        stroke: var(--tw-white-color);
        stroke-width: .5px;
    }

    .iconBox02 h3 {
        font-size: 24px;
        line-height: 1;
        font-weight: 600;
        margin: 0 0 11px;
    }

        .iconBox02 h3 a {
            color: inherit;
        }

            .iconBox02 h3 a:hover {
                color: var(--tw-primary-color);
            }

    .iconBox02.noGap {
        margin-left: -44px;
    }

.featureLook01 {
    position: relative;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

    .elementor .featureLook01 img,
    .featureLook01 img {
        max-width: 100%;
        width: auto;
        height: auto;
        position: relative;
        z-index: 1;
    }

.featureBox {
    position: relative;
    text-align: center;
    max-width: 225px;
    width: 100%;
    height: auto;
    background: var(--tw-primary-color);
    padding: 46px 25px 35px;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.about_imglk02 .featureBox {
    position: absolute;
    top: 191px;
    right: 391px;
    height: 249px;
}

.logisfareFactAlign-left .featureBox {
    text-align: left;
}

.logisfareFactAlign-center .featureBox {
    text-align: center;
}

.logisfareFactAlign-right .featureBox {
    text-align: right;
}

.logisfareFactAlign-left .featureBox h3 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.logisfareFactAlign-center .featureBox h3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.logisfareFactAlign-right .featureBox h3 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.featureBox i,
.featureBox span {
    font-size: 60px;
    color: var(--tw-white-color);
    display: inline-block;
}

    .featureBox span svg {
        width: auto;
        height: 60px;
    }

.about_imglk02_thumb {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-left: auto;
}

    .about_imglk02_thumb img {
        border: inherit;
        border-radius: inherit;
    }

.featureBox h3 {
    color: var(--tw-white-color);
    font-family: var(--tw-primary-color);
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    margin: 21px 0 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .featureBox h3 span {
        font-size: inherit;
        color: inherit;
        font-weight: inherit;
        position: relative;
        display: inline-block;
    }

.featureBox h4 {
    color: var(--tw-white-color);
    font-size: 16px;
    line-height: 1;
    font-family: var(--tw-primary-color);
}

/* -- Team Section -- */
.singleTeam {
    position: relative;
}

    .singleTeam .teamMeta {
        position: relative;
        overflow: hidden;
        margin: 0 0 5.8px;
        z-index: 1;
    }

        .singleTeam .teamMeta:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            bottom: 0;
            background: rgba(255, 255, 255, .2);
            z-index: 1;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
        }

    .singleTeam:hover .teamMeta:after {
        opacity: 1;
        visibility: visible;
    }

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

.teamSocial {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 179px;
    height: auto;
    margin: auto;
    background: var(--tw-white-color);
    border-radius: 100px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding: 13px 0;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    z-index: 2;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    overflow: hidden;
}

    .teamSocial a {
        display: inline-block;
        font-size: 14px;
        color: var(--tw-body-color);
        padding: 2px;
        line-height: 1;
        opacity: 0;
        visibility: hidden;
    }

        .teamSocial a:hover {
            color: var(--tw-secondary-color);
        }

.singleTeam:hover .teamSocial {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.teamContent {
    position: relative;
    background: #F8F8F8;
    border-radius: 5px;
    text-align: center;
    padding: 25px 0 22px;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.singleTeam:hover .teamContent {
    background: #171717;
}

.teamContent h4 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 1px;
    -webkit-transition: all 350ms ease-in;
    transition: all 350ms ease-in;
}

    .teamContent h4 a {
        color: inherit;
        -webkit-transition: none;
        transition: none;
        display: inline-block;
    }

.singleTeam:hover h4 {
    color: var(--tw-white-color);
}

.teamContent h4:hover {
    color: var(--tw-primary-color);
}

.teamContent p {
    font-family: var(--secondary-font);
    margin: 0;
}

.teamContent:after {
    content: '';
    position: absolute;
    width: 130px;
    height: 130px;
    bottom: 0;
    right: -150px;
    background: url(../images/bgimg/teamSahp1.png)no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
}

.teamContent:before {
    content: '';
    position: absolute;
    width: 108px;
    height: 220px;
    bottom: 0;
    right: -150px;
    background: url(../images/bgimg/teamSahp2.png)no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.singleTeam:hover .teamContent:after {
    right: -55px;
}

.singleTeam:hover .teamContent:before {
    right: -65px;
}

.teamSocial a:nth-child(01) {
    -webkit-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}

.teamSocial a:nth-child(02) {
    -webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}

.teamSocial a:nth-child(03) {
    -webkit-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}

.teamSocial a:nth-child(04) {
    -webkit-transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}

.singleTeam:hover .teamSocial a:nth-child(01),
.singleTeam:hover .teamSocial a:nth-child(02),
.singleTeam:hover .teamSocial a:nth-child(03),
.singleTeam:hover .teamSocial a:nth-child(04) {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

/* -- Icon Box 03 -- */
.iconBox03 {
    position: relative;
    padding: 9px 0 7px 100px;
    z-index: 1;
}

    .iconBox03.countfact {
        background: #131313;
    }

    .iconBox03 span {
        position: absolute;
        left: 0;
        top: 0;
        width: 80px;
        height: 80px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: var(--tw-primary-color);
        border-radius: 50%;
    }

    .iconBox03.countfact i {
        font-size: 30px;
    }

    .iconBox03 span i {
        font-size: 40px;
        color: var(--tw-white-color);
    }

    .iconBox03 span svg {
        width: 40px;
        height: 40px;
        fill: var(--tw-white-color);
        stroke: var(--tw-white-color);
        stroke-width: 0.6px;
    }

    .iconBox03 span:after {
        content: '';
        position: absolute;
        width: 142px;
        height: 142px;
        top: 0;
        bottom: 0;
        margin: auto 31px;
        background: url(../images/bgimg/shapeProgress.png)no-repeat;
        background-size: 100% 100%;
        z-index: -1;
        border-radius: 50%;
    }

    .iconBox03:hover span:after {
        -webkit-animation: shapeIconAnim 3s linear infinite;
        animation: shapeIconAnim 3s linear infinite;
    }

    .iconBox03.ibsm span {
        font-size: 32px;
    }

    .iconBox03 h3 {
        color: var(--tw-white-color);
        font-size: 36px;
        line-height: 1;
        margin: 0 0 1px;
    }

        .iconBox03 h3 > a {
            color: inherit;
            font-size: inherit;
        }

            .iconBox03 h3 > a:hover {
                color: inherit;
            }

    .iconBox03 p {
        color: #BDBDBD;
        font-weight: 600;
        margin: 0;
        font-family: var(--secondary-font);
    }

/* -- Collection Slider -- */
.collSliderWrap {
    position: relative;
    padding: 53px 0 0;
}

.collSingleItem {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .elementor .collSingleItem img,
    .collSingleItem img {
        border-radius: inherit;
        transform: scale(.77);
        -moz-transform: scale(.77);
        -webkit-transform: scale(.77);
        transition: all ease 350ms;
        -moz-transition: all ease 350ms;
        -webkit-transition: all ease 350ms;
    }

.activePrev .collSingleItem img {
    -webkit-transform-origin-x: right;
    -moz-transform-origin-x: right;
}

.activeNext .collSingleItem img {
    -webkit-transform-origin-x: left;
    -moz-transform-origin-x: left;
}

.owl-item.active.center .collSingleItem img {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}

.collSingleItem:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 23, 23, 0.56);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
}

.collSingleItem .collCat {
    position: absolute;
    left: 60px;
    bottom: 60px;
    z-index: 2;
}

    .collSingleItem .collCat h4 {
        font-size: 24px;
        margin: 0 0 8px;
        background: var(--tw-white-color);
        min-height: 49px;
        border-radius: 5px;
        padding: 0 20.8299px;
        line-height: 49px;
        color: var(--tw-secondary-color);
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
        background: var(--tw-white-color);
        min-height: 49px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
        -webkit-transition-delay: 400ms;
        transition-delay: 400ms;
    }

        .collSingleItem .collCat h4 a {
            display: inline-block;
            width: auto;
            color: inherit;
            border-radius: inherit;
            font-family: inherit;
        }

            .collSingleItem .collCat h4 a:hover {
                color: var(--tw-primary-color);
            }

    .collSingleItem .collCat .collTag {
        position: relative;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--tw-white-color);
        background: var(--tw-primary-color);
        display: inline-block;
        width: auto;
        height: 32px;
        line-height: 32px;
        padding: 0 19px;
        border-radius: 5px;
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
        -webkit-transition-delay: 600ms;
        transition-delay: 600ms;
    }

        .collSingleItem .collCat .collTag:hover {
            color: var(--tw-white-color);
            background: var(--tw-secondary-color);
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
        }

.collSingleItem .cols01 {
    position: absolute;
    left: -400px;
    bottom: 0;
    width: 354px !important;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.collSingleItem .cols02 {
    position: absolute;
    right: -200px;
    bottom: 0;
    width: 380px !important;
    height: 330px !important;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.collectionSlider.owl-carousel .owl-item.active.center .collCat h4 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.collectionSlider.owl-carousel .owl-item.active.center .collCat .collTag {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.collectionSlider.owl-carousel .owl-item.active.center .cols01 {
    left: 0;
}

.collectionSlider.owl-carousel .owl-item.active.center .cols02 {
    right: -5px;
}

.collectionSlider.owl-carousel .owl-item.active.center .collSingleItem:after {
    opacity: 1;
    visibility: visible;
}

.collectionSlider.owl-carousel .owl-nav button.owl-next,
.collectionSlider.owl-carousel .owl-nav button.owl-prev {
    height: 60px;
    width: 60px;
    background: var(--tw-white-color);
    border-radius: 50%;
    text-align: center;
    color: var(--tw-secondary-color);
    font-size: 16px;
    line-height: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    overflow: hidden;
    z-index: 1;
}

.collectionSlider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 20.5%;
}

.collectionSlider.owl-carousel .owl-nav button.owl-prev {
    right: auto;
    left: 20.5%;
}

    .collectionSlider.owl-carousel .owl-nav button.owl-prev:after {
        content: '';
        position: absolute;
        width: 0;
        height: 100%;
        background: var(--tw-primary-color);
        left: 0;
        right: auto;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
        z-index: -1;
    }

    .collectionSlider.owl-carousel .owl-nav button.owl-prev:hover:after {
        right: 0;
        left: auto;
        width: 100%;
    }

.collectionSlider.owl-carousel .owl-nav button.owl-next:after {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    left: auto;
    right: 0;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}

.collectionSlider.owl-carousel .owl-nav button.owl-next:hover:after {
    left: 0;
    right: auto;
    width: 100%;
}

.collectionSlider.owl-carousel .owl-nav button.owl-next:hover,
.collectionSlider.owl-carousel .owl-nav button.owl-prev:hover {
    color: var(--tw-white-color);
}

.collectionSlider.owl-carousel .owl-item.active.center img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.collSingleItem .viewColl {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--tw-white-color);
    font-size: 20px;
    z-index: 2;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 1;
    overflow: hidden;
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.collectionSlider.owl-carousel .owl-item.active.center .viewColl {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.collSingleItem .viewColl:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--tw-primary-color);
    -webkit-transition: all 450ms ease;
    transition: all 450ms ease;
    z-index: -1;
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 50%;
}

.collSingleItem .viewColl:hover:after {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.collSingleItem .viewColl:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    border: 2px solid var(--tw-white-color);
    z-index: -1;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
}

.collSingleItem .viewColl:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* -- Collection Grid View 3 -- */
.projectGallery .collSingleItem:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 23, 23, 0.56);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    opacity: 0;
    visibility: hidden;
    border-radius: 8px;
    z-index: 1;
}

.projectGallery .collSingleItem:hover:before {
    opacity: 1;
    visibility: visible;
}

.projectGallery .collSingleItem:hover .cols01 {
    left: 0;
}

.projectGallery .collSingleItem:hover .cols02 {
    right: 0;
}

.projectGallery .collSingleItem .collCat {
    left: 30px;
    bottom: 30px;
    max-width: calc(100% - 60px);
}

    .projectGallery .collSingleItem .collCat h4 {
        font-size: 24px;
        line-height: 30px;
        padding: 10px 21px 9px 19px;
    }

        .projectGallery .collSingleItem .collCat h4 a {
            line-height: inherit;
        }

.projectGallery .collSingleItem:hover .collCat h4 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.projectGallery .collSingleItem .collCat .collTag {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.projectGallery .collSingleItem:hover .collCat .collTag {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms;
}

    .projectGallery .collSingleItem:hover .collCat .collTag:hover {
        -webkit-transition-delay: unset;
        transition-delay: unset;
    }

.projectGallery .collSingleItem .viewColl {
    left: 30px;
    top: 30px;
    margin: inherit;
    width: 70px;
    height: 70px;
}

.projectGallery .collSingleItem:hover .viewColl {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.projectGallery .collSingleItem .collShape01 .collPG01 {
    width: 337px;
    height: 100%;
    position: absolute;
    left: -275px;
    bottom: 0;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.projectGallery .collSingleItem.collSinGridSm .collShape01 .collPG01 {
    width: 230px;
}

.projectGallery .collSingleItem.collSinGridSm02 .collShape01 .collPG01 {
    width: 250px;
}

.projectGallery .collSingleItem.collSinGridSm02 .collShape01 .collPG02 {
    width: 190px;
    left: 60px;
}

.projectGallery .collSingleItem .collShape01 .collPG02 {
    width: 160px;
    height: 200px;
    position: absolute;
    left: 74px;
    bottom: -200px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.projectGallery .collSingleItem.collSinGridSm .collShape01 .collPG02 {
    width: 200px;
    left: 35px;
}

.projectGallery .collSingleItem .collShape01 .collPG03 {
    width: 55px;
    height: 118px;
    position: absolute;
    left: 0;
    bottom: -125px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.projectGallery .collSingleItem:hover .collShape01 .collPG01 {
    left: 2px;
}

.projectGallery .collSingleItem:hover .collShape01 .collPG02 {
    bottom: 0;
}

.projectGallery .collSingleItem:hover .collShape01 .collPG03 {
    bottom: 0;
}

.projectGallery .collSingleItem .collShape02 .collPG01 {
    width: 135px;
    height: 254px;
    position: absolute;
    right: -135px;
    bottom: 0;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.projectGallery .collSingleItem:hover .collShape02 .collPG01 {
    right: 0;
}

.projectGallery .collSingleItem .collShape02 .collPG02 {
    width: 78px;
    height: 150px;
    position: absolute;
    right: -78px;
    bottom: 0;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.projectGallery .collSingleItem:hover .collShape02 .collPG02 {
    right: 0;
}

/* -- Pricing Section -- */
.priceItem {
    position: relative;
    padding: 106px 45px 44px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 31px;
    border-radius: 5px;
    background: var(--tw-white-color);
    margin: 80px 0 0;
}

.priceBox {
    position: absolute;
    width: 150px;
    height: 150px;
    background: var(--tw-primary-color);
    border-radius: 50%;
    padding: 43px 30px 2px 34px;
    top: -77px;
    left: auto;
    box-shadow: 0px 4px 29px rgba(236, 57, 0, 0.28);
}

    .priceBox h2 {
        line-height: 1;
        color: var(--tw-white-color);
        font-size: 40px;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .priceBox h2 span {
            font-size: 18px;
            font-family: inherit;
            position: relative;
            margin-bottom: 4px;
        }

            .priceBox h2 span svg {
                width: 18px;
                height: 18px;
                fill: var(--tw-white-color);
                stroke: var(--tw-white-color);
                position: relative;
                top: -2px;
            }

            .priceBox h2 span:last-of-type {
                margin-bottom: 6px;
            }

    .priceBox p {
        color: var(--tw-white-color);
        font-weight: 600;
        margin: 1px 0 0;
    }

.priceContent {
    position: relative;
}

    .priceContent p {
        color: var(--tw-body-color);
        font-weight: 400;
        margin-right: 3px;
    }

    .priceContent h3 {
        font-size: 30px;
        line-height: 1;
        margin: 5px 0 26px;
    }

.priceList {
    position: relative;
    margin: 0 0 32px;
}

    .priceList ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .priceList ul li {
            font-size: 16px;
            line-height: 26px;
            font-weight: 400;
            padding: 0 0 0 24px;
            margin: 0 0 10px;
        }

            .priceList ul li i {
                color: var(--tw-primary-color);
                position: relative;
                top: 1.4px;
                margin-left: -24px;
                margin-right: 8px;
            }

            .priceList ul li svg {
                fill: var(--tw-primary-color);
                stroke: var(--tw-primary-color);
                position: relative;
                top: -1px;
                margin-left: -24px;
                margin-right: 8px;
                width: 16px;
                height: 16px;
                stroke-width: 0.5px;
            }

.priceItem .logicBtn {
    width: 100%;
    text-align: center;
}

/* Customer Testimonial */
.tesWrap01,
.testWrapper02 {
    padding: 20px 40px;
    margin: -20px -40px;
    overflow: hidden;
}

.testWrapper02 {
    padding: 20px 40px 45px;
    margin: -20px -40px -45px;
}

    .tesWrap01 .testimonialCarousel01 .owl-stage-outer,
    .testWrapper02 .testimonialCarousel01 .owl-stage-outer {
        overflow: visible;
    }

.testimonialCarousel01.owl-carousel .owl-stage-outer .owl-stage {
    cursor: none;
    pointer-events: none;
}

.testimonialCarousel01 .owl-item {
    opacity: 0;
}

.testWrapper02 .testimonialCarousel01 .owl-nav,
.testWrapper02 .testimonialCarousel02 .owl-nav {
    display: none !important;
}

.testimonialCarousel01.owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    visibility: visible;
}

.testControls {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 2;
    margin: 0 0 16px;
}

    .testControls .tnext01,
    .testControls .tprev01 {
        width: 50px;
        height: 50px;
        border: 0;
        outline: 0;
        background: #262626;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--tw-white-color);
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
        font-size: 14px;
        margin-left: 10px;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

        .testControls .tprev01:after {
            content: '';
            position: absolute;
            width: 0;
            height: 100%;
            left: 0;
            right: auto;
            background: var(--tw-primary-color);
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
            z-index: -1;
        }

        .testControls .tprev01:hover:after {
            width: 100%;
            left: auto;
            right: 0;
        }

        .testControls .tnext01:after {
            content: '';
            position: absolute;
            width: 0;
            height: 100%;
            right: 0;
            left: auto;
            background: var(--tw-primary-color);
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
            z-index: -1;
        }

        .testControls .tnext01:hover:after {
            width: 100%;
            left: 0;
            right: auto;
        }

.testimonialItem01 {
    position: relative;
    box-shadow: 0px 14px 70px rgba(0, 0, 0, 0.07);
    background: var(--tw-white-color);
    padding: 40px 39px 51px;
    margin: 60px 0 41px;
}

.testimonialCarousel02 .owl-stage-outer {
    overflow: visible;
}

.testimonialCarousel02 .owl-item {
    opacity: 0;
}

    .testimonialCarousel02 .owl-item.active {
        opacity: 1;
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }

.testimonialCarousel02.owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    visibility: visible;
}

.testimonialCarousel02.owl-carousel .owl-stage-outer .owl-stage {
    cursor: none;
    pointer-events: none;
}

.tsAuthorMeta {
    position: relative;
    width: 100px;
    height: 100px;
    margin-top: -99px;
    margin-bottom: 26px;
}

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

.testimonialItem01 p {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 32px;
}

.testimonialItem01 .tsAuthor02 {
    position: relative;
    padding: 8px 0 0px 72px;
}

    .testimonialItem01 .tsAuthor02 img {
        width: 54px;
        height: 54px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
        background: #D9D9D9;
    }

    .testimonialItem01 .tsAuthor02 h4 {
        font-size: 20px;
        font-weight: 600;
        line-height: 1;
        margin: 0 0 6px;
    }

    .testimonialItem01 .tsAuthor02 span {
        font-size: 14px;
        font-weight: 500;
        color: var(--tw-primary-color);
        line-height: 1;
        margin: 0 0;
        font-family: var(--secondary-font);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.testimonialItem01:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 100%;
    left: 60px;
    border-style: solid;
    border-width: 41px 41px 0 0;
    border-color: var(--tw-white-color) transparent transparent transparent;
}


/* -- Client Section -- */
.clientTitle {
    position: relative;
    margin: 0 0 56px;
}

    .clientTitle h3 {
        font-size: 14px;
        text-transform: uppercase;
        text-align: center;
        line-height: 22.96px;
        letter-spacing: .7px;
        position: relative;
        margin: 0;
        line-height: 1;
    }

        .clientTitle h3:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 1px;
            background: #D9D9D9;
            top: 0;
            left: 0;
            bottom: 0;
            margin: auto;
        }

        .clientTitle h3 span {
            background: var(--tw-white-color);
            padding: 0 30px;
            position: relative;
            z-index: 1;
        }

.clientWrapper {
    position: relative;
    margin: 0 120px 119px;
}

.clientSlider.owl-carousel a img {
    width: auto;
    height: 40px;
    max-width: 100%;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    margin: 0 auto;
}

.clientSlider.owl-carousel .owl-item:hover img {
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

/* -- Team About Section */
.teamDetails01 {
    position: relative;
    padding: 110px 0 122px 30px;
}

    .teamDetails01 p {
        margin: 0 0 44px;
    }

.teamSmImg {
    display: none;
}

.logicSkillBar {
    position: relative;
}

.singleSkill {
    position: relative;
    margin: 0 0 36px;
}

    .singleSkill:last-child {
        margin: 0;
    }

.skillWrap {
    position: relative;
    width: 100%;
    height: 1px;
    background: #E3E3E3;
}

    .skillWrap .skill {
        width: 0;
        height: 3px;
        background: var(--tw-primary-color);
        position: relative;
        bottom: 1px;
    }

.singleSkill h3 {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
    line-height: 1;
    margin: 0 0 17px;
    text-transform: uppercase;
}

.singleSkill span {
    position: absolute;
    right: 0;
    bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
}

/* -- Blog Section -- */
.blogItem01 {
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 15px 28px rgba(0, 0, 0, 0.04);
}

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

    .elementor .biThumb01 img,
    .biThumb01 img {
        max-width: 100%;
        width: 100%;
        height: auto;
        border-radius: 5px;
        -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
    }

.elementor .blogCarousel .biThumb01 img {
    width: 100%;
}

.biThumb01:after {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    bottom: 0;
    left: 50%;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
}

.blogItem01:hover .biThumb01:after {
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
}

.biMeta01 {
    position: relative;
    font-weight: 500;
    margin: 0 0 13px;
}

    .biMeta01 span {
        margin-right: 21px;
    }

    .biMeta01 i {
        color: var(--tw-primary-color);
        margin-right: 6px;
        position: relative;
        top: 1px;
        font-size: 15px;
    }

    .biMeta01 span:first-child i {
        top: 2px;
    }

    .biMeta01 .blogCcat i {
        top: 1px;
        font-size: 13px;
        margin: 0 4px 0 0;
    }

    .biMeta01 a {
        color: inherit;
    }

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

.blogItem01 .biContent {
    position: relative;
    padding: 23px 30px 9px;
    background: var(--tw-white-color);
    border-bottom: 1px solid #EEEEEE;
}

    .blogItem01 .biContent h3 {
        font-size: 24px;
        line-height: 34px;
        color: var(--tw-secondary-color);
    }

        .blogItem01 .biContent h3 a {
            color: inherit;
            display: inline-block;
        }

        .blogItem01 .biContent h3:hover {
            color: var(--tw-primary-color);
        }

.blogItem01 .biMeta02 {
    position: relative;
    padding: 25px 29px 23px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--tw-white-color);
}

.blogItem01 .biAuthor {
    position: relative;
    padding: 7px 0 0 49px;
}

    .blogItem01 .biAuthor img {
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .blogItem01 .biAuthor h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: .5;
        margin: 0;
    }

    .blogItem01 .biAuthor span,
    .blogItem01 .biAuthor h4 {
        text-transform: capitalize;
    }

.blogItem01 .logicBtn {
    height: 40px;
    line-height: 42px;
    padding: 0 20px;
    font-size: 14px;
    margin-right: 0;
}

/* -- Footer Area -- */
.footerArea01 {
    position: relative;
    background: #171717;
    padding: 116px 0 0;
    overflow: hidden;
}

.footerSocial {
    position: relative;
}

    .footerSocial a {
        font-size: 16px;
        width: 40px;
        height: 40px;
        background: #222224;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--tw-white-color);
        position: relative;
        z-index: 1;
        margin-right: 6px;
    }

        .footerSocial a:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: var(--tw-primary-color);
            z-index: -1;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition: all 450ms ease;
            transition: all 450ms ease;
        }

        .footerSocial a:hover:after {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.footerWidget ul {
    margin: -7px 0 0;
    padding: 0;
    list-style: none;
}

    .footerWidget ul li {
        -webkit-transition: all 100ms ease;
        transition: all 100ms ease;
    }

        .footerWidget ul li a {
            color: inherit;
            display: inline-block;
        }

        .footerWidget ul li i {
            font-size: 14px;
            margin-right: 15px;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
        }

        .footerWidget ul li:hover {
            color: var(--tw-primary-color);
        }

            .footerWidget ul li:hover i {
                margin-right: 10px;
            }

.popularPost {
    position: relative;
    margin: 55px 0 0;
}

.poSinglePost {
    position: relative;
    padding: 0 0 0 104px;
    margin: 0 0 9px;
}

    .elementor .poSinglePost img,
    .poSinglePost img {
        position: absolute;
        left: 0;
        top: 0;
        width: 85px;
        height: 85px;
        border-radius: 4px;
    }

    .poSinglePost p {
        font-size: 14px;
        color: #838790;
        margin: 0 0 2px;
    }

        .poSinglePost p i {
            margin-right: 4px;
            top: 2px;
            position: relative;
        }

    .poSinglePost h4 {
        color: var(--tw-white-color);
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
        margin: 0 0 6px;
    }

        .poSinglePost h4 a {
            color: inherit;
            display: inline-block;
        }

        .poSinglePost h4:hover a {
            color: var(--tw-primary-color);
        }

    .poSinglePost .btnLink {
        font-size: 14px;
        color: var(--tw-primary-color);
        text-transform: uppercase;
    }

        .poSinglePost .btnLink i {
            margin-left: 7px;
            font-size: 12px;
        }

.footerWidget.fw02 {
    left: 18px;
}

.footerWidget.fw03 {
    left: 55px;
}

.footerWidget.fw04 {
    left: 95px;
}

/* -- Footer Icon Box -- */
.fIconBoxWraper {
    position: relative;
    margin: 72px 0 0;
}

    .fIconBoxWraper .col-lg-2 {
        width: 21.1%;
    }

    .fIconBoxWraper .col-lg-8 {
        width: 78.9%;
    }

.fIboxWrp02 {
    position: relative;
    border-top: 1px solid #26282F;
    border-bottom: 1px solid #26282F;
    border-right: 1px solid #26282F;
}

    .fIboxWrp02 .col-lg-4:nth-child(01) {
        width: 32%;
    }

    .fIboxWrp02 .col-lg-4:nth-child(02) {
        width: 32.6%;
        padding-left: 0;
    }

    .fIboxWrp02 .col-lg-4:nth-child(03) {
        padding-left: 0;
    }

.footerLogo {
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--tw-primary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .footerLogo a {
        display: inline-block;
    }

    .footerLogo img {
        max-width: 183px;
        width: 100%;
        height: auto;
    }

.iconBox04 {
    position: relative;
    padding: 26px 0 8px 113px;
}

    .iconBox04 span {
        position: absolute;
        left: 48px;
        top: 23px;
        font-size: 16px;
        color: var(--tw-white-color);
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #2B2B2B;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .iconBox04 p {
        font-size: 14px;
        font-weight: 500;
        color: #838790;
        line-height: 17px;
        margin: 0 0 7px;
    }

    .iconBox04 h3 {
        font-size: 20px;
        line-height: 1;
        color: var(--tw-white-color);
    }

        .iconBox04 h3 a {
            display: inline-block;
            color: inherit;
        }

        .iconBox04 h3:hover a {
            color: var(--tw-primary-color);
        }

.copyright {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 27px 48px 26px 33px;
    border-bottom: 1px solid #26282F;
    border-left: 1px solid #26282F;
    border-right: 1px solid #26282F;
}

    .copyright p {
        color: #6F7279;
        margin: 0;
    }

    .copyright ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .copyright ul li {
            display: inline-block;
            color: #6F7279;
            line-height: 21px;
            margin-left: 27px;
        }

            .copyright ul li a {
                color: inherit;
            }

                .copyright ul li a:hover {
                    color: var(--tw-primary-color);
                }

.fborder {
    border-right: 1px solid #26282F;
}

/*-----------------------------------------
/  Css Animation. 
/-----------------------------------------*/

@-webkit-keyframes welAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes welAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@-webkit-keyframes shapeIconAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes shapeIconAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*-----------------------------------------
/  02. Home Two
/-----------------------------------------*/
.slider02 {
    position: relative;
}

    .slider02:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 84px;
        z-index: 1;
        background: #FFF;
        clip-path: polygon(72.8% 0%, -3% 100%, 103% 100%);
        -webkit-clip-path: polygon(72.8% 0%, -3% 100%, 103% 100%);
    }

    .slider02 .sliderTags {
        display: inline-block;
        color: inherit;
        text-transform: uppercase;
    }

        .slider02 .sliderTags:hover {
            color: var(--tw-primary-color);
        }

    .slider02 .sliderTagHiphen {
        display: inline-block;
        width: 40px;
        height: 1px;
        background: var(--tw-white-color);
        position: relative;
        bottom: 4px;
        margin: 0 17px;
    }

#rev_slider_2 .captionBtn .logicBtn {
    padding: 0 31px !important;
}
/*-- Header Area --*/
.header02 {
    position: relative;
    background: var(--tw-white-color);
    z-index: 99;
}

    .header02:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 34.74%;
        height: 145px;
        background: url(../images/bgimg/logo_bg.png)no-repeat;
        background-size: auto 100%;
        z-index: -1;
        background-position: top right;
    }

    .header02:before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 65.8334%;
        min-height: 45px;
        background: url(../images/bgimg/topbarBg.png)no-repeat;
        background-size: 100% 100%;
        z-index: -1;
        -webkit-clip-path: polygon(2.5% 0, 0 100%, 100% 100%, 100% 0);
        clip-path: polygon(2.5% 0, 0 100%, 100% 100%, 100% 0);
    }

    .header02 .logo {
        position: relative;
        padding: 51.5px 0;
    }

        .header02 .logo a {
            display: inline-block;
        }

        .header02 .logo img {
            max-width: 100%;
            height: 41.85px;
        }

.topbar02 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
    padding-left: 45px;
    height: 45px;
}

    .topbar02 .topDesc p {
        padding: 14px 0 12px;
        margin: 0 30px 0 0;
    }

        .topbar02 .topDesc p i {
            margin-right: 7px;
            font-size: 14px;
        }

    .topbar02 .tpRight p {
        display: inline-block;
        font-weight: 500;
        line-height: 19px;
        color: var(--tw-secondary-color);
        padding: 14px 0 12px;
    }

        .topbar02 .tpRight p a {
            display: inline-block;
            color: inherit;
        }

        .topbar02 .tpRight p i {
            margin-right: 8px;
            color: var(--tw-primary-color);
            position: relative;
            top: 1px;
        }

.navBar02 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 32px;
}

.mainMenu02 {
    position: relative;
}

    .mainMenu02 ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .mainMenu02 ul li {
            display: inline-block;
            padding: 40px 0 41px;
            margin: 0 21px 0 0;
        }

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

            .mainMenu02 ul li a {
                display: block;
                font-size: 14px;
                font-weight: 700;
                line-height: 17px;
                font-family: var(--primary-font);
                color: var(--tw-secondary-color);
                text-transform: uppercase;
            }

                .mainMenu02 ul li a:hover {
                    color: var(--tw-primary-color);
                }

.mainMenu.mainMenu02 > ul > li.menu-item-has-children > a:after {
    font-size: 13px;
}

.accessNav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .accessNav .anSearch,
    .accessNav .anCart {
        position: relative;
    }

    .accessNav .anCart {
        margin: 0 0 0 15px;
    }

    .accessNav div.anCart > a span {
        height: 20px;
        width: 20px;
        position: absolute;
        right: -3px;
        top: 0px;
        background: var(--tw-primary-color);
        color: #FFF;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        font-size: 10px;
        transition: all ease 350ms;
        -moz-transition: all ease 350ms;
        -webkit-transition: all ease 350ms;
    }

    .accessNav .anSearch a,
    .accessNav .anCart > a {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background: #F5F5F5;
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--tw-secondary-color);
        font-size: 16px;
        margin-left: 15px;
    }

    .accessNav .anCart > a {
        margin: 0;
    }

    .accessNav .anSearch a:hover,
    .accessNav .anCart a:hover {
        color: var(--tw-primary-color);
    }

    .accessNav .anSearch a i {
        font-weight: 400;
    }

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

    .logIn_user a {
        width: 45px;
        height: 45px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #F5F5F5;
        border-radius: 50%;
        color: var(--tw-secondary-color);
        font-size: 16px;
    }

    .logIn_user i {
        color: inherit;
    }

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

.accessNav .logicBtn {
    height: 50px;
    line-height: 52px;
    padding: 0 23.45px;
    margin-left: 30px;
    top: 2px;
}

.headerArea03.fixedHeader {
    background: transparent !important;
    box-shadow: 0 0 0;
}

.woocommerce .anCart .widget_shopping_cart_content a.remove,
.woocommerce .anCart .mini_cart a.remove {
    font-size: 10px;
    color: var(--tw-primary-color);
    position: absolute;
    left: auto;
    right: -8px;
    top: 1px;
    margin: 0;
    width: 19px;
    height: 19px;
    border: 1px solid var(--tw-primary-color);
    border-radius: 50%;
    text-align: center;
    line-height: 19px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .woocommerce .anCart .mini_cart a.remove i {
        position: relative;
        top: 0.5px;
        left: 0.4px;
        color: inherit;
    }

    .woocommerce .anCart .mini_cart a.remove:hover {
        color: var(--tw-white-color);
        background: var(--tw-primary-color);
    }

.woocommerce-mini-cart__buttons.buttons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

    .woocommerce .return-to-shop a.button.wc-backward,
    .woocommerce .woocommerce-message a.button.wc-forward,
    .woocommerce .woocommerce-error a.button.wc-forward,
    .woocommerce-mini-cart__buttons.buttons a {
        font-family: var(--secondary-font);
        display: inline-block;
        position: relative;
        height: 35px;
        min-width: 10px;
        background: var(--tw-primary-color);
        border-radius: 4px;
        font-size: 12px;
        line-height: 36px;
        color: var(--tw-white-color);
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        overflow: hidden;
        border: none;
        padding: 0 20px;
    }

        .woocommerce .return-to-shop a.button.wc-backward:hover,
        .woocommerce .woocommerce-message a.button.wc-forward:hover,
        .woocommerce .woocommerce-error a.button.wc-forward:hover,
        .woocommerce-mini-cart__buttons.buttons a:hover {
            color: var(--tw-white-color);
            background: var(--tw-secondary-color);
        }

.cartWidgetArea .woocommerce-mini-cart {
    padding: 0;
    list-style: none;
}

.cartWidgetArea .total {
    font-family: var(--secondary-font);
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    color: var(--tw-secondary-color);
    text-align: left;
    font-weight: 700;
    width: 100%;
    text-transform: capitalize;
    margin: 5px 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #EFEFEF;
}

    .cartWidgetArea .total > strong {
        font-weight: 700;
    }

    .cartWidgetArea .total .amount {
        float: right;
        color: var(--tw-primary-color);
        font-family: var(--primary-font);
        font-weight: 700;
    }

.min_cartThumb {
    width: 65px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px;
    border-radius: 0;
    margin: 0;
    background: #F5F5F5;
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cartWidgetArea .cartWidgetProduct .min_cartThumb img {
    margin: 0;
    position: relative;
    padding: 0;
    max-width: 100%;
    width: auto;
    max-height: 55px;
    height: auto;
}

.cartWidgetProduct .cartRemoveProducts {
    font-size: 10px;
    color: var(--tw-primary-color);
    position: absolute;
    right: -8px;
    top: 0px;
    margin: 0;
    width: 19px;
    height: 19px;
    border: 1px solid var(--tw-primary-color);
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    padding: 1px 0 0 1px;
}

    .cartWidgetProduct .cartRemoveProducts:hover {
        color: #FFF !important;
        background: var(--tw-primary-color);
    }


/* -- Service Section 02 -- */
.serviceItem02 {
    position: relative;
    background: var(--tw-white-color);
    box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.06);
    text-align: left;
    padding: 30px 30px 24px;
}

    .serviceItem02 span {
        width: 74px;
        height: 74px;
        border-radius: 50%;
        background: rgba(236, 57, 0, 0.1);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 31px;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

        .serviceItem02 span i {
            font-size: 31px;
            color: var(--tw-primary-color);
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
        }

        .serviceItem02 span svg {
            width: 31px;
            height: 31px;
            fill: var(--tw-primary-color);
            stroke: var(--tw-primary-color);
            stroke-width: 0.5px;
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
        }

    .serviceItem02:hover span {
        background: var(--tw-primary-color);
    }

        .serviceItem02:hover span i {
            color: var(--tw-white-color);
        }

        .serviceItem02:hover span svg {
            fill: var(--tw-white-color);
            stroke: var(--tw-white-color);
        }

    .serviceItem02 h3 {
        font-size: 24px;
        line-height: 1;
        margin: 0 0 11px;
    }

        .serviceItem02 h3 a {
            color: inherit;
            display: inline-block;
        }

        .serviceItem02 h3:hover a {
            color: var(--tw-primary-color);
        }

    .serviceItem02 p {
        margin: 0 0 12px;
    }

    .serviceItem02 .btnLink {
        color: var(--tw-primary-color);
    }

/* -- About Section 02 -- */
.abIconBoxWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px 30px 0;
    margin: 0 0 23px;
    border-bottom: 1px solid #EEEEEE;
}

.abDetails02 {
    position: relative;
    padding: 33px 45px 0 0;
}

    .abDetails02 p {
        margin: 0 0 33px 0;
    }

.abIconBox {
    position: relative;
    padding: 6px 0 0 77px;
    min-height: 60px;
}

    .abIconBox span {
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
        height: 60px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: var(--tw-white-color);
        border-radius: 50%;
        box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.12);
    }

        .abIconBox span i {
            font-size: 35px;
            color: var(--tw-primary-color);
        }

    .abIconBox.single span i {
        font-size: 16px;
        color: var(--tw-primary-color);
    }

    .abIconBox.single span svg {
        width: 16px;
        height: 16px;
        fill: var(--tw-primary-color);
        stroke: var(--tw-primary-color);
        stroke-width: 0.5px;
    }

    .abIconBox h3 {
        font-size: 24px;
        line-height: 1;
        margin: 0 0 5px;
    }

        .abIconBox h3 a {
            display: inline-block;
            color: inherit;
        }

        .abIconBox h3:hover a {
            color: var(--tw-primary-color);
        }

    .abIconBox p {
        line-height: 19px;
        margin: 0;
    }

.abContentBtn .logicBtn {
    padding: 0 29px;
}

.abContentBtn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: -2px;
}

    .abContentBtn .abIconBox {
        margin-left: 40px;
        padding: 5px 0 0 73px;
    }

        .abContentBtn .abIconBox span {
            width: 55px;
            height: 55px;
            font-size: 16px;
        }

        .abContentBtn .abIconBox p {
            font-size: 14px;
            margin: 0 0 2px;
        }

.abGallery02 {
    position: relative;
    padding-left: 6px;
}

    .abGallery02 > .row {
        max-width: 594px;
        width: 100%;
        margin: 0px;
    }

        .abGallery02 > .row .col-sm-6:first-child {
            padding-left: 0px;
        }

        .abGallery02 > .row .col-sm-6:last-child {
            padding-right: 0px;
        }

    .abGallery02 .abItm3_01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

.abGalleryItem {
    position: relative;
    margin: 0 0 20px;
    overflow: hidden;
}

    .elementor .abGalleryItem img,
    .abGalleryItem img {
        max-width: 100%;
        width: auto;
        height: auto;
        border-radius: 8px;
    }

    .abGalleryItem.abGale01 {
        z-index: 1;
        width: 100%;
        height: 200px;
    }

    .abGalleryItem span {
        display: inline-block;
        position: relative;
        overflow: hidden;
    }

    .abGalleryItem h3 {
        font-size: 22px;
        line-height: 30px;
        position: absolute;
        bottom: 9px;
        left: 0;
        padding: 0 33px;
        z-index: 1;
        color: var(--tw-white-color);
    }

    .abGalleryItem.abGal02 {
        max-width: 285px;
        height: 200px;
        background: var(--tw-primary-color);
        border-radius: 8px;
    }

        .abGalleryItem.abGal02 h3 {
            padding: 0 33px 0 39px;
            bottom: 20px;
        }

.aboutLookThumb {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

/* -- Project Section -- */
.pdItem01 {
    position: relative;
    overflow: hidden;
}

.productSlider01.owl-carousel .owl-item img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

.pdItem01 .pdTitle01 {
    position: absolute;
    width: calc(100% - 60px);
    height: auto;
    left: 0;
    right: auto;
    margin: auto;
    bottom: 30px;
    background: var(--tw-white-color);
    border-radius: 5px;
    padding: 20px 32px 22px 30px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.77,0,.175,1) .1s;
    transition: -webkit-transform .3s cubic-bezier(.77,0,.175,1) .1s;
    transition: transform .3s cubic-bezier(.77,0,.175,1) .1s;
    transition: transform .3s cubic-bezier(.77,0,.175,1) .1s, -webkit-transform .3s cubic-bezier(.77,0,.175,1) .1s;
}

.pdItem01:hover .pdTitle01 {
    -webkit-transform: translateX(8.5%);
    transform: translateX(8.5%);
}

.pdTitle_wrap a {
    font-weight: 500;
    color: var(--tw-primary-color);
    display: inline-block;
    font-family: var(--secondary-font);
    margin: 0 0 2px;
}

    .pdTitle_wrap a:hover {
        color: var(--tw-secondary-color);
    }

.pdTitle_wrap h3 {
    margin: 0;
    font-size: 24px;
    line-height: 1;
    color: var(--tw-secondary-color);
    font-weight: 700;
    margin: 0;
}

    .pdTitle_wrap h3 a {
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        display: inline-block;
    }

    .pdTitle_wrap h3:hover a {
        color: var(--tw-primary-color);
    }

.pdTitle_wrap {
    position: relative;
}

.pdTitle01 .pdTitle_wrap {
    text-align: left;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    -webkit-transition: opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.77,0,.175,1);
    transition: opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.77,0,.175,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.77,0,.175,1);
}

.pdItem01:hover .pdTitle_wrap {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}

/* -- Team Section 02 */
.teamItem02,
.team02Thumb {
    position: relative;
    text-align: center;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.teamItem02 {
    min-height: 317px;
}

    .teamItem02:hover img {
        -webkit-transform: scale(1.3388);
        transform: scale(1.3388);
    }

.teamSlider02.owl-carousel .owl-stage {
    margin: 20px 0;
}

.teamItem02:hover .team02Thumb {
    display: block;
    padding: 10px 0 33px;
}

.elementor .teamItem02 img,
.teamItem02 img {
    max-width: 183px;
    height: auto;
    border-radius: 50%;
    margin: 23px auto;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    position: relative;
}

.teamSlider02.owl-carousel .owl-item img {
    max-width: 183px;
    width: 100%;
    height: auto;
    border-radius: 50%;
    margin: 24px auto;
}

.teamItem02 h3 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 5px;
}

    .teamItem02 h3 a {
        display: inline-block;
        color: inherit;
    }

    .teamItem02 h3:hover {
        color: var(--tw-primary-color);
    }

.teamItem02 p {
    margin: 0;
    line-height: 1;
    font-family: var(--secondary-font);
    font-weight: 500;
}

/* -- Solution Section -- */
.slDetails01 {
    position: relative;
    padding: 0 0 0 30px;
    top: -9px;
}

    .slDetails01 p {
        margin: 0 0 42px;
    }

.slThumb01 {
    position: relative;
    margin-left: -348px;
    padding-right: 25px;
}

    .slThumb01 img {
        max-width: 100%;
        -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
    }

/* -- Testimonial Slider -- */
.tesItem01 {
    position: relative;
    background: var(--tw-white-color);
    padding: 40px 40px 48px;
    box-shadow: 0px 14px 70px rgba(0, 0, 0, 0.04);
}

    .tesItem01 p {
        font-size: 18px;
        line-height: 30px;
        border-bottom: 1px solid #F1F1F1;
        margin: 0 0 35px;
        padding-bottom: 26px;
    }

.testimonialCarousel01.owl-carousel .owl-item .tsTitle {
    max-width: 127px;
    height: auto;
    margin: 0 0 23px;
    position: relative;
    top: 2px;
}

.testimonialCarousel01.owl-carousel .owl-item .tesAuthor img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background: #D9D9D9;
}

.tesAuthor {
    position: relative;
    padding: 18px 0 0 82px;
}

    .tesAuthor h4 {
        font-size: 20px;
        font-weight: 600;
        line-height: .8;
        margin: 0;
    }

    .tesAuthor span {
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        color: var(--tw-primary-color);
        line-height: 1;
        font-family: var(--secondary-font);
    }

.owl-carousel .owl-dots,
.testimonialCarousel01 .owl-dots {
    text-align: center;
}

    .testimonialCarousel01 .owl-dots button,
    .owl-carousel .owl-dots button {
        width: 25px;
        height: 25px;
        border: 2px solid transparent;
        margin: 5px;
        border-radius: 50%;
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 4px;
    }

    .owl-carousel .owl-dots span {
        position: relative;
        width: 9px;
        height: 9px;
        background: #CFCFCF;
        border-radius: 50%;
    }

    .testimonialCarousel01 .owl-dots button.active,
    .owl-carousel .owl-dots button.active {
        border-color: var(--tw-primary-color)
    }

        .testimonialCarousel01 .owl-dots button.active:after,
        .owl-carousel .owl-dots button.active span {
            background: var(--tw-primary-color);
        }

.testimonialCarousel01.owl-carousel .owl-dots {
    margin: 57px 0 0;
}

/* -- Contact Form -- */
.getForm01 {
    position: relative;
}

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

    .formInput p {
        margin: 0px;
    }

    .formInput input {
        width: 100%;
        height: 55px;
        background: var(--tw-white-color);
        border: 1px solid #EAEAEA;
        border-radius: 5px;
        outline: none;
        color: #74787C;
        padding: 0 20px 0 49px;
        font-size: 16px;
        font-weight: 400;
    }

    .formInput label {
        color: #74787C;
        position: absolute;
        top: 16px;
        left: 25px;
        font-size: 16px;
    }

    .formInput.anSelect {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
    }

        .formInput.anSelect > * {
            width: 100%;
        }

        .formInput.anSelect .nice-select {
            width: 100%;
            border: 1px solid #EAEAEA;
            outline: 0;
            height: 55px;
            line-height: 55px;
            color: #74787C;
            font-size: 16px;
            font-weight: 400;
            padding-left: 50px;
        }

            .formInput.anSelect .nice-select:after {
                height: 10px;
                width: 10px;
                left: 24px;
                top: 46%;
            }

            .formInput.anSelect .nice-select .list {
                width: 100%;
                margin: 0;
            }

.getForm01 button.logicBtn {
    border: 0;
    outline: 0;
    padding: 0 37.6px;
    margin: 9px 0 0;
}

.getForm01 input[type="submit"]:hover {
    background: var(--tw-secondary-color);
}

.getInfo01 {
    position: relative;
    padding: 83px 0 0 139px;
}

.infoSingle {
    position: relative;
    padding: 4px 0 20px 70px;
}

    .infoSingle span {
        position: absolute;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        left: 0;
        top: 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--tw-white-color);
        font-size: 20px;
        background: #2F2F2F;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .infoSingle p {
        font-weight: 500;
        margin: 0 0 6px;
        line-height: 19px;
    }

    .infoSingle h3 {
        font-size: 20px;
        font-weight: 600;
        color: var(--tw-white-color);
        line-height: 1;
        font-family: var(--primary-font);
    }

        .infoSingle h3 a {
            display: inline-block;
            color: inherit;
        }

        .infoSingle h3:hover a {
            color: var(--tw-primary-color);
        }

/* -- Blog Section 02 -- */
.blogItem02 {
    position: relative;
    background: var(--tw-white-color);
    box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
}

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

    .elementor .biThumb02 img,
    .biThumb02 img {
        max-width: 100%;
        height: auto;
        border-radius: 10px 10px 0px 0px;
    }

.elementor .blogCarousel .biThumb02 img {
    width: 100%;
}

.bpContent02 {
    position: relative;
    padding: 0 40px 32px;
}

    .bpContent02 .bpDate {
        position: relative;
        padding: 19px 0 0 47px;
        background: var(--tw-primary-color);
        max-width: 152px;
        height: 50px;
        box-shadow: 0px 8px 33px rgba(158, 45, 9, 0.29);
        border-radius: 100px;
        top: -25px;
    }

        .bpContent02 .bpDate span {
            position: absolute;
            width: 30px;
            height: 30px;
            left: 10px;
            top: 10px;
            background: var(--tw-white-color);
            color: var(--tw-primary-color);
            border-radius: 50%;
            font-size: 14px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .bpContent02 .bpDate h4 {
            font-size: 14px;
            line-height: 1;
            margin: 0;
            color: var(--tw-white-color);
            font-family: var(--secondary-font);
        }

    .bpContent02 h3 {
        font-size: 30px;
        line-height: 38px;
        margin: 0 0 10px;
    }

        .bpContent02 h3 a {
            color: inherit;
            display: inline-block;
        }

        .bpContent02 h3:hover {
            color: var(--tw-primary-color);
        }

    .bpContent02 .btnLink {
        color: var(--tw-primary-color);
        font-family: var(--secondary-font);
        letter-spacing: 0.15em;
    }

/* -- Client Slider 02 -- */
.clientSlider02.owl-carousel .owl-item {
    text-align: center;
}

    .clientSlider02.owl-carousel .owl-item img {
        width: auto;
        height: 36px;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
        display: inline-block;
        -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
    }

    .clientSlider02.owl-carousel .owl-item:hover img {
        -webkit-filter: brightness(0);
        filter: brightness(0);
    }

/* -- Footer Area 02 */
.footerArea02 {
    position: relative;
    background: -webkit-linear-gradient(right, #171717 65.1%, rgba(23, 23, 23, 0.87) 100%), url(../images/bgimg/footerBg2.jpg)no-repeat scroll center center / cover;
    background: linear-gradient(270deg, #171717 65.1%, rgba(23, 23, 23, 0.87) 100%), url(../images/bgimg/footerBg2.jpg)no-repeat scroll center center / cover;
    overflow: hidden;
    padding: 120px 0 0;
}

    .footerArea02 .fIconBoxWraper {
        margin: 0 0 95px;
    }

.footerWidget .widgetGallery {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 10px;
    max-width: 275px;
    top: 7px;
}

    .footerWidget .widgetGallery a {
        position: relative;
        width: 85px;
        height: 85px;
        display: inline-block;
        color: var(--tw-white-color);
        z-index: 1;
    }

        .footerWidget .widgetGallery a:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: #ec37007a;
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
            opacity: 0;
            visibility: hidden;
            border-radius: 5px;
        }

        .footerWidget .widgetGallery a:hover:after {
            opacity: 1;
            visibility: visible;
        }

        .footerWidget .widgetGallery a img {
            width: 100%;
            height: 100%;
            border-radius: 5px;
        }

        .footerWidget .widgetGallery a i {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            text-align: center;
            line-height: 85px;
            z-index: 1;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
            font-size: 18px;
        }

        .footerWidget .widgetGallery a:hover i {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.footerArea02 .fw02 {
    left: 9px;
}

.footerArea02 .fw03 {
    left: 45px;
}

.footerArea02 .fw04 {
    left: 116px;
}

.copyRight02 {
    position: relative;
    text-align: center;
    z-index: 1;
    margin: 94px 0 0;
}

    .copyRight02:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        background: url(../images/bgimg/copyrightBg.png)no-repeat;
        background-size: 100% 100%;
        z-index: -1;
    }

    .copyRight02 p {
        line-height: 0;
        margin: 0;
        padding: 50px 0;
        color: #6F7279;
    }

/*-----------------------------------------
/  03. Home Three
/-----------------------------------------*/
.slider03 .slideSubTitle span {
    text-transform: uppercase;
    background: var(--tw-primary-color);
    padding: 6.5px 24px;
    display: inline-block;
    border-radius: 5px;
}

.slider03 .sliderHeadingTitle span {
    background: url(../images/bgimg/sliderTitleBg.png)no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    padding: 0 23.7px;
}

.slider03 .tp-caption .logicBtn {
    padding: 0 30px;
}

.slider03 .tp-caption .logicBtn02 {
    padding: 0 38px;
    background: var(--tw-white-color);
    color: var(--tw-secondary-color);
}

    .slider03 .tp-caption .logicBtn02:hover {
        background: var(--tw-secondary-color);
        color: var(--tw-white-color);
    }

.slider03 .rev_slider .tp-bullet,
.slider02 .rev_slider .tp-bullet {
    width: 55px;
    height: 55px;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    border: 2px solid var(--tw-white-color);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    z-index: 999;
    overflow: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

    .slider03 .rev_slider .tp-bullet:after,
    .slider02 .rev_slider .tp-bullet:after {
        content: '';
        position: absolute;
        left: auto;
        bottom: 0;
        right: 0;
        width: 0;
        height: 100%;
        background: var(--tw-white-color);
        color: var(--tw-primary-color);
        z-index: -1;
        border-radius: 50%;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }

    .slider03 .rev_slider .tp-bullet.selected,
    .slider02 .rev_slider .tp-bullet.selected {
        color: var(--tw-primary-color);
        border: none;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

        .slider03 .rev_slider .tp-bullet.selected:after,
        .slider02 .rev_slider .tp-bullet.selected:after {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            left: 0;
            right: auto;
            width: 100%;
        }

.slider03 .rev_slider .tp-bullets, .tp-tabs, .tp-thumbs,
.slider02 .rev_slider .tp-bullets, .tp-tabs, .tp-thumbs {
    visibility: visible !important;
    opacity: 1 !important;
    left: 148px !important;
    top: 429px !important;
}
/*-- Topbar Section --*/
.topBar03 {
    position: relative;
    background: var(--tw-primary-color);
}

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

    .topItem03 .topDesc p {
        color: var(--tw-white-color);
        margin-right: 0;
    }

        .topItem03 .topDesc p a {
            color: inherit;
            display: inline-block;
        }

        .topItem03 .topDesc p i {
            color: var(--tw-white-color);
            position: relative;
            left: -1px;
        }

    .topItem03 .topSocial a {
        color: var(--tw-white-color);
        margin-left: 32px;
    }

        .topItem03 .topSocial a:hover {
            color: #2B2B2B;
        }

/*-- Header Area --*/
.headerArea03 {
    position: relative;
    margin-bottom: -60px;
    background: #F7F7F7;
}

.headerLogoWrap {
    position: relative;
}

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

.headerArea03 .logo a {
    display: inline-block;
}

    .headerArea03 .logo a img {
        max-width: 183px;
        width: 100%;
        height: auto;
    }

.headerBoxWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0 32px;
}

.headIbox {
    position: relative;
    padding: 6px 0 0 65px;
    margin-left: 60.5px;
}

    .headIbox span {
        position: absolute;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        left: 0;
        top: 0;
        background: var(--tw-primary-color);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--tw-white-color);
        font-size: 16px;
    }

        .headIbox span svg {
            height: 16px;
            width: auto;
            fill: var(--tw-white-color);
            stroke: var(--tw-white-color);
        }

.headerBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.headIbox p {
    font-size: 14px;
    line-height: 1;
    margin: 0 0 8px;
}

.headIbox h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
}

    .headIbox h3 a {
        display: inline-block;
        color: inherit;
    }

    .headIbox h3:hover a {
        color: var(--tw-primary-color);
    }

.menuItem03 {
    position: relative;
    z-index: 5;
}

    .menuItem03 .col-xl-9 {
        width: 79.1%;
    }

    .menuItem03 .col-xl-3 {
        width: 20.9%;
    }

.mainNav03Wrap {
    background: var(--tw-white-color);
    padding: 0 30px 0 35px;
    border-radius: 0px 0px 5px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 60px;
}

.mainMenu03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--tw-white-color);
    left: 0;
}

    .mainMenu03 ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mainMenu03 > ul li {
        display: inline-block;
        margin: 0 26px 0 0;
        padding: 17px 0 17px;
    }

        .mainMenu03 > ul li a {
            font-size: 14px;
            font-weight: 700;
            color: var(--tw-secondary-color);
            display: inline-block;
            font-family: var(--primary-font);
            text-transform: uppercase;
            line-height: 1;
            padding: 3px 0;
        }

            .mainMenu03 > ul li a:hover {
                color: var(--tw-primary-color);
            }

    .mainMenu03.mainMenu > ul > li.menu-item-has-children > a:after {
        font-size: 13px;
    }

.anSearchBar {
    position: relative;
}

    .anSearchBar form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 3.5px 1px;
        margin: 7px 0 6px;
    }

    .anSearchBar input {
        border: 0;
        outline: 0;
        background: transparent;
        color: #74787C;
        max-width: 170px;
        width: 100%;
        position: relative;
        top: 0;
        padding: 5px;
    }

    .anSearchBar button {
        border: 0;
        outline: 0;
        background: transparent;
        font-size: 14px;
        color: var(--tw-secondary-color);
        position: relative;
        top: 1px;
        left: 2px;
    }

        .anSearchBar button:hover {
            color: var(--tw-primary-color);
        }

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

.menuItem03 .headerBtn .logicBtn {
    width: auto;
    height: 60px;
    line-height: 62px;
    border-radius: 0px 0px 5px 5px;
    padding: 0 37.3px;
    top: 0;
}

section.slider03 {
    position: relative;
    top: -67px;
}

.anMobileSearch {
    display: none;
}

.stickyHeader03 {
    background: var(--tw-white-color);
    position: absolute;
    z-index: 0;
    top: calc(-100% - 68px);
}

    .stickyHeader03 .navBar01 .logo {
        z-index: 9;
    }

    .stickyHeader03 .mainMenu03 > ul {
        margin-right: 90px;
    }

        .stickyHeader03 .mainMenu03 > ul > li {
            padding: 42px 0 42px;
        }

    .stickyHeader03 .anSearchBar form {
        padding: 39px 0 35px;
        margin: 0px;
    }
/*-- Popup Search ---*/
.popup_search_sec {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

.popubMobileSearch {
    display: none;
}

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

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

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

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

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

.popup_search_form {
    position: relative;
}

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

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

.popup_search_form:before {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    background: var(--tw-primary-color);
}

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

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

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -- Facilities Section -- */
.faciltItem {
    position: relative;
    text-align: center;
    border: 1px solid #EFEFEF;
    border-radius: 10px;
    background: var(--tw-white-color);
    padding: 98px 40px 31px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

    .faciltItem:hover {
        box-shadow: 0px 23px 30px rgba(113, 113, 113, 0.12);
    }

    .faciltItem span {
        width: 130px;
        height: 130px;
        background: var(--tw-white-color);
        border-radius: 50%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 50px;
        color: var(--tw-primary-color);
        border: 17px solid #F7F7F7;
        position: absolute;
        top: -58px;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

    .faciltItem:hover span {
        border-color: var(--tw-primary-color);
    }

    .faciltItem span svg {
        width: auto;
        height: 50px;
        fill: var(--tw-primary-color);
        stroke: var(--tw-primary-color);
    }

    .faciltItem h3 {
        font-size: 24px;
        line-height: 1;
        margin: 0 0 13px;
    }

        .faciltItem h3 a {
            display: inline-block;
            color: inherit;
        }

        .faciltItem h3:hover {
            color: var(--tw-primary-color);
        }

    .faciltItem p {
        margin: 0 0 9px;
    }

    .faciltItem .btnLink {
        color: var(--tw-primary-color);
        font-weight: 700;
        position: relative;
        left: 2px;
    }

/*-- About Section 03 --*/
.aboutLook03 {
    position: relative;
    text-align: right;
}

    .aboutLook03 .ab01 {
        max-width: 460px;
        width: 100%;
        height: auto;
        position: relative;
        left: 138px;
        margin: 0 0 109px 0;
        z-index: 1;
    }

    .aboutLook03 .ab02 {
        max-width: 340px;
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 253px;
        z-index: 2;
    }

        .elemento .aboutLook03 .ab01 img,
        .elemento .aboutLook03 .ab02 img,
        .aboutLook03 .ab01 img,
        .aboutLook03 .ab02 img {
            border-radius: 5px;
        }

    .aboutLook03 .welcomeBox {
        width: 214px;
        height: 214px;
        border-radius: 50%;
        position: absolute;
        bottom: -52px;
        left: 241px;
        z-index: 3;
        box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.08);
        -webkit-animation: welAnim 7s linear infinite;
        animation: welAnim 7s linear infinite;
    }

        .aboutLook03 .welcomeBox img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

        .aboutLook03 .welcomeBox .abArrow {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            width: 54px;
            height: 46px;
            border-radius: 0;
        }

.aboutContent03 {
    padding: 30px 0 0 36px;
    position: relative;
}

    .aboutContent03:after {
        content: "";
        position: absolute;
        width: 90px;
        height: 105px;
        top: 10px;
        left: 171px;
        background: url(../images/bgimg/polygon.png)no-repeat;
        background-size: 100% 100%;
        z-index: -1;
    }

    .aboutContent03 p {
        margin: 0 0 31px;
    }

    .aboutContent03 .aboutCountItem {
        padding: 0 0 10px 239px;
    }

        .aboutContent03 .aboutCountItem p {
            padding: 0 128px 0 0;
        }

            .aboutContent03 .aboutCountItem p:after {
                margin: auto -167px;
            }

    .aboutContent03 .logicBtn {
        padding: 0 30.3px;
        line-height: 57px;
    }

        .aboutContent03 .logicBtn.btnGap {
            margin-left: 26px;
            border: 1px solid #ECECEC;
            box-shadow: 0px 14px 70px rgba(0, 0, 0, 0.07);
            border-radius: 8px;
            background: var(--tw-white-color);
            color: var(--tw-primary-color);
            padding: 0 29px;
        }

            .aboutContent03 .logicBtn.btnGap:hover {
                background: var(--tw-secondary-color);
                color: var(--tw-white-color);
            }

    .aboutContent03 p:after {
        margin: auto -134px;
    }

/*-- Services Section 03 --*/
.svLeft03 p {
    margin: 0 0 32px;
}

.svLeft03 .logicBtn {
    padding: 0 35px;
}

.svRight06 {
    position: relative;
    padding-left: 31.5px;
}

.svItem01 {
    position: relative;
    border: 1px solid #F0F0F0;
    background: var(--tw-white-color);
    width: 100%;
    min-height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 29px 40px;
    margin: 0 0 24px;
}

.svIcon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .svIcon span {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: rgba(236, 57, 0, 0.1);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

    .svIcon i {
        color: var(--tw-primary-color);
        font-size: 35px;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

    .svIcon svg {
        fill: var(--tw-primary-color);
        stroke: var(--tw-primary-color);
        height: 35px;
        width: auto;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

.svItem01:hover span {
    background: var(--tw-primary-color);
}

    .svItem01:hover span i {
        color: var(--tw-white-color);
    }

    .svItem01:hover span svg {
        fill: var(--tw-white-color);
        stroke: var(--tw-white-color);
    }

.svIcon h3 {
    font-size: 22px;
    line-height: 1;
    margin: 0 0 0 25px;
}

    .svIcon h3:hover a {
        color: var(--tw-primary-color);
    }

    .svIcon h3 a {
        color: inherit;
        display: inline-block;
    }

.svItem01 .btnLink {
    color: var(--tw-primary-color);
}

/*-- Fanfact Section --*/
.fanItem01 {
    position: relative;
    padding: 20px 12px;
    background: #2B2B2B;
}

.logisfareFactAlign-left .fanItem01,
.logisfareFactAlign-left .iconBox03.countfact {
    text-align: left;
}

.logisfareFactAlign-center .fanItem01 {
    text-align: center;
}

.logisfareFactAlign-right .fanItem01,
.logisfareFactAlign-right .iconBox03.countfact {
    text-align: right;
}

.logisfareFactAlign-left .fanItem01 h2 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.logisfareFactAlign-center .fanItem01 h2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.logisfareFactAlign-right .fanItem01 h2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.logisfareFactAlign-right .iconBox03.countfact {
    padding: 9px 100px 7px 0;
}

    .logisfareFactAlign-right .iconBox03.countfact span {
        left: auto;
        right: 0;
    }

.fanItem01 h2 {
    color: var(--tw-white-color);
    font-size: 40px;
    line-height: 1;
    margin: 0 0 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .fanItem01 h2 span {
        font-size: inherit;
        position: relative;
        color: inherit;
        font-weight: inherit;
    }

.fanItem01 p {
    color: var(--tw-white-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    font-family: var(--secondary-font);
}

/* -- Team Section 03 -- */
.teamItem03 {
    position: relative;
    overflow: hidden;
}

.teamthumb03 {
    position: relative;
}

.teamItem03 img {
    max-width: 100%;
    width: 100%;
    height: auto;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: pixelated;
}

.teamSocial03 {
    position: absolute;
    right: 0;
    bottom: -41px;
    width: calc(100% - 80px);
    height: auto;
    background: var(--tw-primary-color);
    padding: 9px 30px 6px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

    .teamSocial03 a {
        display: inline-block;
        color: var(--tw-white-color);
        margin-right: 16px;
        line-height: 1;
        padding: 1px;
    }

.teamItem03:hover .teamSocial03 {
    bottom: 0;
}

.teamContent03 {
    position: relative;
    background: var(--tw-secondary-color);
    padding: 25px 30px 27px;
    width: calc(100% - 80px);
    height: auto;
    float: right;
}

    .teamContent03 h3 {
        font-size: 24px;
        color: var(--tw-white-color);
        margin: 0 0 6px;
        line-height: 1;
    }

        .teamContent03 h3 a {
            color: inherit;
            display: inline-block;
        }

        .teamContent03 h3:hover a {
            color: var(--tw-primary-color);
        }

    .teamContent03 p {
        font-weight: 500;
        line-height: 1;
        margin: 0;
        font-family: var(--secondary-font);
    }

.teamSocial03 a:nth-child(01) {
    -webkit-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}

.teamSocial03 a:nth-child(02) {
    -webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}

.teamSocial03 a:nth-child(03) {
    -webkit-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}

.teamSocial03 a:nth-child(04) {
    -webkit-transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -webkit-transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms, -webkit-transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}

.teamItem03:hover .teamSocial03 a:nth-child(01),
.teamItem03:hover .teamSocial03 a:nth-child(02),
.teamItem03:hover .teamSocial03 a:nth-child(03),
.teamItem03:hover .teamSocial03 a:nth-child(04) {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.teamSocial03 a:hover {
    -webkit-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
    -webkit-transition: 0s;
    transition: 0s;
}

/*-- Appointment Section --*/
.appoinMain {
    position: relative;
}

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

.appoinGetForm {
    position: relative;
    background: var(--tw-primary-color);
    padding: 91px 99px 100px;
    margin-right: -254px;
    left: -24px;
}

    .appoinGetForm .getForm01 button.logicBtn {
        background: var(--tw-secondary-color);
        margin: 10px 0 0;
    }

/* -- Testimonials Section 03 */
.testimonialSlider03.owl-carousel .owl-stage {
    margin: 54px 0;
}

.testControls03 {
    position: relative;
    text-align: right;
    top: 0;
    margin: 0 0 17px;
}

    .testControls03 button {
        width: 55px;
        height: 55px;
        border: 1px solid #ECECEC;
        box-shadow: 0px 14px 70px rgba(0, 0, 0, 0.07);
        border-radius: 8px;
        color: var(--tw-primary-color);
        line-height: 55px;
        font-size: 16px;
        margin-left: 5px;
        position: relative;
        overflow: hidden;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
        z-index: 1;
        background: #FFF;
    }

        .testControls03 button:hover {
            color: var(--tw-white-color);
        }

        .testControls03 button.tprev3:after {
            content: "";
            position: absolute;
            left: 0;
            right: auto;
            width: 0;
            height: 100%;
            background: var(--tw-primary-color);
            border-radius: 8px;
            z-index: -1;
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
        }

        .testControls03 button.tprev3:hover:after {
            width: 100%;
            right: 0;
            left: auto;
        }

        .testControls03 button.tnext3:after {
            content: "";
            position: absolute;
            right: 0;
            left: auto;
            width: 0;
            height: 100%;
            background: var(--tw-primary-color);
            border-radius: 8px;
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
            z-index: -1;
        }

        .testControls03 button.tnext3:hover:after {
            width: 100%;
            left: 0;
            right: auto;
        }

.testimonialSlider03.owl-carousel .owl-item .tsTitle {
    max-width: 127px;
    height: auto;
    margin: 0 0 21px;
}

.testimonialSlider03.owl-carousel .owl-item .tesAuthor img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background: #D9D9D9;
}

/* -- Cta Section 04 -- */
.ctaContent04 {
    position: relative;
    padding: 117px 0 114px 0;
}

.ctaContact {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ctacall {
    position: relative;
    padding: 1px 0 0 76px;
    margin-right: 61px;
}

    .ctacall span {
        position: absolute;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        left: 0;
        top: 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--tw-white-color);
        font-size: 24px;
        background: var(--tw-primary-color);
    }

    .ctacall p {
        font-size: 14px;
        font-weight: 600;
        color: var(--tw-white-color);
        font-family: var(--secondary-font);
        margin: 0 0 3px;
        text-transform: uppercase;
    }

    .ctacall h3 {
        font-size: 24px;
        color: var(--tw-white-color);
        line-height: 1;
        margin: 0;
    }

        .ctacall h3 a {
            display: inline-block;
            color: inherit;
        }

        .ctacall h3:hover a {
            color: var(--tw-primary-color);
        }

.ctaContact .logicBtn {
    top: 3px;
    padding: 0 34.3px;
}

.ctaImg04 {
    position: relative;
}

    .ctaImg04 img {
        max-width: 629px;
        height: auto;
        position: absolute;
        left: -105px;
    }
/* -- Blog Section 03 -- */
.blogItem03 {
    position: relative;
    background: var(--tw-white-color);
}

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

    .elementor .biThumb03 img,
    .biThumb03 img {
        max-width: 100%;
        width: auto;
        height: auto;
        -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
    }

.elementor .blogCarousel .biThumb03 img {
    width: 100%;
}

.biMeta03 {
    position: relative;
    font-weight: 500;
    border-bottom: 1px solid #EBEBEB;
    padding: 15px 0 13px;
    margin: 0 0 21px;
}

    .biMeta03 span {
        margin-right: 16px;
    }

        .biMeta03 span i {
            margin-right: 6px;
        }

        .biMeta03 span a {
            color: inherit;
        }

            .biMeta03 span a:hover {
                color: var(--tw-primary-color);
            }

.blogItem03 h3 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 12px;
}

.blogItem03 p {
    margin: 0 0 21px;
}

.blogItem03 h3 a {
    color: inherit;
}

.blogItem03 h3:hover {
    color: var(--tw-primary-color);
}

.blogItem03 .biBlog03 {
    display: inline-block;
    color: var(--tw-secondary-color);
    font-weight: 600;
    font-family: var(--secondary-font);
}

    .blogItem03 .biBlog03 span:first-child {
        width: 35px;
        height: 35px;
        color: var(--tw-white-color);
        background: var(--tw-primary-color);
        border-radius: 50%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 14px;
        margin-right: 5px;
    }

.biBlog03 .bib03_btnLable {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    top: -1px;
}

.blogItem03 .biBlog03:hover {
    color: var(--tw-primary-color);
}

/*-----------------------------------------
/  04. About Page
/-----------------------------------------*/

/*-- Page Banner --*/
.pageBanner01 {
    position: relative;
    background: -webkit-linear-gradient(left, rgba(14, 14, 14, 0.8366) 45.33%, rgba(14, 14, 14, 0) 100%), url(../images/bgimg/page_banner.jpg)no-repeat scroll center center / cover;
    background: linear-gradient(90deg, rgba(14, 14, 14, 0.8366) 45.33%, rgba(14, 14, 14, 0) 100%), url(../images/bgimg/page_banner.jpg)no-repeat scroll center center / cover;
    padding: 141px 0 122px;
    z-index: 1;
}

    .pageBanner01:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 300px;
        height: 100%;
        background: url(../../img/ibSecLeft.png)no-repeat;
        background-size: 100% 100%;
        z-index: -1;
    }

.pgBanner-title {
    color: var(--tw-white-color);
    font-size: 60px;
    line-height: 1;
    left: -5px;
}

.breadcrumbs {
    position: relative;
    color: #9A9A9A;
    font-weight: 400;
    font-family: var(--secondary-font);
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: 0 0 18px;
}

    .breadcrumbs a,
    .breadcrumbs .brdSeparator {
        color: inherit;
        font-weight: inherit;
    }

    .breadcrumbs span {
        position: relative;
        font-family: var(--secondary-font);
        font-size: inherit;
        font-weight: 700;
        line-height: 1;
        color: var(--tw-white-color);
        letter-spacing: 0.05em;
        text-transform: uppercase;
        word-wrap: break-word;
    }

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

/* -- BEGIN: Logic About Section */
.logicImg02 {
    position: relative;
    padding: 0;
    max-width: 522px;
    width: 100%;
    height: auto;
    margin: 0 0 163px;
}

    .logicImg02 .ab_imgC_01 {
        max-width: 387px;
        width: 100%;
        height: auto;
        position: relative;
        margin-left: auto;
        z-index: 1;
    }

    .logicImg02 .ab_imgC_02 {
        max-width: 313px;
        width: 100%;
        height: auto;
        position: absolute;
        top: 300px;
        left: -73px;
        line-height: 0;
        z-index: 2;
    }

    .logicImg02 .ab_imgC_03 {
        width: auto;
        height: auto;
        position: absolute;
        bottom: -169px;
        right: 28px;
        z-index: 3;
    }

    .logicImg02 .ab_imgC_02 img {
        border-radius: 8px;
        border: 8px solid var(--tw-white-color);
    }

    .elementor .logicImg02 .ab_imgC_01 img,
    .elementor .logicImg02 .ab_imgC_03 img,
    .logicImg02 .ab_imgC_01 img,
    .logicImg02 .ab_imgC_03 img {
        border-radius: 8px;
    }

.abCount02 {
    position: absolute;
    max-width: 244px;
    width: 100%;
    height: auto;
    background: var(--tw-primary-color);
    border-radius: 8px;
    top: 80px;
    left: 0;
    padding: 32px 20px 28px 87px;
    z-index: 1;
}

    .abCount02 h2 {
        position: absolute;
        left: 34px;
        top: 30px;
        font-size: 38px;
        line-height: 1;
        color: var(--tw-white-color);
        font-family: var(--primary-font);
    }

    .abCount02 p {
        color: var(--tw-white-color);
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
    }

.logicAbCon02 {
    position: relative;
    top: -9px;
}

    .logicAbCon02 p {
        margin: 0 15px 23px 0;
    }

.logicList {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 38px;
}

    .logicList ul:first-child {
        margin-right: 65px;
    }

    .logicList ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .logicList ul li {
            line-height: 32px;
        }

            .logicList ul li i {
                color: var(--tw-primary-color);
                margin-right: 8px;
            }

.logicAuthorItem {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logicAuthor {
    position: relative;
    padding: 6px 0 0 75px;
    margin-right: 40px;
}

    .logicAuthor img {
        width: 55px;
        height: 55px;
        border-radius: 5px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .logicAuthor h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin: 0 0 3px;
        line-height: 1;
    }

    .logicAuthor p {
        margin: 0;
        font-family: var(--secondary-font);
    }

.logicAuthorItem .logicBtn {
    padding: 0 39.3px;
}
/* -- END: Logic About Section */

/*-- About Icon Box --*/
.abiBoxSection {
    position: relative;
}

.abiBoxItem01 {
    position: relative;
    background: -webkit-linear-gradient(right, rgba(22, 25, 33, 0.72) 0%, rgba(22, 25, 33, 0.97) 100%), url(../images/bgimg/ibox01.jpg)no-repeat scroll center center / cover;
    background: linear-gradient(270deg, rgba(22, 25, 33, 0.72) 0%, rgba(22, 25, 33, 0.97) 100%), url(../images/bgimg/ibox01.jpg)no-repeat scroll center center / cover;
    padding: 50px 20px 72px 110px;
}

.abiBoxItem02 {
    background: var(--tw-primary-color);
    padding: 50px 20px 72px 100px;
}

    .abiBoxItem02 .ibox05 span {
        border: 1.5px solid #FE5B27;
        box-shadow: 0px 11px 27px #D93603;
        background: var(--tw-primary-color);
        color: var(--tw-white-color);
    }

.abiBoxItem03 {
    position: relative;
    background: -webkit-linear-gradient(right, rgba(22, 25, 33, 0.72) 0%, rgba(22, 25, 33, 0.97) 100%), url(../images/bgimg/ibox02.jpg)no-repeat scroll center center / cover;
    background: linear-gradient(270deg, rgba(22, 25, 33, 0.72) 0%, rgba(22, 25, 33, 0.97) 100%), url(../images/bgimg/ibox02.jpg)no-repeat scroll center center / cover;
    padding: 50px 20px 72px 100px;
}

.ibox05 {
    position: relative;
    padding: 24px 0 0 123px;
}

    .ibox05 span {
        position: absolute;
        width: 99px;
        height: 99px;
        border-radius: 50%;
        background: var(--tw-white-color);
        left: 0;
        top: 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--tw-primary-color);
        font-size: 45px;
    }

    .ibox05 p {
        font-size: 14px;
        font-weight: 700;
        color: var(--tw-white-color);
        line-height: 1;
        margin: 0 0 13px;
        text-transform: uppercase;
    }

    .ibox05 h3 {
        color: var(--tw-white-color);
        font-size: 26px;
        line-height: 1;
        margin: 0;
        font-family: var(--primary-font);
    }

        .ibox05 h3 a {
            display: inline-block;
            color: inherit;
        }

        .ibox05 h3:hover a {
            color: var(--tw-secondary-color);
        }

/*-- Feature Section --*/
.featureContent {
    position: relative;
}

    .featureContent p {
        margin: 0 0 42px;
        font-weight: 500;
    }

.feProgress {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 33px;
}

.fepItem {
    max-width: 270px;
    width: 100%;
    height: auto;
    background: #D6ECEE;
    border-radius: 5px;
    padding: 29px 39px 36px;
}

    .fepItem.fepItem2 {
        background: #F9F3F1;
        margin-left: 20px;
        padding: 33px 39px 32px;
    }

    .fepItem h2 {
        font-size: 40px;
        line-height: 1;
        margin: 0 0 9px;
        font-family: var(--primary-font);
    }

    .fepItem p {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        color: var(--tw-secondary-color);
        margin: 0;
    }

.featureImg {
    position: relative;
    text-align: right;
    top: 10px;
}

    .featureImg img {
        max-width: 518px;
        width: 100%;
        height: auto;
    }

.featureContent .logicBtn {
    padding: 0 36.8px;
    top: -1px;
}

/*-- About Section 04 --*/
.aboutLook04 {
    position: relative;
    max-width: 598px;
    width: 100%;
    height: auto;
    margin: 0 0 72px;
}

.abLookImg01 {
    position: relative;
    max-width: 558px;
    width: 100%;
    height: auto;
    z-index: 1;
}

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

.abLookImg02 {
    max-width: 430px;
    width: 100%;
    position: absolute;
    top: 380px;
    left: -100px;
    line-height: 0;
    z-index: 2;
}

    .elementor .abLookImg02 img,
    .abLookImg02 img {
        box-shadow: 0px 4px 41px rgba(211, 210, 210, 0.4);
        border-radius: 5px;
        border: 10px solid var(--tw-white-color);
    }

.abJobCount {
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 7px solid var(--tw-white-color);
    background: var(--tw-secondary-color);
    top: 309px;
    left: calc((50% - 90px) + -1%);
    text-align: center;
    z-index: 3;
}

    .abJobCount h2 {
        color: var(--tw-white-color);
        font-size: 48px;
        font-weight: 600;
        line-height: 1;
        margin: 47px 0 -1px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .abJobCount .counterSuffix {
        position: relative;
        display: inline-block;
    }

    .abJobCount p {
        font-size: 20px;
        font-weight: 600;
        color: var(--tw-white-color);
        font-family: var(--secondary-font);
    }

.aboutContent04 {
    position: relative;
    padding: 0 0 0 35px;
    top: -2px;
}

    .aboutContent04 p {
        margin: 0 0 42px;
        font-size: 18px;
        line-height: 28px;
    }

    .aboutContent04 .abPera2nd {
        font-size: 16px;
        line-height: 28px;
    }

.abIconBox04 {
    width: 100%;
    height: auto;
    padding: 31px 40px 31px 107px;
    background: #F9F3F1;
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 22px;
}

    .abIconBox04 span {
        display: inline-block;
        position: absolute;
        line-height: 1;
        top: 30px;
        left: 40px;
    }

    .abIconBox04 i {
        color: var(--tw-primary-color);
        font-size: 50px;
    }

    .abIconBox04 svg {
        fill: var(--tw-primary-color);
        stroke: var(--tw-primary-color);
        stroke-width: 0.5px;
        width: auto;
        height: 50px;
        margin-right: 16px;
    }

    .abIconBox04 h3 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 600;
        margin: 0;
    }

.aboutContent04 .logicBtn {
    padding: 0 33.2px;
    top: -12px;
}

/*-- Logic History --*/
.historyNavTab {
    position: relative;
    z-index: 1;
}

    .historyNavTab .nav-tabs {
        border: 0;
        row-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    .historyNavTab .nav-link {
        position: relative;
        background: var(--tw-white-color);
        box-shadow: 0px 19px 36px rgba(130, 100, 90, 0.05);
        border-radius: 10px;
        color: var(--tw-secondary-color);
        font-family: var(--secondary-font);
        font-size: 18px;
        font-weight: 600;
        line-height: 1;
        width: auto;
        height: 55px;
        line-height: 57px;
        padding: 0 33.9px;
        margin: 0;
        border: none;
        z-index: 1;
    }

    .historyNavTab .nav-tabs .nav-link.active {
        color: var(--tw-white-color);
    }

    .historyNavTab .nav-link:after {
        content: '';
        position: absolute;
        right: 0;
        left: auto;
        width: 0;
        height: 100%;
        background: var(--tw-primary-color);
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
        border-radius: 10px;
        z-index: -1;
    }

    .historyNavTab .nav-tabs .nav-link.active:after {
        width: 100%;
        left: 0;
        right: auto;
    }

.historyNavContent {
    position: relative;
}

.historyContent {
    position: relative;
    padding: 45px 0 0;
}

    .historyContent h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 1;
        margin: 0 0 24px;
    }

    .historyContent p {
        margin: 0 0 26px;
    }

    .historyContent .btnLink {
        text-transform: uppercase;
        font-weight: 700;
        color: var(--tw-primary-color);
        font-family: var(--secondary-font);
    }

        .historyContent .btnLink i {
            font-size: 12px;
            top: -1px;
        }

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

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

/*-----------------------------------------
/  05. Shop Page
/-----------------------------------------*/
.shopController {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.productCount {
    position: relative;
}

    .productCount p {
        color: var(--tw-secondary-color);
        margin: 0;
        line-height: 1;
    }

.shopAccessBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sortNav .nice-select {
    width: 100%;
    height: 45px;
    border: 1px solid #E8E8E8;
    font-size: 14px;
    font-weight: 500;
    padding: 0 45px 0 20px;
    line-height: 45px;
    border-radius: 0;
    min-width: 209px;
}

    .sortNav .nice-select:after {
        content: '\e905';
        font-family: 'logisfare';
        font-size: 8px;
        border: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 4px;
        right: 26px;
        color: #74787C;
    }

    .sortNav .nice-select .list {
        width: 100%;
        margin: 0;
    }

.shopAccessBar .sortNav form {
    margin: 0;
}

.productViewTabnav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

    .productViewTabnav li button {
        font-size: 17px;
        color: #74787C;
        padding: 0;
        margin-left: 20px;
        border: none;
        position: relative;
        top: 2px;
        background: transparent;
    }

        .productViewTabnav li button,
        .productViewTabnav li button:hover {
            border: none;
        }

            .productViewTabnav li button.active {
                border: none;
                background: none;
                color: var(--tw-primary-color);
            }

.productAllItems {
    position: relative;
    margin: 40px 0 62px;
}

.productItem01 {
    position: relative;
    background: #F5F5F5;
    padding: 30px 30px 32px;
    margin: 0 0 24px;
}

.pi01Thumb {
    position: relative;
    width: 100%;
    min-height: 350px;
    background: var(--tw-white-color);
    padding: 20px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .pi01Thumb img {
        max-width: 100%;
        width: auto;
        max-height: 225px;
        height: auto;
    }

    .pi01Thumb:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        background: -webkit-linear-gradient(bottom, #161921, #161921), #FFFFFF;
        background: linear-gradient(0deg, #161921, #161921), #FFFFFF;
        width: 100%;
        height: 100%;
        -webkit-transition: all 800ms ease;
        transition: all 800ms ease;
        opacity: 0;
        visibility: hidden;
    }

.productItem01:hover .pi01Thumb:after {
    opacity: 1;
    visibility: visible;
}

.pi01Thumb .productLabels span {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    font-family: var(--primary-font);
    padding: 0px 13px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 25px;
    z-index: 1;
}

.pi01Details {
    position: relative;
    text-align: center;
    padding: 29px 0 0px;
}

    .pi01Details h5 {
        font-size: 13px;
        text-transform: uppercase;
        color: var(--tw-body-color);
        font-weight: 600;
        margin: 0 0 11px;
        font-family: var(--primary-font);
        line-height: 1;
    }

        .pi01Details h5 a {
            font-size: inherit;
            color: inherit;
            font-weight: inherit;
            font-family: inherit;
        }

            .pi01Details h5 a:hover {
                color: var(--tw-primary-color);
            }

    .pi01Details h3 {
        font-size: 24px;
        line-height: 1;
        margin: 0 0 14px;
    }

        .pi01Details h3 a {
            color: inherit;
            display: inline-block;
        }

        .pi01Details h3:hover {
            color: var(--tw-primary-color);
        }

    .pi01Details .pi01Price {
        color: var(--tw-primary-color);
        font-weight: 600;
        text-decoration: none;
    }

.shopPagination {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 36px 0 0;
}

    .shopPagination a,
    .shopPagination span {
        width: 50px;
        height: 50px;
        background: #F5F5F5;
        color: var(--tw-secondary-color);
        font-size: 16px;
        font-weight: 600;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .shopPagination a:hover {
            background: var(--tw-primary-color);
            color: var(--tw-white-color);
        }

    .shopPagination span {
        background: var(--tw-primary-color);
        color: var(--tw-white-color);
    }

.productSinList01 {
    position: relative;
    background: #F5F5F5;
    padding: 30px 30px 27px;
    margin: 0 0 24px;
}

    .productSinList01 .pi01Details {
        text-align: left;
        padding: 47px 0 0px;
    }

        .productSinList01 .pi01Details ins {
            margin: 0 0 17px;
            display: inline-block;
        }

        .productSinList01 .pi01Details p {
            margin: 0 0 30px;
        }

        .productSinList01 .pi01Details .logicBtn {
            padding: 0 23.7px;
            height: 45px;
            line-height: 45px;
            border-radius: 0;
        }

/*-----------------------------------------
/  06. Team Details Page
/-----------------------------------------*/
.tmDetImg {
    position: relative;
}

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

.tmDesctiption {
    position: relative;
    background: #F7F7F7;
    padding: 73px 113px 71px 60px;
    z-index: 1;
}

    .tmDesctiption:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 104px;
        height: 216px;
        background: url(../images/bgimg/teamDetails_shap.png)no-repeat;
        background-size: 100% 100%;
        z-index: -1;
    }

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

    .tmDesTitle h2 {
        font-size: 30px;
        line-height: 1;
        margin: 0 0 6px;
    }

    .tmDesTitle span {
        color: var(--tw-primary-color);
    }

.tmDesctiption p {
    margin: 0 0 32px;
}

.tmDetIconItem {
    position: relative;
    margin: 0 9px 10px 0;
}

.tmDesctiption .logicBtn {
    padding: 0 35px;
}

/*-----------------------------------------
/  08. Cart Page
/-----------------------------------------*/
.cartImage01 {
    position: relative;
    background: #F5F5F5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 520px;
    width: 100%;
    min-height: 600px;
}

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

    .cartImage01 span {
        position: absolute;
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        color: var(--tw-white-color);
        background: var(--tw-primary-color);
        padding: 0 13px;
        text-transform: uppercase;
        top: 30px;
        left: 30px;
        width: auto;
        height: 25px;
        line-height: 26px;
    }

.cartContent01 h2 {
    font-size: 36px;
    line-height: 1;
    margin: 0 0 11px;
}

.pcRating {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px;
}

.starRating {
    position: relative;
    margin-right: 14px;
}

    .starRating i {
        color: #F9B317;
        font-size: 12px;
        margin-right: 1px;
    }

.pcExcerpt {
    margin: 0 0 26px;
}

.pcInfoList {
    position: relative;
    margin: 0 0 32px;
}

    .pcInfoList p {
        margin: 0 0 6px;
    }

        .pcInfoList p i {
            color: var(--tw-primary-color);
            font-size: 16px;
            margin-right: 10px;
        }

.pcBtns {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 36px;
}

    .pcBtns .logicBtn {
        padding: 0 39.2px;
    }

.quantityd {
    height: 55px;
    position: relative;
    background: var(--tw-secondary-color);
    z-index: 1;
    border-radius: 8px;
    width: 101px;
    margin-right: 20px;
}

    .quantityd:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 23px;
        background: #2C303C;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .quantityd button.qtyBtn {
        background: transparent;
        height: 15px;
        width: 15px;
        padding: 0;
        position: absolute;
        font-size: 12px;
        line-height: 12px;
        text-align: center;
        border: none;
        outline: none;
        color: var(--tw-white-color);
        font-weight: 700;
        padding: 0;
        right: 18px;
        -webkit-transition: all ease 300ms;
        transition: all ease 300ms;
        opacity: 0.2;
    }

        .quantityd button.qtyBtn:hover {
            opacity: 1;
        }

    .quantityd button.btnPlus {
        top: 12px;
    }

    .quantityd button.btnMinus {
        bottom: 12px;
    }

    .quantityd input[type=number] {
        border: medium;
        color: var(--tw-white-color);
        width: 45px;
        height: 100%;
        font-size: 18px;
        line-height: 55px;
        font-weight: 600;
        -webkit-filter: none;
        filter: none;
        margin: 0;
        background: 0 0;
        left: 0;
        outline: none;
        padding: 0 5px;
        position: absolute;
        text-align: center !important;
        z-index: -1;
        left: 5px;
    }

        .quantityd input[type=number]::-webkit-outer-spin-button,
        .quantityd input[type=number]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

.pcMeta {
    position: relative;
}

    .pcMeta p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .pcMeta p span {
            font-weight: 700;
            min-width: 91px;
            color: var(--tw-secondary-color);
        }

        .pcMeta p a {
            display: inline-block;
            color: inherit;
        }

            .pcMeta p a:hover {
                color: var(--tw-primary-color);
            }

/*-- Product Tab Sec --*/
.productTabSec {
    position: relative;
    padding: 72px 0 0;
}

.product_tabArea .nav-tabs {
    border: none;
    border-bottom: 3px solid #EFEFEF;
}

    .product_tabArea .nav-tabs .nav-link {
        position: relative;
        color: var(--tw-secondary-color);
        font-weight: 700;
        text-transform: uppercase;
        border: none;
        padding: 0;
        margin: 0 58px 17px 0;
    }

        .product_tabArea .nav-tabs .nav-link:after {
            content: '';
            position: absolute;
            right: 0;
            left: auto;
            bottom: -20px;
            width: 0;
            height: 3px;
            background: var(--tw-primary-color);
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
        }

        .product_tabArea .nav-tabs .nav-link.active:after {
            width: 100%;
            left: 0;
            right: auto;
        }

        .product_tabArea .nav-tabs .nav-link.active,
        .product_tabArea .nav-tabs .nav-item.show .nav-link {
            color: unset;
            background: transparent;
            border: none;
        }

.product_tabArea .tab-content {
    padding: 33px 0 0;
}

.pdTapDesc {
    position: relative;
}

    .pdTapDesc p {
        margin: 0 0 25px;
    }

        .pdTapDesc p:last-child {
            margin: 0;
        }

/*-- Product Comment --*/
.product_tabArea .comment_area {
    padding-right: 140px;
}

.sic_comments {
    position: relative;
    margin-bottom: 50px;
    margin-right: 138px;
}

    .sic_comments > .sicc_title, .productCommentForm .sicc_title {
        margin-bottom: 27px;
        color: var(--tw-secondary-color);
        letter-spacing: 0;
        font-weight: 700;
    }

.sicc_title {
    font-size: 24px;
    color: var(--tw-secondary-color);
    letter-spacing: -.96px;
    line-height: 30px;
    margin: 0 0 26px;
}

.reviewList ol {
    margin: 0;
    padding: 0;
}

    .reviewList ol li {
        list-style: none;
        position: relative;
        border-top: 1px solid #e1e1e1;
    }

    .reviewList ol > li:first-child {
        border-top: none;
    }

.postReview {
    position: relative;
    min-height: 55px;
    padding: 2px 0 47px 144px;
    margin: 26px 0 0;
    border-radius: 0;
}

    .postReview > img {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 5px;
    }

    .postReview h2 {
        font-size: 16px;
        line-height: 23px;
        font-weight: 700;
        letter-spacing: -.32px;
        color: var(--tw-secondary-color);
        margin: 0 0 9px;
        text-transform: capitalize;
    }

.postReviewContent p {
    margin: 0 0 23px;
}

.comment-form-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 29px;
}

.woocommerce #review_form #respond p {
    margin: 0;
}

    .woocommerce #review_form #respond p.comment-notes {
        margin-bottom: 10px;
    }

    .woocommerce #review_form #respond p.comment-form-cookies-consent {
        margin-bottom: 32px;
    }

    .woocommerce #review_form #respond p.stars span a {
        color: #F9B317;
        margin-right: 0;
        font-size: 16px;
        position: relative;
        top: 4px;
    }

.reviewList {
    margin-bottom: 50px;
}

.comment-form-rating label {
    margin-right: 24px;
}

.reviewMeta {
    display: block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--tw-body-color);
    line-height: .8;
    margin: 0;
}

    .reviewMeta span {
        color: var(--tw-secondary-color);
        font-weight: 700;
    }

.single_comment .cm_date a {
    color: inherit;
    display: inline-block;
}

    .single_comment .cm_date a:hover {
        color: var(--tw-primary-color);
    }

.productComent .starRating {
    font-size: 13px;
    color: #ffc556;
    letter-spacing: 4px;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 39px;
}

.productReviewArea .hasReviews {
    position: relative;
}

.productReviewArea .comment-respond h3 {
    margin-bottom: 19px !important;
    color: var(--tw-secondary-color);
    letter-spacing: 0;
    font-weight: 700;
}

#commentform .col-lg-6 {
    margin-top: -26px;
}

#commentform input[type="email"], #commentform input[type="text"], #commentform input[type="url"], #commentform input[type="tel"], #commentform textarea {
    display: block;
    width: 100%;
    height: 60px;
    border: unset;
    color: #74787C;
    background: var(--tw-white-color);
    border-radius: 8px;
    line-height: 60px;
    padding: 0 45px 0 26px;
    border: 1px solid #eceef2;
    margin: 0 0 14px;
    outline: 0;
}

#commentform :focus-visible {
    outline: none
}

#commentform .col-md-6.email {
    padding-left: 5px;
}

.woocommerce #reviews #comment,
#commentform textarea {
    height: 200px;
    line-height: 26px;
    padding-top: 34px;
    margin-bottom: 40px;
    resize: none;
}

#commentform .logicBtn {
    height: 55px;
    width: auto;
    border-radius: 8px;
    text-transform: uppercase;
    line-height: 55px;
    padding: 0 38px;
}

.woocommerce .productRatingWrap {
    position: relative;
}

    .woocommerce .productRatingWrap > .star-rating {
        width: 88.56px;
        font-size: 14px;
        height: 14px;
        letter-spacing: 3px;
        bottom: 4px;
    }

.productReviewArea .col-lg-11:first-child {
    max-width: 942px;
    width: 100%;
}

/*-----------------------------------------
/  09. Service Page
/-----------------------------------------*/
.serviceItem03 {
    position: relative;
    text-align: left;
    background: var(--tw-white-color);
    box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.02);
    padding: 40px 40px 33px;
    margin-bottom: 24px;
}

    .serviceItem03 span {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        color: var(--tw-white-color);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: var(--tw-primary-color);
        font-size: 36px;
        margin: 0 0 38px;
    }

        .serviceItem03 span i,
        .serviceItem03 span i:before {
            color: var(--tw-white-color);
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
        }

        .elementor .serviceItem03 span img,
        .serviceItem03 span img {
            width: auto;
            height: 38px;
        }

    .serviceItem03 h3 {
        font-size: 24px;
        line-height: 1;
        margin: 0 0 21px;
    }

        .serviceItem03 h3 a {
            color: inherit;
            display: inline-block;
        }

        .serviceItem03 h3:hover a {
            color: var(--tw-primary-color);
        }

    .serviceItem03 p {
        margin: 0 0 14px;
    }

    .serviceItem03 .btnLink {
        color: var(--tw-primary-color);
    }

/*-- Service Skill --*/
.serSkillDet {
    position: relative;
    background: var(--tw-white-color);
    padding: 100px 100px 100px;
    margin-left: 76px;
    box-shadow: 0px 7px 48px rgba(0, 0, 0, 0.02);
    top: 174px;
}

    .serSkillDet p {
        margin: 0 0 50px;
    }

    .serSkillDet .singleSkill h3,
    .serSkillDet .singleSkill span {
        font-size: 16px;
    }

/*-----------------------------------------
/  10. Service Details Page
/-----------------------------------------*/
.servicePageDetails {
    position: relative;
    padding: 120px 0 120px;
}

    .servicePageDetails .col-lg-4 {
        width: 30.5%;
    }

    .servicePageDetails .col-lg-8 {
        width: 69.5%;
    }

.serviceSidebar {
    position: relative;
}

.pjSidebarWidget, .serviceWidget {
    position: relative;
    padding: 30px;
    background: #F5F5F5;
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 30px;
}

.serWidgetFile {
    position: relative;
    display: block;
    padding: 26px 10px 12px 85px;
    background: var(--tw-white-color);
    margin-bottom: 10px;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.02);
    color: inherit;
}

    .serWidgetFile:hover {
        background: var(--tw-primary-color);
    }

    .serWidgetFile:last-child {
        margin-bottom: 0;
    }

    .serWidgetFile span {
        position: absolute;
        left: 27px;
        top: 27px;
        width: 45px;
        height: 45px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20px;
        background: var(--tw-primary-color);
        color: var(--tw-white-color);
        border-radius: 50%;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

    .serWidgetFile:hover span {
        background: var(--tw-white-color);
        color: var(--tw-primary-color);
    }

    .serWidgetFile strong {
        font-size: 18px;
        font-family: var(--primary-font);
        font-weight: 600;
        color: #1F1F25;
        line-height: 1;
        margin: 0 0 10px;
        display: inline-block;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

    .serWidgetFile:hover strong {
        color: var(--tw-white-color);
    }

    .serWidgetFile p {
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        color: var(--tw-body-color);
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

    .serWidgetFile:hover p {
        color: var(--tw-white-color);
    }

.serviceWidget .widgetTitle {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 26px;
}

.serCatWidget ul,
.postCategorys {
    margin: 0;
    padding: 0;
}

    .serCatWidget ul li,
    .postCategorys li {
        list-style: none;
        border: unset;
        outline: unset;
    }

        .serCatWidget ul li:not(:last-child),
        .postCategorys li:not(:last-child) {
            margin-bottom: 15px;
        }

.serCatWidget a {
    font-size: 16px;
    color: var(--tw-body-color);
    font-weight: 500;
    font-family: var(--primary-font);
    background: var(--tw-white-color);
    display: block;
    padding: 0 25px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    position: relative;
    border-radius: 100px;
}

    .serCatWidget a:after {
        content: "\e9d1";
        position: absolute;
        font-size: inherit;
        color: inherit;
        font-family: 'Themewar' !important;
        right: 25px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.postCategorys a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 25px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    background: var(--tw-white-color);
    margin-bottom: 15px;
    color: inherit;
    position: relative;
    z-index: 1;
}

    .serCatWidget a:last-child,
    .postCategorys a:last-child {
        margin-bottom: 0;
    }

    .serCatWidget a i,
    .postCategorys a i {
        color: var(--tw-primary-color);
        position: relative;
    }

    .serCatWidget a:hover i,
    .postCategorys a.active i,
    .postCategorys a:hover i {
        color: var(--tw-white-color);
    }

    .serCatWidget a:hover,
    .serCatWidget .current-menu-item a,
    .postCategorys a:hover,
    .postCategorys a.active {
        background: var(--tw-primary-color);
        color: var(--tw-white-color);
    }

aside.serQuickEmail {
    text-align: center;
    padding: 50px 60px 60px;
    background: var(--tw-primary-color);
}

.serQuickEmail span {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 0 28px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--tw-white-color);
}

.serQuickEmail i {
    font-size: 40px;
    color: var(--tw-primary-color);
}

.serQuickEmail h3 {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 28px;
    color: var(--tw-white-color);
    margin: 0 0 31px;
}

.serQuickEmail a {
    display: inline-block;
    background: var(--tw-white-color);
    width: auto;
    box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.08);
    border-radius: 100px;
    font-size: 18px;
    font-weight: 700;
    color: var(--tw-secondary-color);
    line-height: 45px;
    padding: 0 23px;
}

    .serQuickEmail a:hover {
        background: var(--tw-primary-color);
        color: var(--tw-white-color);
    }

/*-- Service Details Wraper --*/
.serviceDetailsWrap {
    position: relative;
    padding-left: 35px;
}

.serDetThumb {
    position: relative;
}

    .serDetThumb img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0 0 43px;
    }

.serDetContent {
    position: relative;
}

    .serDetContent h2 {
        font-size: 36px;
        color: #1F1F25;
        line-height: 1;
        margin: 0 0 20px;
    }

    .serDetContent h3 {
        font-size: 30px;
        color: #1F1F25;
        line-height: 1;
        margin: 0 0 16px;
    }

    .serDetContent p {
        margin: 0 0 27px;
    }

.serviceBenefits {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 43px 0 27px;
}

    .serviceBenefits img {
        max-width: 311px;
        width: 100%;
        height: 220px;
    }

.serBenefitsCon {
    position: relative;
    padding-left: 30px;
    top: -5px;
}

    .serBenefitsCon .logicList {
        margin-bottom: 0;
    }

    .serBenefitsCon h3 {
        margin: 0 0 17px;
    }

    .serBenefitsCon p {
        margin: 0 0 16px;
    }

    .serBenefitsCon .logicList ul li i {
        margin-right: 6px;
    }

.textBoxWrap {
    position: relative;
    margin: 31px 0 0 24px;
}

.textBoxItem {
    position: relative;
    width: 100%;
    height: auto;
    background: var(--tw-white-color);
    box-shadow: 0px 9px 37px rgba(0, 0, 0, 0.07);
    margin-bottom: 20px;
    padding: 34px 65px 27px 50px;
    border-left: 2px solid var(--tw-primary-color);
}

    .textBoxItem:last-child {
        margin-bottom: 0;
    }

    .textBoxItem h4 {
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        font-family: var(--primary-font);
        text-transform: uppercase;
        color: #9DA3A9;
        margin: 0 0 11px;
    }

    .textBoxItem p {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        color: var(--tw-secondary-color);
        margin: 0;
    }

    .textBoxItem span {
        position: absolute;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: var(--tw-primary-color);
        display: inline-block;
        color: var(--tw-white-color);
        font-size: 18px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        left: -26px;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 1;
    }

/*-----------------------------------------
/  11. Blog Page
/-----------------------------------------*/
.blogPageSection,
.blogPageSec01 {
    position: relative;
    padding: 120px 0 112px;
}

    .blogPageSection .col-lg-8,
    .blogPageSec02 .col-lg-8,
    .blogPageDetails .col-lg-8 {
        width: 66.961%;
    }

    .blogPageSection .col-lg-4.blogSidebarCol,
    .blogPageSection .blogGridView:not(.blogNSB) .col-lg-4,
    .blogPageSec02 .col-lg-4,
    .blogPageDetails .col-lg-4 {
        width: 33.039%;
    }

.blogPageWrap {
    position: relative;
    padding-right: 35.9px;
}

.blogPageSingle01 {
    position: relative;
    margin: 0 0 52px;
}

    .blogPageSingle01:last-child {
        margin-bottom: 0;
    }

    .blogPageSingle01 img {
        max-width: 100%;
        height: auto;
        margin: 0 0 33px;
    }

    .blogPageSingle01 h2 {
        font-size: 36px;
        line-height: 1;
        margin: 0 0 21px;
        word-break: break-word;
    }

        .blogPageSingle01 h2 a {
            color: inherit;
            display: inline-block;
            word-break: break-word;
        }

        .blogPageSingle01 h2:hover {
            color: var(--tw-primary-color);
        }

    .blogPageSingle01 .biMeta01 {
        margin: 0 0 17px;
    }

    .blogPageSingle01 p {
        margin: 0 15px 32px 0;
    }

    .blogPageSingle01 .logicBtn {
        height: 45px;
        line-height: 45px;
        padding: 0 32.3px;
    }

.blogPageWrap .blockquote01 {
    background: #171717;
    padding: 53px 60px 20px;
    margin: 0 0 60px;
}

    .blogPageWrap .blockquote01 .blogPageSingle01 {
        margin: 0;
    }

    .blogPageWrap .blockquote01 h2 {
        color: var(--tw-white-color);
        font-size: 34px;
    }

    .blogPageWrap .blockquote01 p {
        font-weight: 400;
        color: #7D7E80;
    }

.blogGridView .blogItem01,
.blogGridView .blogItem02,
.blogGridView .blogItem03 {
    margin-bottom: 50px;
}

.blogGridView .col-lg-6.col-md-6:nth-last-child(-n + 2) .blogItem01,
.blogGridView .col-lg-6.col-md-6:nth-last-child(-n + 2) .blogItem02,
.blogGridView .col-lg-6.col-md-6:nth-last-child(-n + 2) .blogItem03 {
    margin-bottom: 0px;
}

.blogGridView.blogNSB .col-lg-4:nth-last-child(-n + 3) .blogItem01,
.blogGridView.blogNSB .col-lg-4:nth-last-child(-n + 3) .blogItem02,
.blogGridView.blogNSB .col-lg-4:nth-last-child(-n + 3) .blogItem03 {
    margin-bottom: 0px;
}

/*-- Blog Widget --*/
.blogPageSidebar {
    position: relative;
}

.pjWidgetMeta,
.serviceWidget,
.widget {
    position: relative;
    background: #F5F5F5;
    width: 100%;
    display: inline-block;
    margin-bottom: 40px;
    padding: 40px 40px 40px;
}

.pjWidgetMeta {
    padding: 35px 40px 40px;
}

.serCatWidget {
    padding: 37px 40px 40px;
}

.widgetTitle {
    font-size: 24px;
    line-height: 1;
    margin: 9px 0 27px;
}

.pjWidgetMeta .widgetTitle {
    margin: 0 0 29px;
}

.widget.postCategorys a {
    border-radius: 0;
}

.searchForm {
    position: relative;
}

    .blogPostStatic .wp-block-search__input,
    .searchForm input {
        width: 100%;
        height: 55px;
        line-height: 55px;
        border: 0;
        outline: 0;
        padding: 0 65px 0 20px;
        color: #74787C;
    }

    .blogPostStatic .wp-block-search__button,
    .searchForm button {
        position: absolute;
        right: 0;
        top: 0;
        background: var(--tw-primary-color);
        color: var(--tw-white-color);
        width: 55px;
        height: 55px;
        line-height: 55px;
        border: 0;
        outline: 0;
    }

        .blogPostStatic .wp-block-search__button:hover,
        .searchForm button:hover {
            background: var(--tw-secondary-color);
        }

.widtet.recentPost {
    padding: 47px 40px 42px;
}

.recentPost .widgetTitle {
    margin: 0 0 22px;
}

.latest_post_widget {
    position: relative;
}

    .latest_post_widget .widgetTitle {
        margin-bottom: 20px;
    }

.latestPost {
    position: relative;
    padding: 3px 0 0px 100px;
    margin: 0 0 26px;
    min-height: 84px;
}

    .latestPost:last-child {
        margin-bottom: 0px;
    }

    .elementor .latestPost img,
    .latestPost img {
        max-width: 85px;
        width: 100%;
        height: 85px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .latestPost p {
        font-size: 14px;
        margin: 0 0 3px;
    }

        .latestPost p i {
            margin-right: 5px;
            position: relative;
            top: 1px;
        }

        .latestPost p a {
            color: inherit;
            display: inline-block;
            text-transform: capitalize;
            line-height: 1;
        }

            .latestPost p a:hover {
                color: var(--tw-primary-color);
            }

    .latestPost h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px;
        font-family: var(--primary-font);
        margin: 0;
    }

        .latestPost h3 a {
            color: inherit;
            display: inline-block;
        }

            .latestPost h3 a:hover {
                color: var(--tw-primary-color);
            }

.widgetGallery01 {
    padding: 46px 40px 40px;
}

.widgetGallery .widgetTitle {
    margin: 0 0 28px;
}

.widGalleryItem {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 11px;
}

    .widGalleryItem a {
        display: inline-block;
        max-width: 100%;
        height: auto;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }

        .widGalleryItem a img {
            width: 100%;
            height: 100%;
        }

        .widGalleryItem a:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: #ec37007a;
            border-radius: inherit;
            z-index: 1;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
        }

        .widGalleryItem a i {
            position: absolute;
            left: 50%;
            top: 70%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            display: inline-block;
            z-index: 1;
            color: var(--tw-white-color);
            z-index: 2;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
        }

        .widGalleryItem a:hover:after {
            opacity: 1;
            visibility: visible;
            border-radius: inherit;
        }

        .widGalleryItem a:hover i {
            top: 50%;
            opacity: 1;
            visibility: visible;
        }

.widgetTags .widgetTitle {
    margin: 0 0 27px;
}

.widgetTags {
    padding: 47px 20px 31px 40px;
}

.tagcloud,
.wp-block-tag-cloud,
.blogTagItems {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 10px;
}

    .tagcloud a,
    .wp-block-tag-cloud a,
    .blogTagItems a {
        display: inline-block;
        width: auto;
        height: 35px;
        line-height: 35px;
        background: var(--tw-white-color);
        color: var(--tw-body-color);
        padding: 0 16px;
        border-radius: 100px;
        font-size: 14px !important;
        font-weight: 500;
    }

        .wp-block-tag-cloud a:hover,
        .tagcloud a:hover,
        .blogTagItems a:hover {
            background: var(--tw-primary-color);
            color: var(--tw-white-color);
        }

.blogPageSec01 .productPagination {
    text-align: left;
    margin: 50px 0 0;
    left: -9px;
}

/* -- Blog left sidebar -- */
.blogPageSec02 {
    padding: 120px 0 112px;
}

    .blogPageSec02 .blogPageWrap {
        padding-left: 35.9px;
        padding-right: 0;
    }

    .blogPageSec02 .productPagination {
        margin-top: 50px;
        position: relative;
        left: -9px;
    }
/*-----------------------------------------
/  12. Blog Details
/-----------------------------------------*/
.blogPageDetails {
    padding: 120px 0 120px;
}

.blogDetailsCon {
    position: relative;
}

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

    .blogDetailsCon .blDetThumb01 {
        margin: 0 0 35px;
    }

.singlePostMeta .biMeta01 {
    margin: 0 0 17px;
}

.blogTitle {
    font-size: 36px;
    line-height: 1;
    margin: 0 0 25px;
    word-wrap: break-word;
}

.blogDetailsCon h3 {
    font-size: 30px;
    line-height: 1;
    margin: 0 0 20px;
}

.blogDetailsCon p {
    margin: 0px 13px 27px 0;
}

.blogPostStatic blockquote,
.wp-block-quote,
.wp_blockQuote {
    position: relative;
    width: 100%;
    background: #F5F5F5;
    padding: 31px 40px 32px 164px;
    margin: 41px 0 36px;
    overflow: hidden;
}

    .blogPostStatic blockquote:before,
    .wp-block-quote:before {
        content: "\e95a";
        font-family: 'LogisFare' !important;
    }

    .blogPostStatic blockquote:before,
    .wp-block-quote:before,
    .wp_blockQuote i {
        position: absolute;
        left: 0;
        top: 0;
        width: 125px;
        height: 100%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: var(--tw-primary-color);
        color: var(--tw-white-color);
        font-size: 38px;
    }

    .blogPostStatic blockquote.wp-block-quote p,
    .blogPostStatic blockquote p,
    .wp-block-quote p,
    .wp_blockQuote p {
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
        margin: 0 0 20px;
        color: var(--tw-secondary-color);
    }

    .blogPostStatic blockquote.wp-block-quote.is-style-large cite,
    .blogPostStatic blockquote cite,
    .wp-block-quote cite,
    .wp_blockQuote cite {
        color: var(--tw-primary-color);
        font-size: 18px;
        font-weight: 600;
        line-height: 1;
        font-style: normal;
        position: relative;
        margin-left: 41px;
    }

        .blogPostStatic blockquote.wp-block-quote.is-style-large cite:after,
        .blogPostStatic blockquote cite:after,
        .wp-block-quote cite:after,
        .wp_blockQuote cite:after {
            content: '';
            position: absolute;
            left: -40px;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 30px;
            height: 2px;
            background: var(--tw-primary-color);
        }

.blogGallery {
    position: relative;
    margin: 40px 0 43px;
}

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

.blogDetailsCon .blDetThumb02 {
    margin: 15px 0 45px;
}

/*-- Meta --*/
.spMeta {
    position: relative;
    margin: 42px 0 70px;
}

.postTags {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 10px;
}

    .postTags a {
        color: var(--tw-body-color);
        font-family: var(--primary-font);
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        padding: 8px 21px;
        border: 1px solid #ECECEC;
        background: #FFF;
        border-radius: 100px;
        display: inline-block;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

        .postTags a:hover {
            color: var(--tw-white-color);
            background: var(--tw-primary-color);
            border-color: var(--tw-primary-color);
        }

.socialShare {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .socialShare h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
        color: var(--tw-secondary-color);
        margin-left: 3px;
        font-family: var(--primary-font);
        margin-bottom: 0px;
    }

    .socialShare a {
        display: inline-block;
        font-size: 14px;
        color: var(--tw-secondary-color);
        line-height: 1;
        margin-left: 19px;
        text-align: center;
    }

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

.postAuthorBox {
    position: relative;
    padding: 46px 35px 0 300px;
    background: #F5F5F5;
    width: 100%;
    min-height: 266px;
    margin: 0 0 72px;
}

    .elementor .postAuthorBox img,
    .postAuthorBox img {
        position: absolute;
        left: 0;
        top: 0;
        max-width: 250px;
        width: 100%;
        height: auto;
    }

    .postAuthorBox h3 {
        font-size: 24px;
        line-height: 1;
        margin: 0 0 12px;
        text-transform: capitalize;
    }

    .postAuthorBox a {
        font-size: inherit;
        color: inherit;
        font-family: inherit;
    }

    .postAuthorBox p {
        margin: 0 0 22px;
    }

.authorSocial {
    position: relative;
}

    .authorSocial a {
        width: 35px;
        height: 35px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 14px;
        color: var(--tw-secondary-color);
        background: var(--tw-white-color);
        margin-right: 8px;
        border-radius: 50%;
        z-index: 1;
        position: relative;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
        overflow: hidden;
    }

        .authorSocial a:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            bottom: 0;
            background-color: var(--tw-primary-color);
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
            z-index: -1;
            -webkit-transform: scale(0);
            transform: scale(0);
            border-radius: 50%;
        }

        .authorSocial a:hover:after {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .authorSocial a:hover {
            color: var(--tw-white-color);
        }

/*-- Comment Box --*/
.postCommentBox {
    position: relative;
}

.commentHeading {
    font-size: 36px;
    line-height: 1;
    margin: 0 0 43px;
}

.commentList {
    position: relative;
    margin: 0 0 50px;
    padding: 0;
    list-style: none;
}

    .commentList ol.children {
        /* margin:0 0 0 135px; */
        margin: 0 0 0 115px;
        padding: 0;
        list-style: none;
    }

.singleComment {
    position: relative;
    /* padding: 0 0 26px 135px; */
    padding: 0 0 26px 115px;
    margin: 0 0 30px;
    border-bottom: 1px solid #EAEAEA;
    min-height: 141px;
}

.commentList > li:last-child .singleComment {
    border-bottom: none;
}

.elementor .singleComment img,
.singleComment img {
    position: absolute;
    left: 0;
    top: 0;
    /* width: 110px;
    height: 110px; */
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.commentDate {
    position: relative;
    font-size: 14px;
    line-height: 1;
    margin: 0px 0 15px;
    padding: 2px 0 0;
}

    .commentDate i {
        margin-right: 5px;
    }

.singleComment h3 {
    font-size: 20px;
    line-height: 1;
    margin: 0 0 9px;
    text-transform: capitalize;
}

.singleComment p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--tw-body-color);
}

.singleComment .comment-reply-link {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
    color: var(--tw-primary-color);
    line-height: 1;
    padding: 0 22px 0 0;
}

.cancel_reply_btn a {
    float: right;
    position: relative;
    font-weight: 600;
    color: var(--tw-primary-color);
    line-height: 1;
    font-size: 16px;
    padding: 0 25px 0 0;
}

    .cancel_reply_btn a:after, .singleComment .comment-reply-link:after {
        content: "\e95c";
        position: absolute;
        top: 0;
        font-size: 14px;
        right: 0;
        font-family: 'Logisfare' !important;
    }

    .cancel_reply_btn a:hover,
    .singleComment .comment-reply-link:hover {
        color: var(--tw-secondary-color);
    }

/*-- Comment Form --*/
.comment-respond {
    position: relative;
    background: #F5F5F5;
    padding: 53px 60px 60px;
}

.commentList .comment-respond {
    margin-bottom: 30px;
}

.commentFormArea .commentHeading02 {
    font-size: 36px;
    line-height: 1;
    margin: 0 0 20px;
}

p.commentDesc {
    margin: -10px 0 32px;
}

.commentForm .singleForm {
    margin-bottom: 20px;
}

.commentFormArea .singleForm i {
    color: var(--tw-primary-color);
    font-weight: 700;
}

.commentFormArea .formInput.anSelect .nice-select {
    height: 60px;
    line-height: 60px;
    padding-right: 50px;
    padding-left: 25px;
    border: 0;
}

.commentFormArea .singleForm textarea {
    height: 160px;
    margin-bottom: 2px;
}

.comment-respond .singleForm textarea {
    margin-bottom: 2px;
}

.commentFormArea .formInput.anSelect .nice-select:after {
    left: auto;
    right: 27px;
    border-color: var(--tw-primary-color);
}

.commentFormArea form button {
    padding: 0 38px;
}

.bpDetailsLeft .blogPageWrap {
    padding-left: 35.9px;
    padding-right: 0;
}

.bpDetailsNoSidebar .blogPageWrap {
    padding-right: 0;
}

/*-----------------------------------------
/  13. Price Page
/-----------------------------------------*/
.singlePrice {
    position: relative;
    width: 100%;
    height: auto;
    background: var(--tw-white-color);
    text-align: center;
    box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    padding: 0 0 60px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.priceHeader {
    position: relative;
    width: 100%;
    min-height: 266px;
    background: url(../images/bgimg/priceHeadOuter.png)no-repeat;
    background-size: 100%;
    width: 100%;
    height: auto;
    padding: 30px;
}

.priceHeaderCon {
    position: relative;
    width: 100%;
    background: url(../images/bgimg/priceHeadInner.png)no-repeat;
    background-size: 100%;
    width: 100%;
    height: auto;
    padding: 44px 20px 105px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.singlePrice:hover .priceHeaderCon {
    background: url(../images/bgimg/priceHeadInner02.png)no-repeat;
    background-size: 100%;
}

.priceHeader h3 {
    color: var(--tw-white-color);
    font-size: 30px;
    line-height: 1;
    margin: 0 0 9px;
}

.priceHeader p {
    color: var(--tw-white-color);
    line-height: 19px;
    margin: 0;
}

.priceCircle {
    width: 136px;
    height: 136px;
    background: var(--tw-secondary-color);
    border-radius: 50%;
    color: var(--tw-white-color);
    font-size: 36px;
    font-weight: 700;
    line-height: 105px;
    text-align: center;
    border: 16px solid var(--tw-white-color);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 158px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.priceList02 {
    position: relative;
    padding: 50px 30px 5px;
}

    .priceList02 ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .priceList02 ul li {
            line-height: 26px;
            margin: 0 15px 6px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            border-radius: 8px;
            padding: 11px 26px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
        }

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

            .priceList02 ul li i {
                color: #74787C;
                margin-right: 6px;
                -webkit-transition: all 350ms ease;
                transition: all 350ms ease;
            }

            .priceList02 ul li svg {
                fill: #74787C;
                stroke: #74787C;
                margin-right: 6px;
                -webkit-transition: all 350ms ease;
                transition: all 350ms ease;
                width: 16px;
                height: 16px;
            }

            .priceList02 ul li:nth-child(even) {
                background: #F7F7F7;
                -webkit-transition: all 350ms ease;
                transition: all 350ms ease;
            }

.singlePrice .logicBtn {
    background: rgba(22, 25, 33, 0.1);
    color: var(--tw-secondary-color);
    padding: 0 46.4px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    margin-top: 16px;
}

.singlePrice:hover,
.singlePrice:hover .priceCircle {
    background: var(--tw-primary-color);
}

    .singlePrice:hover .priceList02 ul li i,
    .singlePrice:hover .priceList02 ul li {
        color: var(--tw-white-color);
    }

        .singlePrice:hover .priceList02 ul li svg {
            fill: var(--tw-white-color);
            stroke: var(--tw-white-color);
        }

        .singlePrice:hover .priceList02 ul li:nth-child(even) {
            background: rgba(255, 255, 255, 0.1);
        }

    .singlePrice:hover .logicBtn {
        background: var(--tw-white-color);
        color: var(--tw-primary-color);
    }

.singlePrice .logicBtn:hover {
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
}

/*-----------------------------------------
/  15. Project Page
/-----------------------------------------*/
.projectCategories {
    position: relative;
    text-align: center;
    margin: 0 0 50px;
    padding: 0;
}

    .projectCategories li {
        display: inline-block;
        text-transform: uppercase;
        color: var(--tw-primary-color);
        font-size: 14px;
        font-weight: 700;
        background: #FDEBE5;
        border-radius: 8px;
        min-height: 50px;
        line-height: 50px;
        border: 0;
        outline: 0;
        padding: 0 32.12px;
        margin: 0 8px;
        cursor: pointer;
    }

        .projectCategories li.active {
            background: var(--tw-primary-color);
            color: var(--tw-white-color);
        }

.projectGalleryWrap {
    position: relative;
}

.projectGallery .mix {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    z-index: 1;
}

    .projectGallery .mix img {
        max-width: 100%;
        width: 100%;
        height: auto;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .projectGallery .mix:after {
        content: '';
        position: absolute;
        width: 330px;
        height: 330px;
        border-radius: 50%;
        background: var(--tw-primary-color);
        top: -300px;
        left: -300px;
        z-index: 1;
        -webkit-transition: all 350ms ease-in;
        transition: all 350ms ease-in;
    }

    .projectGallery .mix:before {
        content: '';
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(top, rgba(22, 25, 33, 0) 0%, rgba(22, 25, 33, 0.97) 79.4%);
        background: linear-gradient(180deg, rgba(22, 25, 33, 0) 0%, rgba(22, 25, 33, 0.97) 79.4%);
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
        z-index: 1;
    }

    .projectGallery .mix .projectShow {
        position: absolute;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: var(--tw-white-color);
        color: var(--tw-primary-color);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 40px;
        left: 40px;
        z-index: 2;
        font-size: 18px;
        -webkit-transition: all 450ms ease;
        transition: all 450ms ease;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

        .projectGallery .mix .projectShow:hover {
            background: -webkit-linear-gradient(top, rgba(22, 25, 33, 0) 0%, rgba(22, 25, 33, 0.97) 79.4%);
            background: linear-gradient(-180deg, rgba(22, 25, 33, 0) 0%, rgba(22, 25, 33, 0.97) 79.4%);
            color: var(--tw-white-color);
        }

    .projectGallery .mix:hover:after {
        top: -209px;
        left: -210px;
    }

    .projectGallery .mix:hover .projectShow {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .projectGallery .mix:hover:before {
        top: 0;
    }

.projectContent {
    position: absolute;
    left: 40px;
    bottom: 19px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 2;
    width: calc(100% - 80px);
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

.projectCat02 {
    position: relative;
    margin: 0 0 7px;
}

    .projectCat02 a {
        display: inline-block;
        color: var(--tw-white-color);
        text-transform: uppercase;
        font-weight: 700;
        font-size: 12px;
        line-height: 1;
    }

        .projectCat02 a:hover {
            color: var(--tw-primary-color)
        }

    .projectCat02 span {
        display: inline-block;
        width: 15px;
        height: 1px;
        background: var(--tw-white-color);
        margin: 3px 7px;
    }

.projectContent h3 {
    font-size: 24px;
    color: var(--tw-white-color);
    line-height: 1;
}

    .projectContent h3 a {
        display: inline-block;
        color: inherit;
    }

    .projectContent h3:hover a {
        color: var(--tw-primary-color);
    }

.projectContent .projectCat02 {
    -webkit-transition: all 430ms ease;
    transition: all 430ms ease;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

.projectGallery .mix:hover .projectCat02 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.mix .projectContent h3 {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

.projectGallery .mix:hover .projectContent,
.projectGallery .mix:hover .projectContent h3 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.projectrCircle {
    position: absolute;
    width: 746px;
    height: 746px;
    border-radius: 50%;
    bottom: 282px;
    left: -85px;
    background: -webkit-linear-gradient(top, #000000 39.01%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, #000000 39.01%, rgba(0, 0, 0, 0) 100%);
    mix-blend-mode: normal;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.projectGallery .mix:hover .projectrCircle {
    opacity: 1;
    visibility: visible;
}

.projectGallery .row .col-lg-4 {
    padding-right: 14px;
    padding-left: 14px;
}

.projectGallery.pGrid02 .mix:after,
.projectGallery.pGrid02 .mix:before {
    content: inherit;
}

.projectGallery.pGrid02 .pdItem01 .pdTitle01 {
    padding: 20px 32px 22px 30px;
}

/*-----------------------------------------
/  17. Project Details
/-----------------------------------------*/
.serDetContent h3.sdheadGap {
    margin: 45px 0 22px;
}

.projectDetImg {
    position: relative;
    margin: 42px 0 43px;
}

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

.pdInfo {
    position: relative;
    padding: 4px 0 29px 70px;
    border-bottom: 1px solid #E3E4E7;
    margin: 0 0 25px;
}

    .pdInfo:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .pdInfo > span:not(.pdInfoCat) {
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: var(--tw-white-color);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .pdInfo i {
        color: var(--tw-primary-color);
        font-size: 16px;
    }

    .pdInfo svg {
        height: 16px;
        width: auto;
    }

    .pdInfo p {
        line-height: 1;
        margin: 0 0 9px;
    }

    .pdInfo h3 {
        font-size: 18px;
        font-weight: 600;
        font-family: var(--primary-font);
        line-height: 1;
        margin: 0;
    }

.pdInfoCatWrap p {
    margin: 0 0 6px;
}

.pdInfoCat,
.pdInfoCat a {
    font-size: 18px;
    font-weight: 600;
    font-family: var(--primary-font);
    line-height: 1;
    margin: 0;
    color: var(--tw-secondary-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

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

.proInfoWidget {
    padding: 33px 40px 44px;
}

    .proInfoWidget .widgetTitle {
        margin: 0 0 29px;
    }

.pageNavigationSec01 {
    position: relative;
}

.postNavigationWrap {
    padding: 34px 0 34px;
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid #EDEDED;
}

.postNavigationItem {
    position: relative;
    display: inline-block;
    padding: 7px 0 7px 71px;
}

    .postNavigationItem span {
        position: absolute;
        left: 0;
        top: 50%;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: var(--tw-white-color);
        border: 2px solid #F0F0F0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #1F1F1F;
        font-size: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

    .postNavigationItem p {
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        margin: 0 0 10px;
        color: #636D78;
    }

    .postNavigationItem h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 1;
        margin: 0;
        color: #1F1F1F;
        font-family: var(--primary-font);
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

    .postNavigationItem:hover h3,
    .postNavigationItem:hover i {
        color: var(--tw-primary-color);
    }

    .postNavigationItem:hover span {
        border-color: var(--tw-primary-color);
    }

    .postNavigationItem.postNavNextItem {
        text-align: right;
        float: right;
        padding: 7px 71px 7px 0;
    }

        .postNavigationItem.postNavNextItem span {
            right: 0;
            left: auto;
        }


/*-----------------------------------------
/  18. Contact Page
/-----------------------------------------*/
.contactPageSec {
    position: relative;
    z-index: 1;
}

    .contactPageSec:after {
        content: '';
        position: absolute;
        width: 59%;
        height: 100%;
        right: 0;
        top: 0;
        background: #F5F5F5;
        z-index: -1;
    }

.contactAddress {
    position: relative;
    padding: 120px 126px 186px 0;
}

.sinAddress {
    position: relative;
    padding: 26px 20px 30px 110px;
    background: var(--tw-white-color);
    border: 1px solid rgba(227, 227, 227, 0.76);
    margin-bottom: 20px;
}

    .sinAddress:last-child {
        margin-bottom: 0;
    }

    .sinAddress span {
        position: absolute;
        width: 70px;
        height: 70px;
        background: var(--tw-white-color);
        color: var(--tw-primary-color);
        font-size: 24px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid rgba(227, 227, 227, 0.76);
        left: 20px;
        top: 20px;
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }

    .sinAddress:hover {
        cursor: pointer;
    }

        .sinAddress:hover span {
            background: var(--tw-primary-color);
            color: var(--tw-white-color);
            border: 1px solid var(--tw-primary-color)
        }

    .sinAddress p {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 600;
        margin: 0 0 6px;
    }

    .sinAddress h3 {
        font-size: 20px;
        font-weight: 600;
        font-family: var(--primary-font);
        line-height: 1;
        margin: 0;
    }

        .sinAddress h3 a {
            display: inline-block;
            color: inherit;
        }

.getFormWrap {
    position: relative;
    padding: 111px 0 120px 19px;
    top: 2px;
}

    .getFormWrap .subTitle {
        margin: 0 0 20px;
    }

    .getFormWrap .secTitle {
        margin: 0 0 44px;
    }

    .getFormWrap .subTitle:after {
        content: none;
    }

    .getFormWrap form {
        position: relative;
    }

.singleForm {
    position: relative;
}

    .singleForm p {
        margin: 0;
    }

    .singleForm input,
    .singleForm textarea {
        width: 100%;
        height: 60px;
        line-height: 60px;
        outline: 0;
        border: 0;
        border-radius: 8px;
        background: var(--tw-white-color);
        color: #74787C;
        padding: 0 45px 0 26px;
        border: unset;
    }

    .singleForm textarea {
        resize: none;
        height: 180px;
        margin-bottom: 30px;
        line-height: 19px;
        padding: 22px 45px 0 26px;
    }

    .singleForm i {
        position: absolute;
        right: 25px;
        top: 22px;
        font-size: 16px;
        color: #74787C;
    }

    .singleForm.inputUrl i {
        font-size: 15px;
    }

    .singleForm.inputEmail i {
        font-size: 16px;
    }

.getFormWrap .logicBtn {
    height: 55px;
    line-height: 57px;
    padding: 0 38px;
}

.con_message {
    display: none;
    border-radius: 5px;
    margin: 12px 0 0;
    font-size: 16px;
    padding-left: 24px;
    padding-right: 24px;
}

form#contact_form input.reqError:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), form#contact_form textarea.reqError {
    border-color: var(--tw-primary-color);
}


/*-- Map Section --*/
.mapSection {
    position: relative;
}

    .mapSection iframe {
        max-width: 100%;
        width: 100%;
        height: 544px;
        display: block;
    }

.blackAndWhite iframe {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

/*-----------------------------------------
/  22. Preloader
/-----------------------------------------*/
.preloader {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #181818;
}

.spinner-eff {
    width: 76px;
    height: 76px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 2;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    overflow: hidden;
}

.cus_logoPreloader {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cus_logoPreloader img {
        min-height: 48px;
        animation: fadeinout 4s infinite;
    }

.fadeinout {
    animation: fadeinout 4s infinite;
}

@keyframes fadeinout {
    0% {
        opacity: .4;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .4;
    }
}

.spinner-eff:before, .spinner-eff:after {
    content: "";
    display: block;
}

.spinner-eff .spinner-bar:before, .spinner-eff .spinner-bar:after {
    content: "";
    display: block;
}

.productPagination.projectPagination {
    margin: 40px 0 30px;
}

.SldierVideoPupup .popup_video {
    position: absolute;
    bottom: 15px;
    right: 471px;
}

/* spinner-1 styles */
@-webkit-keyframes rotation-top {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    20% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}

@keyframes rotation-top {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    20% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}

@-webkit-keyframes rotation-right {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    40% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}

@keyframes rotation-right {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    40% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}

@-webkit-keyframes rotation-bottom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    40% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    60% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}

@keyframes rotation-bottom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    40% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    60% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}

@-webkit-keyframes rotation-left {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}

@keyframes rotation-left {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }

    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}

.spinner-eff.spinner-eff-1 .bar {
    width: 0;
    height: 0;
    border: 38px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.5;
    z-index: -2;
}

.spinner-eff.spinner-eff-1 .bar-top {
    border-top: 38px solid var(--tw-primary-color);
    -webkit-animation: rotation-top 3.8s linear 0s infinite;
    animation: rotation-top 3.8s linear 0s infinite;
}

.spinner-eff.spinner-eff-1 .bar-right {
    border-right: 38px solid var(--tw-primary-color);
    -webkit-animation: rotation-right 3.8s linear 0s infinite;
    animation: rotation-right 3.8s linear 0s infinite;
}

.spinner-eff.spinner-eff-1 .bar-bottom {
    border-bottom: 38px solid var(--tw-primary-color);
    -webkit-animation: rotation-bottom 3.8s linear 0s infinite;
    animation: rotation-bottom 3.8s linear 0s infinite;
}

.spinner-eff.spinner-eff-1 .bar-left {
    border-left: 38px solid var(--tw-primary-color);
    -webkit-animation: rotation-left 3.8s linear 0s infinite;
    animation: rotation-left 3.8s linear 0s infinite;
}

/* --  Blog Grid Right Sidebar -- */
.blogPageSec01.blogGrid01Right .productPagination {
    margin-top: 20px;
}
/* --  Blog Grid Left Sidebar -- */
.blogPageSec01.blogGrid01Left .blogPageWrap {
    padding-right: 0;
}

.blogPageSec01.blogGrid01Left .productPagination {
    margin-top: 20px;
}
/* -- Blog Grid No Sidebar -- */
.blogGrid01Full {
    padding: 120px 0 120px;
}

    .blogGrid01Full .blogItem01 {
        margin-bottom: 50px;
    }

    .blogGrid01Full .blogPageWrap {
        padding-right: 0;
    }

    .blogGrid01Full .productPagination {
        margin-top: 20px;
        text-align: center;
    }

.blogGrid01Right .blogPageWrap {
    padding-right: 0;
}

.blogGrid01Left .blogItem02 .bpContent02 h3,
.blogGrid01Right .blogItem02 .bpContent02 h3,
.blogGrid01Full .blogItem02 .bpContent02 h3 {
    font-size: 20px;
    line-height: 30px;
}

.blogPageSec02.blogPageSecnoGap .blogPageWrap {
    padding-left: 0;
}

.servicePageSec02 .singleService {
    margin-bottom: 24px;
}

.servicePageDetails02 .col-lg-4 {
    width: 30.5%;
}

.servicePageDetails02 .col-lg-8 {
    width: 69.5%;
}

.servicePageSec03 .faciltItem {
    margin-bottom: 87px;
}

.servicePageDetails02 .serviceDetailsWrap {
    position: relative;
    padding-right: 35px;
    padding-left: 0;
}

.servicePageDetails03 .serviceDetailsWrap {
    position: relative;
    padding-right: 0;
    padding-left: 0;
}

.projectPageDetails02 .serviceDetailsWrap {
    padding-right: 35px;
    padding-left: 0;
}

.teamArchivePage {
    position: relative;
    padding: 120px 0 80px;
}

    .teamArchivePage .singleTeam,
    .teamArchivePage .teamItem03 {
        margin-bottom: 40px;
    }

.teamPageSec03 {
    position: relative;
    padding: 96px 0 76px;
}

    .teamPageSec03 .teamItem02 {
        margin-bottom: 40px;
    }

        .teamPageSec03 .teamItem02 img {
            max-width: 183px;
            width: 100%;
            height: auto;
            border-radius: 50%;
            margin: 24px auto;
        }

.projectPageDetails {
    padding: 120px 0 84px;
}

    .projectPageDetails .pageNavigationSec01 {
        display: none;
    }

/*-- Back To Top --*/
#backtotop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 45px;
    height: 45px;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    z-index: 9999;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: waveBtn 2s infinite;
    animation: waveBtn 2s infinite;
}

    #backtotop.activate {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    #backtotop i {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
    }

    #backtotop:hover {
        background: var(--tw-secondary-color);
        color: var(--tw-primary-color);
    }

@-webkit-keyframes waveBtn {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.6);
    }

    50% {
        box-shadow: 0 0 0 40px transparent;
    }

    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}

@keyframes waveBtn {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.6);
    }

    50% {
        box-shadow: 0 0 0 40px transparent;
    }

    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}


/*-----------------------------------------
/        * WP Modification css  *
/-----------------------------------------*/
.logis_holder.elementor-align-left .iconBox01,
.logis_holder.elementor-align-left .iconBox04,
.logis_holder.elementor-align-left .serviceItem02,
.logis_holder.elementor-align-left .abIconBox,
.logis_holder.elementor-align-left .abIconBox04,
.logis_holder.elementor-align-left .iconBox08,
.logis_callInfo.elementor-align-left .single.abIconBox {
    text-align: left;
}

.logis_holder.elementor-align-center .iconBox01,
.logis_holder.elementor-align-center .iconBox08,
.logis_holder.elementor-align-center .serviceItem02 {
    text-align: center;
}

.logis_holder.elementor-align-right .iconBox01,
.logis_holder.elementor-align-right .iconBox04,
.logis_holder.elementor-align-right .abIconBox,
.logis_holder.elementor-align-right .abIconBox04,
.logis_holder.elementor-align-right .serviceItem02,
.logis_holder.elementor-align-right .iconBox08,
.logis_callInfo.elementor-align-right .single.abIconBox {
    text-align: right;
}

.logis_callInfo.elementor-align-center .single.abIconBox,
.logis_holder.elementor-align-center .iconBox03,
.logis_holder.elementor-align-center .abIconBox,
.logis_holder.elementor-align-center .abIconBox04,
.logis_holder.elementor-align-center .iconBox04 {
    text-align: left;
}

.logis_callInfo.elementor-align-right .single.abIconBox span,
.logis_holder.elementor-align-right .abIconBox span,
.logis_holder.elementor-align-right .iconBox03 span {
    left: auto;
    right: 0;
}

.logis_holder.elementor-align-left .iconBox08 span {
    margin-left: 0;
    margin-right: auto;
}

.logis_holder.elementor-align-right .iconBox08 span {
    margin-left: auto;
    margin-right: 0;
}

.logis_holder.elementor-align-right .abIconBox04 span {
    left: auto;
    right: 40px;
}

.logis_holder.elementor-align-right .iconBox04 span {
    left: auto;
    right: 48px;
}

.logis_holder.elementor-align-right .iconBox03 {
    padding: 9px 100px 7px 0;
}

.logis_callInfo.elementor-align-right .single.abIconBox {
    padding: 6px 77px 0 0;
}

.logis_holder.elementor-align-right .iconBox04 {
    padding: 26px 113px 8px 0;
}

.logis_holder.elementor-align-right .abIconBox {
    padding: 6px 77px 0 0;
}

.logis_holder.elementor-align-right .abIconBox04 {
    padding: 30px 107px 30px 40px;
}

.logis_holder.elementor-align-right .iconBox03 span:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.iconBox04 span {
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}

    .iconBox01 svg,
    .iconBox02 span svg,
    .iconBox03 span svg,
    .iconBox04 span svg,
    .iconBox05 span svg,
    .iconBox06 span svg,
    .iconBox07 span svg,
    .iconBox08 span svg {
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
    }

.logicList_item {
    position: relative;
}

    .logicList_item.icon-static > * {
        position: static;
    }

    .logicList_item.icon-relative > * {
        position: relative;
    }

    .logicList_item.icon-absolute > * {
        position: absolute;
    }

    .logicList_item.icon-static > svg,
    .logicList_item.icon-relative > svg,
    .logicList_item.icon-absolute > svg {
        width: 16px;
        height: 16px;
        fill: var(--tw-secondary-color);
        stroke: var(--tw-secondary-color);
        stroke-width: 0.5px;
    }

.logis_box_align-left .iconBox04 {
    margin-right: auto;
    margin-left: 0;
}

.logis_box_align-center .iconBox04 {
    margin-left: auto;
    margin-right: auto;
}

.logis_box_align-right .iconBox04 {
    margin-left: auto;
    margin-right: 0;
}

/* acordion  */
.logisfareAcordion .accordion-button {
    position: relative;
    background: var(--tw-white-color);
    box-shadow: 0px 19px 36px rgba(130, 100, 90, 0.05);
    color: var(--tw-secondary-color);
    font-family: var(--secondary-font);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    width: 100%;
    height: 55px;
    line-height: 57px;
    padding: 0 33.9px;
    border: none;
    z-index: 1;
    border-radius: 10px;
    transition: all 350ms ease;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
}

    .logisfareAcordion .accordion-button:hover, .logisfareAcordion .accordion-button:not(.collapsed) {
        background: var(--tw-primary-color);
    }

    .logisfareAcordion .accordion-button:not(.collapsed) {
        color: var(--tw-white-color);
    }

        .logisfareAcordion .accordion-button:not(.collapsed):after {
            color: var(--tw-white-color);
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

    .logisfareAcordion .accordion-button:not(.collapsed) {
        border-radius: 10px;
    }

.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:first-of-type .accordion-button.collapsed {
    border-radius: 10px;
}

.logisfareAcordion .accordion-item:not(:last-of-type) {
    margin-bottom: 20px;
}

.logisfareAcordion .accordion-item .accordion-body h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 24px;
}

.logisfareAcordion .accordion-body {
    padding: 44px 25px 5px;
}

.logisfareAcordion .accordion-button:after {
    position: absolute;
    top: 0;
    right: 16px;
    content: "\e9b9";
    font-family: 'Themewar' !important;
    font-size: 12px;
    color: var(--tw-secondary-color);
    font-weight: 600;
    transition: all 350ms ease;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
}

.priceTb_footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.priceList-align-left .priceList02 ul,
.priceList-align-left .priceList {
    text-align: left;
}

.priceList-align-center .priceList02 ul,
.priceList-align-center .priceList {
    text-align: center;
}

.priceList-align-right .priceList02 ul,
.priceList-align-right .priceList {
    text-align: right;
}

.priceTb_btn-align-left .priceTb_footer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.priceTb_btn-align-center .priceTb_footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.priceTb_btn-align-right .priceTb_footer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.pricArea-align-left .priceBox {
    left: auto;
}

.pricArea-align-center .priceBox {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pricArea-align-right .priceBox {
    left: unset;
    right: auto;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.singlePrice .priceTb_footer {
    padding: 0 30px;
}

.priceCircle span i {
    font-size: 32px;
    position: relative;
    top: 1px;
}

.pricArea-align-left .priceCircle {
    margin-left: 0;
    margin-right: 0;
    left: 30px;
    right: auto;
}

.pricArea-align-center .priceCircle {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.pricArea-align-right .priceCircle {
    margin-left: 0;
    margin-right: 0;
    right: 30px;
    left: auto;
}

.clientSlider.owl-carousel .owl-nav button {
    border: 0;
    outline: 0;
    background: rgba(255,255,255,0.9);
    position: relative;
    width: 40px;
    height: 35px;
    margin: 0 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 0px 10px 20px rgba(24, 16, 16, 0.06);
    color: var(--tw-white-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    overflow: hidden;
    z-index: 1;
}

.clientSlider .owl-nav button i {
    font-size: 16px;
    font-weight: 400;
    color: var(--tw-secondary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.clientSlider .owl-nav button:after {
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    background: var(--tw-primary-color);
    border-radius: 8px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}

.clientSlider .owl-nav button:hover:after {
    right: auto;
    left: 0;
    width: 100%;
}

.clientSlider .owl-nav button:hover i {
    color: var(--tw-white-color);
}

.clientSlider .owl-nav {
    text-align: center;
    margin: 36px 0 0;
}

.clientSlider .owl-dots button {
    width: 25px;
    height: 25px;
    border: 2px solid transparent;
    margin: 5px;
    border-radius: 50%;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 4px;
}

.clientSlider .owl-dots {
    margin: 36px 0 0;
    text-align: center;
}

    .clientSlider .owl-dots button.active {
        border-color: var(--tw-primary-color);
    }

    .clientSlider .owl-dots button span {
        width: 8px;
        height: 8px;
        background: #CFCFCF;
        border-radius: 50%;
        position: relative;
    }

    .clientSlider .owl-dots button.active span {
        background: var(--tw-primary-color);
    }

.cleintLogo {
    display: block;
    text-align: center;
}

    .cleintLogo img {
        max-width: 148px;
    }

.clientLogoGrid .cleintLogo {
    width: 100%;
    height: auto;
    padding: 50px 30px;
    background: #f8f8f8;
    box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

    .clientLogoGrid .cleintLogo img {
        min-height: 64px;
    }

.testiTopBg {
    padding: 0 0 53px;
}

.logisfarePagination {
    position: relative;
    padding: 63px 0 0;
}

    .logisfarePagination span, .logisfarePagination a {
        width: 50px;
        height: 50px;
        margin-left: 0;
        margin-right: 11px;
        background: var(--tw-white-color);
        color: var(--tw-secondary-color);
        font-size: 18px;
        font-weight: 600;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.02);
        justify-content: center;
    }

        .logisfarePagination span.current, .logisfarePagination a.current {
            background: var(--tw-primary-color);
            color: var(--tw-white-color);
        }

        .logisfarePagination span:hover, .logisfarePagination a:hover {
            background: var(--tw-primary-color);
            color: var(--tw-white-color);
        }

        .logisfarePagination span i, .logisfarePagination a i {
            font-size: 16px;
        }

.faciltItem {
    margin-top: 58px;
}

.serviceSliderWrapp {
    padding: 33px 32px;
    margin: -33px -32px;
    overflow: hidden;
}

    .serviceSliderWrapp .owl-stage-outer {
        overflow: visible;
    }

    .serviceSliderWrapp .owl-item {
        opacity: 0;
    }

        .serviceSliderWrapp .owl-item.active {
            opacity: 1;
            -webkit-transition: opacity 300ms;
            transition: opacity 300ms;
        }

    .serviceSliderWrapp.owl-carousel .owl-stage-outer .owl-item.active {
        opacity: 1;
        pointer-events: auto;
        cursor: pointer;
        visibility: visible;
    }

    .serviceSliderWrapp.owl-carousel .owl-stage-outer .owl-stage {
        cursor: none;
        pointer-events: none;
    }

.faciltItem > span > img {
    width: auto;
    height: 38px;
}

.serviceCarousel02 .owl-nav {
    display: none;
}

.serviceCarousel02 .owl-dots {
    display: none;
}


/* owl dots global style */
.teamCarousel .owl-dots, .folioSlider01 .owl-dots, .serviceCarousel .owl-dots {
    position: relative;
    margin: 36px 0 0;
}

.folioPagePagination a,
.folioPagePagination span {
    background: #F8F8F8;
}

.postShare-left .postSocialShare {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.postShare-center .postSocialShare {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.postShare-right .postSocialShare {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.biMeta01.singlePostMeta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    row-gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .biMeta01.singlePostMeta span {
        margin: 0;
    }

    .biMeta01.singlePostMeta > * {
        color: var(--tw-body-color);
        font-weight: 500;
        font-family: var(--primary-font);
    }

    .biMeta01.singlePostMeta .post_cat span {
        display: inline-block;
        width: 15px;
        height: 1px;
        background: var(--tw-body-color);
        margin: 3px;
    }

    .biMeta01.singlePostMeta a {
        text-transform: capitalize;
    }

.logisfarePagination.comentPaginations {
    padding: 0;
}

    .logisfarePagination.comentPaginations > * {
        margin-bottom: 55px;
    }

.logisfarePagination span,
.logisfarePagination a {
    background: #F5F5F5;
}

.sidebarSocial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 10px;
}

.postSocialShare .social-icon-link {
    background: transparent;
    width: auto;
    height: auto;
}

    .postSocialShare .social-icon-link:hover {
        background: transparent;
    }

.social-icon-link {
    width: 45px;
    height: 45px;
    background: #1877f2;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
}

    .social-icon-link:hover {
        background: var(--tw-secondary-color);
        color: var(--tw-white-color);
    }

.blogListView {
    position: relative;
    padding: 0 35.99px 0 0;
}

    .blogListView.blogLSB {
        padding: 0 0 0 35.99px;
    }

    .blogListView.blogNSB {
        padding: 0;
    }

.blogGridView .bpContent02 h3 {
    font-size: 20px;
    line-height: 30px;
}

.blogGridView .bpContent02 {
    padding: 0 40px 40px;
}

    .blogGridView .bpContent02 .btnLink i {
        top: 2px;
    }

.blogGridView .blogItem03 h3 {
    line-height: 32px;
    margin: 0 0 7px;
}

.blogGridView .blogItem03 .biMeta03 {
    margin-bottom: 18px;
}

/*------- default blog details modification  -------*/
.blogDetailsPgSec {
    padding: 120px 0 120px;
    background: var(--tw-white-color);
}

.blogPageWrap .blDetThumb01 img {
    margin-bottom: 35px;
}

.blogPageWrap .blogPostStatic p {
    margin: 0px 13px 27px 0;
}

    .blogPageWrap .blogPostStatic p img {
        margin-bottom: 40px;
    }

.blogPageWrap .postTags {
    margin: 42px 0px 70px;
}

/*------- Folio Archive modification  -------*/
.folioArchivePage {
    padding: 120px 0 90px;
}

.folioArcPagePagi .logisfarePagination {
    padding: 41px 0 0;
}

.teamPagePagi .logisfarePagination {
    padding: 31px 0 0;
}

.servicePagePagination .logisfarePagination {
    padding: 47px 0 0;
}

.servicePagePagination span,
.servicePagePagination a,
.folioArcPagePagi .logisfarePagination span,
.teamPagePagi .logisfarePagination span,
.folioArcPagePagi .logisfarePagination a,
.teamPagePagi .logisfarePagination a {
    width: 55px;
    height: 55px;
    margin-right: 12px;
}

.servicePagePagination span,
.servicePagePagination a {
    background: var(--tw-white-color);
}

.folioArcPagePagi .logisfarePagination *:last-child
.teamPagePagi .logisfarePagination *:last-child {
    margin-right: 0px;
}

.team_designation span {
    position: relative;
    font-weight: 400;
    font-family: var(--primary-font);
    color: var(--tw-primary-color);
    font-size: 16px;
    line-height: 19px;
    display: inline-block;
}
/*========== srvice archive page  ==========*/
.serviceArchivePage {
    padding: 120px 0 96px;
    background: #F7F7F7;
}

    .serviceArchivePage .singleService,
    .serviceArchivePage .faciltItem {
        margin-bottom: 24px;
    }

.serviceContent .btnLink i {
    font-size: 16px;
    top: 3px;
}


/*============= footer modification  =============*/
.footerWidget {
    background: transparent;
    padding: 0;
    margin: 0;
    position: relative;
}

    .footerWidget .widgetTitle {
        font-size: 24px;
        line-height: 1;
        color: var(--tw-white-color);
        position: relative;
        margin: 0 0 49px;
    }

        .footerWidget .widgetTitle:after {
            content: '';
            position: absolute;
            background: url(../../img/shape_divider.png)no-repeat;
            background-size: 100% 100%;
            width: 61px;
            height: 2px;
            color: var(--tw-primary-color);
            bottom: -21px;
            left: 0;
        }

    .footerWidget .footer_logo a {
        display: inline-block;
        max-width: 250px;
        width: 100%;
        margin: 0 0 38px;
        padding: 0;
    }

.widgetDetails p {
    color: #838790;
    padding: 0 55px 22px 0
}

.footerabout h4 {
    font-size: 18px;
    color: var(--tw-white-color);
    line-height: 24px;
    margin-bottom: 22px;
}

.footerabout p {
    color: #838790;
    padding: 0 55px 0 0;
    margin: 0 0 16px;
}

.footerSocial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 10px;
}

.fSocial_align.elementor-align-left .footerSocial {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.fSocial_align.elementor-align-center .footerSocial {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fSocial_align.elementor-align-right .footerSocial {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.footerSocial a {
    margin: 0;
}

.aboutFooterNav {
    position: relative;
}

    .aboutFooterNav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .aboutFooterNav ul li {
            position: relative;
            margin-bottom: 14px;
        }

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

            .aboutFooterNav ul li a {
                position: relative;
                display: inline-block;
                color: #838790;
                font-size: 16px;
                line-height: 24px;
                transition: 0.3s all ease-in-out;
                -webkit-transition: 0.3s all ease-in-out;
                -moz-transition: 0.3s all ease-in-out;
            }

                .aboutFooterNav ul li a:before {
                    position: relative;
                    content: '\e904';
                    font-family: 'LogisFare' !important;
                    font-size: 14px;
                    color: inherit;
                    margin: 0 15px 0 0;
                    transition: 0.3s all ease-in-out;
                    -webkit-transition: 0.3s all ease-in-out;
                    -moz-transition: 0.3s all ease-in-out;
                }

                .aboutFooterNav ul li a:hover {
                    color: var(--tw-primary-color);
                }

                    .aboutFooterNav ul li a:hover:before {
                        margin-right: 11px;
                    }

    .aboutFooterNav.inlineMenu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 33px;
        -moz-column-gap: 33px;
        column-gap: 33px;
        row-gap: 12px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .aboutFooterNav.inlineMenu ul li {
            margin-bottom: 0px;
        }

            .aboutFooterNav.inlineMenu ul li a:before {
                content: '';
                display: none;
                visibility: hidden;
                font: 0;
            }

.menu_nav.elementor-align-left .inlineMenu ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.menu_nav.elementor-align-center .inlineMenu ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.menu_nav.elementor-align-right .inlineMenu ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.fContact_info {
    position: relative;
    padding: 26px 0 10px 113px;
    border: 1px solid #26282F;
}

    .fContact_info span {
        position: absolute;
        left: 48px;
        top: 23px;
        font-size: 16px;
        color: var(--tw-white-color);
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #2B2B2B;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .fContact_info p {
        font-size: 14px;
        font-weight: 500;
        color: #838790;
        line-height: 17px;
        margin: 0 0 7px;
    }

    .fContact_info h3 {
        font-size: 20px;
        line-height: 1;
        color: var(--tw-white-color);
    }

        .fContact_info h3 a {
            color: inherit;
            display: inline-block;
        }

            .fContact_info h3 a:hover {
                color: var(--tw-primary-color);
            }

    .fContact_info > span svg {
        width: auto;
        height: 16px;
    }

.anCart {
    position: relative;
}

.cartWidgetArea {
    position: absolute;
    display: block;
    top: calc(100% + 23px);
    right: -30px;
    width: 300px;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 50px 0 rgba(29, 35, 58, .08);
    padding: 30px 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    border-radius: 10px;
    -webkit-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}

div.anCart:hover .cartWidgetArea {
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
}

div.anCart .cartWidgetProduct img {
    width: 60px;
    height: 70px;
    position: absolute;
    border-radius: 3px;
    left: 0;
    top: 0;
}

.cartWidgetProduct a {
    font-family: var(--secondary-font);
    display: block;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    bottom: auto;
    color: var(--tw-secondary-color);
    margin: 0 0 6px;
    top: -2px;
    font-weight: 700;
}

.cartWidgetProduct .cartProductPrice {
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 700;
    color: var(--tw-primary-color);
    line-height: 1;
}

.cartWidgetProduct {
    position: relative;
    min-height: 60px;
    text-align: left;
    padding-left: 74px;
    margin-bottom: 25px;
    padding-right: 15px;
}

.totalPrice {
    font-family: var(--secondary-font);
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    color: var(--tw-primary-color);
    text-align: left;
    font-weight: 500;
    width: 100%;
    text-transform: capitalize;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #EFEFEF;
}

.cartWidgetBTN {
    position: relative;
    text-align: left;
}

    .cartWidgetBTN a {
        font-family: var(--secondary-font);
        display: inline-block;
        position: relative;
        height: 35px;
        min-width: 10px;
        background: var(--tw-white-color);
        border-radius: 35px;
        font-size: 12px;
        line-height: 36px;
        color: var(--tw-white-color);
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
        overflow: hidden;
        border: none;
        float: left;
        padding: 0 20px;
    }

.popup_logo {
    padding: 50px 0 0;
}

    .popup_logo img,
    .elementor .popup_logo img {
        max-width: 183px;
        height: auto;
    }

a#search_Closer {
    font-size: 20px;
    color: var(--tw-white-color);
    text-align: right;
    float: right;
    border: 2px solid var(--tw-white-color);
    padding: 10px;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 45px;
}

    a#search_Closer:hover {
        border-color: var(--tw-primary-color);
        color: var(--tw-primary-color);
    }

.themewar_bars {
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
}


/* Shop page Wp Modification */
.shopPageSection {
    position: relative;
    padding: 120px 0 120px;
}

.productCount p strong {
    font-weight: 400;
}

.shopAccessRow {
    margin-bottom: 40px;
}

.pi01Price {
    font-family: var(--primary-font);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 1;
}

    .pi01Price del {
        font-size: 14px;
        color: #161921;
        position: relative;
        text-decoration: none;
        padding: 0 6px;
        line-height: 1;
        margin: 0 0 0 8px;
        font-weight: 600;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        opacity: 0.5;
    }

        .pi01Price del:after {
            content: '';
            position: absolute;
            left: 0;
            top: 6px;
            width: 100%;
            height: 1px;
            background: #161921;
            margin: 0;
            opacity: 0.5;
        }

.pi01Actions {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 25;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.productSinList01 .pi01Actions {
    position: relative;
    top: unset;
    left: unset;
    -webkit-transform: unset;
    transform: unset;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.woocommerce .pi01Actions .added_to_cart,
.woocommerce .pi01Actions .pi01ACart,
.woocommerce .pi01Actions .add_to_cart_button,
.woocommerce .pi01Actions .variableAddToCart {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--primary-font);
    text-transform: uppercase;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    padding: 0 24.04px;
    height: 45px;
    line-height: 45px;
    position: relative;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    border-radius: 0 !important;
    overflow: hidden;
}

.woocommerce .productSinList01 .pi01Actions .added_to_cart,
.woocommerce .productSinList01 .pi01Actions .pi01ACart,
.woocommerce .productSinList01 .pi01Actions .add_to_cart_button {
    visibility: visible;
    opacity: 1;
}

.woocommerce .productItem01:hover .pi01Thumb .added_to_cart,
.woocommerce .productItem01:hover .pi01Thumb .pi01ACart,
.woocommerce .productItem01:hover .pi01Thumb .add_to_cart_button,
.woocommerce .productItem01:hover .pi01Thumb .variableAddToCart {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.pi01Actions a.variableAddToCart.disabled {
    opacity: .8 !important;
    cursor: not-allowed;
}

.woocommerce .pi01Actions .added_to_cart:hover,
.woocommerce .pi01Actions .pi01ACart:hover,
.woocommerce .pi01Actions .add_to_cart_button:hover,
.woocommerce .pi01Actions .variableAddToCart:hover {
    background: var(--tw-white-color);
    color: var(--tw-secondary-color);
}

.woocommerce .productSinList01 .pi01Actions .added_to_cart:hover,
.woocommerce .productSinList01 .pi01Actions .pi01ACart:hover,
.woocommerce .productSinList01 .pi01Actions .add_to_cart_button:hover {
    color: var(--tw-white-color);
    background: var(--tw-secondary-color);
}

.pi01Actions span.cartTextLabel {
    display: inline-block;
    color: inherit;
}

.pi01Actions .added_to_cart:before,
.pi01Actions .pi01ACart:before,
.pi01Actions .add_to_cart_button:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -100%;
    width: 50px;
    height: 100%;
    background: url(../../img/teamSahp1.png)no-repeat scroll center center / cover;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}

.pi01Actions .added_to_cart:not(.loading):after,
.pi01Actions .pi01ACart:not(.loading):after,
.pi01Actions .ajax_add_to_cart:not(.loading):after {
    content: '';
    position: absolute;
    left: -50px;
    bottom: 0;
    width: 50px;
    height: 100%;
    background: url(../../img/ibSecLeft.png)no-repeat scroll center center / cover;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

.pi01Actions .added_to_cart:hover:before,
.pi01Actions .pi01ACart:hover:before,
.pi01Actions .add_to_cart_button:hover:before {
    bottom: 0;
}

.pi01Actions .added_to_cart:not(.loading):hover:after,
.pi01Actions .pi01ACart:not(.loading):hover:after,
.pi01Actions .add_to_cart_button:not(.loading):hover:after {
    left: 0;
}

.pi01Actions .added_to_cart i,
.pi01Actions .pi01ACart i,
.pi01Actions .add_to_cart_button i {
    display: none;
}

.woocommerce .pi01Actions .add_to_cart_button.added {
    display: none;
}

.woocommerce .uiuxomProductWrapper a.variableAddToCart.loading:after, .woocommerce .uiuxomProductWrapper a.button.loading:after {
    content: '\e805';
    font-family: 'lightcase';
    position: absolute;
    background-image: unset;
    width: auto;
    height: 55%;
    left: 43%;
    right: auto;
    top: 10px;
    right: auto;
    font-weight: 900;
    font-size: 18px;
    text-shadow: 0 0 10px rgb(0 0 0 / 30%);
    -moz-transform-origin: 50% 53%;
    -webkit-animation: lightcase-spin 0.5s infinite linear;
    animation: lightcase-spin 0.5s infinite linear;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.woocommerce .productItem01:hover .pi01Thumb .add_to_cart_button.loading,
.woocommerce .productSinList01 .pi01Actions .add_to_cart_button.loading {
    padding-right: 24.04px;
}

.productSinList01 .pi01Details .pi01Price {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 22px;
}

.productSinList01 .pi01Details .pi01Desc {
    margin: 0 0 30px;
}

/*-- Shop Sidebar --*/
.shopSidebar {
    position: relative;
    margin: 0px 0 61px;
}

.widget.woocommerce {
    position: relative;
    background: #F5F5F5;
    padding: 35px 35px 35px;
    display: block;
    margin: 0 0 30px;
}

.shopSidebar .widgetTitle {
    font-size: 24px;
    line-height: .6;
    margin: 0 0 29px;
}

.widget_product_search form {
    position: relative;
}

.widget_product_search input[type="search"] {
    width: 100%;
    border: 0;
    outline: 0;
    background: var(--tw-white-color);
    padding: 0 60px 0 24px;
    font-size: 16px;
    font-weight: 400;
    color: #878D97;
    width: 100%;
    height: 55px;
    line-height: 55px;
}

.widget_product_search button[type="submit"] {
    border: 0;
    outline: 0;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    position: absolute;
    right: 0;
    font-size: 0px;
    top: 0;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
}

    .widget_product_search button[type="submit"]:after {
        position: relative;
        content: "\e95f";
        font-family: 'logisFare' !important;
        font-size: 16px;
        font-weight: 900;
        color: var(--tw-white-color);
    }

.widget_product_categories {
    position: relative;
}

.product-categories {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .product-categories li {
        margin: 0 0 15px;
        position: relative;
    }

        .product-categories li:last-child {
            margin-bottom: 0px;
        }

        .product-categories li a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%;
            height: auto;
            padding: 17px 25px;
            background: var(--tw-white-color);
            color: var(--tw-white-color);
            font-weight: 500;
            font-family: var(--primary-font);
            line-height: 1;
            color: #74787C;
        }

            .product-categories li.current-cat a,
            .product-categories li a:hover {
                background: var(--tw-primary-color);
                color: var(--tw-white-color);
            }

            .product-categories li a:after {
                position: relative;
                content: "\e95d";
                font-family: 'LogisFare' !important;
                font-size: 14px;
                color: var(--tw-primary-color);
            }

            .product-categories li.current-cat a:after,
            .product-categories li a:hover:after {
                color: var(--tw-white-color);
            }

.widgetProduct {
    position: relative;
    padding: 3px 0 5px 90px;
    min-height: 70px;
    margin: 0 0 20px;
}

    .widgetProduct img {
        width: 70px;
        height: 70px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .widgetProduct h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 1;
        margin: 0 0 0px;
    }

        .widgetProduct h3 a {
            color: inherit;
            display: inline-block;
        }

        .widgetProduct h3:hover {
            color: var(--tw-primary-color);
        }

.shopWidget.pdFilter {
    padding-bottom: 21px;
}

.priceFilterSlider {
    position: relative;
    top: -5px;
}

#sliderRange {
    position: relative;
    width: 100%;
    display: block;
    height: 3px;
    background: #E0E0E0;
    border-radius: 0;
    margin: 0 0 19px;
}

    #sliderRange .ui-slider-range {
        background: var(--tw-primary-color);
        position: absolute;
        height: 100%;
        border-radius: 0;
        padding: 0;
    }

    #sliderRange .ui-slider-handle {
        width: 9px;
        height: 9px;
        position: absolute;
        border-radius: 50%;
        background: var(--tw-primary-color);
        top: -3px;
        cursor: pointer;
    }

    #sliderRange .ui-state-default.ui-state-focus {
        outline: 0;
    }

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

    .pfsWrap span {
        font-weight: 700;
        color: var(--tw-secondary-color);
    }

    .pfsWrap .priceReset {
        position: relative;
        font-size: 14px;
        font-weight: 700;
        color: var(--tw-primary-color);
        text-transform: uppercase;
        border: none;
        outline: none;
        background: transparent;
        padding: 0;
    }

.pdRatWidget .widgetProduct {
    margin-bottom: 25px;
}

    .pdRatWidget .widgetProduct:last-child {
        margin-bottom: 0;
    }

.pdRatWidget .widgetTitle {
    margin: 0 0 33px;
}

.pdRatWidget .widgetProduct ins {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: var(--tw-primary-color);
    line-height: 1;
    margin: 0 0;
    text-decoration: none;
}

.widgetProduct .pdRating {
    line-height: 1;
    letter-spacing: -1px;
    font-size: 11px;
    margin: 2px 0 0;
    color: var(--tw-primary-color);
}

    .widgetProduct .pdRating i {
        margin: 0;
    }

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    position: relative;
    width: 100%;
    display: block;
    height: 3px;
    background: #E0E0E0;
    border-radius: 0;
    margin: 0 0 13px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: var(--tw-primary-color);
    position: absolute;
    height: 100%;
    border-radius: 0;
    padding: 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    width: 9px;
    height: 9px;
    position: absolute;
    border-radius: 50%;
    background: var(--tw-primary-color);
    top: -3px;
    cursor: pointer;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    display: none;
}

.woocommerce .widget_price_filter .price_slider_amount {
    margin: 0;
    float: none;
    font-size: 16px;
    text-align: left;
    font-weight: 700;
    color: var(--tw-secondary-color);
}

.woocommerce .woocommerce-variation-price {
    margin: -6px 0 15px;
}

    .woocommerce .woocommerce-variation-price .amount {
        font-size: 18px;
        font-weight: 700;
        font-family: var(--primary-font);
        color: var(--tw-primary-color);
    }

.shopSidebar .widget_price_filter .widgetTitle {
    margin: 0 0 24px;
}

.shopSidebar .widget_price_filter {
    padding: 35px 35px 19px;
}

/* product List  */
.shopSidebar .widget_products .widgetTitle {
    margin: 0 0 34px;
}

.pwItems {
    position: relative;
    padding: 0 0px 0 90px;
    min-height: 70px;
    margin: 0 0 20px;
}

.woocommerce ul.product_list_widget li {
    margin: 0;
    padding: 0;
}

    .woocommerce ul.product_list_widget li:last-child > .pwItems {
        margin-bottom: 0px;
    }

    .woocommerce ul.product_list_widget li .pwItemsThumb {
        width: 70px;
        height: 70px;
        position: absolute;
        left: 0;
        top: 0;
        padding: 8px;
        border-radius: 0;
        margin: 0;
        background: var(--tw-white-color);
        float: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .woocommerce ul.product_list_widget li img {
        margin: 0;
        padding: 0;
        max-width: 100%;
        width: auto;
        max-height: 60px;
        height: auto;
    }

.pwItems h3 {
    font-size: 20px;
    line-height: 1;
    color: var(--tw-secondary-color);
    margin: 0 0 10px;
    position: relative;
    font-weight: 600;
}

    .pwItems h3 a {
        color: inherit;
        font-weight: inherit;
        font-size: inherit;
    }

        .pwItems h3 a:hover {
            color: var(--tw-primary-color);
        }

.pwItems .pi01Price {
    font-size: 16px;
    line-height: 1;
    margin: 0;
    font-weight: 600;
    color: var(--tw-primary-color);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.woocommerce ul.product_list_widget li .productRatingWrap {
    margin: 0 0 9px;
}

    .woocommerce ul.product_list_widget li .productRatingWrap .star-rating {
        line-height: 12px;
        font-size: 12px;
        letter-spacing: 3px;
        width: 78.05px;
    }

.woocommerce .star-rating:before {
    color: #F9B317;
}

.woocommerce .star-rating span:before {
    color: #F9B317;
}

.text-start .shopPagination {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.text-end .shopPagination {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.text-center .shopPagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* wp modification Product page  */
.productDescContentArea {
    padding: 33px 0 0;
}

.productCartSec .col-lg-5 {
    width: 43.73%;
}

.productCartSec .col-lg-7 {
    width: 56.27%;
}

.pgImage {
    width: 100%;
    min-height: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F5F5F5;
    position: relative;
}

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

    .pgImage a {
        position: absolute;
        width: 55px;
        height: 55px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: var(--tw-secondary-color);
        border-radius: 50%;
        font-size: 18px;
        font-weight: 900;
        color: var(--tw-white-color);
        margin-top: 100px;
        -webkit-transition: all 0.3s cubic-bezier(0.66, 0.63, 0.58, 0.37);
        transition: all 0.3s cubic-bezier(0.66, 0.63, 0.58, 0.37);
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

        .pgImage a:hover {
            background: var(--tw-primary-color);
        }

.pgImagewrap:hover a {
    margin-top: 0px;
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.slick-slide .pg_thumbs img {
    max-width: 85%;
    height: auto;
}

.pg_thumbs {
    max-width: 100px;
    width: 100%;
    height: 100px;
    border: 1px solid #F5F5F5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: 0 11px;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
}

    .pg_thumbs:hover {
        border-color: var(--tw-primary-color);
    }

.slick-slide.slick-current .pg_thumbs {
    border-color: var(--tw-primary-color);
}

.productGalleryThumb .slick-list {
    width: calc(100% - 30px);
    left: 0px;
    z-index: 1;
}

.productGalleryThumbWrap {
    margin-top: 20px;
}

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

button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
    position: relative;
    top: 50%;
    border: unset;
    background: unset;
    outline: unset;
    font-size: 12px;
    color: var(--tw-secondary-color);
    padding: 0;
    z-index: 2;
}

button.slick-prev.slick-arrow {
    left: 0;
    right: auto;
}

button.slick-next.slick-arrow {
    right: 0;
    left: auto;
}

.productContent {
    position: relative;
    padding: 12px 50px 0 34px;
}

.shopDetailsPageSection .productContent .pi01Price {
    font-weight: 700;
    color: var(--tw-primary-color);
    text-decoration: none;
    font-size: 20px;
    line-height: 1;
    margin: 0 0 19px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.productContent .pi01Price del {
    font-size: 20px;
    font-weight: 400;
    opacity: 0.3;
    padding: 0 0px;
    margin: 0 0 0 20px;
}

    .productContent .pi01Price del:after {
        top: 10px;
    }

.woocommerce .productContent .star-rating span:before {
    content: "\ee28\ee28\ee28\ee28\ee28";
    top: 0;
    position: absolute;
    left: 0;
    font-family: 'Themewar' !important;
    letter-spacing: 3px;
}

.woocommerce .productContent .woocommerce-product-rating .star-rating {
    font-size: 12px;
    width: 80px;
    margin: 0;
}

.woocommerce .productContent .star-rating:before {
    letter-spacing: 4px;
}

.woocommerce .productContent .woocommerce-review-link {
    font-size: 16px;
    color: var(--tw-body-color);
    font-weight: 400;
    font-family: var(--primary-font);
    line-height: 20px;
    margin: 0 0 0 16px;
}

.woocommerce div.product .productContent .woocommerce-product-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 23px;
}

.productContent h2 {
    margin: 0 0 13px;
}

.woocommerce div.product .productContent form.cart div.quantity {
    margin: 0 20px 0 0;
}

.woocommerce .productContent .quantity .qty {
    width: 45px;
    text-align: center;
}

.woocommerce div.product form.cart .button {
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    overflow: hidden;
    padding: 0 39.2px;
    border-radius: 8px;
}

    .woocommerce div.product form.cart .button:hover {
        background: var(--tw-secondary-color);
    }

.productContent .pcExcerpt ul {
    margin: 0;
    padding: 23px 0 3px;
    list-style: none;
}

    .productContent .pcExcerpt ul li {
        font-size: 16px;
        font-weight: 400;
        color: var(--tw-body-color);
        font-family: var(--primary-font);
        line-height: 32px;
        padding-left: 31px;
        position: relative;
    }

        .productContent .pcExcerpt ul li:before {
            position: absolute;
            top: -1px;
            left: 0;
            content: '\e914';
            font-family: 'Themewar' !important;
            font-size: 16px;
            color: var(--tw-primary-color);
            font-weight: 400;
        }

.woocommerce div.product form.cart {
    margin: 0;
}

    .woocommerce div.product form.cart .variations .label > label,
    .productContent .pcMeta p span {
        font-weight: 700;
        min-width: 93px;
        color: var(--tw-secondary-color);
        text-transform: capitalize;
        font-size: 16px;
        line-height: 32px;
    }

    .woocommerce div.product form.cart .variations .label > label {
        line-height: 26px;
    }

.productGalleryWrap {
    position: relative;
}

.productLabels {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    padding: 29px 30px;
}

    .productLabels span {
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        color: var(--tw-white-color);
        background: var(--tw-primary-color);
        padding: 0 13px;
        text-transform: uppercase;
        top: 30px;
        left: 30px;
        width: auto;
        height: 25px;
        line-height: 26px;
    }

        .productLabels span.plHot {
            background: #34394c;
        }

        .productLabels span.plDis {
            background: #f04726;
        }

        .productLabels span.plNew {
            background: #60c381;
        }

        .productLabels span.plNew {
            background: #ffffff;
            color: var(--tw-secondary-color);
        }

        .productLabels span.plSale {
            background: var(--tw-primary-color);
        }

.productTabRow {
    padding-top: 80px;
}

.descriptionContent .productTabSec {
    padding: 0;
}

ul#productDetailsTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 57px;
    -moz-column-gap: 57px;
    column-gap: 57px;
    border-bottom: 3px solid #EFEFEF;
}

    ul#productDetailsTab li button {
        border: unset;
        outline: unset;
        padding: 0;
        margin: 0;
        color: var(--tw-secondary-color);
        font-family: var(--primary-font);
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        background-color: transparent;
        padding: 0 0 17px;
        border-bottom: 3px solid transparent;
        margin-bottom: -3px;
    }

        ul#productDetailsTab li button.active {
            border-color: var(--tw-primary-color);
        }

.productTabSec .container {
    padding: 0;
}

.woocommerce .inner_reviews #reviews h3.ratingTitle {
    margin-bottom: 27px;
    color: var(--tw-secondary-color);
    letter-spacing: 0;
    font-weight: 700;
}

.woocommerce .productReviewArea {
    padding: 40px 0 0;
}

.relatedProductRow {
    padding: 109px 0 0;
}

    .relatedProductRow .subTitle {
        margin: 0 0 16px
    }

    .relatedProductRow .secTitle {
        line-height: 1;
    }

.relatedProducHeading {
    padding-bottom: 59px;
}

.owl-carousel .pi01Thumb img {
    width: auto;
}

.shopDetailsPageSection {
    padding: 120px 0 96px;
}

/* Grop Product List  */
div.product.productContainerWrap .groupdThumbTitle {
    position: relative;
    padding: 10px 0px 0 90px;
    min-height: 82px;
    margin: 0 0 10px;
}

.woocommerce div.product form.cart .group_table td:first-child {
    width: 60%;
    text-align: left;
    padding: 0 16px 0 0;
}

div.product.productContainerWrap .groupdThumbTitle img {
    height: auto;
    max-width: 100%;
    display: inline;
}

div.product.productContainerWrap .groupdThumbTitle .groupdThumbImg {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px;
    border-radius: 0;
    margin: 0;
    background: var(--tw-white-color);
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #F5F5F5;
}

div.product.productContainerWrap .groupdThumbTitle img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: auto;
    max-height: 70px;
    height: auto;
}

.woocommerce div.product.productContainerWrap .groupdThumbTitle a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: var(--tw-secondary-color);
}

.woocommerce div.product.productContainerWrap .groupdThumbTitle a, .myAccountNavigation ul li a, .myAccountPages p strong, .myAccountPages p a, .woocommerce div.product.productContainerWrap .woocommerce-variation-price .price, .woocommerce div.product.productContainerWrap p.stock, .woocommerce div.product.productContainerWrap form.cart .variations .variationItem .label {
    font-family: var(--secondary-font);
}

div.product.productContainerWrap .groupdThumbTitle .pi01Price {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none;
    margin: 0;
}

    div.product.productContainerWrap .groupdThumbTitle .pi01Price del {
        font-size: 16px;
        position: relative;
        text-decoration: none;
        line-height: 1;
        margin: 0 0 0 13px;
        padding: 0 2px;
    }

        div.product.productContainerWrap .groupdThumbTitle .pi01Price del:after {
            top: 6.5px;
        }

.pi01Price ins {
    text-decoration: none;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.woocommerce a.add_to_cart_button.pi01ACart {
    line-height: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.woocommerce .woocommerce-grouped-product-list-item__quantity a.add_to_cart_button.pi01ACart {
    padding: 0 30px !important;
}

.woocommerce a.add_to_cart_button.pi01ACart i {
    display: none;
}

div.product.productContainerWrap form.cart .group_table td:last-child {
    vertical-align: middle;
}

.woocommerce div.product form.cart .group_table {
    margin-bottom: 28px;
}

.additionalContentArea {
    padding: 19px 0 0;
}

    .additionalContentArea table.shop_attributes tr th {
        line-height: 36px;
        color: var(--tw-secondary-color);
        font-size: 15px;
        font-weight: 700;
        width: 500px;
        margin: 0 0 0;
        padding: 9px 0;
        background: transparent !important;
        border: none;
        border-bottom: 1px dashed #d9d9d9;
    }

    .additionalContentArea table.shop_attributes tr td {
        font-size: 15px;
        font-weight: 500;
        font-style: normal;
        margin: 0;
        background: transparent !important;
        border: none;
        border-bottom: 1px dashed #d9d9d9;
    }

    .additionalContentArea table.shop_attributes {
        position: relative;
        width: 100%;
        border: none;
        margin: 0;
    }

        .additionalContentArea table.shop_attributes tr th {
            line-height: 36px;
            color: var(--tw-secondary-color);
            font-size: 15px;
            font-weight: 700;
            width: 500px;
            margin: 0 0 0;
            padding: 9px 0;
            background: transparent !important;
            border: none;
            border-bottom: 1px dashed #d9d9d9;
        }

        .additionalContentArea table.shop_attributes tr td {
            font-size: 15px;
            font-weight: 500;
            font-style: normal;
            margin: 0;
            background: transparent !important;
            border: none;
            border-bottom: 1px dashed #d9d9d9;
        }

div.product.productContainerWrap .pcBtns form.cart .woocommerce-variation-add-to-cart.variations_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.woocommerce div.product form.cart .reset_variations {
    font-size: 0px;
    margin-left: 20px;
    width: 55px;
    height: 55px;
    border-radius: 8px;
    border: 1px solid #EFEFEF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}

    .woocommerce div.product form.cart .reset_variations:after {
        content: "\ea5a";
        font-family: 'Themewar';
        line-height: 48px;
        font-size: 18px;
        color: var(--tw-secondary-color);
        transition: all ease 350ms;
        -moz-transition: all ease 350ms;
        -webkit-transition: all ease 350ms;
    }

    .woocommerce div.product form.cart .reset_variations:hover {
        border-color: var(--tw-primary-color);
        background: var(--tw-primary-color);
        color: var(--tw-white-color);
    }

.woocommerce div.product form.cart .variations {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 21px;
    margin: 0 0 40px;
}

    .woocommerce div.product form.cart .variations .variationItem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

        .woocommerce div.product form.cart .variations .variationItem .label {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 93px;
            flex: 0 0 93px;
        }

        .woocommerce div.product form.cart .variations .variationItem .value {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100% - 93px);
            flex: 0 0 calc(100% - 93px);
        }
/*==================== Wc swatches  ====================*/
.wcboost-variation-swatches--button ul.wcboost-variation-swatches__wrapper,
.wcboost-variation-swatches--label ul.wcboost-variation-swatches__wrapper,
.wcboost-variation-swatches--color ul.wcboost-variation-swatches__wrapper,
.wcboost-variation-swatches--image ul.wcboost-variation-swatches__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
}
    /* swatch image/color  */
    .wcboost-variation-swatches--image ul.wcboost-variation-swatches__wrapper li,
    .wcboost-variation-swatches--color ul.wcboost-variation-swatches__wrapper li {
        margin: 0px;
        padding: 4px;
        border: 1px solid #F5F5F5;
        outline: 0;
        box-shadow: unset;
        width: 22px;
        height: 22px;
    }

.wcboost-variation-swatches--image.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--color.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--image.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--color.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--image.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--color.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li.selected {
    border-color: var(--tw-primary-color);
}

.wcboost-variation-swatches--image.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li img,
.wcboost-variation-swatches--color.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li span,
.wcboost-variation-swatches--image.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li img,
.wcboost-variation-swatches--color.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li span,
.wcboost-variation-swatches--image.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li img,
.wcboost-variation-swatches--color.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li span {
    width: 100%;
    height: 100%;
}

.wcboost-variation-swatches--image.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li,
.wcboost-variation-swatches--color.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li {
    border-radius: 0;
}


/* swatch lable/button  */
.wcboost-variation-swatches--label ul.wcboost-variation-swatches__wrapper li {
    margin: 0px;
    padding: 0px 7px;
    border: 1px solid #F5F5F5;
    outline: 0;
    box-shadow: unset;
    display: inline-block;
}

.wcboost-variation-swatches--button ul.wcboost-variation-swatches__wrapper li {
    margin: 0px;
    border: 1px solid #F5F5F5;
    outline: 0;
    box-shadow: unset;
    display: inline-block;
    background: transparent
}

.wcboost-variation-swatches--label.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li,
.wcboost-variation-swatches--label.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li,
.wcboost-variation-swatches--label.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li {
    width: unset;
    display: inline-block;
    border-radius: 4px;
    height: unset;
}

.wcboost-variation-swatches--label.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li {
    border-radius: 0;
}

.wcboost-variation-swatches--button ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--label ul.wcboost-variation-swatches__wrapper li.selected {
    border-color: var(--tw-primary-color);
    background-color: transparent;
}

/* swatch select  */
.woocommerce div.product form.cart .variations .variationItem .value > .nice-select {
    max-width: 140px;
    width: 100%;
    border: 1px solid #EFEFEF;
    font-size: 15px;
    font-weight: 400;
    font-family: var(--primary-font);
    color: var(--tw-body-color);
    color: var(--tw-body-color);
}

    .woocommerce div.product form.cart .variations .variationItem .value > .nice-select:after {
        content: "\e905";
        font-family: 'LogisFare' !important;
        border: unset;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        font-size: 8px;
        top: 4.5px;
        right: 18px;
    }

    .woocommerce div.product form.cart .variations .variationItem .value > .nice-select > ul {
        width: 100%;
    }
/*============== Cart page Modification  ==============*/

.blogDetails-section {
    padding: 120px 0;
}

.cartHeader h3 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 20px;
}

.woocommerce .shop_table.cart_table, .woocommerce table.shop_table.wishlist_table {
    border-spacing: 0;
    border: none;
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

    .woocommerce .shop_table.cart_table thead tr th, .woocommerce table.shop_table.wishlist_table thead tr th {
        font-family: var(--secondary-font);
        font-size: 18px;
        line-height: 30px;
        font-weight: 700;
        color: var(--tw-secondary-color);
        border: none;
        text-align: left;
        border-bottom: 1px solid #dbdfe3;
        padding: 0 0 11px;
    }

    .woocommerce .shop_table.cart_table tbody tr td.product-thumbnail a, .woocommerce table.shop_table.wishlist_table tbody tr td.product-thumbnail a {
        width: 110px;
        height: 110px;
        padding: 8px;
        border-radius: 0;
        margin: 0;
        background: #F5F5F5;
        float: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

.blogDetailscontent table tbody tr th a, .blogDetailscontent table tbody tr td a, .widget table tbody tr td a {
    color: inherit;
    text-decoration: none;
}

.woocommerce .shop_table.cart_table tbody tr td.product-thumbnail img, .woocommerce table.shop_table.wishlist_table tbody tr td.product-thumbnail img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: auto;
    max-height: 70px;
    height: auto;
}

.woocommerce .shop_table.cart_table tbody tr td, .woocommerce table.shop_table.wishlist_table tbody tr td {
    border: none;
    border-top: 1px solid #dbdfe3;
    padding: 15px 0 15px;
    text-align: left;
    margin: 20px 0;
}

    .woocommerce .shop_table.cart_table tbody tr td.product-name a, .woocommerce table.shop_table.wishlist_table tbody tr td.product-name a {
        font-family: var(--secondary-font);
        font-size: 18px;
        line-height: 30px;
        color: var(--tw-secondary-color);
        display: inline-block;
        font-weight: 700;
    }

.woocommerce .shop_table.cart_table thead tr th:first-child {
    width: 125px;
}

.woocommerce .shop_table.cart_table tbody tr td, .woocommerce table.shop_table.wishlist_table tbody tr td.product-price {
    font-size: 16px;
    font-weight: 600;
    color: var(--tw-primary-color);
}

.woocommerce .quantity .qty {
    width: 45px;
}

.woocommerce .shop_table.cart_table tbody tr td.product-remove, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove {
    width: 48px;
}

    .woocommerce .shop_table.cart_table tbody tr td a.remove, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove {
        position: relative;
        width: 48px;
        height: 48px;
        border: 1px solid #dbdfe3;
        display: inline-block;
        background: transparent;
        border-radius: 50%;
    }

        .woocommerce .shop_table.cart_table tbody tr td a.remove:hover, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove:hover {
            border-color: var(--tw-primary-color);
        }

        .woocommerce .shop_table.cart_table tbody tr td a.remove span, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove span {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            width: 21px;
            height: 21px;
            transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
        }

            .woocommerce .shop_table.cart_table tbody tr td a.remove span:before, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove span:before {
                content: '';
                width: 1px;
                height: 100%;
                background: var(--tw-body-color);
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                transition: all ease 350ms;
                -moz-transition: all ease 350ms;
                -webkit-transition: all ease 350ms;
            }

            .woocommerce .shop_table.cart_table tbody tr td a.remove span:after, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove span:after {
                content: '';
                width: 100%;
                height: 1px;
                background: var(--tw-body-color);
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                transition: all ease 350ms;
                -moz-transition: all ease 350ms;
                -webkit-transition: all ease 350ms;
            }

        .woocommerce .shop_table.cart_table tbody tr td a.remove:hover span:before,
        .woocommerce .shop_table.cart_table tbody tr td a.remove:hover span:after,
        .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove:hover span:before,
        .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove:hover span:after {
            background: var(--tw-primary-color);
        }

.woocommerce .shop_table.cart_table tbody tr.actions td button.button.logicBtn[name="update_cart"] {
    background: var(--tw-primary-color);
    overflow: hidden;
    color: var(--tw-white-color);
    padding: 0 32px;
    border-radius: 8px;
    font-size: 14px;
}

    .woocommerce .shop_table.cart_table tbody tr.actions td button.button.logicBtn[name="update_cart"]:hover {
        background: var(--tw-secondary-color);
    }

.woocommerce .shop_table.cart_table tbody tr.actions td {
    border: none;
    border-top: 1px solid #dbdfe3;
    padding: 24px 0 0;
}

.woocommerce .shop_table.cart_table tbody tr.actions td {
    border: none;
    border-top: 1px solid #dbdfe3;
    padding: 24px 0 0;
}

    .woocommerce .shop_table.cart_table tbody tr.actions td:nth-child(2) > a.logicBtn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-left: 8px;
    }

.cartAccessRow {
    margin-top: 112px;
}

.cartCoupon h3 {
    font-size: 21px;
    line-height: 30px;
    margin: 0 0 28px;
}

.cartCoupon input {
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #dbdfe3;
    border-radius: 8px;
    font-size: 16px;
    color: var(--tw-body-color);
    margin: 0 0 12px;
    padding: 0 24px;
}

    .cartCoupon input:focus {
        outline: 0;
        box-shadow: unset;
    }

.woocommerce .cartCoupon button.button {
    height: 55px;
    line-height: 55px;
    border-radius: 8px;
    padding: 0 32px;
    font-family: var(--secondary-font);
    display: inline-block;
    position: relative;
    min-width: 155px;
    background: var(--tw-primary-color);
    font-size: 14px;
    color: var(--tw-white-color);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
}

    .woocommerce .cartCoupon button.button:hover {
        color: var(--tw-white-color);
        background: var(--tw-secondary-color);
    }

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 100%;
}

    .woocommerce .cart-collaterals:after, .woocommerce .cart-collaterals:before, .woocommerce-page .cart-collaterals:after, .woocommerce-page .cart-collaterals:before {
        content: " ";
        display: table;
    }

    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
        float: none;
        margin: 5px 0 0 0;
    }

.cart_totals h2 {
    display: none;
}

.cart_totals table, .woocommerce table.shop_table, .woocommerce-cart .cart-collaterals .cart_totals table {
    margin: 0 0 23px;
    border-spacing: 0;
    width: 100%;
    border-collapse: collapse;
    border: none;
}

.cart_totals {
    position: relative;
    margin: 5px 0 0 60px;
    background: #F5F5F5;
    border-radius: 8px;
    padding: 27px 24px 36px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-family: var(--secondary-font);
    display: block;
    position: relative;
    height: 55px;
    width: 100%;
    background: var(--tw-primary-color);
    border-radius: 8px;
    font-size: 14px;
    line-height: 55px;
    color: var(--tw-white-color);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
    padding: 0 32px;
    margin: 0;
}

    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
        background: var(--tw-secondary-color);
    }

.woocommerce-cart .wc-proceed-to-checkout {
    margin: 0;
    padding: 0;
}

.cart_totals table tr th, .woocommerce-cart .cart-collaterals .cart_totals table th {
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 28px;
    color: var(--tw-secondary-color);
    font-weight: 700;
    padding: 0 0 0 0px;
    border: none;
    text-align: left;
}

    .cart_totals table tr th td, .woocommerce-cart .cart-collaterals .cart_totals table td {
        text-align: right;
        padding: 0;
        border: none;
    }

.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount td {
    color: var(--tw-primary-color);
}

    .woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount td a.woocommerce-remove-coupon {
        color: var(--tw-primary-color);
        font-weight: 700;
        margin-right: 5px;
        top: 2px;
        position: relative;
    }

        .woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount td a.woocommerce-remove-coupon:hover {
            color: var(--tw-secondary-color);
        }

.cart_totals table tr td .pi01Price, .woocommerce-cart .cart-collaterals .cart_totals table td .amount {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: var(--tw-primary-color);
    float: right;
    margin: 0;
}

.woocommerce ul#shipping_method li input {
    margin: 3px .4375em 0 0;
    vertical-align: top;
}

    .woocommerce ul#shipping_method li input[type="radio"] {
        width: 0;
        height: 0;
        opacity: 0;
        visibility: hidden;
        position: absolute;
    }

.woocommerce ul#shipping_method li label {
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 28px;
    color: var(--tw-secondary-color);
    position: relative;
    display: block;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    padding: 0 28px 0 0;
}

    .woocommerce ul#shipping_method li label:before {
        content: '';
        position: absolute;
        right: 0;
        top: 7px;
        width: 15px;
        height: 15px;
        border: 1px solid var(--tw-primary-color);
        border-radius: 50%;
    }

.woocommerce ul#shipping_method li input[type="radio"]:checked + label:after {
    content: '';
    width: 9px;
    height: 9px;
    background: var(--tw-primary-color);
    border-radius: 50%;
    position: absolute;
    right: 3px;
    top: 10px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-button {
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    color: var(--tw-secondary-color);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

    .woocommerce-cart .cart-collaterals .shipping-calculator-button:after {
        content: '\e9b9';
        font-family: "Themewar" !important;
    }

    .woocommerce-cart .cart-collaterals .shipping-calculator-button:hover {
        color: var(--tw-secondary-color);
    }

.woocommerce form.woocommerce-shipping-calculator .form-row {
    margin: 0 0 12px;
    padding: 0;
}

    .woocommerce form.woocommerce-shipping-calculator .form-row input.input-text {
        display: block;
        width: 100%;
        height: 54px;
        border: 1px solid #EFEFEF;
        border-radius: 8px;
        font-size: 16px;
        color: var(--tw-body-color);
        margin: 0;
        padding: 0 24px;
    }

    .woocommerce form.woocommerce-shipping-calculator .form-row input::-moz-placeholder {
        color: var(--tw-body-color);
        opacity: 1;
    }

    .woocommerce form.woocommerce-shipping-calculator .form-row input::-ms-input-placeholder {
        color: var(--tw-body-color);
        opacity: 1;
    }

    .woocommerce form.woocommerce-shipping-calculator .form-row input::-webkit-input-placeholder {
        color: var(--tw-body-color);
        opacity: 1;
    }


.select2-container .selection {
    text-align: left !important;
}

.select2-container .select2-selection--single {
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 0 24px;
}

.customer_details.checkoutForm .select2-container .select2-selection--single {
    margin-bottom: 12px;
    border-radius: 8px;
}

.customer_details.checkoutForm .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -12px;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-radius: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    color: var(--tw-body-color);
    line-height: 54px;
    padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 14px;
    position: absolute;
    top: 0;
    right: 24px;
    width: 10.5px;
    bottom: 0;
    margin: auto 0;
    line-height: 14px;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow:after {
        content: "\e905";
        font-family: 'LogisFare' !important;
        font-size: 9px;
        color: var(--tw-body-color);
        border: none;
        margin: 0;
        line-height: 9px;
        -webkit-transform: none;
        transform: none;
        width: auto;
        height: auto;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination strong {
    font-weight: 700;
    color: var(--tw-primary-color);
    font-family: var(--secondary-font);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-dropdown {
    margin: 1px 0 0;
    border-radius: 0;
    border: none;
    min-width: 80px;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, .06);
}

.select2-container--default .select2-results > .select2-results__options {
    border-radius: inherit;
}

.select2-results__option {
    font-size: 16px;
    color: var(--tw-body-color);
    text-transform: none;
    padding: 11px 24px;
    line-height: 26px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--tw-primary-color) !important;
    color: var(--tw-body-color) !important;
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--tw-primary-color) !important;
    color: var(--tw-white-color) !important;
}

.select2-search--dropdown {
    padding: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    display: block;
    width: 100%;
    height: 48px;
    border: none;
    border-bottom: 1px solid #dbdfe3;
    border-radius: 0;
    font-size: 16px;
    color: var(--tw-body-color);
    margin: 0;
    padding: 0 24px;
}

    .select2-container--default .select2-search--dropdown .select2-search__field:focus {
        border: 1px solid #EFEFEF;
        box-shadow: unset;
        outline: unset;
    }

.woocommerce .woocommerce-shipping-calculator button.button {
    font-family: var(--secondary-font);
    display: inline-block;
    position: relative;
    height: 55px;
    min-width: 155px;
    background: var(--tw-primary-color);
    border-radius: 8px;
    font-size: 14px;
    line-height: 55px;
    color: var(--tw-white-color);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
    padding: 0 36px;
}

    .woocommerce .woocommerce-shipping-calculator button.button:hover {
        background: var(--tw-secondary-color);
        color: var(--tw-white-color);
    }

.blogDetailscontent .shipping-calculator-form p:last-child,
.blogDetailscontent .shipping-calculator-form p:last-of-type {
    margin: 0;
}

.cart_totals table tr.cart-shipping th, .woocommerce-cart .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals th, .cart_totals table tr.cart-shipping td, .woocommerce-cart .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals td {
    padding-bottom: 24px;
}

.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total th {
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 28px;
    color: var(--tw-secondary-color);
    font-weight: 700;
    padding: 20px 0 0 0;
    border: none;
    text-align: left;
    border-top: 1px solid #dbdfe3;
}

.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td {
    border-top: 1px solid #dbdfe3;
    padding: 20px 0 0 0;
}

#add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination {
    margin-bottom: 15px;
}


/* checkout page  */
.woocommerce form.checkout .form-row {
    margin: 0;
    padding: 0;
}

.checkoutForm h3 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 32px;
}

.checkoutForm input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
    display: block;
    width: 100%;
    height: 55px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    padding: 0 24px;
    font-size: 16px;
    color: var(--tw-body-color);
    margin: 0 0 12px;
}

.checkoutForm input:focus {
    outline: unset;
    box-shadow: unset;
    border-color: #EFEFEF;
}

.orderReview, .woocommerce-checkout-review-order {
    background: #F5F5F5;
    padding: 35px 25px 36px;
    border-radius: 5px;
}

.woocommerce ul#shipping_method .amount {
    font-family: var(--primary-font);
    color: var(--tw-primary-color);
    margin-left: 5px;
}

.orderReview table thead tr th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table thead tr th {
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 1;
    color: var(--tw-secondary-color);
    font-weight: 700;
    border: none;
    text-align: left;
    border-bottom: 1px solid #dbdfe3;
    padding: 0 0 10px;
    border-left: 1px solid transparent;
}

.orderReview table tbody tr td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr td {
    padding: 0 0 4px;
    border: none;
    font-size: 16px;
    line-height: 26px;
    color: var(--tw-secondary-color);
    text-align: left;
    font-family: var(--secondary-font);
    font-weight: 700;
}

    .orderReview table tbody tr td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr td.product-total {
        font-family: var(--primary-font);
    }

.orderReview table tbody tr:first-child td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr:first-child td {
    padding-top: 20px;
}

.orderReview table tbody tr:last-child td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr:last-child td {
    padding-bottom: 22px;
}

.orderReview table tfoot tr:first-child th, .orderReview table tfoot tr:first-child td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:first-child th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:first-child td {
    border-top: 1px solid #dbdfe3;
    padding-top: 16px;
}

.orderReview table tfoot tr th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr th {
    font-size: 16px;
    line-height: 26px;
    color: var(--tw-secondary-color);
    font-family: var(--secondary-font);
    font-weight: 700;
    padding: 0 0 4px;
}

.orderReview table tfoot tr td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr td {
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
    font-size: 16px;
    line-height: 25px;
    padding: 0 0 4px;
    text-align: right;
}

.orderReview table thead tr th:last-child, .woocommerce table.shop_table.woocommerce-checkout-review-order-table thead tr th:last-child {
    text-align: right;
}

.orderReview table tbody tr td:last-child, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr td:last-child {
    text-align: right;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td {
    padding: 16px 0 12px;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
    padding-top: 16px;
}

#add_payment_method #payment > h3, .woocommerce-cart #payment > h3, .woocommerce-checkout #payment > h3 {
    display: none;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods, .wc_payment_methods {
    margin: 0 0 49px;
    padding: 0;
    border: none;
}

    #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li, .wc_payment_methods li {
        list-style: none;
        margin: 0 0 20px;
        padding: 0;
        position: relative;
    }

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent;
    border-radius: 5px;
}

.wc_payment_methods li input[type="radio"] {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}

.wc_payment_methods li label {
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 1;
    color: var(--tw-secondary-color);
    position: relative;
    display: block;
    cursor: pointer;
    font-weight: 700;
    text-transform: capitalize;
    padding: 0 0 0 28px;
}

    .wc_payment_methods li label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 1px;
        width: 15px;
        height: 15px;
        border: 1px solid var(--tw-primary-color);
        border-radius: 50%;
    }

.wc_payment_methods li input[type="radio"]:checked + label:after {
    content: '';
    width: 9px;
    height: 9px;
    background: var(--tw-primary-color);
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 4px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    font-size: 16px;
    color: var(--tw-body-color);
    font-family: var(--primary-font);
    background: #FFFFFF;
}

    #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before {
        border-bottom-color: #FFFFFF;
    }

.checkoutForm h3#ship-to-different-address {
    line-height: 1;
    margin: 0 0 30px;
}

    .checkoutRegister, .woocommerce-page form .form-row label.checkbox, .checkoutForm h3#ship-to-different-address label {
        position: relative;
        padding: 9px 0 0;
        display: block;
    }

        .woocommerce-page form .form-row label.checkbox input[type="checkbox"], .checkoutForm h3#ship-to-different-address label input[type="checkbox"] {
            opacity: 0;
            visibility: hidden;
            width: 0;
            height: 0;
            position: absolute;
        }

        .woocommerce-page form .form-row label.checkbox span, .checkoutForm h3#ship-to-different-address label span {
            font-family: var(--secondary-font);
            font-size: 16px;
            color: var(--tw-secondary-color);
            font-weight: 700;
            line-height: 1;
            cursor: pointer;
            position: relative;
            padding: 0 0 0 34px;
            margin: 0;
        }

            .woocommerce-page form .form-row label.checkbox span:before, .checkoutForm h3#ship-to-different-address label span:before {
                content: '';
                width: 15px;
                height: 15px;
                border-radius: 2px;
                border: 1px solid #EFEFEF;
                position: absolute;
                left: 0px;
                top: 4px;
                font-family: 'Themewar';
                font-size: 10px;
                color: var(--tw-primary-color);
                line-height: 15px;
                text-align: center;
                padding: 0 0 0 1px;
                transition: all ease 350ms;
                -moz-transition: all ease 350ms;
                -webkit-transition: all ease 350ms;
            }

        .woocommerce-page form .form-row label.checkbox input[type="checkbox"]:checked + span:before,
        .checkoutForm h3#ship-to-different-address label input[type="checkbox"]:checked + span:before {
            content: "\eaa9";
            border-color: var(--tw-primary-color);
        }

.checkoutForm textarea, .woocommerce form.checkout .form-row textarea {
    display: block;
    width: 100%;
    height: 120px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    padding: 12px 24px;
    font-size: 16px;
    color: var(--tw-body-color);
    margin: 0 0 12px;
    resize: none;
}

.woocommerce-checkout #payment div.form-row.place-order {
    padding: 0;
}

.woocommerce-terms-and-conditions-wrapper {
    margin: -7px 0 45px;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    font-family: var(--secondary-font);
    display: block;
    position: relative;
    height: 55px;
    width: 100%;
    background: var(--tw-primary-color);
    border-radius: 8px;
    font-size: 14px;
    line-height: 55px;
    color: var(--tw-white-color);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
    padding: 0 32px;
    margin: 0;
}

.woocommerce-checkout .orderReviewWrap #payment ul.payment_methods, .wc_payment_methods {
    margin: 0 0 26px;
}

.woocommerce-privacy-policy-text p a.woocommerce-privacy-policy-link {
    color: var(--tw-primary-color);
}

.woocommerce-error a.wc-backward {
    color: var(--tw-primary-color);
}

.blogDetailscontent p {
    margin: 0 0 24px;
}

.loginLinks p {
    font-family: var(--secondary-font);
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--tw-secondary-color);
    font-weight: 400;
}

    .loginLinks p a {
        color: var(--tw-primary-color);
        text-transform: uppercase;
        margin: 0 0 0 6px;
        font-weight: 700;
        font-size: 14px;
    }

.woocommerce .loginLinks p a:hover {
    color: var(--tw-secondary-color);
}

.woocommerce .checkoutLoginArea form.login input:not([type="radio"]):not([type="checkbox"]) {
    display: block;
    width: 100%;
    height: 55px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    padding: 0 24px;
    font-size: 16px;
    color: var(--tw-body-color);
    margin: 0 0 12px;
    display: block;
    outline: 0;
    box-shadow: unset;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    margin: 0 0 0 15px;
    padding: 15px 0;
    position: relative;
}

.woocommerce .checkoutLoginArea form.login {
    margin: 0 0 41px;
    padding: 0;
    border: none;
    border-radius: 0;
}

.loginLinks {
    position: relative;
    margin: 0 0 44px;
}

.woocommerce .woocommerce-form-login p.lost_password {
    margin: 22px 0 0;
}

    .woocommerce .woocommerce-form-login p.lost_password .logisfareLink {
        font-family: var(--secondary-font);
        display: inline-block;
        font-size: 14px;
        line-height: 1;
        color: var(--tw-primary-color);
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
    }

        .woocommerce .woocommerce-form-login p.lost_password .logisfareLink:hover {
            color: var(--tw-secondary-color);
        }
/* Order Details  */
.logisfareThankuPage p.woocommerce-thankyou-order-received {
    background: #F5F5F5;
    font-size: 16px;
    line-height: 24px;
    color: var(--tw-body-color);
    padding: 15px 25px;
    margin: 0 0 5px;
    border-radius: 8px;
}

.woocommerce .logisfareThankuPage ul.order_details {
    margin: 0 0 30px;
    padding: 0;
}

    .woocommerce .logisfareThankuPage ul.order_details li {
        width: calc(20% - 5px);
        margin: 0 5px 5px 0;
        background: #F5F5F5;
        text-align: left;
        padding: 40px 25px;
        border: none;
        font-size: 12px;
        border-radius: 8px;
        color: var(--tw-body-color);
    }

        .woocommerce .logisfareThankuPage ul.order_details li strong {
            color: var(--tw-secondary-color);
        }

.woocommerce-order-downloads, .woocommerce .woocommerce-order-details {
    margin: 0 0 30px;
}

    .woocommerce-order-downloads h2, .woocommerce .woocommerce-order-details h2 {
        font-size: 24px;
        line-height: 1;
        margin: 0 0 32px;
    }

.woocommerce .woocommerce-order-details-wrap {
    background: #F5F5F5;
    border-radius: 8px;
    padding: 22px 25px;
}

.woocommerce table.shop_table.order_details th {
    font-weight: 700;
    padding: 9px 0px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--secondary-font);
    color: var(--tw-secondary-color);
}

.woocommerce table.shop_table.order_details td {
    border-top: 1px solid var(--tw-body-color);
    padding: 9px 0px;
    font-size: 16px;
    font-family: var(--secondary-font);
    color: var(--tw-secondary-color);
    vertical-align: middle;
    line-height: 24px;
}

    .woocommerce table.shop_table.order_details td > a {
        font-family: var(--secondary-font);
        color: var(--tw-secondary-color);
        font-size: 16px;
        font-weight: 400;
    }

        .woocommerce table.shop_table.order_details td > a:hover {
            color: var(--tw-primary-color);
        }

    .woocommerce table.shop_table.order_details td.product-total,
    .woocommerce table.shop_table.order_details td span.amount {
        border-top: 1px solid var(--tw-body-color);
        padding: 9px 0px;
        font-size: 16px;
        font-weight: 700;
        font-family: var(--primary-font);
        color: var(--tw-primary-color);
        vertical-align: middle;
        line-height: 24px;
    }

    .woocommerce table.shop_table.order_details td span.amount {
        border: unset;
    }

.woocommerce table.shop_table.order_details tfoot th, .woocommerce table.shop_table.order_details tfoot td span, .woocommerce table.shop_table.order_details tfoot td {
    border: unset !important;
    padding: 3px 0;
}

.woocommerce table.shop_table.order_details tfoot tr.Subtotal th, .woocommerce table.shop_table.order_details tfoot tr.Subtotal td {
    border-top: 1px solid var(--tw-body-color) !important;
    padding-top: 22px;
}

/* My Account  Page */
.logisfareLoginRegFormWrap {
    position: relative;
}

    .logisfareLoginRegFormWrap h2 {
        font-size: 24px;
        line-height: 1;
        margin: 0 0 32px;
    }

.woocommerce .logisfareLoginRegFormWrap form.login, .woocommerce .logisfareLoginRegFormWrap form.register {
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: none;
}

.woocommerce .logisfareLoginRegFormWrap form .form-row, .woocommerce form.lost_reset_password .form-row {
    margin: 0;
    padding: 0;
}

    .woocommerce .logisfareLoginRegFormWrap form .form-row input:not([type="sbumit"]):not([type="radio"]):not([type="checkbox"]), .woocommerce form.lost_reset_password .form-row input:not([type="sbumit"]):not([type="radio"]):not([type="checkbox"]) {
        display: block;
        width: 100%;
        height: 55px;
        border: 1px solid #EFEFEF;
        border-radius: 8px;
        padding: 0 24px;
        font-size: 16px;
        color: var(--tw-body-color);
        margin: 0 0 12px;
        display: block;
    }

.woocommerce form.lost_reset_password button.button,
.woocommerce .logisfareLoginRegFormWrap .woocommerce-form-register__submit.logicBtn,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit.logicBtn {
    background: var(--tw-primary-color);
    overflow: hidden;
    color: var(--tw-white-color);
    padding: 0 32px;
    border-radius: 8px;
    font-size: 14px;
}

    .woocommerce form.lost_reset_password button.button:hover {
        background: var(--tw-secondary-color);
    }

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    display: none;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span {
    font-family: var(--secondary-font);
    font-size: 16px;
    color: var(--tw-secondary-color);
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 34px;
    margin: 0;
}

    .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span:before {
        content: '';
        width: 15px;
        height: 15px;
        border-radius: 2px;
        border: 1px solid #EFEFEF;
        position: absolute;
        left: 0px;
        top: 5px;
        font-family: 'Themewar';
        font-size: 10px;
        color: var(--tw-primary-color);
        line-height: 15px;
        padding: 0 0;
        text-align: center;
        padding: 0 0 0 1px;
        transition: all ease 350ms;
        -moz-transition: all ease 350ms;
        -webkit-transition: all ease 350ms;
    }

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"]:checked + span:before {
    content: "\eaa9";
    border-color: var(--tw-primary-color);
}

.loginFooter {
    padding: 23px 0 0;
}

.woocommerce .logisfareLoginRegFormWrap form .remindMeWrap {
    margin: 0 0 6px;
}

.woocommerce .logisfareLoginRegFormWrap form p.lost_password {
    margin: 0;
}

    .woocommerce .logisfareLoginRegFormWrap form p.lost_password a {
        color: var(--tw-body-color);
    }

        .woocommerce .logisfareLoginRegFormWrap form p.lost_password a:hover {
            color: var(--tw-primary-color);
        }

.woocommerce form .show-password-input:after, .woocommerce-page form .show-password-input:after {
    top: 6px;
    position: relative;
}


/*====== My Account page  ======*/
.myAccountNavigation {
    position: relative;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    float: none;
}

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

    .myAccountNavigation ul li {
        list-style: none;
        margin: 0 0 6px;
    }

        .myAccountNavigation ul li a {
            border: none;
            border-radius: 8px;
            display: block;
            width: 100%;
            font-size: 18px;
            font-weight: 500;
            color: #FFF;
            background: var(--tw-primary-color);
            font-family: var(--secondary-font);
            text-align: left;
            padding: 0 30px;
            line-height: 55px;
            height: 55px;
            position: relative;
            transition: all ease 350ms;
            -moz-transition: all ease 350ms;
            -webkit-transition: all ease 350ms;
        }

            .myAccountNavigation ul li a:hover, .myAccountNavigation ul li.is-active a {
                border-color: transparent;
                background: var(--tw-secondary-color);
                color: #FFF;
            }

            .myAccountNavigation ul li a:after {
                content: "\e95d";
                font-family: 'LogisFare' !important;
                position: absolute;
                right: 30px;
                top: 0;
                font-size: 14px;
                font-weight: 400;
            }

.myAccountPages p a {
    color: var(--tw-secondary-color);
    text-decoration: underline;
}

    .myAccountPages p a:hover {
        color: var(--tw-primary-color);
        text-decoration: underline;
    }

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    float: none;
}

.woocommerce .woocommerce-info .button {
    background: var(--tw-primary-color);
    font-family: var(--secondary-font);
    font-weight: 500;
    color: #FFF;
    border-radius: 40px;
    text-transform: capitalize;
    padding: 11px 18px 10px;
    font-size: 16px;
    overflow: hidden;
}

    .woocommerce .woocommerce-info .button:hover {
        background: var(--tw-secondary-color);
        color: #FFF;
    }

.blogDetailscontent p {
    margin: 0 0 24px;
}

.woocommerce-account .addresses .title h3 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 32px;
}

.woocommerce-account .addresses .title .edit {
    font-family: var(--primary-font);
    display: inline-block;
    position: relative;
    height: 35px;
    min-width: 10px;
    background: var(--tw-primary-color);
    border-radius: 35px;
    font-size: 12px;
    line-height: 36px;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
    padding: 0 20px;
}

    .woocommerce-account .addresses .title .edit:hover {
        background: var(--tw-secondary-color);
    }

.woocommerce .woocommerce-customer-details-box2 address {
    width: 100%;
    display: block;
    background: #F5F5F5;
    text-align: left;
    padding: 25px 25px;
    border: none;
    font-size: 16px;
    line-height: 26px;
    border-radius: 5px;
}

.woocommerce form.editAddressForm .form-row label,
.woocommerce form.edit-account .form-row label {
    display: block;
    font-family: var(--primary-font);
    font-weight: 700;
    line-height: 1;
    color: var(--tw-secondary-color);
    font-size: 16px;
    margin: 0 0 7px;
}

.woocommerce form.editAddressForm .form-row, .woocommerce form.edit-account .form-row {
    margin: 0;
    padding: 0;
}

.woocommerce form.edit-account legend {
    font-size: 24px;
    line-height: 1;
    margin: 10px 0 22px;
    color: var(--tw-secondary-color);
}

.woocommerce form.editAddressForm .form-row input:not([type="sbumit"]):not([type="radio"]):not([type="checkbox"]),
.woocommerce form.edit-account .form-row input:not([type="sbumit"]):not([type="radio"]):not([type="checkbox"]) {
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    padding: 0 24px;
    font-size: 16px;
    color: #aeb3c3;
    margin: 0 0 12px;
    display: block;
}

.woocommerce form.edit-account .form-row span.hint {
    display: block;
    margin: 0 0 12px;
}

.woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
    width: 49%;
    overflow: visible;
}

.addressSubmitRow .woocommerce-Button.button.logicBtn {
    overflow: hidden;
    padding: 0 32px;
    background: var(--tw-primary-color);
    border: 8px;
    color: #FFF;
    font-size: 14px;
    border-radius: 8px;
}

    .addressSubmitRow .woocommerce-Button.button.logicBtn:hover {
        background: var(--tw-secondary-color);
    }



/* Contact Form  Modification*/
.contact-form .form p {
    position: relative;
    margin: 0;
}

.contact-form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.contact-form select,
.contact-form textarea {
    margin-bottom: 20px;
}

.contact-form p br {
    display: none;
}

.contact-form .singleForm input, .contact-form .singleForm textarea {
    border: 1px solid #E9E9E9;
}

.contact-form .wpcf7-form-control-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .contact-form .wpcf7-form-control-wrap .nice-select {
        width: 100%;
        height: 60px;
        line-height: 60px;
        outline: 0;
        border: 0;
        border-radius: 8px;
        background: var(--tw-white-color);
        color: var(--tw-body-color);
        padding: 0 45px 0 26px;
        border: 1px solid #E9E9E9;
        margin-bottom: 20px;
    }

.contact-form .formInput .wpcf7-form-control-wrap .nice-select {
    height: 55px;
    line-height: 55px;
    padding: 0 20px 0 49px;
}

.contact-form .wpcf7-form-control-wrap .nice-select ul {
    width: 100%;
}

.contact-form .wpcf7-form-control-wrap .nice-select.open {
    border: 1px solid #E9E9E9;
}

.contact-form .wpcf7-form-control-wrap .nice-select:after {
    content: '\e905';
    font-family: 'logisfare';
    font-size: 8px;
    border: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 4px;
    right: 26px;
    color: var(--tw-body-color);
}

.contact-form .formInput .wpcf7-form-control-wrap .nice-select:after {
    width: 10px;
    height: 10px;
    content: '';
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    display: block;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.contact-form .formInput .wpcf7-form-control-wrap .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 5px;
    margin-bottom: 20px;
}

    .contact-form .wpcf7-form-control-wrap .wpcf7-checkbox > span {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        position: relative;
        margin: 0;
        padding: 0 0 0 26px;
    }

    .contact-form .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"] {
        opacity: 0;
        visibility: hidden;
        width: 0;
        height: 0;
        position: absolute;
    }

    .contact-form .wpcf7-form-control-wrap .wpcf7-checkbox label span {
        font-size: 16px;
        color: var(--tw-body-color);
    }

        .contact-form .wpcf7-form-control-wrap .wpcf7-checkbox label span:before {
            content: '';
            width: 15px;
            height: 15px;
            border-radius: 2px;
            border: 1px solid #E9E9E9;
            background: #FFF;
            position: absolute;
            left: 0px;
            top: 5px;
            font-family: 'Themewar';
            font-size: 10px;
            color: var(--tw-primary-color);
            line-height: 15px;
            padding: 0 0;
            text-align: center;
            padding: 0 0 0 1px;
            transition: all ease 350ms;
            -moz-transition: all ease 350ms;
            -webkit-transition: all ease 350ms;
        }

    .contact-form .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"]:checked + span:before {
        content: "\eaa9";
        border-color: var(--tw-primary-color);
    }

.contact-form .wpcf7-form-control-wrap .wpcf7-radio > span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    position: relative;
    margin: 0;
    padding: 0 0 0 26px;
}

.contact-form .wpcf7-form-control-wrap .wpcf7-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 5px;
    margin-bottom: 20px;
}

    .contact-form .wpcf7-form-control-wrap .wpcf7-radio input[type="radio"] {
        opacity: 0;
        visibility: hidden;
        width: 0;
        height: 0;
        position: absolute;
    }

    .contact-form .wpcf7-form-control-wrap .wpcf7-radio label span:before {
        content: '';
        position: absolute;
        left: 0;
        top: 5px;
        width: 15px;
        height: 15px;
        border: 1px solid var(--tw-primary-color);
        border-radius: 50%;
    }

    .contact-form .wpcf7-form-control-wrap .wpcf7-radio input[type="radio"]:checked + span:after {
        content: '';
        width: 9px;
        height: 9px;
        background: var(--tw-primary-color);
        border-radius: 50%;
        position: absolute;
        left: 3px;
        top: 8px;
        transition: all ease 350ms;
        -moz-transition: all ease 350ms;
        -webkit-transition: all ease 350ms;
    }

.wpcf7 form .wpcf7-response-output {
    margin: 02em 0 1em;
}

.contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    margin-top: -15px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}

.contact-form .formInput .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    color: var(--tw-secondary-color);
}

.contact-form input[type="submit"].logicBtn {
    background: var(--tw-secondary-color);
    margin: 0 0;
}

    .contact-form input[type="submit"].logicBtn:hover {
        color: var(--tw-primary-color);
    }

        .contact-form input[type="submit"].logicBtn:hover:before {
            bottom: 0;
        }

        .contact-form input[type="submit"].logicBtn:hover:after {
            left: 0;
        }

.cmb-10 {
    margin-bottom: 10px;
}

.contact-form input[type="submit"].cntsubmit {
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    height: 60px;
}

    .contact-form input[type="submit"].cntsubmit:hover {
        background: var(--tw-secondary-color);
        color: var(--tw-white-color);
    }
/* 404 Page  */
section.foferrorSec {
    padding: 120px 0 120px;
    background: #F8F8F8;
}

.foferrorContent h2 {
    font-size: 195px;
    font-weight: 700;
    color: var(--tw-primary-color);
    margin: 0 0 22px;
}

.foferrorContent p {
    font-size: 34px;
    font-weight: 500;
    color: var(--tw-secondary-color);
    font-family: var(--secondary-font);
    line-height: 44px;
    margin: 0 0 37px;
}

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

/* Shape Image  */
.layer_img {
    position: absolute;
    left: 0;
    top: 0;
}

.left_top {
    left: 0;
    right: auto;
}

.right_top {
    left: auto;
    right: 0;
}

.left_bottom {
    top: auto;
    bottom: 0;
}

.right_bottom {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}

.animation_swing {
    -webkit-animation: logisSwing 3s linear infinite;
    animation: logisSwing 3s linear infinite
}

.animation_shake {
    -webkit-animation: shake 22s infinite both;
    animation: shake 22s infinite both;
}
/*-----------------------------------------
/  Css Animation. 
/-----------------------------------------*/
@-webkit-keyframes logisSwing {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    50% {
        -webkit-transform: scaleY(1.1);
        transform: scaleY(1.1);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes logisSwing {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    50% {
        -webkit-transform: scaleY(1.1);
        transform: scaleY(1.1);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.serviceDesc01 .subTitle {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 17px;
}

.serviceDesc01 .secTitle {
    margin-bottom: 18px;
}

.serviceContent .btnLink {
    font-weight: 500;
}

.serviceWrapp03 .col-lg-8 {
    width: 66.722%;
}

.serviceWrapp03 .col-lg-4 {
    width: 33.278%;
}

/* Unite TEst  */
.stickyBTN {
    display: inline-block;
    width: auto;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    font-family: var(--primary-font);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 0 12px;
    height: 30px;
    margin-bottom: 16px;
    line-height: 30px;
    border-radius: 5px;
    border: none;
    outline: none;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    overflow: hidden;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}

    .stickyBTN:hover {
        background: var(--tw-secondary-color);
    }

.blogRightSidebar .wp-block-heading,
.widget_block.widget_search label {
    font-size: 24px;
    line-height: 1;
    margin: 9px 0 27px;
    font-weight: 700;
    font-family: var(--secondary-font);
    color: var(--tw-secondary-color);
}

.widget_block.widget_search input {
    width: 100%;
    height: 55px;
    line-height: 55px;
    border: 0;
    outline: 0;
    padding: 0 77px 0 20px;
    color: #74787C;
}

.widget_block.widget_search button {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    width: 75px;
    height: 55px;
    border: 0;
    outline: 0;
    font-size: 15px;
    font-family: var(--secondary-font);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wp-block-search__inside-wrapper {
    position: relative;
}

.sidebar .widget_archive ul li,
.sidebar .wp-block-archives-list a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 25px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    background: var(--tw-white-color);
    margin-bottom: 15px;
    color: inherit;
    position: relative;
    z-index: 1;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    cursor: pointer;
}

.sidebar .widget_block ul.wp-block-categories-list li,
.sidebar .wp-block-page-list li,
.sidebar .widget_nav_menu ul li,
.sidebar .widget_pages ul li,
.sidebar .widget_categories ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    line-height: 50px;
    font-weight: 500;
    color: inherit;
    position: relative;
    z-index: 1;
    border-top: 1px solid #D9D9D9;
}

.sidebar .widget_block ul.wp-block-categories-list > li:first-child,
.sidebar .wp-block-page-list > li:first-child,
.sidebar .widget_nav_menu > ul > li:first-child,
.sidebar .widget_pages > ul > li:first-child,
.sidebar .widget_categories > ul > li:first-child {
    border-top: 0px;
}

.sidebar .wp-block-page-list li ul.wp-block-navigation__submenu-container,
.sidebar .widget_nav_menu ul li ul.sub-menu,
.sidebar .widget_pages ul li ul.children,
.sidebar .widget_categories ul li ul.children {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 15px;
}

.sidebar .wp-block-page-list li ul li,
.sidebar .widget_nav_menu ul li ul li,
.sidebar .widget_pages ul li ul li,
.sidebar .widget_categories ul li ul li {
    width: 100%;
}

.sidebar .widget_block ul.wp-block-categories-list li a,
.sidebar .wp-block-page-list li a,
.sidebar .widget_nav_menu ul li a,
.sidebar .widget_pages ul li a,
.sidebar .widget_categories ul li a {
    color: inherit;
    font-size: inherit;
    text-transform: capitalize;
}

    .sidebar .widget_block ul.wp-block-categories-list li a:hover,
    .sidebar .wp-block-page-list li a:hover,
    .sidebar .widget_nav_menu ul li a:hover,
    .sidebar .widget_pages ul li a:hover,
    .sidebar .widget_categories ul li a:hover {
        color: var(--tw-primary-color);
    }

.sidebar .widget_block .wp-block-archives-list a::after,
.sidebar .wp-block-archives-list a:after {
    color: var(--tw-primary-color);
    position: relative;
    content: "\e9d1";
    font-family: 'Themewar' !important;
}

.sidebar .widget_archive .wp-block-archives li a {
    background: transparent;
    display: inline-block;
    width: unset;
    margin: unset;
    padding: unset;
}

.sidebar .widget_block.widget_archive .wp-block-archives li a:after {
    display: none;
}

.sidebar .widget_meta ul li {
    list-style: none;
    display: block;
    font-size: 16px;
    color: var(--tw-body-color);
    line-height: 28px;
    position: relative;
    margin: 0 0 15px;
}

    .sidebar .widget_meta ul li a {
        color: inherit;
        font-size: inherit;
    }

        .sidebar .widget_meta ul li a:hover {
            color: var(--tw-primary-color);
        }

.widget_recent_comments ul li {
    font-size: 16px;
    color: var(--tw-body-color);
    margin-bottom: 15px;
}

.sidebar .widget_block ul.wp-block-latest-posts li a {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
    margin: 0 0 6px;
    display: inline-block;
}

.sidebar .widget_block li.wp-block-latest-comments__comment a {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
    margin: 0 0 6px;
    display: inline-block;
}

    .sidebar .widget_block li.wp-block-latest-comments__comment a:hover,
    .sidebar .widget_block ul.wp-block-latest-posts li a:hover {
        color: var(--tw-primary-color);
    }

.widget_recent_comments ul li a,
.widget_recent_comments ul li span {
    font-size: inherit;
    color: inherit;
}

    .widget_recent_comments ul li a:hover {
        color: var(--tw-primary-color);
    }

.widget_archive ul li a {
    font-size: inherit;
    color: inherit;
}

.sidebar .widget_archive ul li:hover,
.sidebar .wp-block-archives-list a:hover {
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}

    .sidebar .wp-block-categories-list a:hover:after,
    .sidebar .wp-block-archives-list a:hover:after,
    .sidebar .wp-block-latest-posts__post-title:hover:after {
        color: var(--tw-white-color);
    }

.wp-block-latest-comments {
    padding: 0;
}

.blogPostStatic .wp-block-latest-comments__comment-meta a,
.blogPostStatic .wp-block-latest-comments__comment-meta {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--primary-font);
    color: var(--tw-body-color);
}

    .blogPostStatic .wp-block-latest-comments__comment-meta a:hover {
        color: var(--tw-primary-color);
    }

.blogSidebarCol .sidebar ul,
.widget.widget_rss ul,
.widget_categories ul,
.widget_archive ul,
.sidebar .wp-block-categories-list,
.sidebar .wp-block-archives-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget_categories .nice-select,
.wp-block-archives .nice-select,
.textwidget .nice-select,
.widget_archive .nice-select {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: unset;
}

    .widget_categories .nice-select.open,
    .wp-block-archives .nice-select.open,
    .textwidget .nice-select.open,
    .widget_archive .nice-selec.open {
        border: unset;
    }

    .widget_categories .nice-select:after,
    .wp-block-archives .nice-select:after,
    .textwidget .nice-select:after,
    .widget_archive .nice-select:after {
        width: 7px;
        height: 7px;
        content: '';
        border-bottom: 2px solid #999;
        border-right: 2px solid #999;
        display: block;
        right: 12px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }

    .widget_categories .nice-select ul.list,
    .wp-block-archives .nice-select ul.list,
    .textwidget .nice-select ul.list,
    .widget_archive .nice-select ul.list {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: calc(100% + 47px);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        top: 0;
        left: -17px;
    }

        .widget_categories .nice-select ul.list .option,
        .wp-block-archives .nice-select ul.list .option,
        .textwidget .nice-select ul.list .option,
        .widget_archive .nice-select ul.list .option {
            width: 100%;
            margin: 0;
        }

            .widget_categories .nice-select ul.list .option:hover,
            .wp-block-archives .nice-select ul.list .option:hover,
            .textwidget .nice-select ul.list .option:hover,
            .widget_archive .nice-select ul.list .option:hover {
                background: var(--tw-primary-color);
                color: #FFF;
            }

.wp-block-categories-dropdown .postform,
.textwidget form select {
    width: 100%;
    border: unset;
    outline: unset;
    height: 50px;
    padding: 0 30px 0 18px;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: var(--tw-body-color);
}

.wp-block-categories-dropdown .postform {
    border: 1px solid #ECECEC !important;
    margin-bottom: 30px;
}

.wp-block-categories-dropdown .postform,
.textwidget form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/down-arrow.png) no-repeat calc(100% - 22px) center #FFF;
    border: none;
    background-size: 10px;
}

.widget table {
    width: 100%;
    border: 1px solid #D9D9D9;
}

.wp-block-table td, .wp-block-table th {
    border: 1px solid #D9D9D9;
}

.widget table caption, .wp-block-calendar caption {
    font-size: 14px;
    color: var(--tw-secondary-color);
    font-weight: 600;
    line-height: .8;
    caption-side: top;
    padding: 16px 5px;
    text-align: center;
    border: 1px solid #D9D9D9;
    border-bottom: none;
    text-transform: uppercase;
}

.commentContent table thead tr th,
.blogPostStatic table thead tr th,
.blogPostStatic table tbody tr th,
.commentContent table tbody tr th,
.widget table thead tr th {
    font-size: 14px;
    background: transparent;
    color: var(--tw-secondary-color);
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #D9D9D9;
    padding: 7px 2px;
    border-right: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
}

.widget table thead, .widget table tbody {
    border-left: 1px solid #D9D9D9;
}

    .commentContent table tbody tr td,
    .blogPostStatic table tbody tr td,
    .widget table tbody tr td {
        font-size: 14px;
        color: var(--tw-body-color);
        font-weight: 400;
        text-align: center;
        border-bottom: 1px solid #D9D9D9;
        border-right: 1px solid #D9D9D9;
        padding: 7px 2px;
    }

        .widget table tbody tr td#today {
            color: var(--tw-white-color);
            background: var(--tw-primary-color);
        }

.wp-calendar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.wp-calendar-nav-next a,
.wp-calendar-nav-prev a {
    color: var(--tw-primary-color);
    font-weight: 700;
    margin-top: 10px;
    display: inline-block;
}

    .wp-calendar-nav-next a:hover,
    .wp-calendar-nav-prev a:hover {
        color: var(--tw-secondary-color);
    }

.widget_categories ul.children {
    padding-left: 30px;
}

.wp-block-search__inside-wrapper {
    padding: 0;
    border: 1px solid transparent;
}

.textwidget img {
    max-width: 100%;
    height: auto;
    margin: 15px 0;
}

.textwidget p, .wp-caption .wp-caption-text {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--tw-body-color);
}

.widget_rss .widgetTitle {
    margin-bottom: 18px;
}

    .widget_rss .widgetTitle a {
        font-size: 24px;
    }

.widgetTitle a {
    color: var(--tw-secondary-color) !important;
}

.textwidget form {
    margin-top: 12px;
}

.rss-date,
.wp-block-rss__item-publish-date {
    font-size: 16px;
    line-height: 24px;
    color: var(--tw-body-color);
    margin: 0 0 12px;
    display: block;
}

.widget_recent_entries ul li a,
.wp-block-rss__item-title a,
.rsswidget {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
    margin: 0 0 6px;
    display: inline-block;
}

    .widget_recent_entries ul li a:hover,
    .wp-block-rss__item-title a:hover,
    .rsswidget:hover {
        color: var(--tw-primary-color);
    }

.widget.widget_rss ul li:not(:last-child) {
    margin-bottom: 32px;
}

.wp-block-rss__item .wp-block-rss__item-author,
.widget.widget_rss ul li cite {
    font-weight: 700;
    margin-top: 6px;
    display: inline-block;
}

.wp-block-rss__item .wp-block-rss__item-author {
    margin: 0 0 2px;
    font-size: 14px;
}


/* content test  */
.blogPostStatic > ul {
    padding: 0 0 0 16px;
}

.commentContent ul,
.commentContent ol {
    list-style: none;
    padding: 0;
}

.commentContent > ul > li,
.commentContent > ol > li,
.blogPostStatic > ul > li,
.blogPostStatic > ol > li {
    margin: 0 0 12px;
}

.wp-block-post-template.is-layout-flow li > h2 {
    margin: 0 0 25px;
}

.wp-block-query-pagination {
    margin: 42px 0px 30px;
}

.wp-block-query-pagination-numbers {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .PaginInner > a,
    .PaginInner > span,
    .post-navigation-link-next a,
    .blogPostStatic .wp-block-query-pagination .page-numbers.dots,
    .post-navigation-link-previous a,
    .wp-block-query-pagination-prev,
    .wp-block-query-pagination-next,
    .wp-block-query-pagination-numbers a,
    .wp-block-query-pagination-numbers span {
        width: 50px;
        height: 50px;
        background: #F5F5F5;
        color: var(--tw-primary-color);
        font-size: 16px;
        font-weight: 600;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .blogPostStatic .PaginInner > a:hover,
        .blogPostStatic .wp-block-query-pagination .page-numbers.dots:hover,
        .blogPostStatic .post-navigation-link-next a:hover,
        .blogPostStatic .post-navigation-link-previous a:hover,
        .blogPostStatic .wp-block-query-pagination-prev:hover,
        .blogPostStatic .wp-block-query-pagination-next:hover,
        .blogPostStatic .wp-block-query-pagination-numbers a:hover {
            background: var(--tw-primary-color);
            color: var(--tw-white-color);
        }

        .PaginInner > span.current,
        .wp-block-query-pagination-numbers span.current {
            background: var(--tw-primary-color);
            color: var(--tw-white-color);
        }

.wp-block-query-pagination-prev,
.wp-block-query-pagination-next {
    width: unset;
    padding: 0 15px;
}

.PaginInner {
    margin-bottom: 48px;
}

    .PaginInner a,
    .PaginInner span {
        margin: 0 6px;
    }

.post-navigation-link-previous a,
.post-navigation-link-next a {
    width: unset;
    padding: 0 15px;
    margin-bottom: 15px;
}

.blogPageWrap .blogPostStatic .wp-block-avatar img,
.blogPageWrap .blogPostStatic .wp-block-latest-comments__comment img {
    width: auto;
    margin-bottom: 10px;
}

.wp-block-post-author p {
    margin-bottom: 12px;
}

.taxonomy-category.wp-block-post-terms a {
    color: var(--tw-body-color);
}

    .taxonomy-category.wp-block-post-terms a:hover {
        color: var(--tw-primary-color);
    }

.wp-block-read-more {
    height: 40px;
    line-height: 42px;
    padding: 0 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--tw-white-color);
    margin-right: 0;
    font-family: var(--secondary-font);
    border-radius: 5px;
    position: relative;
    font-weight: 700;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    background-color: var(--tw-primary-color);
    margin-bottom: 15px;
}

    .wp-block-read-more:hover {
        background: var(--tw-secondary-color);
        color: var(--tw-white-color);
    }

.wp-block-comment-author-name a,
.wp-block-comment-date a,
.wp-block-comment-edit-link a,
.wp-block-comment-reply-link a {
    color: var(--tw-body-color);
}

    .wp-block-comment-author-name a:hover,
    .wp-block-comment-date a:hover,
    .wp-block-comment-edit-link a:hover,
    .wp-block-comment-reply-link a:hover {
        color: var(--tw-primary-color);
    }

.wp-block-post-comments-form .logged-in-as a {
    color: var(--tw-primary-color);
}

    .wp-block-post-comments-form .logged-in-as a:hover {
        color: var(--tw-secondary-color);
    }

.form-submit input[type="submit"] {
    display: inline-block;
    width: auto;
    height: 55px;
    line-height: 55px;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 0 32px;
    border-radius: 8px;
    border: none;
    outline: none;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    overflow: hidden;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}

    .form-submit input[type="submit"]:hover {
        background: var(--tw-secondary-color);
    }

.logged-in.wp-block-loginout a {
    color: var(--tw-primary-color);
}

    .logged-in.wp-block-loginout a:hover {
        color: var(--tw-secondary-color);
    }

.blogPostStatic .wp-block-page-list a,
.blogPostStatic .wp-block-archives-list a,
.blogPostStatic .wp-block-categories-list a,
.blogPostStatic .wp-block-latest-posts__post-title {
    color: var(--tw-body-color);
}

    .blogPostStatic .wp-block-page-list a:hover,
    .blogPostStatic .wp-block-archives-list a:hover,
    .blogPostStatic .wp-block-categories-list a:hover,
    .blogPostStatic .wp-block-latest-posts__post-title:hover {
        color: var(--tw-primary-color);
    }

.blogPostStatic table tbody tr td a, .blogPostStatic table tbody tr th a {
    text-decoration: none;
    color: var(--tw-primary-color);
}

.woocommerce-page .blogPostStatic table tbody tr td a {
    color: var(--tw-white-color);
}

.blogPostStatic table tbody tr th, .blogPostStatic table thead tr th {
    background: transparent;
}

.blogPostStatic nav.wp-calendar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 15px;
}

.blogPostStatic .wp-block-rss {
    padding: 0;
}

.blogPostStatic .wp-block-tag-cloud a {
    border: 1px solid #ECECEC;
    margin: 0;
    color: var(--tw-body-color);
}

    .blogPostStatic .wp-block-tag-cloud a:hover {
        color: var(--tw-white-color);
    }

.blogPostStatic .wp-block-search__input {
    border: 1px solid #ECECEC;
    padding: 0 80px 0 20px;
}

.blogPostStatic .wp-block-search__button {
    width: unset;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blogPostStatic form.wp-block-search__text-button,
.blogPostStatic form.wp-block-search {
    margin-bottom: 40px;
}

.commentContent table tr td a,
.commentContent a {
    color: var(--tw-primary-color);
}

.wp-block-buttons {
    margin-bottom: 20px;
}

.commentContent table tr td a:hover,
.commentContent a:hover {
    color: var(--tw-secondary-color);
}

.wp-block-navigation__responsive-container-content > ul {
    padding: 27px 0 25px;
}

.blogPageWrap .blogPostStatic p > img,
.blogPageWrap .blogPostStatic .wp-caption > img,
.blogPageWrap .blogPostStatic .wp-block-image.size-full img {
    width: auto;
}

.wp-block-image .aligncenter img {
    margin-bottom: 10px;
}

.blogPageWrap .blogPostStatic .wp-caption a > img,
.blogPageWrap .blogPostStatic .wp-caption > img {
    margin-bottom: 12px;
}

.postContent .alignnone, .postContent .aligncenter {
    margin: auto;
    text-align: center;
    display: block;
    width: auto !important;
}

.blogPostStatic .gallery dt.gallery-icon img {
    margin-bottom: 10px;
}

.blogPostStatic .wp-block-cover {
    margin-bottom: 20px;
}

.wp-block-image .aligncenter > figcaption {
    display: block;
}

.blogPostStatic pre, .blogPostStatic pre {
    max-height: 300px;
    overflow: scroll;
    max-width: 100%;
    background: #F6F6F6;
    color: #696969;
    padding: 25px;
    margin: 25px 0 32px;
}

.blogPostStatic code, .blogPostStatic code {
    color: var(--tw-primary-color);
}

.blogPostStatic .alignleft {
    margin: 0 20px 10px 0;
    float: left;
    clear: both;
}

.blogPostStatic .wp-block-button.aligncenter, .wp-block-button {
    margin-bottom: 30px;
}

    .wp-block-button.is-style-squared a {
        border-radius: 0;
    }

.blogPostStatic .alignright {
    margin: 10px 0 10px 15px;
    float: right;
    clear: both;
    width: auto !important;
}

.blogPostStatic figcaption.blocks-gallery-caption {
    margin-bottom: 30px;
}

.blogPostStatic .wp-block-columns .wp-block-column blockquote {
    padding: 24px 10px 25px 70px;
}

    .blogPostStatic .wp-block-columns .wp-block-column blockquote:before {
        width: 62px;
        font-size: 25px;
    }

    .blogPostStatic .wp-block-columns .wp-block-column blockquote p {
        font-size: 16px;
    }

    .blogPostStatic .wp-block-columns .wp-block-column blockquote cite {
        font-size: 14px;
    }

.blogPostStatic blockquote.wp-block-quote.is-style-large {
    padding: 31px 40px 32px 164px;
}

    .blogPostStatic blockquote.wp-block-quote.is-style-large cite > br {
        display: none;
    }

.blogPostStatic figcaption a,
.postContent p > a,
.blogPostStatic blockquote a,
.blogPostStatic .wp-block-file a {
    color: var(--tw-primary-color);
}

    .blogPostStatic figcaption a:hover,
    .postContent p > a:hover,
    .blogPostStatic blockquote a:hover,
    .blogPostStatic .wp-block-file a:hover {
        color: var(--tw-secondary-color);
    }

.blogPostStatic .wp-block-file .wp-block-file__button {
    color: var(--tw-white-color);
}

    .blogPostStatic .wp-block-file .wp-block-file__button:hover {
        color: var(--tw-primary-color);
    }

.blogPostStatic > ol > li > a,
.blogPostStatic > ul a {
    color: var(--tw-secondary-color);
}

    .blogPostStatic > ol > li > a:hover,
    .blogPostStatic > ul a:hover {
        color: var(--tw-primary-color);
    }

.commentContent table,
.blogPostStatic table {
    width: 100%;
    border: 1px solid #D9D9D9;
    background: transparent;
    margin: 30px 0 30px;
}

    .blogPostStatic table thead {
        border-left: 1px solid #D9D9D9;
    }

.blogPostStatic dd {
    margin-bottom: 20px;
}

    .commentContent table a,
    .blogPostStatic dd a {
        color: var(--tw-primary-color);
    }

        .commentContent table a:hover,
        .blogPostStatic dd a:hover {
            color: var(--tw-secondary-color);
        }

.blogPostStatic > ul > li ol,
.blogPostStatic > ol > li ul,
.commentContent > ul > li ul,
.commentContent > ol > li ol,
.postContent > ul > li ul,
.postContent > ol > li ol {
    margin-top: 10px;
    padding-left: 16px;
}

    .blogPostStatic > ul > li > ol li,
    .blogPostStatic > ol > li ul li,
    .commentContent > ul > li > ul li,
    .commentContent > ol > li > ol li,
    .postContent > ul > li > ul li,
    .postContent > ol > li > ol li {
        margin-bottom: 12px;
    }

.singleComment.pingbackcomments {
    padding-left: 0;
    min-height: auto;
}

.commentContent > p {
    margin-bottom: 16px;
}

.blogPostStatic input[type="password"] {
    display: block;
    max-width: 240px;
    width: 100%;
    height: 50px;
    background: transparent;
    padding: 0 20px;
    border: 1px solid #E9E9E9;
    border-radius: 0;
    font-size: 14px;
    margin: 10px 0 0;
    color: #8799a3;
    float: left;
    outline: unset;
}

.blogPostStatic input[type="submit"] {
    font-size: 16px;
    border: none;
    outline: none;
    height: 100%;
    position: relative;
    top: 10px;
    padding: 0 20px;
    margin: 0 0 0 -5px;
    background: var(--tw-primary-color);
    color: #fff;
    line-height: 50px;
    border-radius: 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

    .blogPostStatic input[type="submit"]:hover {
        background: var(--tw-secondary-color);
    }

.protected-post-form p {
    position: relative;
    overflow: hidden;
}

    .protected-post-form p br {
        display: none;
    }

.blogPostStatic iframe, .blogPostStatic .twitter-tweet {
    max-width: 100% !important;
}


/* Wp Update Absolute Header  */
.topBar01.absoluteTopB {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
}

.header01.absoluteHeader,
.header02.absoluteHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
}

header.fixedHeader.absoluteHeader {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 0 25px rgb(0 0 0 / 15%);
    border: none;
    z-index: 99;
}
.tracking-order .elementor-3486 .elementor-element.elementor-element-7091711:not(.elementor-motion-effects-element-type-background) {
    background-image: unset !important;
}
.tracking-order .elementor-3486 .elementor-element.elementor-element-7236710 > .elementor-element-populated {
    padding: 10px;
}