/*
 Theme Name: Archiox 
 Theme URI: https://themewar.com/wp/archiox/
 Author: ThemeWar
 Author URI: https://themeforest.net/user/themewar/portfolio
 Description: Archiox Architecture & interior Wordpress Theme
 Version: 1.0
 License:
 License URI: 
*/

/*==================================
    [Table of contents]
===================================
    01. Home One
    02. Home Two
    03. Home Three
    04. About Us
    05. Service Page
    06. Team Page
    07. Faq Page
    08. Contact Us
    09. Projects Page
    10. Projects Details
    11. Team Single
    12. Service Single
    13. Blog Page
    14. Blog Details
    15. Product Page
    16. Product Details
    17. 404 Page

/*-----------------------------------------
/  01. Home One
/-----------------------------------------*/
.headerAllWrap{
    position: relative;
    margin: 0;
    padding: 0;
}
/* -- Header Topbar -- */
.topbar01{
    position: relative;
    padding: 0 60px;
    z-index: 99997;
}
.topbar01 .container-fluid{
    border-bottom: 1px solid var(--heading-color);
}
.topbar01.topBarAbsolute,
.topbar01.topBarFixed{
    position: fixed;
    width: 100%;
    height: auto;
    top:0;
    left:0;
}
.topbar01.topBarAbsolute{
    position: absolute;
}
.topbarItems{
    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;
}
.topbarAddress{
    position: relative;
}
.topbarAddress a,
.topbarAddress span{
    display: inline-block;
    color: inherit;
    font-size: 14px;
    color: var(--dark-color01);
    line-height: 1;
    text-transform: uppercase;
}

.topbarAddress span{
    margin-right: 26px;
}
.topbarAddress > span:last-child{
    margin-right: 0;
}
.topbarAddress a:hover{
    color: var(--tw-primary-color);
}
.topbarAddress span{
    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;
}
.topbarAddress> a:hover span{
    color: var(--tw-secondary-color);
}

.topbarNavigation{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.topbarNavigation .topNav ul {
    list-style: none;
    margin: 0px;
    padding: 0;
    position: relative;
}
.topbarNavigation .topNav.separator ul{
    margin: 0px 75px 0 0;
}
.topbarNavigation .topNav.separator ul:after {
    content: "";
    position: absolute;
    right: -40px;
    top: 5px;
    width: 1px;
    height: 17px;
    background: rgba(255,255,255,0.5);
}
.topbarNavigation .topNav ul li{
    font-size: 14px;
    display: inline-block;
    color: var(--heading-color);
    line-height: 1;
    text-transform: uppercase;
    margin-left: 30px;
}
.topbarNavigation .topNav ul li a{
    color: inherit;
    padding: 2px;
}
.topbarNavigation .topNav ul li a:hover{
    color: var(--tw-primary-color);
}
.headLang ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}
.headLang ul.dropdownMenu {
    position: relative
}
.headLang .dropdownMenu>li {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: var(--tw-white-color);
    font-family: var(--primary-font);
    text-transform: uppercase;
}
.headLang .dropdownMenu>li a {
    position: relative;
    display: inline-block;
    color: inherit;
    font-size: inherit;
    line-height: inherit
}
.headLang ul.dropdownMenu li>ul li {
    color: var(--tw-white-color);
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
    font-weight: 400;
    padding-bottom: 0;
    -webkit-transition: all .35s linear;
    transition: all .35s linear
}
.headLang .dropdownMenu>li>a {
    top: 1px;
    padding: 12px 8px 12px 4px;
}
.headLang .dropdownMenu>li>a:hover,
.headLang .dropdownMenu>li>a:focus-within{
    color: var(--tw-secondary-color);
}
.headLang .dropdownMenu>li.menu-item-has-children>a:after {
    content: "\eb9d";
    font-family: 'Themewar' !important;
    font-size: 9px;
    font-weight: 400;
    position: relative;
    left: 8px;
    top: -1px;
    display: inline-block;
    transition: all ease 250ms;
    -moz-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
}
.headLang ul.dropdownMenu li ul {
    position: absolute;
    padding: 15px 0;
    top: 100%;
    right: 0;
    pointer-events: none;
    display: block;
    min-width: 160px;
    border-radius: 0;
    margin: 0;
    background: var(--tw-secondary-color);
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 30px 60px 0 rgb(2 24 93/8%);
    z-index: 99997;
    -webkit-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s
}
.headLang ul.dropdownMenu li>ul li {
    padding: 8px 25px;
    -webkit-transition: .4s;
    transition: .4s;
    width: 100%;
    display: block
}
.headLang ul.dropdownMenu li>ul li a {
    display: inline-block
}
.headLang ul.dropdownMenu li:hover>ul {
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg)
}
.headLang ul.dropdownMenu li>ul li:hover {
    background: 0 0
}
.headLang ul.dropdownMenu li>ul li a:hover {
    padding-left: 5px;
}

/* -- Header 01 -- */
.header01{
    position: relative;
    margin: 0 60px;
    z-index: 99996;
}
.header01.headerFixed{
    position: fixed;
    height: auto;
    top:0;
    left:0;
    width: 100%;
}
.header01.headerAbsolute {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
header.header01.fixedHeader {
    position: fixed;
    width: 100%;
    margin: 0;
    padding: 0 60px;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 0 25px rgb(0 0 0 / 15%);
    border: none;
    z-index: 99996;
}
.header01Inner{
    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;
}
.header01Inner .logo{
    position: relative;
}
.header01Inner .logo a{
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: inherit;
    margin: 21px 70px 0 0;
}
.header01Inner .logo a img{
    max-width: 86px;
    height: auto;
}
.header01Inner .logo button{
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 14px;
    line-height: 26px;
    color: var(--heading-color);
    text-transform: uppercase;
    text-align: center;
    max-width: 102px;
    width: 100%;
    height: auto;
    position: relative;
    top: -16px;
}
.header01Inner .logo button:after{
    content: "";
    position: absolute;
    left: 6px;
    right: 0;
    bottom: 26px;
    width: 99.1%;
    height: 1px;
    background: #D4D4D4;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.header01Inner .logo button:hover:after{
    background: var(--heading-color);
}
.header01Inner .logo button:before {
    content: '';
    position: absolute;
    left: -35px;
    top: -23px;
    width: 1px;
    height: 100px;
    background: var(--heading-color);
}
.mainMenu{
    position: relative;
}
.mainMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mainMenu > ul > li {
    position: relative;
    display: inline-block;
    padding: 36px 0 38px;
    margin: 0 50px 0 0;
}
.mainMenu > ul > li:last-child {
    margin-right: 0;
}
.mainMenu > ul > li.menu-item-has-children > a:after {
    content: "\eb9d";
    font-family: 'Themewar' !important;
    font-size: 9px;
    font-weight: 400;
    position: relative;
    left: 7px;
    top: 0px;
    display: inline-block;
    transition: all ease 250ms;
    -moz-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
}
.mainMenu ul li a {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: var(--heading-color);
    text-transform: uppercase;
}
.mainMenu > ul > li:hover > a{
    color: var(--tw-primary-color);
}
.mainMenu ul li ul {
    position: absolute;
    padding: 15px 0;
    top: 100%;
    left: -10px;
    pointer-events: none;
    display: block;
    min-width: 200px;
    border-radius: 0;
    margin: 0;
    background: #444;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 30px 60px 0px rgb(2 24 93 / 8%);
    z-index: 10;
    -webkit-transition: .3s;
    transition: .3s;
    text-transform: capitalize;
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
}
.mainMenu ul li ul.sub-menu > li.menu-item-has-children:after{
    content: '\eb9f';
    font-family: 'Themewar';
    font-weight: 900;
    position: absolute;
    right: 25px;
    font-size: 10px;
    top: 4px;
    color: var(--tw-white-color);
    transition: all 350ms ease;
}
.mainMenu ul li ul.sub-menu > li.menu-item-has-children:hover:after{
    color: var(--tw-primary-color);
}
.mainMenu > ul li:hover > ul {
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(1px,0,0);
    transform: translate3d(1px,0,0);
}
.mainMenu > ul li > ul li {
    margin: 0;
    padding: 4px 30px 4px;
    width: 100%;
    position: relative;
    -webkit-transition: .4s;
    transition: .4s;
    text-transform: capitalize;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    opacity: 0;
    visibility: hidden;
}
.mainMenu > ul li:hover > ul > li{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    visibility: visible;
    transition-delay: 50ms;
}
.mainMenu > ul li > ul li a {
    color: var(--tw-white-color);
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    display: inline;
    padding-bottom: 0px;
    -webkit-transition: all .2s;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: relative;
}
.mainMenu > ul li > ul li:hover > a,
.mainMenu > ul > li ul li.menu-item-has-children:hover:before {
    color: var(--tw-primary-color);
    background: transparent;
}
.mainMenu ul li ul li ul {
    left: 100%;
    top: 0;
}
.menu_btn{
    display: none;
}
.header01 .mainMenu > ul > li:nth-last-child(1) ul.sub-menu,
.header01 .mainMenu > ul > li:nth-last-child(2) ul.sub-menu,
.header01 .mainMenu > ul > li:nth-last-child(3) ul.sub-menu{
    left: -101%;
}
.header01 .mainMenu > ul > li:nth-last-child(1) > ul.sub-menu {
    left: auto;
    right: 0;
}
.header01 .mainMenu ul li a{
    padding-right: 7px;
}
.mb_menuBtn{
    display:none;
}

/* -- Banner Area -- */
.banner01Area{
    position: relative;
}
.bannerCaption {
    position: relative;
}
.bannerCaption h2{
    position: relative;
    font-size: 100px;
    line-height: 110px;
    margin: 0;
    z-index: 1;
}
.bannerCaption h2 span{
    position: relative;
    padding-left: 184px;
    display: inline-block;
}

/* -- 12. Service Single -- */

.service01Wrap{
    position: relative;
}
.ser01Single{
    position: relative;
    margin: 0 0 60px;
}
.ser01Single span {
    font-size: 80px;
    color: var(--heading-color);
    display: inline-block;
    margin: 0 0 61px;
}
.ser01Single h3{
    font-size: 26px;
    line-height: 1;
    margin: 0 0 29px;
}
.ser01Single h3 a{
    display: inline-block;
    color: inherit;
    position: relative;
}
.ser01Single h3 a:after{
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: var(--heading-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.ser01Single h3 a:hover:after{
    width: 100%;
    left: 0;
    right: auto;
}
.ser01Single p{
    padding: 0 40px 24px 0;
}

/* -- Cta Section -- */
.cta01Counter{
    position: relative;
    z-index: 1;
    text-align: center;
}
.cta01Counter:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -165px;
    width: 682px;
    height: 682px;
    z-index: -1;
    -webkit-animation: counterAnim 3s linear infinite;
            animation: counterAnim 3s linear infinite;
}
@-webkit-keyframes counterAnim {
    0%{
        -webkit-transform: scale(.5);
                transform: scale(.5);
    }
    100%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes counterAnim {
    0%{
        -webkit-transform: scale(.5);
                transform: scale(.5);
    }
    100%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
.cta01Counter h2{
    font-size: 400px;
    margin: 0 0 57px;
    line-height: .75;
    position: relative;
    top: 18px;
    display: inline-block;
    font-family: var(--secondary-font);
}
.cta01Counter h2 small{
    font-size: 200px;
}
.cta01Counter h3{
    font-size: 40px;
    line-height: 50px;
    max-width: 475px;
    width: 100%;
    margin: 0  auto;
}

/* Client Slider */
.client01Wrap{
    position: relative;
    margin: 0 0 30px;
}
.clientSlider.owl-carousel .owl-stage{
    padding: 20px 0 80px;
    border-bottom: 1px solid #D4D4D4;
}
.clientSlider.oel-carousel .owl-item img{
    max-width: inherit;
}
.clientSlider.owl-carousel .owl-item img{
    max-width: 177px;
    width: inherit;
    margin: 0 auto;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.clientSlider.owl-carousel .owl-item .cleintLogo{
    position: relative;
    display: block;
}
.clientSlider.owl-carousel .owl-item .cleintLogo img{
    opacity: 0.6;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.clientSlider.owl-carousel .owl-item .cleintLogo:hover img{
    opacity: 1;
}
.clientSlider.owl-carousel .owl-item .cleintLogo:after{
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    bottom: -81px;
    width: 0;
    height: 1px;
    background: var(--heading-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.clientSlider.owl-carousel .owl-item .cleintLogo:hover:after{
    width: 100%;
    right: auto;
    left: 0;
}
.requestLink{
    font-size: 20px;
    line-height: 20px;
    color: var(--dark-color01);
    margin: 0;
}
.requestLink a{
    color: var(--heading-color);
    display: inline-block;
    text-decoration: underline;
}
.requestLink a:hover{
    color: var(--tw-primary-color);
}

/* -- Client Logo Grid -- */
.clientLogoGrid{
    position: relative;
}
.clientLogoGrid .cleintLogo{
    display: block;
    text-align: center;
}


/* -- Portfolio Section -- */
.portfolioWrap{
    position: relative;
    margin: 52px 0 0;
}
.folioFilter_nav {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    column-gap: 8px;
    row-gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.folioFilter_nav li {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--tw-white-color);
    background: var(--tw-secondary-color);
    padding: 0 32px;
    height: 50px;
    line-height: 50px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    cursor: pointer;
}
.folioFilter_nav li:hover,
.folioFilter_nav li.active{
    background: var(--tw-primary-color);
}
.folioFilter_nav.text-start{
    justify-content: flex-start;
}
.folioFilter_nav.text-end{
    justify-content: flex-end;
}
.portfolioWrap .row.gx-4 {
    --bs-gutter-x: 1.875rem;
}
.pf01Single{
    position: relative;
    margin: 0 0 50px;
}
.pf01Single .pfThumb{
    position: relative;
    cursor: pointer;
}
.pf01Single .pfThumb img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.pf01Content{
    position: relative;
    padding: 30px 0 0;
}
.pf01Single .pfCat{
    position: relative;
    font-size: 14px;
    line-height: 14px;
    color: var(--dark-color01);
    text-transform: uppercase;
    margin: 0 0 17px;
}
.pf01Single .pfCat a{
    display: inline-block;
    color: inherit;
}
.pf01Single .pfCat a:hover{
    color: var(--tw-primary-color);
}
.pf01Single h3{
    font-size: 26px;
    line-height: 26px;
    margin: 0;
}
.pf01Single h3 a{
    display: inline-block;
    color: inherit;
}
.pf01Single h3 a:hover{
    color: var(--tw-primary-color);
}
.portfolioWrap .btnLink{
    max-width: 72px;
    margin: 28px 0 0;
}

/* -- Expertise Section -- */
.expertiseSlider .expertItem{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* margin-right: 70px; */
}
.expertiseSlider .expertItem .expertImage{
    position: relative;
    max-width: 400px;
    text-align: center;
    z-index: 1;
}
.expertiseSlider .expertItem .expertImage:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.expertiseSlider.owl-carousel .owl-item img{
    max-width: 400px;
    height: auto;
    width: inherit;
    border-radius: 50%;
}
.expertiseSlider .expertItem .expertImage h2{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto auto;
    font-size: 120px;
    line-height: 1;
    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;
    z-index: 1;
}
.expertiseSlider .expertItem .expertContent {
    width: 530px;
    padding-left: 80px;
}
.expertiseSlider .expertItem .expertContent h3{
    font-size: 60px;
    line-height: 70px;
    margin: 0 0 25px;
}
.expertiseSlider.owl-carousel .owl-stage {
    margin-left: -122px;
}

/* -- Counter Section -- */
.countSingle02{
    position: relative;
    padding: 8px 0 1px 86px;
    z-index: 1;
}
.countSingle02:after{
    content: "";
    position: absolute;
    left: -20px;
    top: -20px;
    width: 52px;
    height: 52px;
    background: #F6F0F0;
    border-radius: 50%;
    z-index: -1;
}
.countSingle02 h2{
    font-size: 60px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
    text-transform: uppercase;
    display: inline-table;
}
.countSingle02 h2 .counterSuffix{
    position: relative;
}
.countSingle02 p{
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--dark-color01);
}
.countText{
    font-size: 20px;
    line-height: 20px;
    color: var(--dark-color01);
    text-align: center;
    z-index: 9;
    position: relative;
}
.countText a{
    color: var(--heading-color);
    text-decoration: underline;
}
.countText a:hover{
    color: var(--tw-primary-color);
}

.archioxFactAlign-right .countSingle02{
    padding: 8px 86px 1px 0;
    text-align: right;
}
.archioxFactAlign-right .countSingle02:after{
    right: -20px;
    left: auto;
}
.archioxFactAlign-right .countSingle02 h2{
    right: 0;
    left: auto;
}

.archioxFactAlign-center .countSingle02{
    padding: 8px 0 0 0;
    text-align: center;
}
.archioxFactAlign-center .countSingle02:after{
    right: 0;
    left: 0;
    margin: 10px auto;
}
.archioxFactAlign-center .countSingle02 h2{
    position: relative;
}

/* -- Process Section -- */
.processItem{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.processItem span{
    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);
    width: 250px;
    height: 250px;
    border-radius: 50%;
    font-size: 100px;
    color: var(--heading-color);
    margin: 0 0 40px;
    -webkit-animation: slide_up_down 1.7s ease-in-out infinite alternate both;
    animation: slide_up_down 1.7s ease-in-out infinite alternate both;
}
.processItem h4{
    font-size: 20px;
    line-height: 20px;
}
.processItem h4 a{
    display: inline-block;
    color: inherit;
}
.processItem h4 a:hover{
    color: var(--tw-primary-color);
}

@-webkit-keyframes slide_up_down {
    0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
    }
    100% {
       -webkit-transform: translateY(-20px);
       transform: translateY(-20px);
    }
}
@keyframes slide_up_down {
    0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
    }
    100% {
       -webkit-transform: translateY(-20px);
       transform: translateY(-20px);
    }
}

/* -- Blog Section -- */
.bi01Single,
.bi02Single{
    position: relative;
    margin: 0 0 40px;
}
.bi01Single .bi01Thumb,
.bi02Single .bi01Thumb{
    position: relative;
    overflow: hidden;
}
.bi01Single .bi01Thumb img,
.bi02Single .bi01Thumb img{
    max-width: 100%;
    width: 100%;
    height: auto;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.bi01Single:hover .bi01Thumb img,
.bi02Single:hover .bi01Thumb img{
    -webkit-transform: scale(1.08) rotate(-2deg);
            transform: scale(1.08) rotate(-2deg);
    cursor: pointer;
}
.bi01Con{
    position: relative;
    padding: 0 50px 0 0;
    background: var(--tw-white-color);
}
.bi02Single .bi01Con{
    width: calc(100% - 30px);
    padding: 33px 50px 0 0;
    position: relative;
    top: -50px;
}
.boxX-align-center .bi02Single .bi01Con{
    left: 0;
    right: 0;
    margin: auto;
    padding: 33px 25px 0 25px;
}
.boxX-align-right .bi02Single .bi01Con{
    float: right;
}
.boxX-align-right .bi02Single .bi01Con{
    padding: 33px 0 0 40px;
}
.bi01Con span{
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    text-transform: uppercase;
    color: var(--dark-color01);
    display: inline-block;
    margin: 0 0 12px;
}
.bi01Con span a{
    display: inline-block;
    color: inherit;
}
.bi01Con span a:hover{
    color: var(--tw-primary-color);
}
.bi01Con h3{
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 40px;
    color: var(--heading-color);
}
.bi01Con h3 a{
    color: inherit;
}
.bi01Con p{
    font-size: 14px;
    line-height: 14px;
    color: var(--heading-color);
    margin: 0;
    text-transform: uppercase;
}
.bi01Con p a{
    display: inline-block;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px
}
.bi01Con p a:hover{
    color: var(--tw-primary-color);
}
.bi01Single .bi01Con p a{
    text-decoration: none;
}
.bi02Single .bi01Con p a{
    padding-bottom: 3px;
}

/* -- Footer Area -- */
.footer01{
    position: relative;
    background: var(--heading-color);
    padding: 122px 0 122px;
}
.footer_logo{
    position: relative;
    margin: 0 0 36px;
}
.footer_logo a{
    display: inline-block;
}
.footer_logo a img{
    max-width: 86px;
    width: 100%;
    height: auto;
}
.footer01 .widget{
    position: relative;
}
.footer01 .widget h4{
    color: var(--tw-white-color);
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--tw-secondary-color);
    position: relative;
    display: inline-block;
    margin: 0 0 16px;
    line-height: 1;
}
.footer01 .widget h4:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: var(--tw-white-color);
}
.footerSocial{
    position: relative;
    display: inline-flex;
    gap: 21px;
}
.footerSocial a{
    display: inline-block;
    color: var(--dark-color02);
    font-size: 18px;
}
.footerSocial a:hover{
    color: var(--heading-color);
}
.footerSocial a svg {
    width: 18px;
    height: auto;
}
.copyright01{
    position: relative;
}
.copyright01 {
    font-size: 14px;
    line-height: 26px;
    color: var(--dark-color02);
    text-transform: uppercase;
}
.copyright01 p{
    margin: 0;
    color: var(--dark-color02);
}
.copyright01 a{
    display: inline-block;
    color: var(--tw-white-color);
    position: relative;
}
.copyright01 a:hover{
    color: var(--tw-primary-color);
}
.copyright01 a:after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--tw-white-color);
    bottom: 3px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.copyright01 a:hover:after{
    background: var(--tw-primary-color);
}
.footerContent{
    position: relative;
}
.footerContent h2{
    color: var(--tw-white-color);
    font-size: 60px;
    line-height: 70px;
    margin: 0 0 63px;
}
.footer01Address{
    position: relative;
}
.footer01Address .footerWidget h4{
    margin: 0 0 22px;
}
.footer01Address h3{
    font-size: 30px;
    line-height: 40px;
    color: var(--dark-color02);
    margin: 0;
}
.footer01Address h3 a{
    display: inline-block;
    color: inherit;
    position: relative;
}
.footer01Address h3 a:hover{
    color: var(--tw-white-color);
}
.footer01Address h3 a:after{
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    bottom: 3px;
    width: 0;
    height: 1px;
    background: var(--tw-white-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.footer01Address h3 a:hover:after{
    width: 100%;
    right: auto;
    left: 0;
}

/* -- Footer Blog -- */
.fwLatestPost {
    position: relative;
    padding: 13px 0 0 93px;
    min-height: 70px;
    margin: 0 0 20px;
}
.fwLatestPost:last-child{
    padding-bottom: 0;
}
.fwLatestPost a{
    display: block;
    color: inherit;
}
.fwLatestPost a img{
    max-width: 70px;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}
.fwLatestPost p {
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: var(--dark-color02);
    margin: 0 0 14px;
}
.fwLatestPost h3{
    font-size: 18px;
    line-height: 18px;
    color: var(--tw-white-color);
}
.fwLatestPost h3 a:hover{
    color: var(--tw-primary-color);
}

/*-----------------------------------------
/  02. Home Two
/-----------------------------------------*/
.header02{
    position: relative;
    /* background: transparent; */
    background: #212121;
    padding: 20px 120px;
    z-index: 99996;
}
.header02.headerFixed{
    position: fixed;
    height: auto;
    top:0;
    left:0;
    width: 100%;
}
.header02.headerAbsolute {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
header.header02.fixedHeader {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: var(--tw-secondary-color);
    box-shadow: 0 0 25px rgb(0 0 0 / 15%);
    border: none;
    z-index: 99996;
}
.header02Inner{
    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;
}
.header02Inner .logo{
    position: relative;
}
.header02Inner .logo a{
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: inherit;
}
.header02Inner .logo a img{
    max-width: 86px;
    height: auto;
}
.header02Info{
    position: relative;
    margin: auto auto auto 108px;
    font-size: 14px;
    line-height: 14px;
    color: var(--dark-color02);
    text-transform: uppercase;
}
.header02Info a{
    display: inline-block;
    color: inherit;
    position: relative;
    margin-right: 27px;
}
.header02Info a:hover{
    color: var(--tw-primary-color);
}
.header02Info a:after{
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.header02Info a:hover:after{
    width: 100%;
    left: 0;
    right: auto;
}
.accessNavigaion{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.accessNavigaion .social{
    position: relative;
    font-size: 14px;
    color: var(--tw-white-color);
}
.accessNavigaion .social a{
    display: inline-block;
    color: inherit;
    margin-right: 17px;
}
.accessNavigaion .social a:hover{
    color: var(--tw-primary-color);
}
.header02Inner .accessNavigaion .navBar{
    border: 0;
    margin-left: 23px;
}
.navBar{
    width: 50px;
    height: 50px;
    border: 0;
    outline: 0;
    background: var(--tw-white-color);
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
}
.arc-button {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 16px !important;
    height: 14px;
}
.arc-button .line {
    display: block;
    float: right;
    width: 100%;
    height: 2px;
    background: var(--heading-color);
}
.arc-button .line:nth-child(2) {
    width: 10px;
}
.arc-button .line:nth-child(3) {
    width: 12px;
}
.arc-button .line:not(:last-child) {
    margin-bottom: 4px;
}
.arc-line-width span:nth-child(1) {
    -webkit-animation: arc-line-one 0.5s linear;
    -khtml-animation: arc-line-one 0.5s linear;
    -moz-animation: arc-line-one 0.5s linear;
    -ms-animation: arc-line-one 0.5s linear;
    -o-animation: arc-line-one 0.5s linear;
    animation: arc-line-one 0.5s linear;
}
.arc-line-width span:nth-child(2) {
    -webkit-animation: arc-line-two 0.5s linear;
    -khtml-animation: arc-line-two 0.5s linear;
    -moz-animation: arc-line-two 0.5s linear;
    -ms-animation: arc-line-two 0.5s linear;
    -o-animation: arc-line-two 0.5s linear;
    animation: arc-line-two 0.5s linear;
}
.arc-line-width span:nth-child(3) {
    -webkit-animation: arc-line-three 0.5s linear 0.2s;
    -khtml-animation: arc-line-three 0.5s linear 0.2s;
    -moz-animation: arc-line-three 0.5s linear 0.2s;
    -ms-animation: arc-line-three 0.5s linear 0.2s;
    -o-animation: arc-line-three 0.5s linear 0.2s;
    animation: arc-line-three 0.5s linear 0.2s;
}

@keyframes arc-line-one {
    0% {
      width: calc(100%);
    }
    50% {
      width: calc(100% - 4px);
    }
    100% {
      width: calc(100%);
    }
}
@keyframes arc-line-two {
    0% {
      width: calc(100% - 4px);
    }
    50% {
      width: calc(100%);
    }
    100% {
      width: calc(100% - 4px);
    }
}
@keyframes arc-line-three {
    0% {
      width: calc(100% - 2px);
    }
    50% {
      width: calc(100%);
    }
    100% {
      width: calc(100% - 2px);
    }
}

/* -- Slider Area -- */
.slider01{
    position: relative;
    top: -90px;
    margin-bottom: -90px;
}
.slider01 .rev_slider{
    position: relative;
}
.slider01 .rev_slider ul li{
    background: var(--tw-secondary-color);
}
.slider01 .rev_slider .tp-caption .textIndex{
    z-index: 9999 !important;
}
.slider01 .rev_slider ul li .productLayer p{
    color: var(--dark-color02);
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-family: var(--primary-font);
    margin: 0 0 16px;
}
.slider01 .rev_slider ul li .sliderButton{
    z-index: 9;
    overflow: hidden;
}
.slider01 .rev_slider ul li .sliderButton .archioxBtn:hover{
    background: var(--tw-white-color);
    color: var(--tw-primary-color);
}
.slider01 .rev_slider .tparrows {
    background: var(--tw-secondary-color);
    width: 60px;
    height: 60px;
    background: #212121;
    font-size: 18px;
    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;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    left: 60px !important;
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
    top: calc(100% - 62px) !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.slider01 .rev_slider .tparrows:hover{
    background: var(--tw-primary-color);
}
.slider01 .rev_slider .tparrows.tp-leftarrow{
    left: 0 !important;
}
.slider01 .rev_slider .tparrows.tp-leftarrow:before {
    content: '\e90e';
    font-family: 'archiox';
}
.slider01 .rev_slider .tparrows.tp-rightarrow:before {
    content: '\e90f';
    font-family: 'archiox';
}

/* -- Sidebar Social -- */
.sidebarSocial{
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.sidebarSocial a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--heading-color);
    width: 40px;
    height: 40px;
    background: var(--tw-white-color);
    border: 1px solid #6666663e;
    border-radius: 50%;
}
.sidebarSocial a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border: 0;
}

/* -- Service Section -- */
.serviceWrap02{
    position: relative;
}
.serviceWrap02 .row .col-lg-4:nth-child(02) .ser02Single:after{
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
.ser02Single{
    position: relative;
    background: var(--tw-secondary-color);
    margin: 0 0 45px;
    z-index: 1;
}
.ser02Single:after{
    content: "";
    position: absolute;
    top: 23px;
    right: 83px;
    width: 117px;
    height: 117px;
    border-radius: 50%;
    background: var(--tw-white-color);
    opacity: 0.03999999910593033;
    z-index: -1;
    -webkit-animation: stageChange 3s linear infinite;
            animation: stageChange 3s linear infinite;
}
.ser02Single:before{
    content: "";
    position: absolute;
    top: 140px;
    right: 180px;
    width: 71px;
    height: 71px;
    border-radius: 50%;
    background: var(--tw-white-color);
    opacity: 0.03999999910593033;
    z-index: -1;
    -webkit-animation: stageChange02 3s linear infinite;
            animation: stageChange02 3s linear infinite;
}
@-webkit-keyframes stageChange {
    0%{
        -webkit-transform: translate(20px);
                transform: translate(20px);
    }
    50%{
        -webkit-transform: translate(0px);
                transform: translate(0px);
    }
    100%{
        -webkit-transform: translate(20px);
                transform: translate(20px);
    }
}
@keyframes stageChange {
    0%{
        -webkit-transform: translate(20px);
                transform: translate(20px);
    }
    50%{
        -webkit-transform: translate(0px);
                transform: translate(0px);
    }
    100%{
        -webkit-transform: translate(20px);
                transform: translate(20px);
    }
}
@-webkit-keyframes stageChange02 {
    0%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50%{
        -webkit-transform: scale(.8);
                transform: scale(.8);
    }
    100%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes stageChange02 {
    0%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50%{
        -webkit-transform: scale(.8);
                transform: scale(.8);
    }
    100%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
.ser02Con{
    position: relative;
    padding: 60px 40px 41px;
    text-align: center;
}
.ser02Con > span{
    color: var(--tw-white-color);
    font-size: 80px;
    margin: 0 0 51px;
    display: inline-block;
}
.ser02Con h3{
    font-size: 26px;
    line-height: 26px;
    margin: 0 0 26px;
    color: var(--tw-white-color);
}
.ser02Con h3 a{
    display: inline-block;
    color: inherit;
    position: relative;
}
.ser02Con h3 a:after{
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: var(--tw-white-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.ser02Con h3 a:hover:after{
    width: 100%;
    left: 0;
    right: auto;
}
.ser02Single .serLink{
    position: relative;
}
.ser02Single .serLink a{
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    border-top: 2px solid #1D1D1D;
    text-transform: uppercase;
    color: var(--tw-white-color);
    background: var(--tw-secondary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-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%;
    padding: 22px 30px 20px;
}
.ser02Single .serLink a:hover{
    background: var(--tw-primary-color);
}
.ser02Single .serLink a {
    padding: 24px 30px 22px;
}
.ser02Single .serLink a span{
    font-size: 18px;
    font-style: normal;
    color: var(--tw-white-color);
}
.serviceWrap02 .serSinText{
    font-size: 20px;
    line-height: 20px;
    color: var(--dark-color02);
    margin: 55px 0 120px;
}
.serviceWrap02 .serSinText a{
    display: inline-block;
    color: var(--tw-white-color);
    text-decoration: underline;
}
.serviceWrap02 .serSinText a:hover{
    color: var(--tw-primary-color);
}

/* -- Counter 03 -- */
.count03Item{
    position: relative;
    text-align: center;
    padding: 52px 0;
}
.archioxFactAlign-left .count03Item{
    text-align: left;
}
.archioxFactAlign-right .count03Item{
    text-align: right;
}
.count03Item:last-child{
    border-right: none;
}
.count03Item h2{
    color: var(--tw-white-color);
    display: inline-table;
    font-size: 120px;
    line-height: 1;
    margin: 0 0 20px;
}
.count03Item h2 .counterSuffix{
    position: relative;
}
.count03Item p{
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 12px;
    text-transform: uppercase;
    color: var(--dark-color02);
}

/* -- Price Section -- */
.packSingle{
    position: relative;
    padding: 120px 25px 119px;
    text-align: center;
}
.packHeader{
    position: relative;
}
.packHeader p{
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: var(--tw-primary-color);
    font-weight: 600;
    margin: 0 0 21px;
}
.packHeader h3{
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 118px;
}
.packIcon{
    position: relative;
    margin: 0 0 41px;
}
.packIcon span{
    font-size: 120px;
    color: var(--heading-color);
}
.packDesc{
    position: relative;
}
.packDesc h2{
    font-size: 40px;
    line-height: 40px;
    color: var(--tw-primary-color);
    margin: 0 0 15px;
}
.packDesc p{
    color: var(--dark-color02);
    max-width: 278px;
    width: 100%;
    margin: auto;
}

/* -- Video Section -- */
.videoBanner {
    position: relative;
}
.background_3d,
.background_static{
    position: relative;
    overflow: hidden;
}
.background_3d img,
.elementor .background_3d img,
.elementor .background_static img,
.background_static img{
    max-width: 100%;
    width: 100%;
    height: 100%;
}
.videoPlay{
    position: relative;
    text-align: center;
}
.videoInner{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-vr-btn-align-top .videoInner {
    align-items: flex-start;
}
.video-vr-btn-align-bottom .videoInner {
    align-items: flex-end;
}
.videoBtnWrap .videoPlay{
    text-align: inherit;
}
.videoBtnWrap .videoPlay .popup_video {
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
}
.video-hr-btn-align-left .videoPlay {
    text-align: left;
}
.video-hr-btn-align-right .videoPlay {
    text-align: right;
}

/* -- Popup Video -- */
.videoPlay .popup_video {
    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;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: var(--tw-white-color);
    color: var(--heading-color);
    font-size: 18px;
}
.videoPlay .popup_video:hover{
    color: var(--tw-primary-color);
}
.videoPlay .popup_video:after, 
.videoPlay .popup_video:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    -webkit-animation-name: popupBtn;
    animation-name: popupBtn;
    -webkit-animation: popupBtn infinite 1.8s linear;
    animation: popupBtn infinite 1.8s linear;
}
.videoPlay .popup_video:before {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

@-webkit-keyframes popupBtn {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
		opacity: 0.6;
	}
	50% {
		-webkit-transform: scale(1.4);
		        transform: scale(1.4);
		opacity: 0.3;
	}
	100% {
		-webkit-transform: scale(1.8);
		        transform: scale(1.8);
		opacity: 0;
	}
}


@keyframes popupBtn {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
		opacity: 0.6;
	}
	50% {
		-webkit-transform: scale(1.4);
		        transform: scale(1.4);
		opacity: 0.3;
	}
	100% {
		-webkit-transform: scale(1.8);
		        transform: scale(1.8);
		opacity: 0;
	}
}

/* -- Portfolio Slider -- */
.folioSliderWrapper{
    position: relative;
}
.folioSlider.owl-carousel .owl-item .pfItem02{
    position: relative;
    overflow: hidden;
}
.folioSlider.owl-carousel .owl-item .pfItem02: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;
}
.folioSlider.owl-carousel .owl-item .pfItem02:hover:before {
    top: 0;
}
.pfItem02:hover .prContent{
    opacity: 1;
    visibility: visible;
}
.pfItem02:hover .prContent .prCat {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.pfItem02:hover .prContent h3 {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.pfItem02 .prContent h3 a:hover {
    color: #cccccc
}
.folioSlider.owl-carousel .owl-item .pfItem02 img{
    max-width: 400px;
    width: inherit;
    height: auto;
}
.folioSlider.owl-carousel .owl-dots{
    margin: 61px 0 0;
}
.folioSlider.owl-carousel .owl-dots button{
    width: 200px;
    height: 4px;
    position: relative;
}
.folioSlider.owl-carousel .owl-dots button:after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--tw-white-color);
    opacity: 0.20000000298023224;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.folioSlider.owl-carousel .owl-dots button:before{
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    background: var(--tw-white-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.folioSlider.owl-carousel .owl-dots button.active:before{
    width: 100%;
    right: auto;
    left: 0;
}

/* -- About Section -- */
.tabButton:before {
    content: attr(data-color01);
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: calc(2px/ -1);
    left: calc(2px/ -1);
    background-size: 100% 1px, 1px 200%, 1px 200%, 0% 1px, 0% 1px;
    background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
    background-repeat: no-repeat, no-repeat;
    transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
    transform: scaleX(0) rotate(0deg);
    transition-delay: 0.4s, 0.2s, 0s;
}
.tabButton:hover:before {
    background-size: 200% 1px, 1px 400%, 1px 400%, 55% 1px, 55% 1px;
    background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
    transform: scaleX(1) rotate(0deg);
    transition-delay: 0s, 0.2s, 0.4s;
}
.about02Content{
    position: relative;
    padding: 0 100px 0 0;
}
.about02Content p{
    font-size: 26px;
    line-height: 36px;
    color: var(--dark-color02);
    margin: 0 0 31px;
}
.about02Content h4{
    font-size: 26px;
    line-height: 26px;
    color: var(--tw-white-color);
    border-bottom: 1px solid rgba(255, 255, 255, 0.10000000149011612);
    padding: 0 0 59px;
    margin: 0 0 32px;
}
.about02Content h4 span{
    color: var(--tw-primary-color);
}
.about02Content .ab02Count{
    position: relative;
}
.about02Content .ab02Count h2{
    font-size: 200px;
    line-height: 200px;
    color: var(--tw-white-color);
    margin: 0 0 3px;
}
.about02Content .ab02Count h3{
    font-size: 60px;
    line-height: 70px;
    color: var(--tw-white-color);
}
.about02Gallery{
    position: relative;
    display: inline-block;
    background: var(--tw-white-color);
}
.about02Gallery .abImg{
    position: relative;
    float: left;
    width: 50%;
}
.about02Gallery .abImg img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.abGalleryIcon{
    background: var(--tw-primary-color);
    padding: 70px 0 70px;
    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;
}
.abGalleryIcon span{
    font-size: 145px;
    color: var(--tw-white-color);
}

/* -- Contact GEt In -- */
.getInTouch{
    position: relative;
}
.getInfo{
    position: relative;
    padding: 0 0 20px 66px;
    margin: 0 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10000000149011612);
}
.getInfo:last-child {
    border-bottom: 0 !important;
    margin: 0;
}
.getInfo p{
    font-size: 14px;
    line-height: 14px;
    color: var(--dark-color02);
    margin: 0 0 3px;
}
.getInfo span{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 43px;
    color: var(--tw-primary-color);
}
.getInfo span img,
.getInfo span svg{
    max-width: 43px;
    width: 100%;
    height: auto;
}
.getInfo h2{
    color: var(--tw-white-color);
    font-size: 60px;
    line-height: 60px;
    margin: 0 0 55px;
}
.getInfo h3{
    font-size: 30px;
    line-height: 40px;
    margin: 0;
}
.getInfo h3 a{
    display: inline-block;
    color: inherit;
}
.getInfo h3 a:hover{
    color: var(--tw-primary-color);
}



/*-- Map Section --*/
.contact-googleMap{
    position: relative;
}
.contact-googleMap iframe{
    max-width: 100%;
    width: 100%;
    height: 700px;
    display: block;
}
.blackAndWhite iframe {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

/* -- Footer Area -- */
.footer02{
    background: var(--tw-secondary-color);
    padding: 82px 0 105px;
}
.footer02 .row .col-lg-2:nth-child(02) .widget{
    left: -18px;
}
.footer02 .row .col-lg-2:nth-child(03) .widget{
    left: -13px;
}
.footer02 .row .col-lg-4:nth-child(04) .widget{
    left: 59px;
}
.footer02 .footerTitle{
    font-size: 180px;
    line-height: 180px;
    margin: 0 0 79px;
    color: var(--tw-white-color);
}
.footer02 .footerTitle span{
    color: var(--dark-color02);
}
.footerWidget{
    position: relative;
}
.footerWidget .fw_widgetTitle{
    font-size: 14px;
    line-height: 14px;
    color: var(--tw-primary-color);
    text-transform: uppercase;
    font-family: var(--primary-font);
    position: relative;
    display: inline-block;
    margin: 0 0 28px;
}
.footerWidget .fw_widgetTitle:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: var(--tw-primary-color);
}
.footerabout p{
    color: var(--dark-color01);
}
.subscribe-form form .mc4wp-form-fields{
    position: relative;
}
.subscribe-form form input{
    position: relative;
    outline: 0;
    background: transparent;
    color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 0.30000001192092896);
    width: 100%;
    height: 58px;
    padding: 0 110px 0 24px;
    line-height: 58px;
}
.subscribe-form form input::-webkit-input-placeholder{
    color: rgba(255, 255, 255, 0.30000001192092896);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
}
.subscribe-form form input::-moz-placeholder{
    color: rgba(255, 255, 255, 0.30000001192092896);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
}
.subscribe-form form input:-ms-input-placeholder{
    color: rgba(255, 255, 255, 0.30000001192092896);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
}
.subscribe-form form input::placeholder{
    color: rgba(255, 255, 255, 0.30000001192092896);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
}
.subscribe-form form button{
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--tw-primary-color);
    font-family: var(--primary-font);
    width: auto;
    height: 58px;
    line-height: 58px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 24px;
}
.subscribeFm-1 .submit_btn i,
.subscribeFm-2 .submit_btn i{
    display: none;
}
.subscribeFm-1 form input,
.subscribeFm-3 form input {
    padding-left: 43px;
    border: unset;
    border-bottom: 2px solid #323232;
    height: 50px;
}
.subscribeFm-1 form::before,
.subscribeFm-3 form::before {
    content: "\e924";
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 20px;
    margin-top: 11.5px;
    font-size: 14px;
    color: var(--tw-white-color);
    font-family: 'Archiox';
}
.subscribeFm-1 .submit_btn,
.subscribeFm-3 .submit_btn{
    line-height: 50px;
    height: 50px;
}
.subscribeFm-3 .submit_btn span{
    display: none;
}
.subscribe-form form button:hover{
    color: rgb(236, 158, 49);
}
.mc4wp-alert{
    position: relative;
    margin-top: 12px;
}
.mc4wp-error p {
    color: rgba(216,48,57,.87);
    background: #ffbaba;
    padding: 12px;
}
.mc4wp-success{
    background: #d4edda;
    color: #155724;
    padding: 12px;
    text-align: left;
}
.aboutFooterNav ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.aboutFooterNav ul li {
    color: var(--dark-color01);
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.aboutFooterNav ul li a{
    display: inline-block;
    color: inherit;
    position: relative;
}
.aboutFooterNav ul li a:hover{
    color: var(--heading-color);
}
.aboutFooterNav ul li a:after{
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    bottom: 2px;
    width: 0;
    height: 1px;
    background: var(--heading-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.aboutFooterNav ul li a:hover:after{
    right: auto;
    left: 0;
    width: 100%;
}
.popularlatest_post_widget{
    top: 7px;
}
.popularlatest_post_widget a{
    display: inline-block;
    padding: 13px 0 11px 94px;
    position: relative;
    margin: 0 0 20px;
}
.popularlatest_post_widget a:last-child{
    margin-bottom: 0;
}
.popularlatest_post_widget a img{
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
}
.popularlatest_post_widget a span{
    font-size: 14px;
    line-height: 14px;
    color: var(--dark-color02);
    text-transform: uppercase;
    display: block;
    margin: 0 0 14px;
}
.popularlatest_post_widget a article{
    font-size: 18px;
    line-height: 18px;
    margin: 0;
    color: var(--tw-white-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    font-family: var(--secondary-font);
}
.popularlatest_post_widget a:hover article{
    color: var(--tw-primary-color);
}

/* -- Copyright Area -- */
.copyright02{
    position: relative;
    background: var(--tw-primary-color);
    padding: 32px 0 32px;
}
.copyRightText{
    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;
    font-size: 16px;
    line-height: 16px;
    color: var(--tw-white-color);
    text-transform: uppercase;
}
.copyRightText p{
    margin: 0;
}
.copyRightText p a{
    display: inline-block;
    color: inherit;
    font-weight: 700;
    margin: 0;
}
.copyRightText p a:hover{
    color: var(--tw-secondary-color);
}
.copyRightText .crShare{
    position: relative;
}
.copyRightText .crShare a{
    display: inline-block;
    color: var(--tw-white-color);
    margin-left: 10px;
}
.copyRightText .crShare a:hover{
    color: var(--tw-secondary-color);
}

/*-----------------------------------------
/  03. Home Three
/-----------------------------------------*/
.topbar02{
    position: relative;
    background: var(--tw-primary-color);
    z-index: 99997;
}
.topbar02 .topbarAddress,
.topbar02 .topbarAddress a,
.topbar02 .topbarNavigation .topNav ul li{
    color: var(--tw-white-color);
}
.topbar02 .topbarAddress a:hover,
.topbar02 .topbarNavigation .topNav ul li a:hover{
    color: var(--tw-secondary-color);
}

.topbar02.topBarAbsolute,
.topbar02.topBarFixed{
    position: fixed;
    width: 100%;
    height: auto;
    top:0;
    left:0;
}
.topbar02.topBarAbsolute{
    position: absolute;
}

/* -- Header Area -- */
.header03{
    position: relative;
    z-index: 1;
    z-index: 99996;
    background: var(--tw-primary-color);
}
.header03.headerFixed{
    position: fixed;
    height: auto;
    top:0;
    left:0;
    width: 100%;
}
.header03.headerAbsolute {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
header.header03.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: 99996;
}
.header03Inner{
    position: relative;
    margin-bottom: -50px;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    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-color: #736e5f!important;
    padding: 0 40px;
}
.header03.headerFixed.fixedHeader.isSticky .header03Inner {
    margin-bottom: 0px;
} 
.header03.fixedHeader .header03Inner {
    box-shadow: 0 0 0;
    margin: 0;
}
.header03Inner .logo a {
    display: inline-block;
    color: inherit;
    font-size: 20px;
    font-weight: 600;
}
.header03Inner .logo a img {
    width: 86px;
    height: auto;
}
.header03Inner .navBar {
    margin-left: 15px;
}
.header03.defaultHd{
    margin-bottom: 40px;
}

/* -- Nav Access -- */

.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 .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 .anSearch a i {
    font-weight: 400;
}
.accessNav .anSearch, .accessNav .anCart {
    position: relative;
}
.accessNav .anCart {
    margin: 0 0 0 15px;
}
.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 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 .anCart > a {
    margin: 0;
}
.accessNav .anSearch a:hover, .accessNav .anCart a:hover {
    color: var(--tw-primary-color);
}
.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);
}
.cartWidgetArea .woocommerce-mini-cart {
    padding: 0;
    list-style: none;
}
.woocommerce-mini-cart__buttons.buttons a:hover {
    color: var(--tw-white-color);
    background: var(--tw-secondary-color);
}
.productReviewArea .reviewMeta {
    font-size: 16px;
}
.cartWidgetProduct {
    position: relative;
    min-height: 60px;
    text-align: left;
    padding-left: 74px;
    margin-bottom: 25px;
    padding-right: 15px;
}
.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;
}
.cartWidgetProduct a,
.woocommerce .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;
    font-weight: inherit !important;
}
.cartWidgetProduct .cartRemoveProducts,
.woocommerce .cartWidgetProduct a.remove {
    font-size: 10px;
    color: var(--tw-primary-color) !important;
    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;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cartWidgetProduct .cartRemoveProducts:hover,
.woocommerce .cartWidgetProduct a.remove:hover{
    color: var(--tw-white-color) !important;
    background: var(--tw-primary-color);
} 
.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;
}
.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-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;
}
.cartWidgetArea .total .amount {
    float: right;
    color: var(--tw-primary-color);
    font-family: var(--primary-font);
    font-weight: 700;
}
.anCart p.woocommerce-mini-cart__empty-message{
    margin-bottom: 0;
}
.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 a:hover{
    color: var(--tw-primary-color);
}

/*-- Popup Sidebar ---*/
.popup_sidebar_sec,
.popup_menubar_sec {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
.popubMobileSearch {
    display: none;
}
.popup_sidebar_overlay,
.popup_menubar_overlay {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: rgba(22, 21, 21, .5);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    cursor: url(../images/close.png), auto;
    -webkit-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s;
}
.popup_menubar_overlay {
    right: auto;
    left: -100%;
}
.popup_sidebar_sec.active .popup_sidebar_overlay,
.popup_menubar_sec.active .popup_menubar_overlay {
    visibility: visible;
    -webkit-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
    right: 0;
    opacity: 1;
}
.popup_menubar_sec.active .popup_menubar_overlay {
    right: auto;
    left: 0;
}
.pop_sidebar_background,
.pop_menubar_background {
    background: #111111;
    max-width:390px;
    width: 100%;
    height:  100%;
    right: -100%;
    z-index: 99998;
    padding: 60px 35px 60px 35px;
    position: fixed;
    top: 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;
    overflow-y: auto;
}
.pop_menubar_background {
    max-width:360px;
    right: auto;
    left: -100%;
    overflow-y: unset;
    padding: 30px 35px 0 35px;
}
.popup_sidebar_sec.active .pop_sidebar_background ,
.popup_menubar_sec.active .pop_menubar_background {
    opacity: 1;
    visibility: visible;
    right: 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;
}
.popup_menubar_sec.active .pop_menubar_background {
    right: auto;
    left: 0;
}

.popup_sidebar_sec .widget_area {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
    height: 100%;
}
.center_align, .about_widget_area {
    height: 100%;
    width: 100%;
}
.wd_logo {
    margin: 0 0 41px;
}
.rightsidebarContent .wd_logo a{
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    color: var(--tw-white-color);
}
.rightsidebarContent .wd_logo a img{
    max-width: 86px;
    width: 100%;
    height: auto;
}
.about_widget_area > p {
    line-height: 34px;
    font-weight: 400;
    color: var(--tw-white-color);
    letter-spacing: -0.18px;
    margin-bottom: 40px;
}
.rightsidebarContent .about_widget_area > p{
    line-height: 26px;
}
.icon_box_2 {
    padding-left: 50px;
    position: relative;
    margin: 0 0 25px;
}
.icon_box_2 i {
    font-size: 30px;
    color: var(--tw-white-color);
    position: absolute;
    left: 0;
    top: 10px;
}
.icon_box_2 h4 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #FFF;
    margin: 0px 38px 5px 0;
    text-transform: uppercase;
}
.icon_box_2 p {
    font-size: 13px;
    line-height: 18px;
    color: rgba(255,255,255,0.8);
    margin: 0 0 20px;
}
.icon_box_2 p a{
    color: inherit;
    display: inline-block;
}
.icon_box_2 p a:hover{
    color: var(--tw-primary-color);
}
.rightsidebarCloser {
    position: absolute;
    right: 45px;
    top: 52px;
    font-size: 20px;
    width: 45px;
    height: 45px;
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 50%;
    z-index: 99;
    line-height: 48px;
    text-align: center;
}

.rightsidebarCloser span {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.rightsidebarCloser span:before {
    content: "";
    width: 2px;
    height: 100%;
    background: rgba(255,255,255,0.2);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.rightsidebarCloser span:after {
    content: "";
    width: 100%;
    height: 2px;
    background: rgba(255,255,255,0.2);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.rightsidebarCloser:hover {
    border-color: rgba(255, 255, 255, .4);
}
.rightsidebarCloser:hover span:before, .rightsidebarCloser:hover span:after {
    background: rgba(255, 255, 255, .4);
}
.sidebar_social{
    position: absolute;
    left: 40px;
    bottom: 40px;
}
.sidebar_social h4{
    font-size: 16px;
    color: var(--tw-white-color);
    line-height: 1;
    margin: 0 0 10px;
}
.sidebar_social a{
    color: rgba(255, 255, 255, .4);
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
}
.sidebar_social a:hover{
    color: var(--tw-white-color);
}
.blogSidebarCol aside.widget{
    margin: 0 0 52px;
    display: inline-block;
    width: 100%;
}
.widget.widget_categories,
.widget.widget_archive{
    z-index: 999;
}
.blogDetailsPgSec{
    padding: 120px 0 70px;
}
.blogDetailsPgSec .sidebar {
    margin-top: 0;
}
.blogDetails-section{
    padding: 120px 0;
}

/* -- Popup Menubar -- */
.popup_menubar_sec {
    position: relative;
}
.popMenu_top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.popMenu_top .rightsidebarCloser {
    top: 0;
    right: 10px;
}
.popMenubarArea{
    position: relative;
    width: 100%;
    height: 100%;
}
.menubar_popup {
    position: relative;
    overflow-y: auto;
    width: 100%;
    height: calc(100% - 200px);
    margin: 50px 0 0;
}
.menubar_popup::-webkit-scrollbar {
    width: 7px;
}
.menubar_popup::-webkit-scrollbar-track {
    background-color: #1D1D1D;
    border-radius: 5px;
}
.menubar_popup::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.2);
    border-radius: 5px;
  }
.menubar_popup ul {
    margin: 0;
    padding: 0 10px 0 0;
    list-style: none;
}
.menubar_popup ul li {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
    padding: 0;
    margin: 0;
    position: inherit;
    display: block;
    width: 100%;
}
.menubar_popup ul li a {
    display: inline-block;
    width: 100%;
    color: var(--tw-white-color);
    padding: 10px 0 10px;
    border-top: 1px solid #222222
}
.menubar_popup ul li:hover > a {
    color: var(--tw-primary-color);
}
.menubar_popup > ul > li.menu-item-has-children > a:after {
    content: "\ef5e";
    float: right;
    font-family: 'Themewar' !important;
    top: 0;
    right: 0px;
    left: auto;
    font-size: 14px;
    transform: rotate(0) !important;
    -moz-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
}
.menubar_popup > ul > li.menu-item-has-children > a.active:after {
    content: "\eec2";
    font-family: 'Themewar' !important;
    font-weight: 400;
}
.menubar_popup ul li .sub-menu li .sub-menu, .menubar_popup ul li .sub-menu {
    min-width: 100%;
    border: none;
    padding: 0;
    z-index: 5;
    position: relative;
    width: 100%;
    opacity: 1;
    margin: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    visibility: visible;
    pointer-events: inherit;
    top: 0;
    left: 0;
    display: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
}
.menubar_popup ul li .sub-menu li .sub-menu, .menubar_popup ul li .sub-menu li{
    padding-left: 20px;
}
.menubar_popup ul li .sub-menu li {
    display: block;
    padding: 0;
    margin: 0;
    -webkit-transition: none;
    transition: none;
    opacity: 1;
    visibility: visible;
    transition: none;
    -webkit-transform: none;
    transform: none;
}
.menubar_popup > ul > li ul li.menu-item-has-children:before {
    content: '\ef5e';
    font-family: 'Themewar';
    font-size: 12px;
    font-weight: 400;
    color: var(--tw-white-color);
    position: absolute;
    margin: 0;
    right: 30px;
    top: 10px;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.menubar_popup > ul > li ul li.menu-item-has-children:hover:before {
    color: var(--tw-primary-color);
}
.menubar_popup > ul > li ul > li.menu-item-has-children.item-show:before {
    content: "\eec2";
}
.menubar_popup > ul > li > .sub-menu li a {
    font-size: 14px;
    padding: 5px 20px;
    width: 100%;
    display: block;
}
.popMenubarArea .f_copy {
    position: fixed;
    left: -100%;
    bottom: 0;
    max-width: 360px;
    width: 100%;
    height: auto;
    background-color: #1D1D1D;
    padding: 15px 25px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -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;
}
.popMenubarArea .f_copy a{
    color: inherit;
}
.popMenubarArea .f_copy a:hover{
    color: var(--tw-primary-color);
}
.popup_menubar_sec.active .popMenubarArea .f_copy {
    left: 0;
    opacity: 1;
    visibility: visible; 
    -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;
}
.popMenubarArea .f_copy p{
    margin: 0;
}

/*-- 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: 99998;
    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: 99998;
    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: 43%;
    -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(--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;
}
.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;
}
.popup_search_sec .popup_logo {
    padding: 35px 0 20px;
}
.popup_search_sec .popup_logo .dfCursor{
    max-width: 86px;
    width: 100%;
    height: auto;
    display: inline-block;
}
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: 40px;
}
a#search_Closer:hover {
    border-color: var(--tw-primary-color);
    color: var(--tw-primary-color);
}

/* -- 13. Blog Page -- */
.blogDetailsPgSec .blogTitle {
    margin: 0 0 40px;
    word-wrap: break-word;
}
.singlePostMeta {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin: 17px 0 20px;
}
.singlePostMeta .post_cat,
.singlePostMeta .postAuthor,
.singlePostMeta .postComment {
    color: #212121;
}
.singlePostMeta .postAuthor {
    font-weight: 500;
    color: #c1c1c1;
}
.singlePostMeta .post_cat i,
.singlePostMeta .postAuthor i,
.singlePostMeta .postComment i{
    margin-right: 3px;
    color: #C8A067;
}
.singlePostMeta .post_cat a,
.singlePostMeta .postAuthor a,
.singlePostMeta .postComment a {
    color: inherit;
    display: inline-block;
}
.singlePostMeta .postAuthor a {
    font-weight: 400;
    color: #212121;
}
.singlePostMeta .post_cat a:hover,
.singlePostMeta .postAuthor a:hover,
.singlePostMeta .postComment a:hover {
    color: #C8A067;
}
.blogTagWrapper {
    position: relative;
    margin:0 0 50px;
}

/* -- Keyframes Animation -- */
@-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);
}
.popup_search_form form input{
    font-family: var(--primary-font);
}

/* -- Banner Area -- */
.slider02{
    position: relative;
}
.tp-bannertimer {
    display: none;
}

/* -- Service Section -- */
.serviceGrid01.row.gx-4 {
    --bs-gutter-x: 1.875rem;
}
.serviceGrid02.row.gx-4{
    --bs-gutter-x: 2.813rem
}
.ser03Single{
    position: relative;
    text-align: center;
    background: var(--tw-white-color);
    padding: 61px 54px 62px;
    margin: 0 0 30px;
    filter: drop-shadow(0px 16px 32px rgba(0, 0, 0, 0.04));
}
.ser03Single span{
    font-size: 80px;
    color: var(--tw-primary-color);
    margin: 0 0 38px;
    display: inline-block;
}
.ser03Single h3{
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 23px;
}
.ser03Single h3 a{
    color: inherit;
    display: inline-block;
}
.ser03Single h3 a:hover{
    color: var(--tw-primary-color);
}
.ser03Single p{
    color: var(--dark-color02);
    margin: 0;
}

/* -- Service Slider -- */
.serviceCarousel .owl-stage-outer{
    padding: 33px 35px;
    margin: -33px -35px;
    overflow: hidden;
}
.serSliderWrp02 .serviceCarousel .owl-stage-outer{
    padding: 0;
    margin: 0;
    overflow: none !important;
}

/* -- About Section -- */
.aboutTabWrapper{
    position: relative;
    background: var(--tw-white-color);
}
.aboutHistoryTab {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ab_tabItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%;
    -webkit-transition: .8s ease;
    transition: .8s ease;
    overflow: hidden;
    width: 233.5px
}
.ab_tabItem:last-child{
    border-right: 1px solid #e7e7da;
}
.ab_tabItem.active-tab{
    width: 1040px;
}
.ab_tabItem.active-tab .ab_tabTitle h2{
    color: var(--tw-primary-color);
}
.ab_tabInner {
    position: relative;
    width: calc(939px)
}
.ab_tabTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 212px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    border-left: 1px solid #e7e7da;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 50;
    cursor: pointer;
    background: var(--tw-white-color);
}
.ab_tabTitle h2 {
    font-size: 50px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
    -webkit-transform-origin: 0 5%;
            transform-origin: 0 5%;
    white-space: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    left: 76px;
    bottom: -63px;
}
.ab_tabContent {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-transition: .8s ease;
    transition: .8s ease;
    width: calc(939px); 
    /* right: -199px; */
    right: -211px;
}
.ab_tabImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 40%;
}
.ab_tabItem.active-tab .ab_tabImage {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 100% 0 0);
    -webkit-animation: reveal-image 1s cubic-bezier(.57,.18,0,.92) .2s forwards;
            animation: reveal-image 1s cubic-bezier(.57,.18,0,.92) .2s forwards;
}
.ab_conInner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 60px 80px 80px 79px;
}
.ab_conInner h3{
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 19px;
}
.ab_conInner p {
    color: var(--dark-color01);
    max-width: 270px;
    margin: 0 auto auto;
}
.ab_conInner .tabButton {
    max-width: 193px;
    padding: 15.5px 16px;
    text-align: center;
    position: relative;
    display: inline-block;
    font-family: var(--primary-font);
    background: var(--tw-white-color);
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--heading-color);
    border: 1px solid rgba(0, 0, 0, 0.10);
}
.ab_conInner .tabButton span{
    display: inline-block;
}
.ab_conInner .tabButton span i {
    margin-right: 8px;
    position: relative;
}
.ab_conInner .tabButton:hover span{
    animation: arrowAnim 400ms linear;
}

/* -- Portfolio Section -- */
.pf03Wrap{
    position: relative;
}
.pf03Wrap .accordion-item {
    border: none;
    background: transparent;
}
.pf03Wrap .accordion-button {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: transparent;
    font-family: var(--secondary-font);
}
.pf03Wrap .accordion-item {
    border-bottom: 1px solid #D3C9C9;
}
.pf03Wrap .accordion .accordion-item:nth-child(01) {
    border-top: 1px solid #D3C9C9;
}
.pf03Wrap .accordion-button:after {
    display: none;
}
.pf03Wrap .accordion-button:focus {
    z-index: 3;
    border-color: none;
    box-shadow: none;
    background: none;
}
.pf03Wrap .accordion-button:not(.collapsed) {
    color: var(--heading-color);
    background: transparent;
    box-shadow: none;
}
.pf03Wrap .accordion-button{
    font-size: 30px;
    line-height: 30px;
    padding: 40px 0;
}
.pf03Wrap .accordion-button span,
.pf03Wrap .accordion-button small{
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--tw-primary-color);
    font-family: var(--primary-font);
    margin: 0;
}
.pf03Wrap .accordion-button span {
    margin: 0 200px 0 auto;
}
.pf03Wrap .accordion-button small{
    color: var(--dark-color02);
}
.pf03Wrap .accordion-button span a,
.pf03Wrap .accordion-button small a{
    color: inherit;
    display: inline-block;

}
.pf03Wrap .accordion-body {
    padding: 0 0 40px;
}
.pf03Text{
    position: relative;
}
.pf03Text p {
    margin: 0 0 60px;
    max-width: 631px;
    width: 100%;
}
.pf03Text .archioxBtn02{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border-color: var(--tw-primary-color);
    padding: 16.5px 31.11px;
    -webkit-transition: 350ms !important;
    transition: 350ms !important;
}
.pf03Text .archioxBtn02:hover{
    background: var(--heading-color);
    color: var(--tw-primary-color);
    border-color: var(--heading-color);
}
.pf03Text .archioxBtn02 span{
    margin-right: 8px;
}
.pf03Img {
    position: relative;
    text-align: right;
    margin-left: 73px;
}
.pf03Img img{
    max-width: 560px;
    width: 100%;
    height: auto;
}
.pfMoreBtn{
    position: relative;
}
.pfMoreBtn .archioxBtn02{
    background: var(--heading-color);
    color: var(--tw-white-color);
    border-color: var(--heading-color);
}
.pfMoreBtn .archioxBtn02:hover{
    background: var(--tw-primary-color);
    border-color: var(--tw-primary-color);
}
.pf03Wrap .accordion-collapse .pf03Img {    
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 100% 0 0);
    -webkit-animation: reveal-image 1s cubic-bezier(.57,.18,0,.92) .2s forwards;
            animation: reveal-image 1s cubic-bezier(.57,.18,0,.92) .2s forwards;
}
.pf03Wrap .accordion-collapse .pf03Img:after {
    content: "";
    position: absolute;
    background: var(--tw-white-color);
    width: 100%;
    height: 0;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    left: 0;
    opacity: 0.3;
    bottom: 0;
}
.pf03Wrap .accordion-collapse .pf03Img:hover:after {
    height: 100%;
    opacity: 0;
}

@-webkit-keyframes reveal-image {
    0% {
        -webkit-clip-path:inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
    }

    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}

@keyframes reveal-image {
    0% {
        -webkit-clip-path:inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
    }

    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}

/* -- 6. Team Page -- */

/* -- Team Section -- */
.teamGridWraper{
    position: relative;
}
.teamGridWraper.row.gx-3 {
    --bs-gutter-x: .939rem;
}
.teamSin01{
    position: relative;
    background: #F8F8F8;
    margin: 0 0 15px;
}
.teamSin01 .teamThumb{
    position: relative;
    z-index: 9;
}
.teamSin01 .teamThumb:after {
    content: "";
    position: absolute;
    background: var(--tw-white-color);
    width: 100%;
    height: 0;
    z-index: 1;
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    left: 0;
    opacity: 0.3;
    bottom: 0;
}
.teamSin01:hover .teamThumb:after {
    height: 100%;
    opacity: 0;
}
.teamSin01 .teamThumb img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.teamSocial{
    position: absolute;
    right: 50px;
    bottom: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 9991;
}
.teamSocial a,
.teamSocial button{
    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;
    width: 60px;
    height: 60px;
    background: var(--tw-white-color);
    border-radius: 50%;
    color: var(--heading-color);
    font-size: 18px;
    border: 0;
    outline: 0;
    margin-top: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.teamSocial button.active{
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
}
.teamSocial button{
    z-index: 2;
}
.teamSocial a{
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.teamSocial > a.active:nth-child(03){
    -webkit-transform: translateY(-70px);
            transform: translateY(-70px);
    -webkit-transition-delay: 50ms;
            transition-delay: 50ms;
    opacity: 1;
    visibility: visible;
}
.teamSocial > a.active:nth-child(02){
    -webkit-transform: translateY(-140px);
            transform: translateY(-140px);
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
    opacity: 1;
    visibility: visible;
}
.teamSocial > a.active:nth-child(01){
    -webkit-transform: translateY(-210px);
            transform: translateY(-210px);
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms;
    opacity: 1;
    visibility: visible;
}
.teamSocial a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.teamSocial button:hover{
    color: var(--tw-primary-color);
}
.teamSin01 .teamCon{
    position: relative;
    padding: 50px 50px 50px;
}
.teamSin01 .teamCon p{
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: var(--tw-primary-color);
    font-weight: 500;
    margin:  0 0 16px;
}
.teamSin01 .teamCon h3{
    font-size: 30px;
    line-height: 30px;
    margin: 0;
}
.teamSin01 .teamCon h3 a{
    color: inherit;
    display: inline-block;
}
.teamSin01 .teamCon h3 a:hover{
    color: var(--tw-primary-color);
}
.teamArchivePage .teamSin01{
    margin: 0 0 24px;
}
.teamArchivePage{
    padding: 120px 0 96px;
}

/* Team Carousel */
.teamCarousel.owl-carousel .owl-nav,
.clientSlider.owl-carousel .owl-nav ,
.serviceCarousel.owl-carousel .owl-nav,
.folioSlider.owl-carousel .owl-nav { 
    margin: 50px 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}
.folioSlider.owl-carousel .owl-nav {
    justify-content: flex-start;
}
.folioSlider.owl-carousel .owl-nav.disabled,
.clientSlider.owl-carousel .owl-nav.disabled  {
    display: none !important;
}
.teamCarousel.owl-carousel .owl-nav button,
.clientSlider.owl-carousel .owl-nav button,
.serviceCarousel.owl-carousel .owl-nav button,
.folioSlider.owl-carousel .owl-nav button{
    outline: 0;
    background: var(--tw-white-color);
    font-size: 16px;
    position: relative;
    width: 40px;
    height: 40px;
    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%;
    border: 1px solid var(--dark-color02);
    color: var(--tw-secondary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    overflow: hidden;
    z-index: 1;
}
.teamCarousel.owl-carousel .owl-nav button.owl-next:hover i,
.clientSlider.owl-carousel .owl-nav button.owl-next:hover i,
.serviceCarousel.owl-carousel .owl-nav button.owl-next:hover i,
.folioSlider.owl-carousel .owl-nav button.owl-next:hover i{
    animation: arrowAnimRight 300ms linear;
    color: var(--tw-primary-color);
}
.teamCarousel.owl-carousel .owl-nav button.owl-prev:hover i,
.clientSlider.owl-carousel .owl-nav button.owl-prev:hover i,
.serviceCarousel.owl-carousel .owl-nav button.owl-prev:hover i,
.folioSlider.owl-carousel .owl-nav button.owl-prev:hover i{
    animation: arrowAnimRLeft 300ms linear;
    color: var(--tw-primary-color);
}
@keyframes arrowAnimRight {
    0%{
        opacity: 0;
        transform: translateX(-10px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes arrowAnimRLeft {
    0%{
        opacity: 0;
        transform: translateX(10px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
.teamCarousel .owl-dots,
.serviceCarousel .owl-dots,
.clientSlider .owl-dots {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.teamCarousel.owl-carousel .owl-dots button,
.clientSlider.owl-carousel .owl-dots button,
.serviceCarousel.owl-carousel .owl-dots button {
    width: 25px;
    height: 25px;
    border: 2px solid transparent;
    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;
}
.teamCarousel.owl-carousel .owl-dots button.active,
.clientSlider.owl-carousel .owl-dots button.active,
.serviceCarousel.owl-carousel .owl-dots button.active {
    border-color: var(--tw-primary-color);
}
.teamCarousel.owl-carousel .owl-dots span,
.clientSlider.owl-carousel .owl-dots span, 
.serviceCarousel.owl-carousel .owl-dots span {
    position: relative;
    width: 9px;
    height: 9px;
    background: #CFCFCF;
    border-radius: 50%;
}
.teamCarousel.owl-carousel .owl-dots button.active span,
.clientSlider.owl-carousel .owl-dots button.active span,
.serviceCarousel.owl-carousel .owl-dots button.active span {
    background: var(--tw-primary-color);
}

/* -- Testimonial Section -- */
.testWrap{
    position: relative;
}
.testSlider01{
    position: relative;
}
.testItem{
    position: relative;
    text-align: center;
    padding: 2px 65px;
}
.testItem span{
    font-size: 96px;
    color: var(--tw-primary-color);
    display: inline-block;
    margin: 0 0 22px;
}
.testItem h2{
    font-size: 40px;
    line-height: 56px;
    color: var(--heading-color);
    margin: 0 0 51px;
}
.testItem h3{
    font-size: 26px;
    line-height: 26px;
    color: var(--heading-color);
    margin: 0 0 10px;
}
.testItem p{
    font-size: 14px;
    line-height: 14px;
    color: var(--tw-primary-color);
    text-transform: uppercase;
    margin: 0;
}
.testWrap .testNav{
    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;
    top: -218px;
}
.testWrap .testNav button{
    position: relative;
    outline: 0;
    background: transparent;
    border: 2px solid #373737;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    font-size: 18px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.testWrap .testNav button:hover{
    background: var(--tw-primary-color);
    border-color: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.testWrap .testNav button.next {
    right: -100px;
}
.testWrap .testNav button.prev {
    left: -100px;
}

/* -- Slick Dots -- */
.testSlider01  .slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    margin: 30px 0 0;
}
.testSlider01  .slick-dots button{
    position: relative;
    font-size: 0;
    line-height: 0;
    width: 25px;
    height: 25px;
    border: 2px solid transparent;
    margin: 5px;
    border-radius: 50%;
    position: relative;
    background: transparent;
}
.testSlider01  .slick-dots li.slick-active button {
    border-color: var(--tw-primary-color);
}
.testSlider01  .slick-dots button::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-54%, -50%);
    margin: 0 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #CFCFCF;
}
.testSlider01  .slick-dots li.slick-active button::after {
    background: var(--tw-primary-color);
}
/* -- News Latter -- */
.news_subscribe{
    position: relative;
    padding: 0 0 0 93px;
}
.news_subscribe p{
    color: var(--dark-color02);
    margin: 0 0 20px;
}
.news_subscribe form{
    position: relative;
    max-width: 600px;
    width: 100%;
}
.news_subscribe input{
    position: relative;
    background: transparent;
    color: var(--tw-white-color);
    border: 0;
    outline: 0;
    border-bottom: 2px solid #323232;
    height: auto;
    font-size: 14px;
    line-height: 14px;
    width: 100%;
    height: auto;
    padding: 15px 110px 15px 43px;
    z-index: 1;
}
.news_subscribe input::-webkit-input-placeholder{
    color: #6B6B6B;
    font-size: 14px;
    line-height: 14px;
}
.news_subscribe input::-moz-placeholder{
    color: #6B6B6B;
    font-size: 14px;
    line-height: 14px;
}
.news_subscribe input:-ms-input-placeholder{
    color: #6B6B6B;
    font-size: 14px;
    line-height: 14px;
}
.news_subscribe input::placeholder{
    color: #6B6B6B;
    font-size: 14px;
    line-height: 14px;
}
.news_subscribe button {
    background: transparent;
    color: var(--tw-primary-color);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    border: 0;
    outline: 0;
    position: absolute;
    right: 15px;
    bottom: 13px;
    padding: 5px;
    z-index: 9;
}

/* -- Footer Area -- */
.footer03{
    position: relative;
    background: rgba(246, 240, 240, 1);
    padding: 120px 0 0;
}
.f03Desc p{
    color: var(--dark-color01);
    max-width: 280px;
    width: 100%;
    margin: 0 0 37px;
}
.footer03 .widget {
    position: relative;
}
.footer03 .widget h3{
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 28px;
}
.footer03 .aboutFooterNav ul li {
    color: var(--dark-color01);
}
.footer03 .aboutFooterNav ul li a:hover {
    color: var(--heading-color);
}
.footer03 .aboutFooterNav ul li a:after {
    background: var(--heading-color)
}
.widGalleryItem{
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 12px;
}
.widGalleryItem 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: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: transparent;
    position: relative;
    z-index: 1;
}
.widGalleryItem a:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.widGalleryItem a:hover:after{
    opacity: 1;
    visibility: visible;
}
.widGalleryItem a span{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transform: scale(0);
            transform: scale(0);
    z-index: 2;
}
.widGalleryItem a:hover span{
    -webkit-transform: scale(1);
            transform: scale(1);
}
.widGalleryItem a span:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    width: 30px;
    height: 2px;
    background: var(--tw-white-color);
    z-index: 1;
}
.widGalleryItem a span:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    width: 2px;
    height: 30px;
    background: var(--tw-white-color);
    z-index: 1;
}
.widGalleryItem a img{
    max-width: 100%;
    width: 100%;
}
.footer03 .row .col-lg-2:nth-child(02) .widget {
    left: -40px;
}
.footer03 .row .col-lg-2:nth-child(03) .widget {
    left: -30px;
}
.copyright03 {
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: var(--dark-color01);
    padding: 30px 0;
    background: var(--tw-white-color);
    margin: 118px 0 0;
}
.copyright03 p{
    margin: 0;
}
.copyright03 p a{
    color: var(--heading-color);
    font-weight: 700;
}
.copyright03 p a:hover{
    color: var(--tw-primary-color);
}

/*-----------------------------------------
/  04. About Us
/-----------------------------------------*/
.pageBanner01 {
    position: relative;
    padding: 220px 0 159px;
    background: url(../images/page_banner.jpg)no-repeat scroll center center / cover;
}
.pageBannerContent,
.pbInner{
    position: relative;
}
.pageBannerContent .breadcrumbs,
.pbInner .breadcrumbs{
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: var(--heading-color);
    font-family: var(--primary-font);
    margin: 0 0 12px;
}
.pageBannerContent .breadcrumbs a,
.pbInner .breadcrumbs a{
    display: inline-block;
    color: var(--dark-color01);
}
.pageBannerContent .breadcrumbs a:hover,
.pbInner .breadcrumbs a:hover{
    color: var(--tw-primary-color);
}
.pageBannerContent .breadcrumbs span,
.pbInner .breadcrumbs span{
    font-family: var(--primary-font);
}
.pageBannerContent .breadcrumbs span i,
.pbInner .breadcrumbs span i{
    color: var(--tw-primary-color);
    font-size: 12px;
    margin: 0 10px;
}

.pageBannerContent .pgBanner-title,
.pbInner .pgBanner-title{
    font-size: 70px;
    line-height: 1;
}

/* -- About Page Section -- */
.hoverAnim{
    position: relative;
}
.hoverAnim:after {
    content: "";
    position: absolute;
    background: var(--tw-white-color);
    width: 100%;
    height: 0;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    left: 0;
    opacity: 0.3;
    bottom: 0;
}
.hoverAnim:hover:after {
    height: 100%;
    opacity: 0;
}

.layer_img{
    position: relative;
}
.layer_img img,
.elementor img{
    max-width: 100%;
}
.anim_rotate img{
    -webkit-animation: rotateAnim 7s linear infinite;
            animation: rotateAnim 7s linear infinite;
}
@-webkit-keyframes rotateAnim{
    0%{
      -webkit-transform:rotate(0deg);
              transform:rotate(0deg);
    }
    100%{
      -webkit-transform:rotate(360deg);
              transform:rotate(360deg);
    }
}
@keyframes rotateAnim{
    0%{
      -webkit-transform:rotate(0deg);
              transform:rotate(0deg);
    }
    100%{
      -webkit-transform:rotate(360deg);
              transform:rotate(360deg);
    }
}

/* -- Feature Section -- */
.fe01Single{
    position: relative;
    text-align: center;
    background: var(--tw-white-color);
    -webkit-filter: drop-shadow(0px -30px 60px rgba(0, 0, 0, 0.04));
            filter: drop-shadow(0px -30px 60px rgba(0, 0, 0, 0.04));
    padding: 60px 50px 44px;
    margin: 0 0 30px;
    z-index: 5;
    overflow: hidden;
    cursor: pointer;
}
.fe01Single span{
    display: inline-block;
    font-size: 80px;
    color: var(--tw-primary-color);
    margin: 0 0 50px;    
    position: relative;
    z-index: 1;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.fe01Single:hover span{
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in;
    -webkit-animation: fade_in 350ms ease-in-out;
            animation: fade_in 350ms ease-in-out;
    -webkit-animation-delay: 300ms;
            animation-delay: 300ms;
    color: var(--tw-white-color);
}
.fe01Single h3{
    font-size: 30px;
    line-height: 1;
    margin: 0 0 21px;    
    position: relative;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 1;
}
.fe01Single h3 a{
    display: inline-block;
    color: inherit;
}
.fe01Single:hover p,
.fe01Single:hover h3{
    position: relative;
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in;
    z-index: 1;
    -webkit-animation: fade_up 350ms ease-in-out;
            animation: fade_up 350ms ease-in-out;
    -webkit-animation-delay: 500ms;
            animation-delay: 500ms;
    color: var(--tw-white-color);   
}
.fe01Single:hover h3{ 
    -webkit-transition: all 500ms ease-in; 
    transition: all 500ms ease-in;
}
.fe01Single h3 a:hover{
    color: #000000;
}
.fe01BoxImg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.fe01BoxImg::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(200, 160, 103, 0.800000011920929);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}
.fe01BoxImg.visible::after{
    opacity: 1;
    visibility: visible;
}
.fe01BoxImg img{
    opacity: 0;
    visibility: hidden;
    max-width: 100%;
    width: 100%;
    height: auto;
}
.fe01BoxImg.visible img{
    opacity: 1;
    visibility: visible;

}

@-webkit-keyframes fade_up {
    0%{
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
        opacity: 0;
    }
    100%{
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade_up {
    0%{
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
        opacity: 0;
    }
    100%{
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes fade_in {
    0%{
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 0;
    }
    100%{
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
}
@keyframes fade_in {
    0%{
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 0;
    }
    100%{
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
}
/* -- Skill Section -- */
.skillContent{
    position: relative;
    padding: 20px 33px 0 0;
}
.arcSkillBar{
    position: relative;
}
.singleSkill{
    position: relative;
    margin: 0 0 41px;
}
.singleSkill h3{
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    margin: 0 0 22px;
}
.singleSkill span{
    position: absolute;
    right: 0;
    bottom: 32px;
    font-size: 18px;
    line-height: 18px;
    color: var(--tw-primary-color);
    font-family: var(--secondary-font);
}
.singleSkill .skillWrap {
    position: relative;
    width: 100%;
    height: 10px;
    background: var(--dark-color02);
}
.singleSkill .skillWrap .skill {
    width: 0;
    height: 10px;
    background: var(--tw-primary-color);
    position: relative;
}
.skill_img {
    position: relative;
    margin-left: 63px;
}
.skill_img:after {
    content: "";
    position: absolute;
    background: var(--tw-white-color);
    width: 100%;
    height: 0;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    left: 0;
    opacity: 0.3;
    bottom: 0;
}
.skill_img:hover:after {
    height: 100%;
    opacity: 0;
}
.skill_img img{
    max-width: 100%;
    width: 100%;
    height: auto;
}

/* -- History Section -- */
.historyWrap{
    position: relative;
}
.historySlider.owl-carousel .owl-item img {
    max-width: 100%;
    width: auto;
}
.historySlider{
    z-index: 1;
}
.historySlider:after{
    content: '';
    position: absolute;
    left: 0;
    top: 188px;
    width: 100%;
    height: 6px;
    background: var(--tw-white-color);
    z-index: -1;
}
.historyItem{
    position: relative;
    text-align: center;
    cursor: pointer;
}
.historyItem:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 182px;
    width: 20px;
    height: 20px;
    background: var(--heading-color);
    z-index: 2;
    -webkit-transition: all 450ms ease;
    transition: all 450ms ease;
}
.historyItem:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 182px;
    width: 20px;
    height: 20px;
    background: var(--heading-color);
    z-index: 3;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transform: scale(0);
            transform: scale(0);
}
.historyItem:hover:before{
    background: var(--tw-white-color);
    -webkit-transform: scale(.4);
            transform: scale(.4);

}
.historyItem:hover:after{
    background: var(--tw-primary-color);
}
.historyItem .hisThumb{
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 0 91px;
}
.historyItem .hisThumb img{
    max-width: 100%;
    height: auto;
}
.hisContent{
    position: relative;
}
.hisContent h3{
    font-size: 40px;
    line-height: 1;
    color: var(--tw-primary-color);
    margin: 0 0 13px;
}

/* -- Carousel Nav -- */
.historySlider.owl-carousel .owl-nav,
.expertiseSlider.owl-carousel .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 35px 0 0;
}
.historySlider.owl-carousel .owl-nav.disabled,
.expertiseSlider.owl-carousel .owl-nav.disabled {
    display: none;
}
.historySlider.owl-carousel .owl-nav button,
.expertiseSlider.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;
    font-size: 14px;
    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;
}
.historySlider.owl-carousel .owl-nav button:hover,
.expertiseSlider.owl-carousel .owl-nav button:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}

/* -- Carousel Dots -- */
.historySlider .owl-dots,
.expertiseSlider .owl-dots {
    position: relative;
    margin: 36px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.historySlider .owl-dots button,
.expertiseSlider .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;
}
.historySlider .owl-dots button.active,
.expertiseSlider .owl-dots button.active {
    border-color: var(--tw-primary-color);
}
.historySlider.owl-carousel .owl-dots span,
.expertiseSlider.owl-carousel .owl-dots span {
    position: relative;
    width: 9px;
    height: 9px;
    background: #CFCFCF;
    border-radius: 50%;
}
.historySlider .owl-dots button.active:after,
.expertiseSlider .owl-dots button.active:after{
    background: var(--tw-primary-color);
}

/*-----------------------------------------
/  05. Service Page
/-----------------------------------------*/
.ser04Single {
    position: relative;
    text-align: center;
    background: var(--tw-white-color);
    padding: 60px 50px 47px;
    margin: 0 0 30px;
    box-shadow:0px 16px 32px 0px rgba(0, 0, 0, 0.04)
}
.ser04Single span {
    display: inline-block;
    font-size: 80px;
    color: var(--tw-primary-color);
    margin: 0 0 38px;
}
.ser04Single h3 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 23px;
}
.ser04Single h3 a{
    display: inline-block;
    color: inherit;
    position: relative;
}
.ser04Single h3 a:hover{
    color: var(--tw-primary-color);
}
.ser04Single h3 a:after{
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.ser04Single h3 a:hover:after{
    width: 100%;
    left: 0;
    right: auto;
}
.ser04Single:before {
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: calc(2px/ -1);
    left: calc(2px/ -1);
    -webkit-transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transform: scaleX(0) rotate(0deg);
            transform: scaleX(0) rotate(0deg);
    -webkit-transition-delay: 0.6s, 0.3s, 0s;
            transition-delay: 0.6s, 0.3s, 0s;
}
.ser04Single:hover:before {
    background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;
    background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
    -webkit-transform: scaleX(1) rotate(0deg);
            transform: scaleX(1) rotate(0deg);
    -webkit-transition-delay: 0s, 0.3s, 0.6s;
            transition-delay: 0s, 0.3s, 0.6s;
}

/* -- Contact Section -- */
.contactWrap{
    position: relative;
}
.contactWrap{
    box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.06);
    background: var(--tw-white-color);
}
.contactForm{
    position: relative;
    padding: 80px;
}
.contactForm .input_field{
    position: relative;
    margin: 0 0 20px;
    z-index: 1;
}
.contactForm .input_field p span input,
.contactForm .input_field p span textarea{
    border: 1px solid #ECECEC;
    outline: 0;
    width: 100%;
    height: 60px;
    padding: 0 26px;
    font-size: 14px;
    line-height: 14px;
    color: var(--tw-primary-color);
    position: relative;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    position: relative;
}

.contactForm .input_field p label {
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    color: var(--dark-color02);
    left: 19px;
    top: 24px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 2;
    padding: 0 7px;
}
.contactForm .input_field p span input:focus,
.contactForm .input_field p span textarea:focus,
.contactForm .input_field p.is-active span input,
.contactForm .input_field p.is-active span textarea{
    border-color: var(--tw-primary-color);
}
.contactForm .input_field p span input[type="email"]:invalid ~ label{
    color: red;
}
.contactForm .input_field p span textarea{
    min-height: 205px;
    padding: 24px 26px;
    margin: 0 0 2px;
    resize: none;
}

.contactForm input[type="submit"] {
    border: 0;
    outline: 0;
    background: var(--tw-primary-color);
    padding: 16px 32px;
}
.contactForm input[type="submit"]:hover{
    background: var(--heading-color);
    color: var(--tw-white-color);
}
.con_message {
    display: none;
    border-radius: 5px;
    margin: 12px 0 0;
    font-size: 16px;
    padding-left: 24px;
    padding-right: 24px;
}
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
}
.wpcf7-form p.is-active > label{
    -webkit-transform: translateY(-31px) !important;
    transform: translateY(-31px) !important;
    color: var(--heading-color);
    background: var(--tw-white-color);
}

/*-----------------------------------------
/  07. Faq Page
/-----------------------------------------*/
.faqAccordion .accordion {
    --bs-accordion-inner-border-radius: 0;
}
.faqAccordion .accordion-button {
    font-size: 24px;
    line-height: 24px;
    color: var(--heading-color);
    padding: 31px 40px 30px;
}
.faqAccordion .accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: 0 0 0;
}
.faqAccordion .accordion-button:not(.collapsed) {
    color:none;
    background-color: transparent;
    box-shadow: 0 0 0;
}
.faqAccordion .accordion-button:after {
    font-family: 'Themewar';
    content: "\ef5e";
    font-weight: 400;
    background: none;
    font-size: 16px;
    color: #B3B3B3;
}
.faqAccordion .accordion-button:not(.collapsed):after {
    content: "\eec2";
}
.faqAccordion .accordion-item{
    border: 0;
    border-top: 1px solid #D3C9C9;
}
.faqAccordion .accordion-item.active{
    border-top: 0;
}
.faqAccordion .accordion-item .accordion-button:not(.collapsed){
    background: var(--heading-color);
    color: var(--tw-white-color);
}
.faqAccordion .accordion-item .accordion-body{
    background: var(--heading-color);
    color: var(--dark-color02);
    padding: 0px 41px 10px;
    color: var(--dark-color02);
}
.faqAccordion .accordion-item .accordion-body p{
    position: relative;
    top: -4px;
}

/*-----------------------------------------
/  09. Projects Page
/-----------------------------------------*/
.projectGallery .row.pGrid01 {
    --bs-gutter-x: 2.813rem;
}
.projectGallery .row.pGrid02 {
    --bs-gutter-x: 1.875rem;
}
.projectItem{
    position: relative;
    margin: 0 0 45px;
    z-index: 1;
    overflow: hidden;
}
.projectItem:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.9399999976158142);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.projectItem:hover:after{
    opacity: 1;
    visibility: visible;
}
.projectItem .prThumb{
    position: relative;
}
.projectItem .prThumb img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.prContent {
    position: absolute;
    left: 40px;
    bottom: 48px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    padding-right: 20px;
}
.projectItem:hover .prContent{
    opacity: 1;
    visibility: visible;
}
.prContent .prCat {
    position: relative;
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 14px;
    color: var(--tw-primary-color);
    font-family: var(--primary-font);
    text-transform: uppercase;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s,-webkit-transform .5s cubic-bezier(.22,.61,.36,1);
    transition: opacity .35s,-webkit-transform .5s cubic-bezier(.22,.61,.36,1);
    transition: opacity .35s,transform .5s cubic-bezier(.22,.61,.36,1);
    transition: opacity .35s,transform .5s cubic-bezier(.22,.61,.36,1),-webkit-transform .5s cubic-bezier(.22,.61,.36,1);
}
.projectItem:hover .prContent .prCat{
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.prContent .prCat a{
   color: inherit;
   display: inline-block;
}
.prContent .prCat a:hover{
    color: var(--tw-white-color);
}
.prContent h3{
    font-size: 26px;
    line-height: 32px;
    color: var(--tw-white-color);
    margin: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s,-webkit-transform .5s cubic-bezier(.22,.61,.36,1);
    transition: opacity .35s,-webkit-transform .5s cubic-bezier(.22,.61,.36,1);
    transition: opacity .35s,transform .5s cubic-bezier(.22,.61,.36,1);
    transition: opacity .35s,transform .5s cubic-bezier(.22,.61,.36,1),-webkit-transform .5s cubic-bezier(.22,.61,.36,1);
}
.projectItem:hover .prContent h3{
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.prContent h3 a{
    color: inherit;
    display: inline-block;
}
.prContent h3 a:hover{
    color: #444;
}

/* -- Project  Feature Image -- */
.featured_image .thumbImg {
    position: relative;
}
.featured_image .folio_brandLogo {
    position: absolute;
    left: 0;
    top: 0;
}
.featured_image .folio_brandLogo img {
    max-width: 160px;
    width: 100%;
    height: auto;
}

/*-----------------------------------------
/  10. Projects Details
/-----------------------------------------*/
.projectDetCon{
    position: relative;
}
.proDetThumb{
    position: relative;
}
.proDetThumb img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.projectManage{
    padding: 64px 0 50px;
    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;
    border-bottom: 1px solid #D4D4D4;
    margin: 0 0 60px;
}
.manageCon{
    position: relative;
}
.manageCon ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.manageCon ul li{
    display: inline-block;
    padding: 0 56px 0 0 ;
}
.manageCon ul li:last-child{
    padding-right: 0;
}
.manageCon ul li p{
    color: var(--tw-primary-color);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    margin: 0 0 13px;
}
.manageCon ul li p span{
    margin-right: 5px;
    display: inline-block;
}
.manageCon ul li h3{
    font-size: 24px;
    line-height: 24px;
}
.manageBtn{
    position: relative;
}
.manageBtn .archioxBtn02{
    font-size: 16px;
    font-weight: 500;
    padding: 16px 28.23px;
    position: relative;
    top: -7px;
}
.manageBtn .archioxBtn02:before {
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: calc(2px/ -1);
    left: calc(2px/ -1);
    background: -webkit-linear-gradient(left, #C8A067 0%, #C8A067 100%), -webkit-linear-gradient(bottom, #C8A067 50%, transparent 50%), -webkit-linear-gradient(bottom, #C8A067 50%, transparent 50%), -webkit-linear-gradient(left, #C8A067 0%, #C8A067 100%), -webkit-linear-gradient(right, #C8A067 0%, #C8A067 100%);
    background: linear-gradient(to right, #C8A067 0%, #C8A067 100%), linear-gradient(to top, #C8A067 50%, transparent 50%), linear-gradient(to top, #C8A067 50%, transparent 50%), linear-gradient(to right, #C8A067 0%, #C8A067 100%), linear-gradient(to left, #C8A067 0%, #C8A067 100%);
    background-size: 100% 1px, 1px 200%, 1px 200%, 0% 1px, 0% 1px;
    background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
    background-repeat: no-repeat, no-repeat;
    -webkit-transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transform: scaleX(0) rotate(0deg);
            transform: scaleX(0) rotate(0deg);
    -webkit-transition-delay: 0.4s, 0.2s, 0s;
            transition-delay: 0.4s, 0.2s, 0s;
}
.manageBtn .archioxBtn02:hover:before {
    background-size: 200% 1px, 1px 400%, 1px 400%, 55% 1px, 55% 1px;
    background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
    -webkit-transform: scaleX(1) rotate(0deg);
            transform: scaleX(1) rotate(0deg);
    -webkit-transition-delay: 0s, 0.2s, 0.4s;
            transition-delay: 0s, 0.2s, 0.4s;
}
.project_overview{
    position: relative;
}
.project_overview h2 {
    font-size: 50px;
    line-height: 1;
    margin: 0 0 40px;
}
.project_overview p{
    margin: 0 0 24px;
}
.project_overview p.pb4 {
    margin: 0 0 27px;
}
.project_overview p strong{
    color: var(--heading-color);
    font-weight: 500;
}
.project_overview h3 {
    font-size: 30px;
    line-height: 1;
    margin: 57px 0 30px;
}
.proDetGall{
    position: relative;
    margin: 58px 0 0;
}
.proDetGall .row.gx-4{
    --bs-gutter-x: 1.9rem;
    background: var(--tw-white-color);
}
.proDetGall img{
    max-width: 100%;
    width: 100%;
    height: auto;
}

/*-----------------------------------------
/  11. Team Single
/-----------------------------------------*/
.team_designation{
    position: relative;
}
.team_designation span {
    display: inline-block;
    position: relative;
    color: var(--tw-primary-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    padding-left: 14px;
}
.team_designation span::before {
    content: "\e913";
    position: absolute;
    top: 0;
    left: -4px;
    font-family: 'Archiox';
}
.teamAuthor{
    position: relative;
    padding: 0 64px 0 0;
}
.teamAuthor img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.officeAddress{
    position: relative;
}
.officeAddress .getInTouch{
    background: #fff;
    padding: 69px 60px 32px 12px;
}
.officeAddress .getInTouch > p{
    margin: 0 0 47px;
}
.officeAddress .getInTouch h5{
    color: var(--tw-primary-color);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    margin: 0 0 11px;
    font-family: var(--primary-font);
}
.officeAddress .getInTouch h5 span{
    font-size: 12px;
    margin-right: 5px;
}
.officeAddress .getInTouch h2{
    color: var(--heading-color);
    font-size: 60px;
    line-height: 1;
    margin: 0 0 26px;
}
.officeAddress .getInTouch .getInfo h3 {
    color: var(--heading-color);
}
.authorCertificate{
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 30px;
    padding-left: 44px;
}
.authorCertificate img{
    max-width: 100%;
    width: 100%;
    height: auto;
}

/*-----------------------------------------
/  11. Service Details
/-----------------------------------------*/
.serDetCon{
    position: inherit;
}
.serDetCon h2{
    font-size: 50px;
    line-height: 1;
    margin: 0 0 40px;
}
.serDetCon h3{
    font-size: 30px;
    line-height: 1;
    margin: 77px 0 30px;
}
.serDetCon p{
    margin: 0 0 27px;
}
.serDetThumb{
    position: relative;
    margin: 0 0 60px;
}
.serDetThumb img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.serDetCon .processWrap01 {
    padding: 30px 0 210px;
}
.serDetCon .processItem span {
    color: var(--tw-primary-color);
}
.serDetCon .processItem:nth-child(02) span {
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.serDetCon .processItem:nth-child(03) span {
    background: var(--heading-color);
    color: var(--tw-white-color);
}
.serDetCon .processItem:nth-child(04) span {
    background: #F6F0F0;
    color: var(--heading-color);
}
.serDetVideo{
    position: relative;
    margin: 0 0 60px;
}

/*-----------------------------------------
/  12. Blog List
/-----------------------------------------*/
.blogPageSection{
    padding: 110px 0 120px;
}
.blogListWrap{
    position: relative;
}
.blogRSB{
    padding-right: 2px;
}
.blogLSB{
    padding-left: 2px;
}
.blogRightSidebar {
    padding-left: 24.5px;
}
.blogLeftSidebar {
    padding-right: 24.5px;
}
.blogListSingle{
    position: relative;
    margin: 0 0 40px;
}
.blogListSingle img{
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 0 51px;
}
.blMeta {
    position: relative;
    font-size: 12px;
    font-weight: 500;
    color: var(--tw-primary-color);
    text-transform: uppercase;
    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;
    border-bottom: 1px solid #D4D4D4;
    margin: 0 0 30px;
    padding: 13px 0;
}
.blMeta a{
    color: inherit;
    display: inline-block;
}
.blMeta a:hover {
    color: var(--tw-secondary-color);
}
.blMeta p {
    font-weight: 400;
    color: var(--dark-color01);
    text-transform: capitalize;
    margin: 0;
}
.blMeta p i{
    margin-right: 4px;
}
.blMeta p a:hover{
    color: var(--tw-primary-color);
}
.blogListSingle h2{
    font-size: 40px;
    line-height: 50px;
    margin: 0 0 39px;
    max-width: 880px;
}
.blogListSingle h2 a{
    display: inline-block;
    color: inherit;
    word-break: break-all;
}
.blogListSingle h2 a:hover{
    color: var(--tw-primary-color);
}
.blogListSingle .archioxBtn {
    background: var(--tw-white-color);
    border: 1px solid #222;
    color: var(--heading-color);
    padding: 18px 23.22px;
    position: relative;
    font-weight: 500;
    line-height: 1;
}
.blogListSingle .archioxBtn:hover{
    color: var(--tw-primary-color);
}
.blogListSingle .archioxBtn:before {
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: calc(2px/ -2);
    left: calc(2px/ -2);
    background: -webkit-linear-gradient(left, #C8A067 0%, #C8A067 100%), -webkit-linear-gradient(bottom, #C8A067 50%, transparent 50%), -webkit-linear-gradient(bottom, #C8A067 50%, transparent 50%), -webkit-linear-gradient(left, #C8A067 0%, #C8A067 100%), -webkit-linear-gradient(right, #C8A067 0%, #C8A067 100%);
    background: linear-gradient(to right, #C8A067 0%, #C8A067 100%), linear-gradient(to top, #C8A067 50%, transparent 50%), linear-gradient(to top, #C8A067 50%, transparent 50%), linear-gradient(to right, #C8A067 0%, #C8A067 100%), linear-gradient(to left, #C8A067 0%, #C8A067 100%);
    background-size: 100% 1px, 1px 200%, 1px 200%, 0% 1px, 0% 1px;
    background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
    background-repeat: no-repeat, no-repeat;
    -webkit-transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transform: scaleX(0) rotate(0deg);
            transform: scaleX(0) rotate(0deg);
    -webkit-transition-delay: 0.4s, 0.2s, 0s;
            transition-delay: 0.4s, 0.2s, 0s;
}
.blogListSingle .archioxBtn:hover:before {
    background-size: 200% 1px, 1px 400%, 1px 400%, 55% 1px, 55% 1px;
    background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
    -webkit-transform: scaleX(1) rotate(0deg);
            transform: scaleX(1) rotate(0deg);
    -webkit-transition-delay: 0s, 0.2s, 0.4s;
            transition-delay: 0s, 0.2s, 0.4s;
}

/* -- Post Tags -- */
.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: 400;
    line-height: 17px;
    padding: 8px 17px;
    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);
}

/* -- Sidebar Blog -- */
.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: 34px;
    background: #efeded;
    color: var(--tw-body-color);
    padding: 0 18px;
    border-radius: 100px;
    font-size: 14px !important;
    font-weight: 400;
}
.wp-block-tag-cloud a:hover, .tagcloud a:hover, .blogTagItems a:hover {
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}

/* -- Pagination -- */
.shopPagination,
.folioPagination,
.archioxPagination {
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: var(--heading-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;
    margin: 20px 0 0;
}
.shopPagination{
    column-gap: 16px;
}
.folioPagination.text-start,
.archioxPagination.text-start{
    justify-content: flex-start;
}
.folioPagination.text-end,
.archioxPagination.text-end{
    justify-content: flex-end;
}
.folioPagination .nav-links,
.archioxPagination .nav-links {
    display: flex;
    align-items: center;
    gap: 16px;
}
.shopPagination a,
.shopPagination span,
.folioPagination a,
.folioPagination span,
.archioxPagination a,
.archioxPagination span{
    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: inherit;
    min-height: 50px;
    min-width: 50px;
    border: 1px solid #D4D4D4;
    background: var(--tw-white-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.shopPagination a:hover,
.archioxPagination a:hover,
.folioPagination span,
.folioPagination a:hover,
.archioxPagination a:hover,
.shopPagination span,
.archioxPagination span:not(.dots),
.archioxPagination span:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border-color: var(--tw-primary-color);
}
.archioxPagination a.prev,
.shopPagination a.prev,
.folioPagination a.prev,
.shopPagination a.next,
.folioPagination a.next,
.archioxPagination a.next{
    font-size: 15px;
}

/* -- Sidebar -- */
.sidebar{
    position: relative;
    margin: 22px 0 0;
}
.widget{
    position: relative;
    margin: 0 0 25px;
}
.widget .widgetTitle {
    font-size: 20px;
    line-height: 24px;
    border-bottom: 1px solid #ECECEC;
    margin: 0 0 30px;
    padding: 0 0 20px;
}
.search_widget form,
.widget_search .searchForm {
    position: relative;
}
.search_widget input,
.widget_search .searchForm input{
    border: 0;
    outline: 0;
    background: #F5F5F5;
    width: 100%;
    height: 54px;
    padding: 0 60px 0 30px;
    font-size: 14px;
    color: var(--heading-color);
}
.search_widget input::-webkit-input-placeholder,
.widget_search .searchForm input::-webkit-input-placeholder{
    color: #A3A3A3;
}
.search_widget input::-moz-placeholder,
.widget_search .searchForm input::-moz-placeholder{
    color: #A3A3A3;
}
.search_widget input:-ms-input-placeholder,
.widget_search .searchForm input:-ms-input-placeholder{
    color: #A3A3A3;
}
.search_widget input::placeholder,
.widget_search .searchForm input::placeholder{
    color: #A3A3A3;
}
.search_widget button,
.widget_search .searchForm button{
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    font-size: 14px;
    width: 54px;
    height: 54px;
    line-height: 54px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.search_widget button:hover,
.widget_search .searchForm button:hover{
    background: var(--heading-color);
}
.widget.latest_post_widget{
    margin: 0 0 32px;
}
.latestPost {
    position: relative;
    padding: 8px 0 0 100px;
    min-height: 80px;
    margin: 0 0 26px;
}
.latestPost:last-child {
    padding-bottom: 0;
}
.latestPost a{
    display: block;
    color: inherit;
}
.latestPost a img {
    max-width: 80px;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}
.latestPost p {
    font-size: 12px;
    color: var(--dark-color01);
    line-height: 1;
    margin: 0 0 11px;
}
.latestPost p i{
    margin-right: 1px;
}
.latestPost h3{
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
.latestPost h3 a:hover {
    color: var(--tw-primary-color);
}
.widget.post_category_widget {
    margin: 0 0 38px;
}
.widget.post_category_widget .widgetTitle {
    margin: 0 0 17px;
}
.post_category_widget ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.post_category_widget ul li{
    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;
    font-size: 14px;
    line-height: 40px;
    color: #777;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    position: relative;
    padding-left: 32px;
}
.post_category_widget ul li:after{
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 16px;
    height: 16px;
    background: #EFEFEF;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.post_category_widget ul li:hover:after,
.post_category_widget ul li.cat-item-2:after{
    background: var(--tw-primary-color);
}
.post_category_widget ul li:before{
    content: "";
    position: absolute;
    left: 4px;
    top: 16px;
    width: 8px;
    height: 8px;
    background: var(--tw-white-color);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.post_category_widget ul li:hover:before,
.post_category_widget ul li.cat-item-2:before{
    opacity: 1;
    visibility: visible;
}
.post_category_widget ul li a{
    color: var(--heading-color);
    text-transform: uppercase;
    font-weight: 500;
}
.post_category_widget ul li:hover,
.post_category_widget ul li:hover a,
.post_category_widget ul li.cat-item-2,
.post_category_widget ul li.cat-item-2 a{
    color: var(--tw-primary-color);
}
.addBanner:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.4000000059604645);
}
.addBanner h3{
    font-size: 30px;
    line-height: 1;
    color: var(--tw-white-color);
    position: absolute;
    width: 100%;
    text-align: left;
    left: 40px;
    bottom: 42px;
    z-index: 1;
}
.addBanner h3:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -17px;
    width: calc(100% - 80px);
    height: 1px;
    background: var(--tw-white-color);
}
.addBanner img{
    max-width: 100%;
    width: 100%;
}

/*-----------------------------------------
/  14. Blog Details
/-----------------------------------------*/
.blogDetWrap{
    position: relative;
}
.blogDetThumb {
    position: relative;
    margin: 0 0 61px;
}
.blogDetThumb img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.blogDetContent{
    position: relative;
}
.blogDetContent p{
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 19px;
}
.blogDetContent .ph3 {
    color: var(--heading-color);
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    margin: 0 0 61px;
}
.blogDetContent h4 {
    font-size: 20px;
    line-height: 28px;
    margin: 54px 0 31px;
    color: #222222;
}
.blogTask {
    position: relative;
    margin: 55px 0 61px;
}
.blogTask .taskImg{
    position: relative;
    padding-right: 8px;
}
.blogTask .taskImg img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.blogTask .taskCon {
    position: relative;
    padding: 45px 20px 0 28px;
}
.blogTask .taskCon h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 31px;
    color: #222222;
}

/* -- Page Pagination -- */
.pagePagination {
    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;
    border-top: 1px solid var(--heading-color);
    border-bottom: 1px solid rgba(34, 34, 34, 0.10000000149011612);
    padding: 20px 0 20px;
    margin: 75px 0 83px;
}
.pagePagination::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: rgba(34, 34, 34, 0.10000000149011612);
    z-index: 3;
}
.pagePagination a{
    display: inline-block;
    color: #222222;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.pagePagination a span{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #E4E4E4;
    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: 14px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    margin-right: 16px;
}
.pagePagination a:hover{
    color: var(--tw-primary-color);
}
.pagePagination a.nextPost span{
    margin-right: 0;
}
.pagePagination a:hover span{
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    border-color: var(--tw-primary-color);
}
.pagePagination a.nextPost span{
    margin-left: 16px;
}
.pagePagination a.nextPost:hover span{
    margin-left: 10px;
}
.pagePagination a.prevPost:hover span{
    margin-right: 10px;
}

/* -- Comment Box Wrap -- */
.postCommetnListBox{
    position: relative;
}
.postCommetnListBox .commentHeading {
    font-size: 20px;
    line-height: 1;
    color: #222222;
    margin: 0 0 23px;
}
.postCommetnListBox .commentHeading span{
    color: var(--dark-color02);
}
.commentLis,
.reviewList ol{
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.singleComment,
.postReview{
    position: relative;
    padding: 35px 0 56px 110px;
    border-top: 1px solid #EDEDED;
}
.singleComment img,
.elementor .singleComment img,
.postReview img{
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    left: 0;
    top: 40px;
}
.commentMeta{
    position: relative;
    margin: 0 0 3px;
}
.commentMeta h3,
.postReview h2{
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #222222;
    display: inline-block;
    margin-right: 8px;
}
.commentMeta h3 span{
    color: var(--dark-color01);
    font-weight: 400;
}
.singleComment p,
.postReview p{
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 20px;
}
.commentReply{
    position: relative;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--heading-color);
}
.commentReply a{
    color: inherit;
    display: inline-block;
}
.commentReply a:hover{
    color: var(--tw-primary-color);
}
.commentReply a span{
    width: 30px;
    height: 30px;
    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;
    color: #222222;
    font-weight: 300;
    border: 1px solid #E4E4E4;
    background: #FFF;
    margin-right: 10px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.commentReply a:hover span{
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    border-color: var(--tw-primary-color);
}
.commentList {
    list-style: none;
    margin: 0;
    padding: 0;
}
.commentList ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 110px;
}
.commentList ul .singleComment{
    padding: 35px 0 40px 110px;
}
.commentReview {
    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;
    border-bottom: 1px solid #EDEDED;
    padding: 0 0 8px;
    margin: 7px 0 40px;
}
.commentReview h3{
    font-size: 20px;
    line-height: 1;
    color: #111111;
}

/* -- Product Review -- */
.postReview h2 {
    width: calc(100% - 100px);
    line-height: 22px;
}
.revTitleWrap{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.revTitleWrap .productRatingWrap{
    position: relative;
    top: 5px;
}
.postReview p{
    margin: 0 0 12px;
}

/* -- Comment Box -- */
.commentFormBox{
    position: relative;
}
.getCommentForm{
    position: relative;
    margin-bottom: 50px;
}
.getCommentForm .row.gx-3{
    --bs-gutter-x: 1.2rem;
}
.getCommentForm .getField{
    position: relative;
    margin: 0 0 20px;
}
.getCommentForm .getField input,
.getCommentForm .getField textarea,
.reviewFrom input,
.reviewFrom textarea{
    width: 100%;
    height: 54px;
    border: 1px solid rgba(34, 34, 34, 0.20000000298023224);
    outline: 0;
    background: var(--tw-white-color);
    color: var(--heading-color);
    padding: 0 25px;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}
.reviewFrom input {
    margin: 0 0 15px;
}
.getCommentForm .getField input:focus,
.getCommentForm .getField textarea:focus{
    border-color: #222222;
}
.getCommentForm .getField input::-webkit-input-placeholder,
.getCommentForm .getField textarea::-webkit-input-placeholder{
    color: #A8A8A8;
    font-size: 14px;
    line-height: 16px;
}
.getCommentForm .getField input::-moz-placeholder,
.getCommentForm .getField textarea::-moz-placeholder{
    color: #A8A8A8;
    font-size: 14px;
    line-height: 16px;
}
.getCommentForm .getField input:-ms-input-placeholder,
.getCommentForm .getField textarea:-ms-input-placeholder{
    color: #A8A8A8;
    font-size: 14px;
    line-height: 16px;
}
.getCommentForm .getField input::placeholder,
.getCommentForm .getField textarea::placeholder{
    color: #A8A8A8;
    font-size: 14px;
    line-height: 16px;
}
.getCommentForm .getField textarea,
.reviewFrom textarea {
    min-height: 180px;
    resize: none;
    padding: 13px 25px;
}
.getCommentForm .getField textarea:focus,
.reviewFrom textarea:focus{
    border-color: var(--tw-primary-color);
}
.reviewFrom textarea {
    margin: 0 0 10px;
}
.getCommentForm .getField.write_comm {
    margin-bottom: 13px;
}
.getCommentForm .getField textarea::-webkit-input-placeholder{
    position: relative;
    top: 5px;
}
.getCommentForm .getField textarea::-moz-placeholder{
    position: relative;
    top: 5px;
}
.getCommentForm .getField textarea:-ms-input-placeholder{
    position: relative;
    top: 5px;
}
.getCommentForm .getField textarea::placeholder{
    position: relative;
    top: 5px;
}
.getCommentForm button,
.reviewFrom button{
    border: 0;
    outline: 0;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    padding: 19px 29.22px;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.getCommentForm button:hover,
.reviewFrom button:hover{
    color: var(--tw-white-color);
    background: #222222;
}
.archioxCommentsArea .commentHeading02{
    margin-bottom: 8px;
}
.archioxCommentsArea .commentDesc{
    margin-bottom: 30px;
}
.archioxCommentsArea small.cancel_reply_btn,
.postCommetnListBox .commentHeading02 .cancel_reply_btn {
    float: right;
    font-size: 16px;
    line-height: 26px;
    color: var(--tw-primary-color);
    font-family: var(--primary-font);
    position: relative;
    top: 4px;
}
.archioxCommentsArea small.cancel_reply_btn a,
.postCommetnListBox .commentHeading02 .cancel_reply_btn a {
    color: inherit;
}
.archioxCommentsArea small.cancel_reply_btn a:hover,
.postCommetnListBox .commentHeading02 .cancel_reply_btn a:hover {
    color: var(--tw-secondary-color);
}
.userLoggedIn .commentHeading02{
    margin-bottom: 20px;
}
.relatedProductRow{
    position: relative;
    padding: 118px 0 90px;
}
.relatedProductRow .subTitle {
    margin: 0 0 8px;
}
.relatedProductRow .secTitle {
    margin: 0 0 65px;
}

/*-----------------------------------------
/  17. 404 Page
/-----------------------------------------*/
.get404Sec {
    position: relative;
    background: #B48F5A;
    padding: 171px 0 120px;
}
.get404Desc {
    position: relative;
    padding: 116px 0 0;
}
.get404Desc h2{
    font-size: 200px;
    line-height: 1;
    margin: 0 0 3px;
    color: var(--tw-white-color);
}
.get404Desc h4{
    font-size: 30px;
    color: var(--tw-white-color);
    line-height: 1;
    margin: 0 0 60px;
}
.get404Desc .archioxBtn02{
    background: var(--heading-color);
    color: var(--tw-white-color);
    font-weight: 500;
    padding: 16.5px 30px;
}
.get404Desc .archioxBtn02:hover{
    color: var(--tw-primary-color);
}
.get404Desc .archioxBtn02:hover span{
    animation: arrowAnim03 400ms linear;
}
.get404Desc .archioxBtn02 i{
    font-size: 12px;
    margin-right: 13px;
}
.get404Img{
    position: relative;
    padding: 0 0 0 50px;
}
.get404Img img{
    max-width: 100%;
    width: 100%;
}

@keyframes arrowAnim03 {
    0%{
        opacity: 0;
        transform: translateX(10px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}

/*-----------------------------------------
/  15. Product Page
/-----------------------------------------*/
.productWrap{
    position: relative;
}
.productFilter{
    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;
    margin: 0 0 40px;
    z-index: 2;
}
.woocommerce-result-count {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    margin: 0 !important;
    font-family: var(--secondary-font);
    font-weight: 400;
    color: var(--heading-color);
}
.pdAccessNav{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.pdFilter{
    position: relative;
}
.pdFilter .woocommerce-ordering{
    margin: 0;
}
.pdFilter .nice-select{
    min-width: 105px;
    height: 34px;
    font-size: 14px;
    line-height: 32px;
    color: var(--heading-color);
    border: 1px solid #E3E3E3;
    border-radius: 0;
    margin-right: 0;
}
.pdFilter .nice-select:after {
    border-bottom: 1px solid var(--heading-color);
    border-right: 1px solid var(--heading-color);
    width: 6px;
    height: 6px;
    margin-right: 5px;
}
.pdFilter .nice-select .list{
    left: auto;
    right: 0;
}
.productViewTabnav {
    border: 0;
    margin-left: 8px;
    column-gap: 3px;
}
.productViewTabnav button{
    border-radius: 0;
    border: 1px solid #E3E3E3;
    width: 34px;
    height: 34px;
    padding: 0;
    text-align: center;
    line-height: 33px;
    font-size: 16px;
    color: #222222;
    background: transparent;
}
.productViewTabnav button.active{
    color: var(--tw-primary-color);
    border: 1px solid #E3E3E3;
}
.pdGridView{
    position: relative;
}
.productViewTabContent .tab-pane > .row{
    --bs-gutter-x: 1.85rem;
}
.productItem01{
    position: relative;
    margin: 0 0 45px;
}
.pdThumb{
    position: relative;
    background: var(--tw-white-color);
}
.productLabels {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    padding: 15px;
}
.productLabels span{
    float: left;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    z-index: 9;
    font-size: 12px;
    border-radius: 4px;
}
.productLabels .row [class^="col-"]:nth-child(even) span, .productLabels .row [class*=" col-"]:nth-child(even) span {
    float: right;
}
.productLabels span.plDis{
    background: #f04726;
}
.productLabels span.plHot{
    background: #f04726;
}
.pdThumb:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 1;
}
.productItem01:hover .pdThumb:after,
.productListItem01:hover .pdThumb:after{
    opacity: 1;
    visibility: visible;
}
.pdThumb img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.pi01Actions{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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;
    z-index: 2;
    column-gap: 8px;
}
.woocommerce .pi01Actions .pi01ACart, .pi01Actions a, .wocommerce .pi01Actions a.added_to_cart {
    display: -webkit-inline-box;
    display: -ms-inline-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;
    width: auto;
    height: 48px;
    border-radius: 6px;
    background: var(--tw-white-color);
    color: var(--tw-primary-color);
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    padding: 8px 16px;
}
.woocommerce .pi01Actions .pi01ACart i, .pi01Actions a i {
    margin-right: 4px;
    position: relative;
    font-size: 20px;
}
.woocommerce .pi01Actions .pi01ACart:hover,
.pi01Actions a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.pi01ACart.add_to_cart_button.added i{
    display: none;
}
.pi01ACart.add_to_cart_button.added .cartTextLabel{
    display: none;
}
.pi01ACart.add_to_cart_button.added::after{
    content:unset !important;
}
.pi01ACart.add_to_cart_button.added::before{
    font-family: WooCommerce;
    content: "\e017";
}
.woocommerce .twProductWrapper a.added_to_cart::before {
    content: "\e92a";
    font-family: 'Archiox';
    font-size: 20px;
    color: var(--secondary-color);
    margin-right: 4px;
    top: 4px;
    position: relative;
}
.pi01Actions >*:nth-child(01){
    -webkit-transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -webkit-transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms, -webkit-transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms, -webkit-transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms, -webkit-transform 400ms 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);
}
.pi01Actions >*:nth-child(02){
    -webkit-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -webkit-transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms, -webkit-transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms, -webkit-transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms, -webkit-transform 500ms 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);
}

.productItem01:hover .pi01Actions >*:nth-child(01),
.productListItem01:hover .pi01Actions >*:nth-child(01),
.productItem01:hover .pi01Actions >*:nth-child(02),
.productListItem01:hover .pi01Actions >*:nth-child(02){
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.pdContent{
    position: relative;
    padding: 30px 0 0;
}
.pdContent h3{
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-family: var(--primary-font);
    margin: 0 0 9px;
}
.pdContent h3 a{
    display: inline-block;
    color: inherit;
}
.pdContent h3 a:hover{
    color: var(--tw-primary-color);
}
.pi01Price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    color: var(--tw-primary-color);
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
}
.pi01Price del {
    font-size: 15px;
    color: var(--tw-secondary-color);
    position: relative;
    text-decoration: none;
    padding: 0 6px;
    line-height: 1;
    margin: 0 0 0 13px;
    font-weight: 400;
    order: 2;
    opacity: .5;
}
.pi01Price del:after {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    height: 1px;
    background: var(--tw-secondary-color);
    margin: 0;
    opacity: .5;
}
.productWrap .archioxPagination{
    margin: 48px 0 0;
}
.productWrap .row.gs_reveal {
    z-index: 99;
    position: relative;
}

/* -- Recent Product -- */
.widget_recently_viewed_products .product_list_widget .pwItems,
.product_list_widget .pwItems {
    position: relative;
    padding: 11px 0 24px 90px;
}
.widget_products .product_list_widget  li:last-child .pwItems {
    margin: 0;
}
.widget_recently_viewed_products .product_list_widget .pwItems .pwItemsThumb img,
.widget_recent_reviews ul.product_list_widget li a img,
.product_list_widget .pwItems .pwItemsThumb img{
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
}
.widget_recently_viewed_products .product_list_widget .pwItems h3,
.widget_recent_reviews ul.product_list_widget li a span,
.product_list_widget .pwItems h3 {
    font-size: 14px;
    line-height: 18px;
    font-family: var(--primary-font);
    margin: 0 0 11px;
    text-transform: uppercase;
}
.widget_recently_viewed_products .product_list_widget .pwItems a,
.product_list_widget .pwItems a{
    display: inline-block;
    color: inherit;
    font-weight: inherit;
}
.widget_recently_viewed_products .product_list_widget .pwItems a:hover,
.product_list_widget .pwItems a:hover{
    color: var(--tw-primary-color);
}

.widget_recently_viewed_products .product_list_widget .pwItems .pi01Price,
.product_list_widget .pwItems .pi01Price{
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: var(--tw-primary-color);
    text-decoration: none;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
    padding: 0;
}
.widget_products .product_list_widget .pwItems,
.widget_recent_reviews ul.product_list_widget li {
    position: relative;
    padding: 5px 0 0 90px;
    margin: 0 0 20px;
    min-height: 70px;
}
.widget_products .product_list_widget .pwItems .productRatingWrap {
    margin: 0 0 7px;
}
.widget_products .product_list_widget .pwItems h3 {
    margin: 0 0 5px;
}
.woocommerce ul.product_list_widget li :not(.cartWidgetProduct) a {
    font-weight: inherit;
    color: inherit;
}
.woocommerce ul.product_list_widget li a:hover {
    color: var(--tw-primary-color);
}
.widget_recent_reviews ul.product_list_widget li {
    padding: 0 0 24px 90px;
}
.widget_recent_reviews ul.product_list_widget li a span {
    margin: 0 0 5px;
}
.widget_top_rated_products .product_list_widget .pwItems {
    padding: 5px 0 18px 90px;
}
.widget_top_rated_products .product_list_widget .pwItems .productRatingWrap {
    margin: 0 0 5px;
}
.widget_top_rated_products .product_list_widget .pwItems h3 {
    margin: 0 0 5px;
}
.widget_top_rated_products .product_list_widget .pwItems .pi01Price,
.widget_products .product_list_widget .pwItems .pi01Price {
    font-size: 14px;
} 

.widget_top_rated_products .product_list_widget .pwItems .pi01Price del,
.widget_products .product_list_widget .pwItems .pi01Price del{
    font-size: 12px;
}
.widget_top_rated_products .product_list_widget .pwItems .pi01Price del:after,
.widget_products .product_list_widget .pwItems .pi01Price del::after{
    top: 5px;
}

/* -- Product Categories -- */
.product-categories {
    margin: 0;
    padding: 0;
    list-style: none;
}
.product-categories .cat-item {
    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;
    font-size: 14px;
    line-height: 20px;
    color: #777;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    position: relative;
    padding-left: 32px;
    margin: 0 0 20px;
}

.product-categories .cat-item:last-child{
    margin-bottom: 0;
}
.product-categories .cat-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    background: #EFEFEF;
    border: 4px solid #EFEFEF;
    z-index: 1;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.product-categories .cat-item:hover:before,
.product-categories .cat-item.current-cat:before {
    border-color: var(--tw-primary-color);
}
.product-categories .cat-item a {
    color: var(--heading-color);
    text-transform: uppercase;
    font-weight: 500;
}
.widget.product_add{
    margin: 52px 0 32px;
}
.woocommerce .twProductWrapper a.variableAddToCart.loading:after, 
.woocommerce .twProductWrapper a.button.loading:after {
    content: '\e805';
    font-family: 'lightcase';
    position: absolute;
    width: 8px;
    height: 11px;
    right: 18px;
    top: 37%;
    font-weight: 900;
    left: auto;
    font-size: 12px;
    text-shadow: 0 0 10px rgb(0 0 0 / 30%);
    -moz-transform-origin: 50% 53%;
    -webkit-animation: lightcase-spin 0.5s infinite linear;
    -moz-animation: lightcase-spin 0.5s infinite linear;
    -o-animation: lightcase-spin 0.5s infinite linear;
    animation: lightcase-spin 0.5s infinite linear;
}
a[class*='lightcase-icon-'].lightcase-icon-close {
    z-index: 999991;
}

/* -- Product Single -- */
.productListItem01{
    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;
    margin: 0 0 35px;
}
.productListItem01 .pdThumb{
    width: 50%;
}
.productListItem01 .pdContent{
    width: 50%;
    padding: 25px 0 25px 21px;
}
.productListItem01 .pi01Price{
    margin-bottom: 10px;
}
.pdPrice{
    position: relative;
    margin: 0 0 12px;
}
.pdPrice del{
    color: var(--dark-color02);
    font-size: 14px;
}
.pdContent p{
    font-size: 14px;
    line-height: 22px;
}

/* -- Product Cart -- */
.productGallery{
    padding: 0 24px 0 0;
}
.PdThumbNavWrap{
    padding: 0 24px 0 0;
    margin: 20px 0 0;
}
.productSlideNav .draggable{
    padding-bottom: 50px;
}
.productSlideNav.slick-initialized.slick-slider {
    max-width: 500px;
    width: 100%;
}
.productSlideNav .navThumb {
    cursor: pointer;
}
.productSlideNav.slick-initialized.slick-slider .slick-slide .navThumb{
    width: 100px;
    height: 100px;
    margin: 20px 20px 0 0;
}
.productSlideNav .slick-slide.slick-current.slick-active .navThumb img{
    max-width: 100%;
    width: 100%;
    border: 2px solid #C8A067;
}
.productContent{
    position: relative;
    padding: 0 0 0 53px;
}
.pcRatings{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 8px;
}
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 6px;
}
.woocommerce-product-rating .star-rating{
    position: relative;
    font-size: 14px;
    letter-spacing: 5px;
    color: var(--tw-primary-color);
    width: 96px;
}
.woocommerce-product-rating .woocommerce-review-link {
    font-size: 14px;
    line-height: 14px;
    color: var(--dark-color01);
    position: relative;
    top: -3px;
}
.woocommerce-product-rating .woocommerce-review-link:hover{
    color: var(--heading-color);
}
.reviewCount{
    font-size: 14px;
    line-height: 14px;
    color: var(--dark-color01);
}
.productContent h2{
    font-size: 40px;
    line-height: 1;
    margin: 0 0 45px;
}
.productContent .pcPrice{
    font-size: 60px;
    line-height: 1;
    border-bottom: 1px solid #ECECEC;
    padding: 0 0 50px;
    margin: 0 0 36px;
    color: var(--tw-primary-color);
    text-decoration: none;
    font-family: var(--secondary-font);
}
.productContent .pcExcerpt{
    font-size: 14px;
    line-height: 24px;
    color: var(--dark-color01);
    margin: 0 0 22px;
}
.productContent .pcExcerpt strong{
    display: inline-block;
    color: var(--heading-color);
    position: relative;
    line-height: 1;
    border-bottom: 1px solid var(--heading-color);
}
.productContent .pcExcerpt a:hover{
    color: var(--tw-primary-color);
}
.productContent .pcExcerpt a:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--heading-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.productContent .pcExcerpt a:hover:after{
    background: var(--tw-primary-color);
}
.productContent .pcMeta{
    position: relative;
    margin: 0 0 39px;
}
.productContent .pcMeta p{
    font-size: 14px;
    line-height: 24px;
    color: var(--dark-color01);
    margin: 0;
}
.productContent .pcMeta p span{
    color: var(--heading-color);
}
.productContent .pcMeta p a{
    display: inline-block;
    color: inherit;
}
.productContent .pcMeta p a:hover{
    color: var(--tw-primary-color);
}
.pcButtons{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 46px;
}
.pcButtons span{
    color: var(--tw-secondary-color);
    font-size: 14px;
    line-height: 14px;
}
.woocommerce .pcButtons .quantity{
    position: relative;
    background: var(--tw-white-color);
    margin:0 20px 0 28px !important;
}
.quantity button{
    position: absolute;
    width: auto;
    height: 48px;
    line-height: 50px;
    top: 1px;
    border: 0;
    outline: 0;
    background: var(--tw-white-color);
    font-size: 16px;
    color: #888;
    z-index: 2;
}
.quantity button:hover{
    color: var(--tw-primary-color);
}
.quantity .btnMinus{
    left: 1px;
    padding-left: 19px;
}
.quantity .btnPlus{
    right: 1px;
    padding-right: 19px;
}
.woocommerce .quantity input,
.woocommerce .quantity input.carqty{
    font-size: 16px;
    border: 0;
    outline: 0;
    width: 30px;
    text-align: center;
    color: #333;
    width: 130px;
    height: 50px;
    border: 1px solid #ECECEC;
}
.cartBtn{
    position: relative;
    margin-right: 9px;
} 
.woocommerce .pcButtons form{
    width: 100%;
    margin: 0 !important;
}
.woocommerce .pcButtons .archCartBtn {
    border: 0;
    outline: 0;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding: 0px 24px;
    max-width: 176px;
    width: 100%;
    display: inline-block;
    color: var(--tw-white-color) !important;
    text-transform: uppercase;
    background: var(--tw-primary-color) !important;
}
.woocommerce .pcButtons .archCartBtn span{
    font-size: inherit;
    color: inherit;
    display: inline-block;
}
.woocommerce .pcButtons .archCartBtn:hover{
    background: var(--heading-color) !important;
    color: var(--tw-white-color) !important;
}
.woocommerce .pcButtons .archCartBtn:hover span{
    animation: unset;
}
.woocommerce .pcButtons .archCartBtn i {
    margin-right: 5px;
    font-size: 19px;
    bottom: -3px;
    position: relative;
}
.wishlistAndCompare{
    position: relative;
}
.wishlistAndCompare a{
    width: 50px;
    height: 50px;
    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: #212121;
    border: 1px solid #ECECEC;
    background: var(--tw-white-color);
    font-size: 18px;
    margin-left: 11px;
}
.wishlistAndCompare a:hover{
    color: var(--tw-primary-color);
}
.productTabRow  {
    padding: 40px 0 0;
    margin-left: 53px;
    border-top: 1px solid #ECECEC;
}
.pdtTabRowStyle2 {
    padding: 40px 0 0;
    margin: 60px 0 0;
}
.productDetailsTab button{
    border: none;
    font-size: 18px;
    line-height: 25px;
    color: var(--tw-body-color);
    background: transparent;
    font-family: var(--secondary-font);
    padding: 0;
    margin-right: 46px;
}
.productDetailsTab button.show, .productDetailsTab button.active {
    border: none;
    color: var(--tw-primary-color);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.productTabRow .inner_description h2{
    font-size: 20px;
    line-height: 1;
    color: #222222;
    margin: 0 0 14px;
}
.productTabRow .inner_description p{
    position: relative;
    font-size: 14px;
    line-height: 24px;
    padding-right: 20px;
}
.productTabRow .tab-pane{
    padding: 25px 0 0;
}
.productTabRow .productReviewArea {
    margin-top: 9px;
}
.productTabRow .tab-pane .additionalContentArea {
    padding: 7px 0 0;
}
.productTabRow .tab-pane .additionalContentArea table th{
    color: var(--heading-color);
    font-size: 14px;
    font-weight: 500;
}
.productTabRow .tab-pane .additionalContentArea table td{
    font-size: 14px;
}
.productTabRow .addinfo {
    padding-right: 140px;
}
.productTabRow .addinfo table {
    position: relative;
    width: 100%;
    border: none;
    margin: 0;
}
.productTabRow .addinfo table tr th {
    line-height: 36px;
    color: var(--tw-secondary-color);
    font-size: 14px;
    width: 150px;
    margin: 0 0 0;
    padding: 9px 0;
    background: transparent;
    border: none;
    border-bottom: 1px dashed var(--dark-color02);
}
.productTabRow .addinfo table tr td {
    font-size: 14px;
    margin: 0;
    background: transparent;
    border: none;
    border-bottom: 1px dashed var(--dark-color02);
}
.sicc_title,
.ratingTitle,
.woocommerce #reviews h3{
    font-size: 20px;
    line-height: 1;
    color: #222222;
    margin: 0 0 23px;
}
.productTabRow .piReview{
    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;
}
.productTabRow .commentBoxTigle{
    font-size: 20px;
    line-height: 1;
    color: #222222;
    font-weight: 600;
    margin: 0 0 30px;
}
.productTabRow .singleComment p {
    margin: 0;
}
.productSlideThumb{
    position: relative;
}
.productSlideThumb .pdThumb{
    position: relative;

}
.productSlideThumb .pdThumb .popup_video{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    width: 50px;
    height: 50px;
    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: 16px;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    border-radius: 50%;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
}
.productSlideThumb .pdThumb .popup_video:hover{
    background: #222222;
}
.productSlideThumb .pdThumb:hover .popup_video{
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
/* Woocommerce Modification  */

/* Product Sidebar  */
.widget.widget_product_search {
    margin: 0 0 52px;
}
.widget .woocommerce-product-search{
    position: relative;
}
.widget .woocommerce-product-search input {
    border: 0;
    outline: 0;
    background: #F5F5F5;
    width: 100%;
    height: 54px;
    padding: 0 60px 0 30px;
    font-size: 14px;
    color: var(--heading-color);
}
.widget .woocommerce-product-search button {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    font-size: 0;
    width: 54px;
    height: 54px;
    line-height: 54px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.widget .woocommerce-product-search button:before {
    content: "\e908";
    font-family: 'Archiox' !important;
    position: relative;
    top:0;
    left: 0;
    font-size: 14px;
}
.widget .woocommerce-product-search button:hover {
    background: var(--heading-color);
}
.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: 0px 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{
    margin: 0 0 50px;
}
.shopSidebar .widget.widget_rating_filter ul li {
    line-height: 18px;
    margin: 0 0 11px;
}
.shopSidebar .widget.widget_rating_filter ul li:last-child{
    margin: 0px;
}
.shopSidebar .widget.widget_rating_filter ul li a {
    display: block;
    position: relative;
    line-height: 18px;
    padding: 0 0 0 31px;
    font-size: 0;
    color: transparent;
}
.shopSidebar .widget.widget_rating_filter ul li a:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #EFEFEF;
    position: absolute;
    left: 0;
    top: 1px;
}
.shopSidebar .widget.widget_rating_filter ul li a:hover:before, .shopSidebar .widget.widget_rating_filter ul li.chosen a:before {
    content: '';
    background: #EFEFEF;
    position: absolute;
    border: 4px solid var(--tw-primary-color);
    left: 0;
    top: 1px;
}
.woocommerce .widget_rating_filter ul li .star-rating {
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    letter-spacing: 1px;
    display: inline-block;
}
.woocommerce .star-rating::before {
    content: "sssss";
    color: inherit;
    float: none;
    top: auto;
    left: auto;
    position: relative;
}
.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
    content: "SSSSS";
    top: 0;
    position: absolute;
    left: 0;
}
.woocommerce .star-rating {
    font-size: 14px;
    color: var(--tw-primary-color);
    height: 14px;
    width: auto;
    line-height: 14px;
    letter-spacing: 2px;
}
.woocommerce p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
}
.woocommerce p.stars a, .woocommerce p.stars a:hover {
    color: var(--tw-primary-color);
}
.woocommerce .widget_layered_nav_filters li:not(:last-child){
    margin: 0 0 11px;
}
.woocommerce .widget_layered_nav_filters a{
    color: var(--tw-primary-color);
}
.woocommerce .widget_layered_nav_filters a:hover{
    color: var(--heading-color);
}
.comment-form-rating {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 32px;
}
.comment-form-rating label {
    font-family: var(--secondary-font);
    font-weight: 500;
    line-height: 18px;
    font-size: 18px;
    color: var(--heading-color);
    text-transform: capitalize;
    margin: 0 17px 0 0;
}
.woocommerce #review_form #respond p.stars {
    margin: 0;
    line-height: 18px;
}
.woocommerce #review_form #respond p.stars span {
    display: flex;
    justify-content: flex-start;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 1px;
    column-gap: 1px;
}
/* xzoom modification  */
.productGallery .pdThumb img{
    box-shadow: unset;
}
.xzoom-source .xzoom-lens{
    box-shadow: unset;
    border-color: var(--tw-primary-color);
    caret-color: var(--tw-primary-color);
}
.xzoom-preview {
    border: 1px solid var(--tw-primary-color);
    background: #F6F6F6;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.20);
}
.productNavThumb {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 20px;
    row-gap: 20px;
    margin: 20px 0 0;
}
.productNavThumb .xzoom_glItem{
    margin: 0px;
    border: 2px solid #f6f6f6;
}
.productNavThumb .xzoom_glItem.xactive {
    border: 2px solid var(--tw-primary-color);
    box-shadow: unset;
}


/* 16. Product Details */
.woocommerce-order-received .singlePageSection{
    padding: 120px 0;
}
.wc-block-cart-item__prices .wc-block-components-product-price {
    font-size: 16px;
    margin-bottom: 4px;
}
.wc-block-cart-item__prices .wc-block-components-product-name{
    font-size: 16px;
}
.wc-block-cart-item__prices .wc-block-components-product-price del{
    font-size: 14px;
}
.is-large.wc-block-cart .wc-block-cart-items td {
    border-left: 1px solid hsla(0,0%,7%,.11);
}
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items th {
    padding: .25rem 16px 0.25rem 16px;
}
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items th:first-child {
    width: 135px;
    text-align: left;
}
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items th:last-child {
    text-align: right;
    padding-right: 16px;
}
.wp-block-woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items td:first-child{
    padding-right: 16px;
}
.wc-block-components-product-badge {
    background: var(--tw-primary-color);
    border-color: var(--tw-primary-color);
    color: var(--tw-white-color);
    margin-bottom: 5px;
}
.wp-block-woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
    padding: 6.5px 0;
    min-width: 30px;
}
.wp-block-woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    font-size: 19px;
    opacity: .8;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover{
    color: var(--tw-primary-color) !important;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    min-height: 48px;
    background: var(--tw-primary-color);
    border-radius: 30px;
    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;
    border: unset;
    display: inline-block;
    line-height: 46px;
    padding: 0;
    min-width: 102px;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover{
    background: var(--heading-color);
}
.wc-block-components-sidebar .wc-block-components-totals-wrapper {
    padding: 10px 0;
}
div.is-large .wc-block-components-sidebar .wc-block-components-panel, div.is-large .wc-block-components-sidebar .wc-block-components-totals-coupon, div.is-large .wc-block-components-sidebar .wc-block-components-totals-item,
div.is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator, div.is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel),
div.is-large .wc-block-components-sidebar .wc-block-components-totals-coupon,
div.is-large .wc-block-components-sidebar .wc-block-components-totals-item {
    padding-left: 0px;
    padding-right: 0px;
}
div.wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link,
div.is-large .wc-block-components-sidebar .wc-block-components-totals-coupon a{
    color: var(--tw-primary-color);
}
div.wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link:hover,
div.is-large .wc-block-components-sidebar .wc-block-components-totals-coupon a:hover{
    color: var(--theme-color);
}div.wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link {
    margin-bottom: 10px;
    display: inline-block;
}
div.wc-block-components-text-input input[type=text],
div.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, div.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
div.wc-block-components-form .wc-block-components-text-input input[type=email], div.wc-block-components-form .wc-block-components-text-input input[type=number], div.wc-block-components-main .wc-block-components-form .wc-block-components-text-input input[type=tel], div.wc-block-components-form .wc-block-components-text-input input[type=text], div.wc-block-components-form .wc-block-components-text-input input[type=url], div.wc-block-components-text-input input[type=email], div.wc-block-components-text-input input[type=number], div.wc-block-components-text-input input[type=tel], div.wc-block-components-main .wc-block-components-text-input input[type=text], div.wc-block-components-text-input input[type=url] {
    border: 1px solid #ECECEC ;
    padding: 0 26px;
    line-height: 48px;
    height: 48px;
}
div.woocommerce .cartCoupon input:focus,
div.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, div.wc-block-components-form .wc-block-components-text-input.is-active input[type=email], div.wc-block-components-form .wc-block-components-text-input.is-active input[type=number], div.wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], div.wc-block-components-form .wc-block-components-text-input.is-active input[type=text], div.wc-block-components-form .wc-block-components-text-input.is-active input[type=url], div.wc-block-components-text-input input:-webkit-autofill, div.wc-block-components-text-input.is-active input[type=email], div.wc-block-components-text-input.is-active input[type=number], div.wc-block-components-main .wc-block-components-text-input.is-active input[type=tel], div.wc-block-components-text-input.is-active input[type=text], div.wc-block-components-text-input.is-active input[type=url],
div.wc-block-components-main .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, div.wc-block-components-main .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
div.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, div.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
div.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, div.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
div.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, div.wc-block-components-form .wc-block-components-text-input input[type=number]:focus, div.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, div.wc-block-components-form .wc-block-components-text-input input[type=text]:focus, div.wc-block-components-form .wc-block-components-text-input input[type=url]:focus, div.wc-block-components-text-input input[type=email]:focus, div.wc-block-components-text-input input[type=number]:focus, div.wc-block-components-text-input input[type=tel]:focus, div.wc-block-components-text-input input[type=text]:focus, div.wc-block-components-text-input input[type=url]:focus {
    border-color: var(--tw-primary-color);
    outline: unset !important;
    box-shadow: unset !important;
}
div.wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
div.wc-block-checkout__main .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, div.wc-block-checkout__main .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
div.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label, div.wc-block-components-form .wc-block-components-text-input.is-active label, div.wc-block-components-text-input input:-webkit-autofill+label, div.wc-block-components-text-input.is-active label,
div.wc-block-components-main .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
div.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input label, div.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input label,
div.wc-block-components-form .wc-block-components-text-input label, div.wc-block-components-main .wc-block-components-text-input label,div .wc-block-components-text-input label {
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    color: var(--dark-color02);
    left: 19px;
    top: 4px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    padding: 0 7px;
}
div.wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label,
div.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label, div.wc-block-components-form .wc-block-components-text-input.is-active label, div.wc-block-components-text-input input:-webkit-autofill+label, div.wc-block-components-text-input.is-active label, div.wc-block-components-main .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, div.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input.is-active label, div.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input.is-active label, div.wc-block-components-form .wc-block-components-text-input.is-active label, div.wc-block-components-text-input.is-active label {
    -webkit-transform: translateY(-11px) !important;
    transform: translateY(-11px) !important;
    color: var(--heading-color);
    background: var(--tw-white-color);
}

div.woocommerce .cartCoupon input,
div.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, div.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
div.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, div.wc-block-components-form .wc-block-components-text-input.is-active input[type=email], div.wc-block-components-form .wc-block-components-text-input.is-active input[type=number], div.wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], div.wc-block-components-form .wc-block-components-text-input.is-active input[type=text], div.wc-block-components-form .wc-block-components-text-input.is-active input[type=url], div.wc-block-components-text-input input:-webkit-autofill, div.wc-block-components-text-input.is-active input[type=email], div.wc-block-components-text-input.is-active input[type=number], div.wc-block-components-text-input.is-active input[type=tel], div.wc-block-components-text-input.is-active input[type=text], div.wc-block-components-text-input.is-active input[type=url]{
    padding: 0 26px !important; 
}
.wp-block-woocommerce-cart-order-summary-block{
    margin-bottom: 30px;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
    box-shadow: unset !important;
    outline: unset !important;
}
.wc-block-components-button--loading .wc-block-components-spinner{
    left: 0;
}
div.wc-block-components-radio-control .wc-block-components-radio-control__input {
    border: 1px solid #ECECEC;
    background: #EFEFEF;
}
div.wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
    outline: unset;
    outline-offset: unset;
}
div.wc-block-components-radio-control .wc-block-components-radio-control__input{
    width: 15px;
    height: 15px;
}
div.wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
    border: 1px solid var(--tw-primary-color);
}
div.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before{
    background: var(--tw-primary-color);
}
.wc-block-components-main .wc-block-components-form .wc-block-components-text-input.has-error input, .wc-block-components-main .wc-block-components-form .wc-block-components-text-input.has-error input:active, .wc-block-components-main .wc-block-components-form .wc-block-components-text-input.has-error input:focus, .wc-block-components-form .wc-block-components-text-input.has-error input:hover, .wc-block-components-main .wc-block-components-text-input.has-error input, .wc-block-components-main .wc-block-components-text-input.has-error input:active, .wc-block-components-main .wc-block-components-text-input.has-error input:focus, .wc-block-components-main .wc-block-components-text-input.has-error input:hover {
    border-color: #cc1818;
}
.wc-block-components-main .wc-block-checkout__add-note .wc-block-components-textarea,
.wc-block-components-main .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    border: 1px solid #ECECEC;
    outline: unset !important;
    box-shadow: unset !important;
}
.wc-block-components-main .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
    background: #fff;
    color: var(--tw-primary-color);
    border-color: var(--tw-primary-color);
}
.wc-block-components-main .wc-block-components-checkbox .wc-block-components-checkbox__mark{
    fill: var(--tw-primary-color);
}
.archioxThankuPage{
    padding: 120px 0;
}
.woocommerce ul.order_details {
    border: 1px dotted #ECECEC;
    padding: 20px 20px 0;
}
.woocommerce .woocommerce-order-details table.shop_table {
    padding: 20px;
    border-collapse: collapse;
}
.woocommerce ul.order_details li{
    margin-bottom: 20px;
}
.woocommerce .woocommerce-order-details table.shop_table .wc-item-meta{
    padding: 0;
}
.woocommerce .woocommerce-customer-details address{
    border: 1px solid #ECECEC !important;
    padding: 20px
}
.wc-block-components-address-card__edit{
    color: var(--tw-primary-color);
}
.wc-block-components-address-card__edit:hover{
    color: var(--tw-secondary-color);
}
div.is-small table.wc-block-cart-items,
div.is-mobile table.wc-block-cart-items{
    margin-bottom: 30px;
}
div.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
div.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
    grid-row-start: 2;
    grid-column-start: 1;
}
div.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
div.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
    grid-row-start: 1;
    grid-column-start: 3;
}
.pcSPrice.pcPrice  {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}
.pcSPrice del {
    font-size: 48px;
    margin-left: 35px;
}
.variationItem {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.variationItem .label {
    min-width: 68px;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--secondary-font);
    color: var(--heading-color);
}
.variationItem .nice-select {
    height: 30px;
    line-height: 29px;
    padding: 0px 27px 0 12px;
    min-width: 110px;
}
.variationItem .nice-select span.current{
    position: relative;
    top: -1px;
}
.variationItem .nice-select.focus,
.variationItem .nice-select.open{
    border-color: var(--tw-primary-color);
}
/* rounded  */
.wcboost-variation-swatches--rounded .wcboost-variation-swatches__item, 
.wcboost-variation-swatches--rounded .wcboost-variation-swatches__item img, 
.wcboost-variation-swatches--rounded.wcboost-variation-swatches--color .wcboost-variation-swatches__name{
    border-radius: 4px;
}

/* round  */
.wcboost-variation-swatches--round .wcboost-variation-swatches__item, 
.wcboost-variation-swatches--round .wcboost-variation-swatches__item img, 
.wcboost-variation-swatches--round.wcboost-variation-swatches--color .wcboost-variation-swatches__name, 
.wcboost-variation-swatches--round.wcboost-variation-swatches--button .wcboost-variation-swatches__item{
    border-radius: 30px;
}
.wcboost-variation-swatches--label .wcboost-variation-swatches__item {
    padding: 2px 12px;
    border: 1px solid #EFEFEF;
    box-shadow: unset;
    outline: unset;
}
.wcboost-variation-swatches--button .wcboost-variation-swatches__item {
    padding: 2px  12px;
    border: 1px solid #EFEFEF;
    box-shadow: unset;
    outline: unset;
}
.wcboost-variation-swatches--label .wcboost-variation-swatches__item.selected,
.wcboost-variation-swatches--button .wcboost-variation-swatches__item.selected,
.wcboost-variation-swatches--label .wcboost-variation-swatches__item:hover,
.wcboost-variation-swatches--button .wcboost-variation-swatches__item:hover{
    border-color: var(--tw-primary-color);
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}

.wcboost-variation-swatches--label .wcboost-variation-swatches__item:hover span,
.wcboost-variation-swatches--button .wcboost-variation-swatches__item:hover span{
    color: inherit;
}
.wcboost-variation-swatches__wrapper .wcboost-variation-swatches__item {
    box-shadow: unset;
    border: 1px solid #EFEFEF;
}
.wcboost-variation-swatches__wrapper {
    gap: 10px;
}
.woocommerce div.product form.cart .variations{
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.wcboost-variation-swatches__item.selected {
    border-color: var(--tw-primary-color) !important;
}
.nice-select:after {
    border-bottom: 1.8px solid #999;
    border-right: 1.8px solid #999;
    height: 6px;
    margin-top: -4px;
    right: 12px;
    width: 6px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled{
    padding: 0;
}
.pcButtons .amount span{
    color: inherit;
    font-size: inherit;
}
.woocommerce div.product.productContainerWrap .woocommerce-variation-price .price del bdi{
    font-size: 16px;
}
.woocommerce div.product.productContainerWrap .woocommerce-variation-price .price {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    column-gap: 12px;
}
.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);
}


/* Title 3D Animation */
.wc-tilt {
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.wc-tilt-2 {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/* -- Blog Grid -- */
.blogGridWrapper,
.blogsliderWrapper{
    position: relative;
}
.blogGridWrapper.row.gx-4 {
    --bs-gutter-x: 2.813rem;
}
.biGrid h3 a{
    display: inline;
    color: inherit;
    background-image: -webkit-linear-gradient(#000000, #000000), -webkit-linear-gradient(#000000, #000000);
    background-image: linear-gradient(#000000, #000000), linear-gradient(#000000, #000000);
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 98%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 450ms linear;
    transition: background-size 450ms linear;
}
.biGrid h3 a:hover {
    background-size: 0% 1px, 100% 1px;
}
.bi01Single .bi01Con {
    padding: 33px 35px 39px 30px;
    top: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.10000000149011612);
    border-bottom: 1px solid rgba(0, 0, 0, 0.10000000149011612);
    border-left: 1px solid rgba(0, 0, 0, 0.10000000149011612);
}
.bi01Single h3 a{
    background-position: 100% 100%, 0 93.5%;
}
.bi01Single .bi01Con p {
    color: var(--tw-primary-color);
    font-weight: 600;
}
.bi01Single p a {
    color: inherit;
}
.bi01Single p a:hover {
    color: var(--tw-secondary-color);
}
.gapRight {
    padding-right: 2px;
}
.gapLeft {
    padding-left: 25.5px;
}

/* -- Go Top Button -- */
.scroll-top {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99991;
    border-radius: 50%;
    -webkit-transition: all 350ms;
    transition: -webkit-transform 350ms;
    transition: transform 350ms, 
    -webkit-transform 350ms;
    border: 0;
    outline: 0;
    overflow: hidden;
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
}
.scroll-top.default{
    mix-blend-mode: exclusion;
}
.scroll-top i{
    display: inline-block;
}
.scroll-top.activate i{
    -webkit-animation: scrollTopArrow 500ms linear;
            animation: scrollTopArrow 500ms linear;
}
@-webkit-keyframes scrollTopArrow {
    0%{
        -webkit-transform: translateY(70px) rotate(180deg);
                transform: translateY(70px) rotate(180deg);
    }
    100%{
        -webkit-transform: translateY(0) rotate(180deg);
                transform: translateY(0) rotate(180deg);
    }
}
@keyframes scrollTopArrow {
    0%{
        -webkit-transform: translateY(70px) rotate(180deg);
                transform: translateY(70px) rotate(180deg);
    }
    100%{
        -webkit-transform: translateY(0) rotate(180deg);
                transform: translateY(0) rotate(180deg);
    }
}
.scroll-top.activate{
    -webkit-animation: scrollTop 350ms linear;
            animation: scrollTop 350ms linear;
    opacity: 1;
    visibility: visible;
}
@-webkit-keyframes scrollTop {
    0%{
        -webkit-transform: translateY(70px);
                transform: translateY(70px);
    }
    100%{
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes scrollTop {
    0%{
        -webkit-transform: translateY(70px);
                transform: translateY(70px);
    }
    100%{
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

/*-----------------------------------------
/  Preloader
/-----------------------------------------*/
.preloader{
    position: fixed;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #1D1D1D;
}
.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;
}
.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;
}
#lightcase-overlay,
#lightcase-case{
    z-index: 99999;
}
.videoPlay span > a[target="_blank"]{
    display: none !important;
}

/* --  Magic-mous -- */
#magic-mouse {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    pointer-events: none;
    z-index: 9999999;
    -webkit-transition: opacity 0.2s ease-in-out 0.5s;
    transition: opacity 0.2s ease-in-out 0.5s;
}
#ball {
    position: fixed;
    width: 80px;
    height: 80px;
    border: 2px solid #999999;
    border-radius: 50%;
    pointer-events: none;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999991;
}
.disable-cursor #ball {
    width: 0;
    height:0;
    opacity: 0;
    visibility: hidden;
    z-index: -5;
    display: none;
}
#ball > .firstLine, #ball > .secondLine {
    font-size: 15px;
    line-height: 17px;
    color: var(--tw-white-color);
    font-family: var(--primary-font);
    font-weight: 900;
    text-transform: capitalize;
    position: relative;
    margin: 0;
    padding: 0;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

/* -- Custom Scroll -- */

.ab04Img.visible:before ,
.about01Img.visible:before,
.bannerBtn.visible:before,
.pfThumb.visible:before,
.ab_tabImage.visible:before,
.pf03Img.visible:before,
.skill_img.visible:before,
.hisThumb.visible:before,
.serDetThumb.visible:before,
.proDetThumb.visible:before,
.proDet01Img.visible:before,
.fe01BoxImg.visible:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(#868686, #fff 6.25%), -webkit-gradient(linear, left top, left bottom, color-stop(33.3%, #000), color-stop(0, grey), color-stop(66.7%, #fff)) 0/100% 305%;
    background: -o-repeating-linear-gradient(#868686, #fff 6.25%), -o-linear-gradient(#000 33.3%, grey 0, #fff 66.7%) 0/100% 305%;
    background: repeating-linear-gradient(#868686, #fff 6.25%), linear-gradient(#000 33.3%, grey 0, #fff 66.7%) 0/100% 305%;
    background-blend-mode: multiply;
    background-position: 0 0;
    -webkit-filter: contrast(999);
    filter: contrast(999);
    mix-blend-mode: screen;
    -webkit-animation: pxl_blinds_staggered 1.5s linear alternate;
    -khtml-animation: pxl_blinds_staggered 1.5s linear alternate;
    -moz-animation: pxl_blinds_staggered 1.5s linear alternate;
    -ms-animation: pxl_blinds_staggered 1.5s linear alternate;
    -o-animation: pxl_blinds_staggered 1.5s linear alternate;
    animation: pxl_blinds_staggered 1.5s linear alternate;
}

@keyframes pxl_blinds_staggered {
    0%, 25% {
      background-position: 0 100%;
    }
    75%, 100% {
      background-position: 0 0;
    }
}

/* -- Folio Fixed Grid -- */
.portfolioSec01 .row.gx-4 {
    --bs-gutter-x: 1.875rem;
}
/* -- Icon Box -- */
.icon_box.elementor-align-right .processItem{
    align-items: flex-end;
}
.icon_box.elementor-align-left .processItem{
    align-items: flex-start;
}
.serviceItemsGap.row.gx-4 {
    --bs-gutter-x: 1.875rem;
}

/* -- Themewar Editor -- */
.themewart_editor a {
    transition: all 350ms ease;
    text-underline-position : from-font;
    text-decoration-thickness: 1px !important;
}

/* -- Wp Modifications -- */
.woocommerce .wc-block-components-notice-banner.is-success,
.woocommerce-no-products-found .wc-block-components-notice-banner.is-info{
    border-color: var(--tw-primary-color);
}
.woocommerce .wc-block-components-notice-banner.is-success>svg,
.woocommerce-no-products-found .wc-block-components-notice-banner.is-info>svg{
    background-color: var(--tw-primary-color);
}
.woocommerce .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{
    color: var(--tw-primary-color) !important;
    border-color: var(--tw-primary-color) !important;
}
.woocommerce .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{
    color: var(--tw-secondary-color) !important;
    border-color: var(--tw-secondary-color) !important;
}
.woocommerce-grouped-product-list-item__label{
    min-height: 80px;
}
.groupdThumbTitle a {
    color: var(--heading-color);
    margin: 0 0 4px;
    display: inline-block;
}
.groupdThumbTitle a:hover{
    color: var(--tw-primary-color);
}
.groupdThumbTitle .pi01Price bdi{
    color: var(--tw-primary-color);
}
.groupdThumbTitle .pi01Price del bdi{
    color: var(--tw-secondary-color);
}
.woocommerce td.woocommerce-grouped-product-list-item__quantity .quantity {
    margin: 10px 0 18px !important;
}
.productPageSec  {
    padding: 120px 0;
}
.productDetailsPG{
    padding: 120px 0 0;
}
.productGalleryWrap{
    position: relative;
}
.wc-block-components-product-metadata {
    font-size: .75em;
    display: none;
}

/* -- Cart Clear Button Design -- */
.variations_form .reset_variations {
    position: relative;
    left: 10px;
    top: -6px;
}
.variations_form .reset_variations::after{
    content: "\ec3e";
    font-family: 'Themewar';
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    font-size: 19px;
    color: #fff;
    background: var(--tw-primary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 350ms ease;
}
.variations_form .reset_variations:hover::after{
    background: var(--heading-color);
}
.variations_form .reset_variations span{
    font-size: 0px;
}

/* -- Group Product -- */
.grouped_form table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item {
    display: grid;
    grid-template-columns: 1fr;
}
.grouped_form table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__label {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 1;
    grid-row-start: 1;
}
.woocommerce div.product form.grouped_form .group_table td.woocommerce-grouped-product-list-item__label {
    padding-right: 0;
    padding-left: 0;
}
.grouped_form table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__quantity {
    grid-row-start: 2;
    grid-column-start: 1;
}
.woocommerce div.product form.grouped_form .group_table td:first-child {
    width: auto;
    text-align: left;
}
.grouped_form table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .groupdThumbTitle {
    padding: 0 0 0 90px;
    position: relative;
}
.grouped_form table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .groupdThumbImg {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: auto;
}

/* 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);
}
.elementor .bi04Thumb img, .bi04Thumb img {
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 0;
}
.bi04Thumb.custm{
    margin-bottom: 57px;
}
.elementor .blogFullThumb img, .blogFullThumb img {
    width: auto !important;
}
aside .wp-block-archives-dropdown.wp-block-archives > label,
.blogRightSidebar .wp-block-heading,
.widget_block.widget_search label {
    font-size: 20px;
    line-height: 24px;
    border-bottom: 1px solid #ECECEC;
    margin: 0 0 30px;
    padding: 0 0 20px;
    font-weight: 400;
    font-family: var(--secondary-font);
    color: var(--tw-secondary-color);
}
.screen-reader-text{
    position: relative;
}
.widget_block.widget_search input {
    background: #F5F5F5;
    border-radius: 0;
    font-size: 14px;
    line-height: 16px;
    border: 0;
    outline: 0;
    width: 100%;
    min-height: 54px;
    padding: 0 54px 0 26px;
    color: var(--tw-secondary-color);
}
.widget_block.widget_search button {
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    font-size: 14px;
    border: 0;
    outline: 0;
    padding: 0 15px;
    min-width: 54px;
    height: 54px;
    border-radius: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.widget_block.widget_search button:hover {
    background: var(--tw-secondary-color);
}
.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;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-weight: 500;
    background: var(--tw-white-color);
    color: inherit;
    position: relative;
    z-index: 1;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}
.sidebar .wp-block-archives-list a {
    display: block;
}
.sidebar .wp-block-archives-list a:hover,
aside ul.wp-block-categories li a:hover,
aside ul.wp-block-categories li.current-cat a:before,
.sidebar .widget_categories ul li:hover a:before,
.sidebar .widget_archive ul li:hover a:before{
    border-color: var(--tw-primary-color);
}
.sidebar .widget_nav_menu ul > li > a,
.sidebar .widget_pages ul > li > a,
.sidebar .wp-block-archives-list a,
aside ul.wp-block-categories li a,
.sidebar .widget_categories ul li a,
.sidebar .widget_archive ul li a{
    padding-left: 32px;
    position: relative;
}
.sidebar .widget_nav_menu div > ul > li > a::before,
.sidebar .widget_pages > ul > li > a::before,
.sidebar .wp-block-archives-list a::before,
aside ul.wp-block-categories li a::before,
.sidebar .widget_categories ul li a::before,
.sidebar .widget_archive ul li a::before{
    content: "";
    position: absolute;
    top:12px; 
    left:0;
    width: 16px;
    height: 16px;
    background: #EFEFEF;
    border: 4px solid transparent;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}
.sidebar .widget_nav_menu > ul > li > a:hover::before,
.sidebar .widget_pages > ul > li > a:hover:before,
.sidebar .wp-block-archives-list a:hover::before,
.sidebar .wp-block-archives-list a[aria-current="page"]:before,
aside ul.wp-block-categories li a:hover:before,
.sidebar .widget_categories ul li a[aria-current="page"]::before,
.sidebar .widget_archive ul li a[aria-current="page"]::before{
 border-color: var(--tw-primary-color);
}
.sidebar .widget_nav_menu ul > li a:hover,
.sidebar .wp-block-archives-list a:hover,
.sidebar .wp-block-archives-list a[aria-current="page"],
aside ul.wp-block-categories li a:hover,
aside ul.wp-block-categories li.current-cat a,
.sidebar .widget_categories ul > li > a:hover,
.sidebar .widget_categories ul li.current-cat,
.sidebar .widget_categories ul li a[aria-current="page"],
.sidebar .widget_archive ul li a[aria-current="page"]{
    color: var(--tw-primary-color);
}
.sidebar .widget_categories ul li > ul li a::before{
    display: none;
}
.sidebar .wp-block-latest-posts li,
.sidebar .wp-block-page-list li,
.sidebar .widget_nav_menu ul li,
.sidebar .widget_pages ul li,
.sidebar .widget_categories ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    font-size: 14px;
    line-height: 40px;
    font-weight: 500;
    color: inherit;
    position: relative;
    z-index: 1;
    border: unset;
    cursor: pointer;
}
.sidebar .wp-block-latest-posts__list li {
    font-family: var(--secondary-font);
    color: var(--tw-secondary-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 20px;
}
.sidebar .wp-block-latest-posts__list li a:hover{
    color: var(--tw-primary-color);
}
.sidebar .wp-block-latest-posts__list li:last-child{
    margin-bottom: 0;
}
aside ul.wp-block-categories li{
    font-size: 14px;
    line-height: 40px;
    color: inherit;
    font-weight: 500;
}
.sidebar .wp-block-latest-posts li a,
aside ul.wp-block-categories li a{
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    display: block;
}
aside ul.wp-block-categories li a:hover{
    color: var(--tw-primary-color);
}
.widget.widget_recent_entries ul li:not(:last-child) {
    margin-bottom: 15px;
}
.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_nav_menu 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: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    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 .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 .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 .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;
}
.sidebar .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 {
    margin:0;
    padding:0;
    list-style:none;
}
.widget_recent_comments ul a{
    color: var(--heading-color);
}
aside .wp-block-latest-comments__comment,
.widget_recent_comments ul li {
    font-size: 16px;
    color: var(--tw-body-color);
    margin-bottom: 15px;
    line-height: 22px;
}
.wp-block-latest-posts__featured-image img{
    margin-bottom: 35px;
}
.wp-block-latest-posts__post-excerpt{
    margin-top: 10px;
}
:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)) {
    line-height: 20px;
    margin-bottom: 20px;
}
.wp-block-latest-comments__comment-date {
    font-size: 12px;
    margin: 4px 0 10px;
}
aside .wp-block-latest-posts__post-excerpt {
    font-size: 12px;
    line-height: 20px;
    font-family: var(--primary-font);
    color: var(--tw-body-color);
}
.wp-block-latest-posts__list.has-author .wp-block-latest-posts__post-title{
    margin: 0;
}
.wp-block-latest-posts__list.has-author .wp-block-latest-posts__post-author{
    font-size: 16px;
    color: var(--tw-body-color);
}
.wp-block-latest-posts__list.has-author .wp-block-latest-posts__post-date{
    font-size: 16px;
    color: var(--tw-body-color);
}
.wp-block-latest-posts__list.has-dates.has-author.wp-block-latest-posts li,
.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li,
.wp-block-latest-posts__list.wp-block-latest-posts li{
    justify-content: flex-start;
    column-gap: 8px;
    row-gap: 3px;
}
.widget_block .wp-block-loginout > a:hover{
    color: var(--tw-secondary-color);
}
.widget_block .wp-block-loginout #loginform label {
    font-size: 14px;
    display: block;
    line-height: 20px;
    margin: 0 0 5px;
    color: var(--tw-secondary-color);
}
.widget_block .wp-block-loginout #loginform input[type="text"] ,
.widget_block .wp-block-loginout #loginform input[type="password"]{
    font-size: 16px;
    display: block;
    line-height: 50px;
    margin: 0 0 5px;
    height: 50px;
    border: 1px solid #ECECEC;
    border-radius: 10px;
    color: var(--tw-secondary-color);
    width: 100%;
    outline: 0;
    box-shadow: 0;
    padding: 0 15px;
    background: #fff;
}
.widget_block .wp-block-loginout #loginform input[type="submit"]{
    color: var(--tw-white-color);
    font-size: 14px;
    min-width: 44px;
    height: 44px;
    line-height: 40px;
    border: 1px solid var(--tw-primary-color);
    border-radius: 10px;
    display: -webkit-inline-box;
    background: var(--tw-primary-color);
    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-weight: 700;
    padding: 0 28px;
}
.widget_block .wp-block-loginout #loginform input[type="submit"]:hover{
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
    border-color: var(--tw-secondary-color);
}
aside .wp-block-latest-comments__comment a, 
aside .wp-block-latest-comments__comment span, 
.widget_recent_comments ul li a,
.widget_recent_comments ul li span{
    font-size: inherit;
}
aside .wp-block-latest-comments__comment a{
    color: var(--tw-secondary-color);
}
aside .wp-block-latest-comments__comment a:hover{
    color: var(--tw-primary-color);
}
aside .wp-block-latest-comments__comment span, 
.widget_recent_comments ul li span{
    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{
    color: var(--tw-primary-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: 1px solid #ECECEC;
    border-radius: 0;
}
.sidebar .widget_archive .nice-select ul .option{
    padding-left: 18px; 
    padding-right: 29px;
}

.widget_categories .nice-select.open,
.wp-block-archives .nice-select.open,
.textwidget .nice-select.open,
.sidebar .widget_archive .nice-select.open,
.widget_archive .nice-selec.open{
    border-color: var(--tw-primary-color);
}

.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%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-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: flex;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% + 47px);
    flex-wrap: wrap;
    top: 0;
    left: -17px;
    border-radius: 0px;
    z-index: 9999;
    max-height: calc(100vh - 220px);
    overflow: auto;
}
.nice-select ul.list::-webkit-scrollbar {
    width: 8px;
    border-radius: 4px;
}
.nice-select ul.list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    border-radius: 4px;
}
.nice-select ul.list::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid #c1c1c1;
  border-radius: 10px;
}
.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);
}
.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: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    row-gap: 7px;
}
.tagcloud a, .wp-block-tag-cloud a, .blogTagItems a {
    color: var(--tw-body-color);
    font-family: var(--primary-font);
    font-size: 14px !important;
    font-weight: 500;
    height: 30px;
    line-height: 27px;
    padding: 0 15px;
    border: 1px solid #ECECEC;
    background: #FFF;
    border-radius: 100px;
    display: inline-block;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.tagcloud a:hover, .wp-block-tag-cloud a:hover, .blogTagItems a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border-color: var(--tw-primary-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;
    border: 1px solid #ECECEC;
}
.sidebar .textwidget form  select {
    background: url(../images/down-arrow)no-repeat 96% 20px white;
    background-size: 10px;
}
.widget table {
    width: 100%;
    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;
}
.singleComment table thead tr th,
.blogPostStatic table thead tr th,
.blogPostStatic table tbody tr th,
.singleComment 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;
}
.singleComment 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: flex;
    justify-content: space-between;
    align-items: baseline;
    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;
    font-size: 14px;
}
.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: 14px;
    line-height: 20px;
    color: var(--tw-body-color);
}
aside .wp-block-latest-posts__post-excerpt > a{
    font-size: 14px;
}
.widget_rss .widgetTitle{
    margin-bottom: 18px;
}
.widget_rss .widgetTitle a{
    font-size: 20px;
    line-height: 20px;
}
.rssSummary{
    font-size: 14px;
    line-height: 20px;
}
.widgetTitle a {
    color: var(--tw-secondary-color) !important;
}
.textwidget form{
    margin-top: 12px;
}
.rss-date, .wp-block-rss__item-publish-date {
    font-size: 14px;
    line-height: 20px;
    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: 16px;
    font-weight: 600;
    line-height: 22px;
    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;
    font-size: 14px;
    line-height: 26px;
}
.wp-block-rss__item .wp-block-rss__item-author {
    margin: 0 0 2px;
    font-size: 12px;
}
.sidebar .wp-block-rss__item-excerpt{
    font-size: 14px;
    font-weight: 400;
}

/* content test  */
.blogPostStatic > ul {
    padding: 0 0 0 16px;
}

.singleComment ul,
.singleComment ol{
    list-style: none;
    padding:0;
    margin-left: 0px;
}
.singleComment ul > li,
.singleComment 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: flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px;
    row-gap: 15px;
    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-archives-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}
.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, .blogPostStatic table tbody tr td a {
    text-decoration: none;
    color: var(--tw-primary-color);
}
.blogPostStatic table tbody tr th, .blogPostStatic table thead tr th{
    background: transparent;
}
.blogPostStatic nav.wp-calendar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    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 {
    background: #F5F5F5;
    border-radius: 0px;
    font-size: 14px;
    line-height: 16px;
    padding: 0 75px 0 26px;
    border: 0;
    outline: 0;
    width: 100%;
    min-height: 54px;
}
.blogPostStatic .wp-block-search__button {
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    font-size: 14px;
    border: 0;
    outline: 0;
    padding: 0 15px;
    min-width: 54px;
    height: 54px;
    border-radius: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.blogPostStatic .wp-block-search__button:hover{
    background: var(--tw-secondary-color);
}
.blogPostStatic form.wp-block-search__text-button,
.blogPostStatic form.wp-block-search{
    margin-bottom: 40px;
}
.wp-block-query.is-layout-flow .wp-block-post-excerpt__excerpt{
    margin-bottom: 32px;
}
.singleComment table tr td a,
.singleComment p a{
    color: var(--tw-primary-color);
}
.wp-block-buttons{
    margin-bottom: 20px;
}
.wp-block-navigation__submenu-container li a.wp-block-navigation-item__content{
    padding: 8px 16px;
}
.singleComment table tr td a:hover,
.singleComment p 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;
}
.postContent p > a,
.blogPostStatic blockquote a,
.blogPostStatic .wp-block-file a{
    color: var(--tw-primary-color);
}
.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 > ul a{
    color: var(--tw-secondary-color);
}
.blogPostStatic > ul a:hover{
    color: var(--tw-primary-color);
}
.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.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: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::before, .wp-block-quote::before {
    content: "";
    background-image: url(../images/white-quote.png);
    background-size: 50px;
    background-position: center center;
    background-repeat: no-repeat;
}
.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);
}
.blogTagWrapper {
    margin: 20px 0 40px;
}
.singleComment table,
.blogPostStatic table {
    width: 100%;
    border: 1px solid #D9D9D9;
    background: transparent;
    margin: 30px 0 30px;
}
.blogPostStatic dd{
    margin-bottom: 20px;
}
.singleComment table a,
.blogPostStatic dd a{
    color: var(--tw-primary-color);
}
.singleComment table a:hover,
.blogPostStatic dd a:hover{
    color: var(--tw-secondary-color);
}
.blogPostStatic > ul > li ol,
.blogPostStatic > ol > li ul,
.singleComment ul > li ul,
.singleComment ol > li ol,
.postContent > ul > li ul,
.postContent > ol > li ol {
    margin-top: 10px;
    padding-left: 16px;
    margin-left: 0px;
}
.blogPostStatic > ul > li > ol li,
.blogPostStatic > ol > li ul li,
.singleComment  ul > li > ul li,
.singleComment  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;
}
.singleComment > p{
    margin-bottom: 16px;
}
.blogPostStatic :not(.myAccountPages) input[type="password"] {
    display: block;
    max-width: 240px;
    width: 100%;
    height: 50px;
    background: #F5F5F5;
    padding: 0 20px;
    border: unset;
    border-radius: 0px;
    font-size: 14px;
    margin: 10px 0 0;
    color: #8799a3;
    float: left;
    outline: unset;
}
.blogPostStatic .myAccountPages input[type="password"] {
    max-width: 100%;
}
.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-block-button__link:hover{
    color: var(--tw-primary-color) !important;
}




/*============== 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-cart-form .archioxBtn,
.woocommerce .woocommerce-cart-form .cart_item button.button,
.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 .shop_table.cart_table tbody tr.actions td button.button.archioxBtn[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.archioxBtn[name=update_cart]:hover,
.woocommerce-cart-form .archioxBtn:hover,
.woocommerce .cartCoupon button.button:hover {
    color: var(--tw-white-color);
    background: var(--tw-secondary-color);
}
.woocommerce .shop_table.cart_table tbody tr.actions td:nth-child(2)>a.archioxBtn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 8px;
    justify-content: center;
}
.woocommerce .quantity.quantityd {
    position: relative;
    max-width: 130px;
}
.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 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 .wc-proceed-to-checkout a.checkout-button:hover{
    background: var(--tw-secondary-color);
}
.woocommerce-cart .wc-proceed-to-checkout {
    margin: 0;
    padding: 0;
}
.woocommerce table.my_account_orders .button {
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.woocommerce table.my_account_orders .button:hover {
    background: var(--tw-secondary-color);
}
.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: "\eb9d";
    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 0 10px;
    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: "\eb9d" !important;
    font-family: 'Themewar' !important;
    font-size: 14px;
    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);
    top: -4px;
    -webkit-transform: rotate(0deg);
    position: relative;
    left: -2px;
    font-weight: 900;
}
.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 .archioxLink {
    font-family: var(--primary-font) !important;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    color: var(--tw-primary-color);
    font-weight: 700 !important;
    text-transform: uppercase;
    margin: 0;
}
.woocommerce .woocommerce-form-login p.lost_password .archioxLink:hover {
    color: var(--tw-secondary-color);
}
/* Order Details  */
.archioxThankuPage 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 .archioxThankuPage ul.order_details {
    margin: 0 0 30px;
    padding: 0;
}
.woocommerce .archioxThankuPage 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 .archioxThankuPage 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,
.woocommerce-customer-details h2 {
    font-size: 24px;
    font-family: var(--primary-font);
    line-height: 1;
    margin: 0 0 32px;
}
.woocommerce-account .woocommerce-MyAccount-content mark {
    color: var(--tw-secondary-color);
}
.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;
}
.woocommerce-MyAccount-content .woocommerce-order-details table .woocommerce-table__product-name,
.woocommerce-MyAccount-content .woocommerce-order-details table .woocommerce-table__product-name a,
.woocommerce-MyAccount-content .woocommerce-order-details table .woocommerce-table__product-table {
    font-weight: 700 !important;
    font-family: var(--primary-font) !important;
    padding: 0 10px;
}
.woocommerce-MyAccount-content .woocommerce-order-details table .product-total .woocommerce-Price-amount.amount {
    padding: 0 10px !important;
}
.woocommerce-MyAccount-content .woocommerce-order-details table tfoot tr th {
    padding: 0 10px !important;
    font-family: var(--primary-font) !important;
}
.woocommerce-MyAccount-content .woocommerce-order-details table tfoot tr td {
    padding: 0 10px !important;
    font-family: var(--primary-font) !important;
}
.woocommerce-MyAccount-content .woocommerce-order-details table {
    font-family: var(--primary-font) !important;
}

/* My Account  Page */
.archioxLoginRegFormWrap {
    position: relative;
}
.archioxLoginRegFormWrap h2 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 32px;
    font-family: var(--primary-font);
    font-weight: 600;
}
.woocommerce .archioxLoginRegFormWrap form.login, .woocommerce .archioxLoginRegFormWrap form.register {
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: none;
}
.woocommerce .archioxLoginRegFormWrap form .form-row, .woocommerce form.lost_reset_password .form-row {
    margin: 0;
    padding: 0;
}
.woocommerce .archioxLoginRegFormWrap 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;
    background: var(--tw-white-color);
}
.woocommerce form.lost_reset_password button.button,
.woocommerce .archioxLoginRegFormWrap .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(--primary-font) !important;
    font-size: 16px;
    color: var(--tw-secondary-color);
    font-weight: 700 !important;
    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: "\ec8d";
    border-color: var(--tw-primary-color);
}
.loginFooter {
    padding: 23px 0 0;
}
.woocommerce .archioxLoginRegFormWrap form .remindMeWrap {
    margin: 0 0 6px;
}
.woocommerce .archioxLoginRegFormWrap form p.lost_password {
    margin: 0;
}
.woocommerce .archioxLoginRegFormWrap form p.lost_password a{
    color: var(--tw-body-color);
}
.woocommerce .archioxLoginRegFormWrap 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(--primary-font) !important;
    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: "\ebb5";
    font-family: 'Themewar';
    position: absolute;
    right: 30px;
    top: 0;
    font-size: 14px;
    font-weight: 400;
}
.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);
}
.myAccountPages p a {
    color: var(--tw-secondary-color);
    text-decoration: underline;
}
.myAccountPages p strong, 
.myAccountPages p a {
    font-weight: 700 !important;
    color: #222222;
    font-family: var(--primary-font) !important;
}
.myAccountPages p a:hover {
    color: var(--tw-primary-color);
}
.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,
.woocommerce-account .myAccountPages .editAddressForm h3 {
    font-family: var(--primary-font);
    font-size: 24px;
    font-weight: 600;
    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 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;
    background: var(--tw-white-color);
}
.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;
}
.woocommerce .woocommerce-EditAccountForm .addressSubmitRow .button ,
.woocommerce .editAddressForm .addressSubmitRow .button {
    position: relative;
    display: inline-block;
    font-family: var(--primary-font);
    background: var(--tw-primary-color);
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--tw-white-color);
    padding: 14px 30.29px;
}
.addressSubmitRow .woocommerce-Button.button.button:hover{
    background: var(--tw-secondary-color);
}
.woocommerce-form .woocommerce-form-login__submit.archioxBtn02,
.woocommerce-form .woocommerce-form-register__submit.archioxBtn02 {
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.woocommerce-form .woocommerce-form-login__submit.archioxBtn02:hover,
.woocommerce-form .woocommerce-form-register__submit.archioxBtn02:hover {
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
}