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

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

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

/* -- Header Topbar -- */
.topBar01{
    position: relative;
    background: #FAF0ED;
    width: auto;
    min-height: 45px;
}
.topBarItems{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.topDesc{
    position: relative;
}
.topDesc p{
    display: inline-block;
    font-weight: 500;
    line-height: 19px;
    color: var(--tw-secondary-color);
    margin: 0 32px 0 0;
    padding: 13px 0 13px;
}
.topDesc p a{
    display: inline-block;
    color: inherit;
}
.topDesc p:hover a{
    color: var(--tw-primary-color);
}
.topDesc p i{
    margin-right:6px;
    color: var(--tw-primary-color);
    position: relative;
    top: 1px;
    font-size: 15px;
}
.topDesc p:nth-child(2){
    margin: 0 29px 0 0;
}
.topDesc p:nth-child(2) i{
    margin-right:8px;
    top: 2px;
    font-size: 16px;
}
.topDesc p:nth-child(3) i{
    font-size: 13px;
}
.tpRight p > svg,
.topDesc p > svg{
    width: auto;
    height: 15px;
    fill: var(--tw-primary-color);
    margin: 0 8px 0 0;
}
.topSocial{
    position: relative;
}
.topSocial a{
    display: inline-block;
    font-size: 14px;
    color: var(--tw-primary-color);
    margin-left: 22px;
    padding: 2px 0;
}
.topSocial a:hover{
    color: var(--tw-secondary-color);
}
.topSocial a svg {
    height: 14px;
    width: auto;
    fill: var(--tw-primary-color);
    top: -2px;
    position: relative;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
}
.topSocial a:hover svg{
    fill: var(--tw-secondary-color);
}
/*-- Header Area --*/
.header01{
    position: relative;
}
.navBar01{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.navBar01 .logo{
    position: relative;
}
.navBar01 .logo a{
    display: inline-block;
}
.navBar01 .logo a img{
    max-width: 183px;
    height: auto;
}
.logo a.textLogo {
    font-size: 29.75px;
    color: var(--tw-secondary-color);
    font-weight: 700;
    font-family: var(--secondary-font);
    padding: 41px 0 43px;
    min-width: 150px;
}
.logo a.textLogo:hover {
    opacity: 0.8;
}
.menu_btn{
    display: none;
}
.mainMenu{
    position: relative;
    left: 12px;
}
.mainMenu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.mainMenu > ul > li{
    display: inline-block;
    padding: 40px 0 41px;
    margin: 0 38px 0 0;
    position: relative;
}
.mainMenu > ul li{
    position: relative;
}
.mainMenu > ul li a{
    display: block;
    font-size: 17px;
    line-height: 28px;
    font-weight: 600;
    font-family: var(--secondary-font);
    color: var(--tw-secondary-color);
    position: relative;
}
.mainMenu > ul li:hover > a{
    color: var(--tw-primary-color);
}
.mainMenu > ul > li:after{
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 2px solid transparent;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.mainMenu > ul > li:hover:after{
    left: 0;
    right: auto;
    width: 100%;
}
.mainMenu > ul > li.menu-item-has-children > a:after {
    content: '\e9b9';
    font-family: "Themewar" !important;
    font-size: 15px;
    color: inherit;
    display: inline-block;
    position: relative;
    margin: 0px 0 0 3px;
    font-weight: 500;
    top: 1px;
}
.mainMenu ul li:hover > a:after, 
.mainMenu ul li.current-menu-item > a:after{
    color: inherit;
}
.mainMenu > ul > li ul li.menu-item-has-children:after {
    content: '\e9bb';
    font-family: "Themewar" !important;
    font-size: 13px;
    font-weight: 500;
    color: var(--tw-secondary-color);
    position: absolute;
    margin: 0;
    right: 30px;
    top: 6px;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.mainMenu ul li ul li:hover:after, 
.mainMenu ul li ul li.current-menu-item:after{
    color: var(--tw-primary-color);
}
.mainMenu ul li ul{
    position: absolute;
    padding: 15px 0;
    position: absolute;
    top: 100%;
    left: -30px;
    pointer-events: none;
    display: block;
    min-width: 220px;
    border-radius: 0;
    margin: 0;
    background: #fff;
    border-bottom: 3px solid var(--tw-primary-color);
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 30px 60px 0px rgb(2 24 93 / 8%);
    z-index: 10;
    -webkit-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}
.mainMenu ul li ul li ul{
    left: 100%;
    top: 0;
}
.mainMenu > ul li:hover > ul {
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.mainMenu > ul li > ul li {
    margin: 0;
    padding: 4px 30px 4px;
    width: 100%;
}
.mainMenu  ul li ul li a {
    color: var(--tw-secondary-color);
    font-size: 15px;
    text-transform: capitalize;
    position: relative;
    display: inline;
    padding-bottom: 0px;
    -webkit-transition: all 0.35s linear;
    transition: all 0.35s linear;
    position: relative;
}
.mainMenu ul li ul li a:after{
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 3px;
    width: 0;
    height: 0;
    border-bottom: 1px solid var(--tw-primary-color);
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.mainMenu ul > li ul li:hover > a:after {
    left: 0;
    right: auto;
    width: 100%;
    color: var(--tw-primary-color);
}
.mainMenu ul > li ul li:hover > a{
    color: var(--tw-primary-color);
}
.headerBtn{
    position: relative;
}
.header01 .accessNav .logicBtn {
    height: 50px;
    padding: 0 10px;
    font-size: 14px;
    top: 0px;
    width: 154px;
    text-align: center;
    line-height: 52px;
}
.header01.defaultHd .accessNav .logicBtn{
    top:0;
}

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

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

.slider01 .rev_slider .tparrows:hover{
    color: var(--tw-white-color);
} 
.slider01 .rev_slider .tparrows:before {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    content: "\e903";
    font-family: 'logis';
}
.slider01 .rev_slider .tparrows.tp-rightarrow:before {
    content: "\e902";
}
.rev_slider .tparrows.tp-rightarrow:after {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}
.slider01 .rev_slider .tparrows.tp-rightarrow:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}
.slider01 .rev_slider .tparrows.tp-leftarrow:after {
    content: "";
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    width: 0;
    height: 100%;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}
.slider01 .rev_slider .tparrows.tp-leftarrow:hover:after {
    width: 100%;
    left: auto;
    right: 0;
}
.tp-bannertimer {
    display: none;
}
.sliderPhoneBox{
    position: relative;
}
.sliderPhoneBox i{
    width: 55px;
    height: 55px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(255, 255, 255, 0.13);
    border-radius: 100px;
    font-size: 16px;
}
.sliderPhoneBox a{
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: var(--tw-white-color);
    line-height: 1;
    margin-left: 18px;
}
.sliderPhoneBox a:hover{
    color: var(--tw-primary-color);
}
/*-- Service Area --*/
.serviceDesc01{
    position: relative;
    padding: 81px 0 0;
}
.serviceDesc01 p{
    margin: 0 45px 42px 0;
}
.serviceControls{
    position: relative;
    margin-left: 2px;
}
.owl-carousel .owl-nav button,
.serviceControls button,
.serviceCarousel.owl-carousel .owl-nav button{
    border: 0;
    outline: 0;
    background: var(--tw-white-color);
    position: relative;
    width: 40px;
    height: 35px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 8px;
    box-shadow: 0px 10px 20px rgba(24, 16, 16, 0.06);
    color: var(--tw-secondary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    overflow: hidden;
    z-index: 1;
}

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

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

.owl-carousel .owl-nav button:after,
.serviceControls button.tnext:after,
.serviceCarousel .owl-nav button:after{
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    background: var(--tw-primary-color);
    border-radius: 8px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}
.owl-carousel .owl-nav button:hover:after,
.serviceControls button.tnext:hover:after,
.serviceCarousel .owl-nav button:hover:after{
    right: auto;
    left: 0;
    width: 100%;
}
.serviceControls span{
    font-weight: var(--heading-font-weight);
    color: var(--tw-secondary-color);
    line-height: 1;
    width: 84px;
    display: inline-block;
    text-align: center;
}
.serviceControls span ins{
    color: var(--tw-primary-color);
    text-decoration: none;
}
.serviceCarouselWrap{
    position: relative;
}
.singleService{
    position: relative;
    background: var(--tw-white-color);
    border-radius: 5px;
}
.serviceThumb{
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.elementor .serviceThumb img,
.serviceThumb img{
    max-width: 100%;
    height: auto;
    width: 100%;
    border-radius: 5px;
}
.serviceContent{
    position: relative;
    padding: 65px 40px 31px;
    z-index: 2;
}
.serConIcon {
    position: absolute;
    top: -50px;
    left: 30px;
}
.serConIcon span{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background:var(--tw-primary-color);
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 35px;
    color:var(--tw-white-color);
    border: 10px solid var(--tw-white-color);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}
.serConIcon span i,
.serConIcon span i:before{
    color: var(--tw-white-color);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}
.serConIcon span img{
    height: 38px;
    width: auto;
}
.serviceContent h4{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 7px;
}
.serviceContent h4 a{
    color:inherit;
    display: inline-block;
}
.serviceContent h4:hover{
    color: var(--tw-primary-color);
}
/* --  About Section -- */
.aboutLook{
    position: relative;
    text-align: left;
    margin-bottom: 53px;
}
.elementor .aboutLook img,
.aboutLook img{
    display: inline-block;
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
}
.aboutLook .ab01{
    position: relative;
    max-width: 423px;
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.aboutLook .ab02 {
    max-width: 300px;
    height: auto;
    position: absolute;
    bottom: -53px;
    left: 311px;
    z-index: 2;
    overflow: hidden;
    right: -12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
.aboutLook .welcomeBox{
    width: 214px;
    height: 214px;
    border-radius: 50%;
    position: absolute;
    bottom: 74px;
    left: -107px;
    z-index: 9;
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.08);
    -webkit-animation: welAnim 7s linear infinite;
            animation: welAnim 7s linear infinite;
}
.aboutLook .welcomeBox img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.aboutLook .welcomeBox .abArrow{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 54px;
    height: 46px;
    border-radius: 0;
}
.aboutContent {
    position: relative;
    padding: 21px 0 0 67px;
}
.aboutContent:after{
    content: "";
    position: absolute;
    width: 90px;
    height: 104px;
    top: 0;
    left: 202px;
    background: url(../images/bgimg/polygon.png)no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}
.aboutContent p{
    padding: 0 10px 15px 0;
}
.aboutCountItem{
    position: relative;
}
.aboutCountItem h2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 60px;
    line-height: 1;
    font-family: var(--secondary-font);
}
.aboutCountItem h2 .counterSuffix{
    position: relative;
    display: inline-block;
}
.logisfareFactAlign-left .aboutCountItem h2{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.logisfareFactAlign-center .aboutCountItem h2{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.logisfareFactAlign-right .aboutCountItem h2{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.aboutContent .btnGap{
    margin-right: 28px;
}

/* -- Icon Box 01 -- */
.iconBox01{
    position: relative;
    text-align: center;
}
.iconBox01 .ibIcon{
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: var(--tw-white-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 60px;
    color: var(--tw-primary-color);
    margin: 0 0 31px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.iconBox01 .ibIcon i {
    font-size: 66px;
    fill: var(--tw-primary-color);
}
.iconBox01 .ibIcon svg{
    width: 66px;
    height: 66px;
    fill: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.iconBox01:hover .ibIcon svg{
    fill: var(--tw-white-color);
}
.iconBox01:hover .ibIcon{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.iconBox01 .ibIcon span.ibNum{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background:var(--tw-primary-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 700;
    color: var(--tw-white-color);
    z-index: 1;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.iconBox01:hover .ibIcon span.ibNum{
    background: var(--tw-white-color);
    color: var(--tw-primary-color);
}
.iconBox01 h3{
    color: var(--tw-white-color);
    font-size: 24px;
    line-height: 1;
    margin: 0 0 10px;
}
.iconBox01 .btnLink{
    color: var(--tw-white-color);
}
.iconBox01:hover .btnLink{
    color: var(--tw-primary-color);
}
.iconBox01 p{
    margin: 0 0 12px;
}
.iconBox01.odd{
    left: -14px;
}
.iconBox01.odd:after {
    content: "";
    position: absolute;
    background: url(../images/bgimg/arrowIcon.png)no-repeat;
    background-size: 100% 100%;
    width: 115px;
    height: 50px;
    top: 10px;
    right: -73px;
    -webkit-transform: rotate(318deg);
            transform: rotate(318deg);
}
.iconBox01.ib103:after {
    right: -76px;
}
.iconBox01.event{
    top: -92px;
    left: -5px;
}
.iconBox01.event:after {
    content: "";
    position: absolute;
    background: url(../images/bgimg/arrowIcon.png)no-repeat;
    background-size: 100% 100%;
    width: 115px;
    height: 50px;
    top: 102px;
    right: -72px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
.iconBox01.ib103{
    left: 5px;
}
.iconBox01.eventNotArrow{
    left: 14px;
}
.iconBox01.eventNotArrow:after{
    content: inherit;
}

/* -- Feature Section -- */
.reatureDetails01{
    position: relative;
    z-index: 1;
}
.reatureDetails01:after {
    content: "";
    position: absolute;
    width: 90px;
    height: 105px;
    top: -22px;
    left: 135px;
    background: url(../images/bgimg/polygon.png)no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}
.reatureDetails01 p{
    padding:0 70px 26px 0;
}
.iconBox02{
    position: relative;
}
.iconBox02 span{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--tw-primary-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 24px;
}
.iconBox02 i{
    font-size: 36px;
    color: var(--tw-white-color);
}
.iconBox02 svg {
    width: 36px;
    height: 36px;
    fill: var(--tw-white-color);
    stroke: var(--tw-white-color);
    stroke-width: .5px;
}
.iconBox02 h3{
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    margin: 0 0 11px;
}
.iconBox02 h3 a{
    color: inherit;
}
.iconBox02 h3 a:hover{
    color: var(--tw-primary-color);
}
.iconBox02.noGap{
    margin-left: -44px;
}
.featureLook01{
    position: relative;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

}
.elementor .featureLook01 img,
.featureLook01 img{
    max-width: 100%;
    width: auto;
    height: auto;
    position: relative;
    z-index: 1;
}
.featureBox {
    position: relative;
    text-align: center;
    max-width: 225px;
    width: 100%;
    height: auto;
    background: var(--tw-primary-color);
    padding: 46px 25px 35px;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.about_imglk02 .featureBox {
    position: absolute;
    top: 191px;
    right: 391px;
    height: 249px;
}
.logisfareFactAlign-left .featureBox{
    text-align: left;
}
.logisfareFactAlign-center .featureBox{
    text-align: center;
}
.logisfareFactAlign-right .featureBox{
    text-align: right;
}
.logisfareFactAlign-left .featureBox h3{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.logisfareFactAlign-center .featureBox h3{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.logisfareFactAlign-right .featureBox h3{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.featureBox i,
.featureBox span{
    font-size: 60px;
    color: var(--tw-white-color);
    display: inline-block;
}
.featureBox span svg{
    width: auto;
    height: 60px;
}
.about_imglk02_thumb {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-left: auto;
}
.about_imglk02_thumb img{
    border: inherit;
    border-radius: inherit;
}
.featureBox h3{
    color: var(--tw-white-color);
    font-family: var(--tw-primary-color);
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    margin:21px 0 12px 0 ;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.featureBox h3 span{
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    position: relative;
    display: inline-block;
}
.featureBox h4{
    color: var(--tw-white-color);
    font-size: 16px;
    line-height: 1;
    font-family: var(--tw-primary-color);
}

/* -- Team Section -- */
.singleTeam{
    position: relative;
}
.singleTeam .teamMeta{
    position: relative;
    overflow: hidden;
    margin: 0 0 5.8px;
    z-index: 1;
}
.singleTeam .teamMeta:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .2);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.singleTeam:hover .teamMeta:after{
    opacity: 1;
    visibility: visible;
}
.singleTeam .teamMeta img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.teamSocial {
    position: absolute;
    bottom: 30px;
    left: 0;
    right:0;
    width: 179px;
    height: auto;
    margin: auto;
    background: var(--tw-white-color);
    border-radius: 100px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    padding: 13px 0;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    z-index: 2;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    overflow: hidden;
}
.teamSocial a{
    display: inline-block;
    font-size: 14px;
    color: var(--tw-body-color);
    padding: 2px;
    line-height: 1;
    opacity: 0;
    visibility: hidden;
}
.teamSocial a:hover{
    color: var(--tw-secondary-color);
}
.singleTeam:hover .teamSocial{
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
}
.teamContent{
    position:relative;
    background: #F8F8F8;
    border-radius: 5px;
    text-align: center;
    padding: 25px 0 22px;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.singleTeam:hover .teamContent{
    background: #171717;
}
.teamContent h4{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 1px;
    -webkit-transition: all 350ms ease-in;
    transition: all 350ms ease-in;
}
.teamContent h4 a{
    color: inherit;
    -webkit-transition: none;
    transition: none;
    display: inline-block;
}
.singleTeam:hover h4{
    color: var(--tw-white-color);
}
.teamContent h4:hover {
    color: var(--tw-primary-color);
}
.teamContent p{
    font-family: var(--secondary-font);
    margin: 0;
}
.teamContent:after {
    content: '';
    position: absolute;
    width: 130px;
    height: 130px;
    bottom: 0;
    right: -150px;
    background: url(../images/bgimg/teamSahp1.png)no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
}
.teamContent:before {
    content: '';
    position: absolute;
    width: 108px;
    height: 220px;
    bottom: 0;
    right: -150px;
    background: url(../images/bgimg/teamSahp2.png)no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.singleTeam:hover .teamContent:after{
    right: -55px;
}
.singleTeam:hover .teamContent:before{
    right: -65px;
}

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

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

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

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

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}

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

/* -- Icon Box 03 -- */
.iconBox03{
    position: relative;
    padding: 9px 0 7px 100px;
    z-index: 1;
}
.iconBox03.countfact {
    background: #131313;
}
.iconBox03 span{
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: var(--tw-primary-color);
    border-radius: 50%;
}
.iconBox03.countfact i{
    font-size: 30px;
}
.iconBox03 span i{
    font-size: 40px;
    color: var(--tw-white-color);
}
.iconBox03 span svg {
    width: 40px;
    height: 40px;
    fill: var(--tw-white-color);
    stroke: var(--tw-white-color);
    stroke-width: 0.6px;
}

.iconBox03 span:after{
    content: '';
    position: absolute;
    width: 142px;
    height: 142px;
    top: 0;
    bottom: 0;
    margin: auto 31px;
    background: url(../images/bgimg/shapeProgress.png)no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    border-radius: 50%;
}
.iconBox03:hover span:after{
    -webkit-animation: shapeIconAnim 3s linear infinite;
            animation: shapeIconAnim 3s linear infinite;
}
.iconBox03.ibsm span{
    font-size: 32px;
}
.iconBox03 h3{
    color: var(--tw-white-color);
    font-size: 36px;
    line-height: 1;
    margin: 0 0 1px;
}
.iconBox03 h3 > a {
    color: inherit;
    font-size: inherit;
}
.iconBox03 h3 > a:hover{
    color: inherit;
}
.iconBox03 p{
    color: #BDBDBD;
    font-weight: 600;
    margin: 0;
    font-family: var(--secondary-font);
}

/* -- Collection Slider -- */
.collSliderWrap{
    position: relative;
    padding: 53px 0 0;
}
.collSingleItem{
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.elementor .collSingleItem img,
.collSingleItem img{
    border-radius: inherit;
    transform: scale(.77);
    -moz-transform: scale(.77);
    -webkit-transform: scale(.77);
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.activePrev .collSingleItem img{
    -webkit-transform-origin-x: right;
    -moz-transform-origin-x: right;
}
.activeNext .collSingleItem img{
    -webkit-transform-origin-x: left;
    -moz-transform-origin-x: left;
}
.owl-item.active.center .collSingleItem img{
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.collSingleItem:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 23, 23, 0.56);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
}
.collSingleItem .collCat{
    position: absolute;
    left: 60px;
    bottom: 60px;
    z-index: 2;
}
.collSingleItem .collCat h4{
    font-size: 24px;
    margin: 0 0 8px;
    background: var(--tw-white-color);
    min-height: 49px;
    border-radius: 5px;
    padding: 0 20.8299px;
    line-height: 49px;
    color: var(--tw-secondary-color);
    -webkit-transform: translateY(200%);
            transform: translateY(200%);
    background: var(--tw-white-color);
    min-height: 49px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
}
.collSingleItem .collCat h4 a{
    display: inline-block;
    width: auto;
    color: inherit;
    border-radius: inherit;
    font-family: inherit;
}
.collSingleItem .collCat h4 a:hover{
    color: var(--tw-primary-color);
}
.collSingleItem .collCat .collTag{
    position: relative;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    display: inline-block;
    width: auto;
    height: 32px;
    line-height: 32px;
    padding: 0 19px;
    border-radius: 5px;
    -webkit-transform: translateY(200%);
            transform: translateY(200%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transition-delay: 600ms;
            transition-delay: 600ms;
}
.collSingleItem .collCat .collTag:hover{
    color: var(--tw-white-color);
    background: var(--tw-secondary-color);
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}
.collSingleItem .cols01{
    position: absolute;
    left: -400px;
    bottom: 0;
    width: 354px !important;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.collSingleItem .cols02{
    position: absolute;
    right: -200px;
    bottom: 0;
    width: 380px !important;
    height: 330px !important;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.collectionSlider.owl-carousel .owl-item.active.center .collCat h4{
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.collectionSlider.owl-carousel .owl-item.active.center .collCat .collTag{
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.collectionSlider.owl-carousel .owl-item.active.center .cols01 {
   left: 0;
}
.collectionSlider.owl-carousel .owl-item.active.center .cols02 {
   right: -5px;
}
.collectionSlider.owl-carousel .owl-item.active.center .collSingleItem:after{
    opacity: 1;
    visibility: visible;
}
.collectionSlider.owl-carousel .owl-nav button.owl-next, 
.collectionSlider.owl-carousel .owl-nav button.owl-prev{
    height: 60px;
    width: 60px;
    background: var(--tw-white-color);
    border-radius: 50%;
    text-align: center;
    color: var(--tw-secondary-color);
    font-size: 16px;
    line-height: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    overflow: hidden;
    z-index: 1;
}
.collectionSlider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 20.5%;
}
.collectionSlider.owl-carousel .owl-nav button.owl-prev {
    right: auto;
    left: 20.5%;
}
.collectionSlider.owl-carousel .owl-nav button.owl-prev:after {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    background: var(--tw-primary-color);
    left: 0;
    right: auto;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}
.collectionSlider.owl-carousel .owl-nav button.owl-prev:hover:after {
    right: 0;
    left: auto;
    width: 100%;
}
.collectionSlider.owl-carousel .owl-nav button.owl-next:after{
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    left: auto;
    right: 0;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}
.collectionSlider.owl-carousel .owl-nav button.owl-next:hover:after{
    left: 0;
    right: auto;
    width: 100%;
}
.collectionSlider.owl-carousel .owl-nav button.owl-next:hover,
.collectionSlider.owl-carousel .owl-nav button.owl-prev:hover{
    color: var(--tw-white-color);
}
.collectionSlider.owl-carousel .owl-item.active.center img{
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}
.collSingleItem .viewColl{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--tw-white-color);
    font-size: 20px;
    z-index: 2;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 1;
    overflow: hidden;
    -webkit-transition-delay: 350ms;
            transition-delay: 350ms;
}
.collectionSlider.owl-carousel .owl-item.active.center .viewColl {
    -webkit-transform: scale(1);
            transform: scale(1);
}
.collSingleItem .viewColl:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--tw-primary-color);
    -webkit-transition: all 450ms ease;
    transition: all 450ms ease;
    z-index: -1;
    -webkit-transform: scale(1);
            transform: scale(1);
    border-radius: 50%;
}
.collSingleItem .viewColl:hover:after{
    -webkit-transform: scale(0);
            transform: scale(0);
}
.collSingleItem .viewColl:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    border: 2px solid var(--tw-white-color);
    z-index: -1;
    -webkit-transform: scale(0);
            transform: scale(0);
    border-radius: 50%;
}
.collSingleItem .viewColl:hover:before{
    -webkit-transform: scale(1);
            transform: scale(1);
}

/* -- Collection Grid View 3 -- */
.projectGallery .collSingleItem:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 23, 23, 0.56);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    opacity: 0;
    visibility: hidden;
    border-radius: 8px;
    z-index: 1;
}
.projectGallery .collSingleItem:hover:before{
    opacity: 1;
    visibility: visible;
}
.projectGallery .collSingleItem:hover .cols01 {
    left: 0;
}
.projectGallery .collSingleItem:hover .cols02 {
    right: 0;
}
.projectGallery .collSingleItem .collCat{
    left: 30px;
    bottom: 30px;
    max-width: calc(100% - 60px);
}
.projectGallery .collSingleItem .collCat h4 {
    font-size: 24px;
    line-height: 30px;
    padding: 10px 21px 9px 19px;
}
.projectGallery .collSingleItem .collCat h4 a{
    line-height: inherit;
}
.projectGallery .collSingleItem:hover .collCat h4{
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.projectGallery .collSingleItem .collCat .collTag{
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.projectGallery .collSingleItem:hover .collCat .collTag{
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
}.projectGallery .collSingleItem:hover .collCat .collTag:hover{
    
    -webkit-transition-delay: unset;
            transition-delay: unset;
}
.projectGallery .collSingleItem .viewColl {
    left: 30px;
    top: 30px;
    margin: inherit;
    width: 70px;
    height: 70px;
}
.projectGallery .collSingleItem:hover .viewColl {
    -webkit-transform: scale(1);
            transform: scale(1);
}
.projectGallery .collSingleItem .collShape01 .collPG01{
    width: 337px;
    height: 100%;
    position: absolute;
    left: -275px;
    bottom: 0;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.projectGallery .collSingleItem.collSinGridSm .collShape01 .collPG01{
    width: 230px ;
}
.projectGallery .collSingleItem.collSinGridSm02 .collShape01 .collPG01{
    width: 250px ;
}
.projectGallery .collSingleItem.collSinGridSm02 .collShape01 .collPG02{
    width: 190px ;
    left: 60px;
}
.projectGallery .collSingleItem .collShape01 .collPG02{
    width: 160px;
    height: 200px;
    position: absolute;
    left: 74px;
    bottom: -200px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.projectGallery .collSingleItem.collSinGridSm .collShape01 .collPG02{
    width: 200px ;
    left: 35px;
}
.projectGallery .collSingleItem .collShape01 .collPG03 {
    width: 55px;
    height: 118px;
    position: absolute;
    left: 0;
    bottom: -125px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transition-delay: 250ms;
            transition-delay: 250ms;
}
.projectGallery .collSingleItem:hover .collShape01 .collPG01{
    left: 2px;
}
.projectGallery .collSingleItem:hover .collShape01 .collPG02{
    bottom: 0;
}
.projectGallery .collSingleItem:hover .collShape01 .collPG03{
    bottom: 0;
}
.projectGallery .collSingleItem .collShape02 .collPG01{
    width: 135px;
    height: 254px;
    position: absolute;
    right: -135px;
    bottom: 0;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.projectGallery .collSingleItem:hover .collShape02 .collPG01{
    right: 0;
}
.projectGallery .collSingleItem .collShape02 .collPG02 {
    width: 78px;
    height: 150px;
    position: absolute;
    right: -78px;
    bottom: 0;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transition-delay: 350ms;
            transition-delay: 350ms;
}
.projectGallery .collSingleItem:hover .collShape02 .collPG02{
    right: 0;
}

/* -- Pricing Section -- */
.priceItem {
    position: relative;
    padding: 106px 45px 44px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 31px;
    border-radius: 5px;
    background: var(--tw-white-color);
    margin: 80px 0 0;
}
.priceBox{
    position: absolute;
    width: 150px;
    height: 150px;
    background:var(--tw-primary-color);
    border-radius: 50%;
    padding: 43px 30px 2px 34px;
    top: -77px;
    left: auto;
    box-shadow: 0px 4px 29px rgba(236, 57, 0, 0.28);
}
.priceBox h2 {
    line-height: 1;
    color: var(--tw-white-color);
    font-size: 40px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.priceBox h2 span {
    font-size: 18px;
    font-family: inherit;
    position: relative;
    margin-bottom: 4px;
}
.priceBox h2 span svg{
    width: 18px;
    height: 18px;
    fill: var(--tw-white-color);
    stroke: var(--tw-white-color);
    position: relative;
    top: -2px;
}
.priceBox h2 span:last-of-type{
    margin-bottom: 6px;
}
.priceBox p{
    color: var(--tw-white-color);
    font-weight: 600;
    margin: 1px 0 0;
}
.priceContent{
    position: relative;
}
.priceContent p{
    color: var(--tw-body-color);
    font-weight: 400;
    margin-right: 3px;
}
.priceContent h3 {
    font-size: 30px;
    line-height: 1;
    margin: 5px 0 26px;
}
.priceList{
    position: relative;
    margin: 0 0 32px;
}
.priceList ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.priceList ul li {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    padding: 0 0 0 24px;
    margin: 0 0 10px;
}
.priceList ul li i {
    color: var(--tw-primary-color);
    position: relative;
    top: 1.4px;
    margin-left: -24px;
    margin-right: 8px;
}
.priceList ul li svg {
    fill: var(--tw-primary-color);
    stroke: var(--tw-primary-color);
    position: relative;
    top: -1px;
    margin-left: -24px;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    stroke-width: 0.5px;
}
.priceItem .logicBtn{
    width: 100%;
    text-align: center;
}

/* Customer Testimonial */
.tesWrap01,
.testWrapper02 {
    padding: 20px 40px;
    margin: -20px -40px;
    overflow: hidden;
}
.testWrapper02{
    padding: 20px 40px 45px;
    margin: -20px -40px -45px;
}
.tesWrap01 .testimonialCarousel01 .owl-stage-outer ,
.testWrapper02 .testimonialCarousel01 .owl-stage-outer {
    overflow: visible;
}
.testimonialCarousel01.owl-carousel .owl-stage-outer .owl-stage {
    cursor: none;
    pointer-events: none;
}
.testimonialCarousel01 .owl-item {
    opacity: 0;
}
.testWrapper02 .testimonialCarousel01 .owl-nav,
.testWrapper02 .testimonialCarousel02 .owl-nav{
    display:none !important;
}
.testimonialCarousel01.owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    visibility: visible;
}
.testControls{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    z-index: 2;
    margin: 0 0 16px;
}
.testControls .tnext01,
.testControls .tprev01{
    width: 50px;
    height: 50px;
    border: 0;
    outline: 0;
    background: #262626;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--tw-white-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    font-size: 14px;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.testControls .tprev01:after{
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    right: auto;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}
.testControls .tprev01:hover:after{
    width: 100%;
    left: auto;
    right: 0;
}
.testControls .tnext01:after{
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    right: 0;
    left: auto;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}
.testControls .tnext01:hover:after{
    width: 100%;
    left: 0;
    right: auto;
}

.testimonialItem01 {
    position: relative;
    box-shadow: 0px 14px 70px rgba(0, 0, 0, 0.07);
    background: var(--tw-white-color);
    padding: 40px 39px 51px;
    margin: 60px 0 41px;
}
.testimonialCarousel02 .owl-stage-outer{
    overflow: visible;
}
.testimonialCarousel02 .owl-item{
    opacity: 0;
}
.testimonialCarousel02 .owl-item.active{
    opacity: 1;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}
.testimonialCarousel02.owl-carousel .owl-stage-outer .owl-item.active{
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    visibility: visible;
}
.testimonialCarousel02.owl-carousel .owl-stage-outer .owl-stage{
    cursor: none;
    pointer-events: none;
}

.tsAuthorMeta {
    position: relative;
    width: 100px;
    height: 100px;
    margin-top: -99px;
    margin-bottom: 26px;
}
.tsAuthorMeta img{
    width: 100%;
    height: 100%;
}
.testimonialItem01 p{
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 32px;
}
.testimonialItem01 .tsAuthor02{
    position: relative;
    padding: 8px 0 0px 72px;
}
.testimonialItem01 .tsAuthor02 img{
    width: 54px;
    height: 54px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background: #D9D9D9;
}
.testimonialItem01 .tsAuthor02 h4{
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 6px;
}
.testimonialItem01 .tsAuthor02 span {
    font-size: 14px;
    font-weight: 500;
    color: var(--tw-primary-color);
    line-height: 1;
    margin: 0 0;
    font-family: var(--secondary-font);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.testimonialItem01:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 100%;
    left: 60px;
    border-style: solid;
    border-width: 41px 41px 0 0;
    border-color: var(--tw-white-color) transparent transparent transparent;
}


/* -- Client Section -- */
.clientTitle{
    position: relative;
    margin: 0 0 56px;
}
.clientTitle h3{
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: 22.96px;
    letter-spacing: .7px;
    position: relative;
    margin: 0;
    line-height: 1;
}
.clientTitle h3:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #D9D9D9;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.clientTitle h3 span{
    background: var(--tw-white-color);
    padding: 0 30px;
    position: relative;
    z-index: 1;
}
.clientWrapper{
    position: relative;
    margin: 0 120px 119px;
}
.clientSlider.owl-carousel a img {
    width: auto;
    height: 40px;
    max-width: 100%;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    margin: 0 auto;
}
.clientSlider.owl-carousel .owl-item:hover img {
    -webkit-filter: brightness(0);
            filter: brightness(0);
}

/* -- Team About Section */
.teamDetails01{
    position: relative;
    padding: 110px 0 122px 30px;
}
.teamDetails01 p{
    margin: 0 0 44px;
}
.teamSmImg{
    display: none;
}
.logicSkillBar{
    position: relative;
}
.singleSkill{
    position: relative;
    margin: 0 0 36px;
}
.singleSkill:last-child{
    margin: 0;
}
.skillWrap{
    position: relative;
    width: 100%;
    height: 1px;
    background: #E3E3E3;
}
.skillWrap .skill{
    width: 0;
    height: 3px;
    background: var(--tw-primary-color);
    position: relative;
    bottom: 1px;
}
.singleSkill h3{
    font-size: 14px;
    font-weight: 700;
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
    line-height: 1;
    margin: 0 0 17px;
    text-transform: uppercase;
}
.singleSkill span{
    position: absolute;
    right: 0;
    bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
}

/* -- Blog Section -- */
.blogItem01{
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 15px 28px rgba(0, 0, 0, 0.04);
}
.biThumb01{
    position: relative;
    overflow: hidden;
}
.elementor .biThumb01 img,
.biThumb01 img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 5px;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
}
.elementor .blogCarousel .biThumb01 img{
    width: 100%;
}
.biThumb01:after {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    bottom: 0;
    left: 50%;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
}
.blogItem01:hover .biThumb01:after {
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
}
.biMeta01{
    position: relative;
    font-weight: 500;
    margin: 0 0 13px;
}
.biMeta01 span{
    margin-right: 21px;
}
.biMeta01 i {
    color: var(--tw-primary-color);
    margin-right: 6px;
    position: relative;
    top: 1px;
    font-size: 15px;
}
.biMeta01 span:first-child i{
    top: 2px;
}
.biMeta01 .blogCcat i {
    top: 1px;
    font-size: 13px;
    margin: 0 4px 0 0;
}
.biMeta01 a{
    color: inherit;
}
.biMeta01 a:hover{
    color: var(--tw-primary-color);
}
.blogItem01 .biContent{
    position: relative;
    padding: 23px 30px 9px;
    background: var(--tw-white-color);
    border-bottom: 1px solid #EEEEEE;
}
.blogItem01 .biContent h3{
    font-size: 24px;
    line-height: 34px;
    color: var(--tw-secondary-color);
}
.blogItem01 .biContent h3 a{
    color: inherit;
    display: inline-block;
}
.blogItem01 .biContent h3:hover{
    color: var(--tw-primary-color);
}
.blogItem01 .biMeta02{
    position: relative;
    padding: 25px 29px 23px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: var(--tw-white-color);
}
.blogItem01 .biAuthor{
    position: relative;
    padding: 7px 0 0 49px;
}
.blogItem01 .biAuthor img{
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.blogItem01 .biAuthor h4{
    font-size: 18px;
    font-weight: 600;
    line-height: .5;
    margin: 0;
}
.blogItem01 .biAuthor span,
.blogItem01 .biAuthor h4{
    text-transform: capitalize;
}
.blogItem01 .logicBtn{
    height: 40px;
    line-height: 42px;
    padding: 0 20px;
    font-size: 14px;
    margin-right: 0;
}

/* -- Footer Area -- */
.footerArea01{
    position: relative;
    background: #171717;
    padding: 116px 0 0;
    overflow: hidden;
}
.footerSocial{
    position: relative;
}
.footerSocial a{
    font-size: 16px;
    width: 40px;
    height: 40px;
    background: #222224;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--tw-white-color);
    position: relative;
    z-index: 1;
    margin-right: 6px;
}
.footerSocial a:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--tw-primary-color);
    z-index: -1;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 450ms ease;
    transition: all 450ms ease;
}
.footerSocial a:hover:after{
    -webkit-transform: scale(1);
            transform: scale(1);
}
.footerWidget ul{
    margin: -7px 0 0;
    padding: 0;
    list-style: none;
}
.footerWidget ul li{
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
}
.footerWidget ul li a{
    color: inherit;
    display: inline-block;
}
.footerWidget ul li i{
    font-size: 14px;
    margin-right: 15px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.footerWidget ul li:hover{
    color: var(--tw-primary-color);
}
.footerWidget ul li:hover i{
    margin-right: 10px;
}
.popularPost{
    position: relative;
    margin: 55px 0 0;
}
.poSinglePost{
    position: relative;
    padding: 0 0 0 104px;
    margin: 0 0 9px;
}
.elementor .poSinglePost img,
.poSinglePost img{
    position: absolute;
    left: 0;
    top: 0;
    width: 85px;
    height: 85px;
    border-radius: 4px;
}
.poSinglePost p{
    font-size: 14px;
    color: #838790;
    margin: 0 0 2px;
}
.poSinglePost p i {
    margin-right: 4px;
    top: 2px;
    position: relative;
}
.poSinglePost h4{
    color: var(--tw-white-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 6px;
}
.poSinglePost h4 a{
    color: inherit;
    display: inline-block;
}
.poSinglePost h4:hover a{
    color: var(--tw-primary-color);
}
.poSinglePost .btnLink{
    font-size: 14px;
    color: var(--tw-primary-color);
    text-transform: uppercase;
}
.poSinglePost .btnLink i{
    margin-left: 7px;
    font-size: 12px;
}
.footerWidget.fw02{
    left: 18px;
}
.footerWidget.fw03 {
    left: 55px;
}
.footerWidget.fw04 {
    left: 95px;
}

/* -- Footer Icon Box -- */
.fIconBoxWraper{
    position: relative;
    margin: 72px 0 0;
}
.fIconBoxWraper .col-lg-2{
    width: 21.1%;
}
.fIconBoxWraper .col-lg-8{
    width: 78.9%;
}
.fIboxWrp02{
    position: relative;
    border-top: 1px solid #26282F;
    border-bottom: 1px solid #26282F;
    border-right: 1px solid #26282F;
}
.fIboxWrp02 .col-lg-4:nth-child(01) {
    width: 32%;
}
.fIboxWrp02 .col-lg-4:nth-child(02) {
    width: 32.6%;
    padding-left: 0;
}
.fIboxWrp02 .col-lg-4:nth-child(03) {
    padding-left: 0;
}
.footerLogo{
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--tw-primary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.footerLogo a{
    display: inline-block;
}
.footerLogo img{
    max-width: 183px;
    width: 100%;
    height: auto;
}
.iconBox04{
    position: relative;
    padding: 26px 0 8px 113px;
}
.iconBox04 span {
    position: absolute;
    left: 48px;
    top: 23px;
    font-size: 16px;
    color: var(--tw-white-color);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #2B2B2B;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.iconBox04 p{
    font-size: 14px;
    font-weight: 500;
    color: #838790;
    line-height: 17px;
    margin: 0 0 7px;
}
.iconBox04 h3{
    font-size: 20px;
    line-height: 1;
    color: var(--tw-white-color);
}
.iconBox04 h3 a{
    display: inline-block;
    color: inherit;
}
.iconBox04 h3:hover a{
    color: var(--tw-primary-color);
}
.copyright{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 27px 48px 26px 33px;
    border-bottom: 1px solid #26282F;
    border-left: 1px solid #26282F;
    border-right: 1px solid #26282F;
}
.copyright p{
    color: #6F7279;
    margin: 0;
}
.copyright ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.copyright ul li{
    display: inline-block;
    color: #6F7279;
    line-height: 21px;
    margin-left: 27px;
}
.copyright ul li a{
    color: inherit;
}
.copyright ul li a:hover{
    color: var(--tw-primary-color);
}
.fborder{
    border-right: 1px solid #26282F;
}

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

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

@keyframes welAnim{
    0%{
      -webkit-transform:rotate(0deg);
              transform:rotate(0deg);
    }
    100%{
      -webkit-transform:rotate(360deg);
              transform:rotate(360deg);
    }
}
@-webkit-keyframes shapeIconAnim{
    0%{
      -webkit-transform:rotate(0deg);
              transform:rotate(0deg);
    }
    100%{
      -webkit-transform:rotate(360deg);
              transform:rotate(360deg);
    }
 }
@keyframes shapeIconAnim{
    0%{
      -webkit-transform:rotate(0deg);
              transform:rotate(0deg);
    }
    100%{
      -webkit-transform:rotate(360deg);
              transform:rotate(360deg);
    }
 }
/*-----------------------------------------
/  02. Home Two
/-----------------------------------------*/
.slider02{
    position: relative;
}
.slider02:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 84px;
    z-index: 1;
    background: #FFF;
    clip-path: polygon(72.8% 0%, -3% 100%, 103% 100%);
    -webkit-clip-path: polygon(72.8% 0%, -3% 100%, 103% 100%);
}
.slider02 .sliderTags{
    display: inline-block;
    color: inherit;
    text-transform: uppercase;
}
.slider02 .sliderTags:hover{
    color: var(--tw-primary-color);
}
.slider02 .sliderTagHiphen{
    display: inline-block;
    width: 40px;
    height: 1px;
    background: var(--tw-white-color);
    position: relative;
    bottom: 4px;
    margin: 0 17px;
}
#rev_slider_2 .captionBtn .logicBtn{
    padding: 0 31px !important;
}
/*-- Header Area --*/
.header02{
    position: relative;
    background: var(--tw-white-color);
    z-index: 99;
}
.header02:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 34.74%;
    height: 145px;
    background: url(../images/bgimg/logo_bg.png)no-repeat;
    background-size: auto 100%;
    z-index: -1;
    background-position: top right;
}
.header02:before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 65.8334%;
    min-height: 45px;
    background: url(../images/bgimg/topbarBg.png)no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-clip-path: polygon(2.5% 0, 0 100%, 100% 100%, 100% 0);
    clip-path: polygon(2.5% 0, 0 100%, 100% 100%, 100% 0);
}
.header02 .logo{
    position: relative;
    padding: 51.5px 0;
}
.header02 .logo a{
    display: inline-block;
}
.header02 .logo img{
    max-width: 100%;
    height: 41.85px;
}
.topbar02{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 1;
    padding-left: 45px;
    height: 45px;
}
.topbar02 .topDesc p{
    padding: 14px 0 12px;
    margin: 0 30px 0 0;
}
.topbar02 .topDesc p i {
    margin-right: 7px;
    font-size: 14px;
}
.topbar02 .tpRight p {
    display: inline-block;
    font-weight: 500;
    line-height: 19px;
    color: var(--tw-secondary-color);
    padding: 14px 0 12px;
}
.topbar02 .tpRight p a{
    display: inline-block;
    color: inherit;
}
.topbar02 .tpRight p i {
    margin-right: 8px;
    color: var(--tw-primary-color);
    position: relative;
    top: 1px;
}
.navBar02{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 32px;
}
.mainMenu02{
    position: relative;
}
.mainMenu02 ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.mainMenu02 ul li{
    display: inline-block;
    padding: 40px 0 41px;
    margin: 0 21px 0 0;
}
.mainMenu02 ul li:last-child{
    margin: 0;
}
.mainMenu02 ul li a{
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
    text-transform: uppercase;
}
.mainMenu02 ul li a:hover{
    color: var(--tw-primary-color);
}
.mainMenu.mainMenu02 > ul > li.menu-item-has-children > a:after {
    font-size: 13px;
}
.accessNav{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.accessNav .anSearch,
.accessNav .anCart{
    position: relative;
}
.accessNav .anCart{
    margin: 0 0 0 15px;
}
.accessNav div.anCart > a span {
    height: 20px;
    width: 20px;
    position: absolute;
    right: -3px;
    top: 0px;
    background: var(--tw-primary-color);
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 10px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.accessNav .anSearch a,
.accessNav .anCart > a{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #F5F5F5;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--tw-secondary-color);
    font-size: 16px;
    margin-left: 15px;
}
.accessNav .anCart > a{
    margin: 0;
}
.accessNav .anSearch a:hover,
.accessNav .anCart a:hover{
    color: var(--tw-primary-color);
}
.accessNav .anSearch a i{
    font-weight: 400;
}
.logIn_user{
    position: relative;
    margin: 0 0 0 15px;
}
.logIn_user a{
    width: 45px;
    height: 45px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #F5F5F5;
    border-radius: 50%;
    color: var(--tw-secondary-color);
    font-size: 16px;
}
.logIn_user i{
    color: inherit;
}
.logIn_user a:hover{
    color: var(--tw-primary-color);
}
.accessNav .logicBtn{
    height: 50px;
    line-height: 52px;
    padding: 0 23.45px;
    margin-left: 30px;
    top: 2px;
}
.headerArea03.fixedHeader {
    background: transparent !important;
    box-shadow: 0 0 0;
}
.woocommerce .anCart .widget_shopping_cart_content a.remove,
.woocommerce .anCart .mini_cart a.remove{
    font-size: 10px;
    color: var(--tw-primary-color);
    position: absolute;
    left: auto;
    right: -8px;
    top: 1px;
    margin: 0;
    width: 19px;
    height: 19px;
    border: 1px solid var(--tw-primary-color);
    border-radius: 50%;
    text-align: center;
    line-height: 19px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.woocommerce .anCart .mini_cart a.remove i{
    position: relative;
    top: 0.5px;
    left: 0.4px;   
    color: inherit;
}
.woocommerce .anCart .mini_cart a.remove:hover{
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
}
.woocommerce-mini-cart__buttons.buttons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.woocommerce .return-to-shop a.button.wc-backward,
.woocommerce .woocommerce-message a.button.wc-forward,
.woocommerce .woocommerce-error a.button.wc-forward,
.woocommerce-mini-cart__buttons.buttons a {
    font-family: var(--secondary-font);
    display: inline-block;
    position: relative;
    height: 35px;
    min-width: 10px;
    background: var(--tw-primary-color);
    border-radius: 4px;
    font-size: 12px;
    line-height: 36px;
    color: var(--tw-white-color);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
    padding: 0 20px;
}
.woocommerce .return-to-shop a.button.wc-backward:hover,
.woocommerce .woocommerce-message a.button.wc-forward:hover,
.woocommerce .woocommerce-error a.button.wc-forward:hover,
.woocommerce-mini-cart__buttons.buttons a:hover{
    color: var(--tw-white-color);
    background: var(--tw-secondary-color);
}
.cartWidgetArea .woocommerce-mini-cart{
    padding:0;
    list-style: none;
}
.cartWidgetArea .total {
    font-family: var(--secondary-font);
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    color: var(--tw-secondary-color);
    text-align: left;
    font-weight: 700;
    width: 100%;
    text-transform: capitalize;
    margin: 5px 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #EFEFEF;
}
.cartWidgetArea .total > strong {
    font-weight: 700;
}
.cartWidgetArea .total .amount {
    float: right;
    color: var(--tw-primary-color);
    font-family: var(--primary-font);
    font-weight: 700;
}
.min_cartThumb {
    width: 65px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px;
    border-radius: 0;
    margin: 0;
    background: #F5F5F5;
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.cartWidgetArea .cartWidgetProduct .min_cartThumb img {
    margin: 0;
    position: relative;
    padding: 0;
    max-width: 100%;
    width: auto;
    max-height: 55px;
    height: auto;
}
.cartWidgetProduct .cartRemoveProducts {
    font-size: 10px;
    color: var(--tw-primary-color);
    position: absolute;
    right: -8px;
    top: 0px;
    margin: 0;
    width: 19px;
    height: 19px;
    border: 1px solid var(--tw-primary-color);
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    padding: 1px 0 0 1px;
}
.cartWidgetProduct .cartRemoveProducts:hover{
    color: #FFF !important;
    background: var(--tw-primary-color);
}


/* -- Service Section 02 -- */
.serviceItem02{
    position: relative;
    background: var(--tw-white-color);
    box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.06);
    text-align: left;
    padding: 30px 30px 24px;
}
.serviceItem02 span{
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: rgba(236, 57, 0, 0.1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 31px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.serviceItem02 span i{
    font-size: 31px;
    color: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;

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

}
.serviceItem02:hover span{
    background: var(--tw-primary-color);
}
.serviceItem02:hover span i{
    color: var(--tw-white-color);
}
.serviceItem02:hover span svg{
    fill: var(--tw-white-color);
    stroke: var(--tw-white-color);
}
.serviceItem02 h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 11px;
}
.serviceItem02 h3 a{
    color: inherit;
    display: inline-block;
}
.serviceItem02 h3:hover a{
    color: var(--tw-primary-color);
}
.serviceItem02 p{
    margin: 0 0 12px;
}
.serviceItem02 .btnLink{
    color: var(--tw-primary-color);
}

/* -- About Section 02 -- */
.abIconBoxWrap{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 10px 30px 0;
    margin: 0 0 23px;
    border-bottom: 1px solid #EEEEEE;
}
.abDetails02{
    position: relative;
    padding: 33px 45px 0 0 ;
}
.abDetails02 p{
    margin: 0 0 33px 0;
}
.abIconBox{
    position: relative;
    padding: 6px 0 0 77px;
    min-height: 60px;
}
.abIconBox span{
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: var(--tw-white-color);
    border-radius: 50%;
    box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.12);
}
.abIconBox span i{
    font-size: 35px;
    color: var(--tw-primary-color);
}
.abIconBox.single span i{
    font-size: 16px;
    color: var(--tw-primary-color);
}
.abIconBox.single span svg{
    width: 16px;
    height: 16px;
    fill: var(--tw-primary-color);
    stroke: var(--tw-primary-color);
    stroke-width: 0.5px;
}
.abIconBox h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 5px;
}
.abIconBox h3 a{
    display: inline-block;
    color: inherit;
}
.abIconBox h3:hover a{
    color: var(--tw-primary-color);
}
.abIconBox p{
    line-height: 19px;
    margin: 0;
}
.abContentBtn .logicBtn{
    padding: 0 29px;
}
.abContentBtn{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: -2px;
}
.abContentBtn .abIconBox{
    margin-left: 40px;
    padding: 5px 0 0 73px;
}
.abContentBtn .abIconBox span{
    width: 55px;
    height: 55px;
    font-size: 16px;
}
.abContentBtn .abIconBox p{
    font-size: 14px;
    margin: 0 0 2px;
}
.abGallery02{
    position: relative;
    padding-left: 6px;
}
.abGallery02 > .row{
    max-width: 594px;
    width: 100%;
    margin:0px;
}
.abGallery02 > .row .col-sm-6:first-child{
    padding-left:0px;
}
.abGallery02 > .row .col-sm-6:last-child{
    padding-right:0px;
}
.abGallery02 .abItm3_01{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.abGalleryItem{
    position: relative;
    margin: 0 0 20px;
    overflow: hidden;
}
.elementor .abGalleryItem img,
.abGalleryItem img{
    max-width: 100%;
    width: auto;
    height: auto;
    border-radius: 8px;
}
.abGalleryItem.abGale01{
    z-index: 1;
    width: 100%;
    height: 200px;
}
.abGalleryItem span {
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.abGalleryItem h3{
    font-size: 22px;
    line-height: 30px;
    position: absolute;
    bottom: 9px;
    left: 0;
    padding: 0 33px;
    z-index: 1;
    color: var(--tw-white-color);
}
.abGalleryItem.abGal02{
    max-width: 285px;
    height: 200px;
    background: var(--tw-primary-color);
    border-radius: 8px;
}
.abGalleryItem.abGal02 h3{
    padding:0 33px 0 39px;
    bottom: 20px;
}
.aboutLookThumb {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

/* -- Project Section -- */
.pdItem01{
    position: relative;
    overflow: hidden;
}
.productSlider01.owl-carousel .owl-item img{
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}
.pdItem01 .pdTitle01{
    position: absolute;
    width: calc(100% - 60px);
    height: auto;
    left: 0;
    right: auto;
    margin: auto;
    bottom: 30px;
    background: var(--tw-white-color);
    border-radius: 5px;
    padding: 20px 32px 22px 30px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.77,0,.175,1) .1s;
    transition: -webkit-transform .3s cubic-bezier(.77,0,.175,1) .1s;
    transition: transform .3s cubic-bezier(.77,0,.175,1) .1s;
    transition: transform .3s cubic-bezier(.77,0,.175,1) .1s, -webkit-transform .3s cubic-bezier(.77,0,.175,1) .1s;
}
.pdItem01:hover .pdTitle01{
    -webkit-transform: translateX(8.5%);
    transform: translateX(8.5%);
}
.pdTitle_wrap a{
    font-weight: 500;
    color: var(--tw-primary-color);
    display: inline-block;
    font-family: var(--secondary-font);
    margin: 0 0 2px;
}
.pdTitle_wrap a:hover{
    color: var(--tw-secondary-color);
}
.pdTitle_wrap h3{
    margin: 0;
    font-size: 24px;
    line-height: 1;
    color: var(--tw-secondary-color);
    font-weight: 700;
    margin: 0;
}
.pdTitle_wrap h3 a{
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    display: inline-block;
}
.pdTitle_wrap h3:hover a{
    color: var(--tw-primary-color);
}
.pdTitle_wrap{
    position: relative;
}
.pdTitle01 .pdTitle_wrap {
    text-align: left;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    -webkit-transition: opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.77,0,.175,1);
    transition: opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.77,0,.175,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.77,0,.175,1);
}
.pdItem01:hover .pdTitle_wrap {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}

/* -- Team Section 02 */
.teamItem02,
.team02Thumb{
    position: relative;
    text-align: center;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.teamItem02{
    min-height: 317px;
}
.teamItem02:hover img{
    -webkit-transform: scale(1.3388);
            transform: scale(1.3388);
}
.teamSlider02.owl-carousel .owl-stage{
    margin: 20px 0;
}
.teamItem02:hover .team02Thumb {
    display: block;
    padding: 10px 0 33px;
}
.elementor .teamItem02 img,
.teamItem02 img{
    max-width: 183px;
    height: auto;
    border-radius: 50%;
    margin:23px auto;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    position: relative;
}
.teamSlider02.owl-carousel .owl-item img{
    max-width: 183px;
    width: 100%;
    height: auto;
    border-radius: 50%;
    margin:24px auto;
}
.teamItem02 h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 5px;
}
.teamItem02 h3 a{
    display: inline-block;
    color: inherit;
}
.teamItem02 h3:hover{
    color: var(--tw-primary-color);
}
.teamItem02 p{
    margin: 0;
    line-height: 1;
    font-family: var(--secondary-font);
    font-weight: 500;
}

/* -- Solution Section -- */
.slDetails01{
    position: relative;
    padding: 0 0 0 30px;
    top: -9px;
}
.slDetails01 p{
    margin: 0 0 42px;
}
.slThumb01 {
    position: relative;
    margin-left: -348px;
    padding-right: 25px;
}
.slThumb01 img{
    max-width: 100%;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
}

/* -- Testimonial Slider -- */
.tesItem01{
    position: relative;
    background: var(--tw-white-color);
    padding: 40px 40px 48px;
    box-shadow: 0px 14px 70px rgba(0, 0, 0, 0.04);
}
.tesItem01 p{
    font-size: 18px;
    line-height: 30px;
    border-bottom: 1px solid #F1F1F1;
    margin: 0 0 35px;
    padding-bottom: 26px;
}
.testimonialCarousel01.owl-carousel .owl-item .tsTitle{
    max-width: 127px;
    height: auto;
    margin: 0 0 23px;
    position: relative;
    top: 2px;
}
.testimonialCarousel01.owl-carousel .owl-item .tesAuthor img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background: #D9D9D9;
}
.tesAuthor{
    position: relative;
    padding: 18px 0 0 82px;
}
.tesAuthor h4{
    font-size: 20px;
    font-weight: 600;
    line-height: .8;
    margin: 0;
}
.tesAuthor span{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: var(--tw-primary-color);
    line-height: 1;
    font-family: var(--secondary-font);
}
.owl-carousel .owl-dots,
.testimonialCarousel01 .owl-dots{
    text-align: center;
}
.testimonialCarousel01 .owl-dots button,
.owl-carousel .owl-dots button{
    width: 25px;
    height: 25px;
    border: 2px solid transparent;
    margin: 5px;
    border-radius: 50%;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 4px;
}
.owl-carousel .owl-dots span{
    position: relative;
    width: 9px;
    height: 9px;
    background: #CFCFCF;
    border-radius: 50%;
}
.testimonialCarousel01 .owl-dots button.active,
.owl-carousel .owl-dots button.active{
    border-color: var(--tw-primary-color)
}
.testimonialCarousel01 .owl-dots button.active:after,
.owl-carousel .owl-dots button.active span{
    background: var(--tw-primary-color);
}
.testimonialCarousel01.owl-carousel .owl-dots{
    margin: 57px 0 0;
}

/* -- Contact Form -- */
.getForm01{
    position: relative;
}
.formInput{
    position: relative;
    margin: 0;
}
.formInput p{
    margin: 0px;
}
.formInput input{
    width: 100%;
    height: 55px;
    background: var(--tw-white-color);
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    outline: none;
    color: #74787C;
    padding: 0 20px 0 49px;
    font-size: 16px;
    font-weight: 400;
}
.formInput label{
    color: #74787C;
    position: absolute;
    top: 16px;
    left: 25px;
    font-size: 16px;
}
.formInput.anSelect{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}
.formInput.anSelect > *{
    width: 100%;
}
.formInput.anSelect .nice-select{
    width: 100%;
    border: 1px solid #EAEAEA;
    outline: 0;
    height: 55px;
    line-height: 55px;
    color: #74787C;
    font-size: 16px;
    font-weight: 400;
    padding-left: 50px;
}
.formInput.anSelect .nice-select:after {
    height: 10px;
    width: 10px;
    left: 24px;
    top: 46%;
}
.formInput.anSelect .nice-select .list{
    width: 100%;
    margin: 0;
}
.getForm01 button.logicBtn{
    border: 0;
    outline: 0;
    padding: 0 37.6px;
    margin: 9px 0 0;
}
.getForm01 input[type="submit"]:hover{
    background: var(--tw-secondary-color);
}
.getInfo01 {
    position: relative;
    padding: 83px 0 0 139px;
}
.infoSingle {
    position: relative;
    padding: 4px 0 20px 70px;
}
.infoSingle span{
    position: absolute;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    left: 0;
    top: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--tw-white-color);
    font-size: 20px;
    background: #2F2F2F;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.infoSingle p {
    font-weight: 500;
    margin: 0 0 6px;
    line-height: 19px;
}
.infoSingle h3{
    font-size: 20px;
    font-weight: 600;
    color: var(--tw-white-color);
    line-height: 1;
    font-family: var(--primary-font);
}
.infoSingle h3 a{
    display: inline-block;
    color: inherit;
}
.infoSingle h3:hover a{
    color: var(--tw-primary-color);
}

/* -- Blog Section 02 -- */
.blogItem02{
    position: relative;
    background: var(--tw-white-color);
    box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
}
.biThumb02{
    position: relative;
    overflow: hidden;
}
.elementor .biThumb02 img,
.biThumb02 img{
    max-width: 100%;
    height: auto;
    border-radius: 10px 10px 0px 0px;
}
.elementor .blogCarousel .biThumb02 img{
    width: 100%;
}
.bpContent02{
    position: relative;
    padding: 0 40px 32px;
}
.bpContent02 .bpDate{
    position: relative;
    padding: 19px 0 0 47px;
    background: var(--tw-primary-color);
    max-width: 152px;
    height: 50px;
    box-shadow: 0px 8px 33px rgba(158, 45, 9, 0.29);
    border-radius: 100px;
    top: -25px;
}
.bpContent02 .bpDate span{
    position: absolute;
    width: 30px;
    height: 30px;
    left: 10px;
    top: 10px;
    background: var(--tw-white-color);
    color: var(--tw-primary-color);
    border-radius: 50%;
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.bpContent02 .bpDate h4{
    font-size: 14px;
    line-height: 1;
    margin: 0;
    color: var(--tw-white-color);
    font-family: var(--secondary-font);
}
.bpContent02 h3{
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 10px;
}
.bpContent02 h3 a{
    color: inherit;
    display: inline-block;
}
.bpContent02 h3:hover{
    color: var(--tw-primary-color);
}
.bpContent02 .btnLink{
    color: var(--tw-primary-color);
    font-family: var(--secondary-font);
    letter-spacing: 0.15em;
}

/* -- Client Slider 02 -- */
.clientSlider02.owl-carousel .owl-item{
    text-align: center;
}
.clientSlider02.owl-carousel .owl-item img{
    width: auto;
    height: 36px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    display: inline-block;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
}
.clientSlider02.owl-carousel .owl-item:hover img{
    -webkit-filter:brightness(0);
            filter:brightness(0);
}

/* -- Footer Area 02 */
.footerArea02{
    position: relative;
    background: -webkit-linear-gradient(right, #171717 65.1%, rgba(23, 23, 23, 0.87) 100%), url(../images/bgimg/footerBg2.jpg)no-repeat scroll center center / cover;
    background: linear-gradient(270deg, #171717 65.1%, rgba(23, 23, 23, 0.87) 100%), url(../images/bgimg/footerBg2.jpg)no-repeat scroll center center / cover;
    overflow: hidden;
    padding: 120px 0 0;
}
.footerArea02 .fIconBoxWraper{
    margin: 0 0 95px;
}
.footerWidget .widgetGallery{
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 10px;
    max-width: 275px;
    top: 7px;
}
.footerWidget .widgetGallery a{
    position: relative;
    width: 85px;
    height: 85px;
    display: inline-block;
    color: var(--tw-white-color);
    z-index: 1;
}
.footerWidget .widgetGallery a:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #ec37007a;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
}
.footerWidget .widgetGallery a:hover:after{
    opacity: 1;
    visibility: visible;
}
.footerWidget .widgetGallery a img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.footerWidget .widgetGallery a i{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 85px;
    z-index: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-size: 18px;
}
.footerWidget .widgetGallery a:hover i{
    -webkit-transform: scale(1);
            transform: scale(1);
}
.footerArea02 .fw02{
    left: 9px;
}
.footerArea02 .fw03 {
    left: 45px;
}
.footerArea02 .fw04 {
    left: 116px;
}
.copyRight02{
    position: relative;
    text-align: center;
    z-index: 1;
    margin: 94px 0 0;
}
.copyRight02:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: url(../images/bgimg/copyrightBg.png)no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}
.copyRight02 p{
    line-height: 0;
    margin: 0;
    padding: 50px 0;
    color: #6F7279;
}

/*-----------------------------------------
/  03. Home Three
/-----------------------------------------*/
.slider03 .slideSubTitle span{
    text-transform: uppercase;
    background: var(--tw-primary-color);
    padding: 6.5px 24px;
    display: inline-block;
    border-radius: 5px;
}
.slider03 .sliderHeadingTitle span{
    background: url(../images/bgimg/sliderTitleBg.png)no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    padding: 0 23.7px;
}
.slider03 .tp-caption .logicBtn{
    padding: 0 30px;
}
.slider03 .tp-caption .logicBtn02{
    padding: 0 38px;
    background: var(--tw-white-color);
    color: var(--tw-secondary-color);
}
.slider03 .tp-caption .logicBtn02:hover{
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
}
.slider03 .rev_slider .tp-bullet,
.slider02 .rev_slider .tp-bullet{
    width: 55px;
    height: 55px;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    background: transparent;
    border: 2px solid var(--tw-white-color);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    z-index: 999;
    overflow: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.slider03 .rev_slider .tp-bullet:after,
.slider02 .rev_slider .tp-bullet:after{
    content: '';
    position: absolute;
    left: auto;
    bottom: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: var(--tw-white-color);
    color: var(--tw-primary-color);
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.slider03 .rev_slider .tp-bullet.selected,
.slider02 .rev_slider .tp-bullet.selected{
    color: var(--tw-primary-color);
    border: none;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
.slider03 .rev_slider .tp-bullet.selected:after,
.slider02 .rev_slider .tp-bullet.selected:after{
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    left: 0;
    right: auto;
    width: 100%;
}
.slider03 .rev_slider .tp-bullets, .tp-tabs, .tp-thumbs,
.slider02 .rev_slider .tp-bullets, .tp-tabs, .tp-thumbs {
    visibility: visible !important;
    opacity: 1 !important;
    left: 148px !important;
    top: 429px !important;
} 
/*-- Topbar Section --*/
.topBar03{
    position: relative;
    background: var(--tw-primary-color);
}
.topItem03{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.topItem03 .topDesc p{
    color: var(--tw-white-color);
    margin-right: 0;
}
.topItem03 .topDesc p a{
    color: inherit;
    display: inline-block;
}
.topItem03 .topDesc p i{
    color: var(--tw-white-color);
    position: relative;
    left: -1px;
}
.topItem03 .topSocial a{
    color: var(--tw-white-color);
    margin-left: 32px;
}
.topItem03 .topSocial a:hover{
    color: #2B2B2B;
}

/*-- Header Area --*/
.headerArea03{
    position: relative;
    margin-bottom: -60px;
    background: #F7F7F7;
}
.headerLogoWrap{
    position: relative;
}
.headerItems03{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.headerArea03 .logo a{
    display: inline-block;
}
.headerArea03 .logo a img{
    max-width: 183px;
    width: 100%;
    height: auto;
}
.headerBoxWrap{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 0 32px;
}
.headIbox{
    position: relative;
    padding: 6px 0 0 65px;
    margin-left: 60.5px;
}
.headIbox span{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    left: 0;
    top: 0;
    background: var(--tw-primary-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--tw-white-color);
    font-size: 16px;
}
.headIbox span svg{
    height: 16px;
    width: auto;
    fill: var(--tw-white-color);
    stroke: var(--tw-white-color);
}
.headerBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.headIbox p{
    font-size: 14px;
    line-height: 1;
    margin: 0 0 8px;
}
.headIbox h3{
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
}
.headIbox h3 a{
    display: inline-block;
    color: inherit;
}
.headIbox h3:hover a{
    color: var(--tw-primary-color);
}
.menuItem03{
    position: relative;
    z-index: 5;
}
.menuItem03 .col-xl-9{
    width: 79.1%;
}
.menuItem03 .col-xl-3{
    width: 20.9%;
}
.mainNav03Wrap {
    background: var(--tw-white-color);
    padding: 0 30px 0 35px;
    border-radius: 0px 0px 5px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 60px;
}
.mainMenu03{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: var(--tw-white-color);
    left: 0;
}
.mainMenu03 ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.mainMenu03 > ul li{
    display: inline-block;
    margin:0 26px 0 0;
    padding: 17px 0 17px;
}
.mainMenu03 > ul li a{
    font-size: 14px;
    font-weight: 700;
    color: var(--tw-secondary-color);
    display: inline-block;
    font-family: var(--primary-font);
    text-transform: uppercase;
    line-height: 1;
    padding: 3px 0;
}
.mainMenu03 > ul li a:hover{
    color: var(--tw-primary-color);
}
.mainMenu03.mainMenu > ul > li.menu-item-has-children > a:after {
    font-size: 13px;
}
.anSearchBar{
    position: relative;
}
.anSearchBar form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.5px 1px;
    margin: 7px 0 6px;
}
.anSearchBar input {
    border: 0;
    outline: 0;
    background: transparent;
    color: #74787C;
    max-width: 170px;
    width: 100%;
    position: relative;
    top: 0;
    padding: 5px;
}
.anSearchBar button{
    border:0;
    outline: 0;
    background: transparent;
    font-size: 14px;
    color: var(--tw-secondary-color);
    position: relative;
    top: 1px;
    left: 2px;
}
.anSearchBar button:hover{
    color: var(--tw-primary-color);
}
.headerBtn{
    position: relative;
    text-align: right;
}
.menuItem03 .headerBtn .logicBtn{
    width: auto;
    height: 60px;
    line-height: 62px;
    border-radius: 0px 0px 5px 5px;
    padding: 0 37.3px;
    top: 0;
}
section.slider03 {
    position: relative;
    top: -67px;
}
.anMobileSearch{
    display: none;
}
.stickyHeader03 {
    background: var(--tw-white-color);
    position: absolute;
    z-index: 0;
    top: calc(-100% - 68px);
}
.stickyHeader03 .navBar01 .logo{
    z-index: 9;
}
.stickyHeader03 .mainMenu03 > ul {
    margin-right: 90px;
}
.stickyHeader03 .mainMenu03 > ul > li {
    padding: 42px 0 42px;
}
.stickyHeader03 .anSearchBar form {
    padding: 39px 0 35px;
    margin:0px;
}
/*-- Popup Search ---*/
.popup_search_sec {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
.popubMobileSearch {
    display: none;
}
.popup_search_overlay {
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: rgba(22, 21, 21, .6);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    cursor: url(../images/close.png), auto;
    -webkit-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s;
}
.popup_search_sec.active .popup_search_overlay {
    visibility: visible;
    -webkit-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
    top: 0;
    opacity: 1;
}
.pop_search_background {
    background: #000;
    width: 100%;
    height: 400px;
    top: -100%;
    z-index: 999999999999;
    position: fixed;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
}
.popup_search_sec.active .pop_search_background {
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
}
.middle_search {
    position: relative;
    top: 40%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    position: relative;
    z-index: 2;
}
.popup_search_form {
    position: relative;
}
.popup_search_form:after {
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
    position: absolute;
    content: '';
    height: 1px;
    background: rgba(255, 255, 255, .15);
    width: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
}
.popup_search_sec.active .popup_search_form:after {
    -webkit-animation-name: fadeInGo;
            animation-name: fadeInGo;
    -webkit-animation-duration: 0.8s;
            animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    visibility: visible;
    opacity: 1;
    width: 100%;
}
.popup_search_form:before{
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    background: var(--tw-primary-color);
}
.popup_search_form.focused:before{
    width: 100%;
    left: 0;
    right: auto;
}
.popup_search_form input[type="search"] {
    width: 100%;
    height: 64px;
    border: none;
    background: transparent;
    outline: none;
    font-size: 18px;
    line-height: 64px;
    color: #ffffff;
    font-weight: 400;
    padding: 0 30px 0 0 ;
}
.popup_search_form input[type="search"]::-moz-placeholder{
    color: #ffffff;
    opacity: 1;
}
.popup_search_form input[type="search"]::-ms-input-placeholder{
    color: #ffffff;
    opacity: 1;
}
.popup_search_form input[type="search"]::-webkit-input-placeholder{
    color: #ffffff;
    opacity: 1;
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

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

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

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

@-webkit-keyframes fadeOutGo2 {
    0% {opacity: 0.8; width: 100%; }
    100% {opacity: 0.14; width: 0; }
}
@keyframes fadeOutGo2 {
    0% {opacity: 0.8; width: 100%; }
    100% {opacity: 0.14; width: 0; }
}
.popup_search_form  button[type="submit"]{
    position: absolute;
    right: 0;
    bottom: 14px;
    border: none;
    outline: none;
    z-index: 2;
    font-size: 20px;
    line-height: 33px;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #ffffff;
    -webkit-transition: all ease 300ms;
    transition: all ease 300ms;
}
.popup_search_form  button[type="submit"]:hover{
    color: var(--tw-primary-color);
}

/* -- Facilities Section -- */
.faciltItem{
    position: relative;
    text-align: center;
    border: 1px solid #EFEFEF;
    border-radius: 10px;
    background: var(--tw-white-color);
    padding: 98px 40px 31px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.faciltItem:hover{
    box-shadow: 0px 23px 30px rgba(113, 113, 113, 0.12);
}
.faciltItem span{
    width: 130px;
    height: 130px;
    background: var(--tw-white-color);
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 50px;
    color: var(--tw-primary-color);
    border: 17px solid #F7F7F7;
    position: absolute;
    top: -58px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.faciltItem:hover span{
    border-color: var(--tw-primary-color);
}
.faciltItem span svg{
    width: auto;
    height: 50px;
    fill: var(--tw-primary-color);
    stroke: var(--tw-primary-color);
}
.faciltItem h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 13px;
}
.faciltItem h3 a{
    display: inline-block;
    color: inherit;
}
.faciltItem h3:hover{
    color: var(--tw-primary-color);
}
.faciltItem p{
    margin: 0 0 9px;
}
.faciltItem .btnLink{
    color: var(--tw-primary-color);
    font-weight: 700;
    position: relative;
    left: 2px;
}

/*-- About Section 03 --*/
.aboutLook03{
    position: relative;
    text-align: right;
}
.aboutLook03 .ab01{
    max-width: 460px;
    width: 100%;
    height: auto;
    position: relative;
    left: 138px;
    margin: 0 0 109px 0;
    z-index: 1;
}
.aboutLook03 .ab02 {
    max-width: 340px;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 253px;
    z-index: 2;
}
.elemento .aboutLook03 .ab01 img,
.elemento .aboutLook03 .ab02 img,
.aboutLook03 .ab01 img,
.aboutLook03 .ab02 img{
    border-radius: 5px;
}
.aboutLook03 .welcomeBox{
    width: 214px;
    height: 214px;
    border-radius: 50%;
    position: absolute;
    bottom: -52px;
    left: 241px;
    z-index: 3;
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.08);
    -webkit-animation: welAnim 7s linear infinite;
            animation: welAnim 7s linear infinite;
}
.aboutLook03 .welcomeBox img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.aboutLook03 .welcomeBox .abArrow {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 54px;
    height: 46px;
    border-radius: 0;
}
.aboutContent03 {
    padding:30px 0 0 36px;
    position: relative;
}
.aboutContent03:after {
    content: "";
    position: absolute;
    width: 90px;
    height: 105px;
    top: 10px;
    left: 171px;
    background: url(../images/bgimg/polygon.png)no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}
.aboutContent03 p{
    margin: 0 0 31px;
}
.aboutContent03 .aboutCountItem {
    padding: 0 0 10px 239px;
}.aboutContent03 .aboutCountItem p{
    padding: 0 128px 0 0;
}
.aboutContent03 .aboutCountItem p:after {
    margin: auto -167px;
}
.aboutContent03 .logicBtn{
    padding: 0 30.3px;
    line-height: 57px;
}
.aboutContent03 .logicBtn.btnGap{
    margin-left: 26px;
    border: 1px solid #ECECEC;
    box-shadow: 0px 14px 70px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    background: var(--tw-white-color);
    color: var(--tw-primary-color);
    padding: 0 29px;
}
.aboutContent03 .logicBtn.btnGap:hover{
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
}
.aboutContent03 p:after {
    margin: auto -134px;
}

/*-- Services Section 03 --*/
.svLeft03 p{
    margin: 0 0 32px;
}
.svLeft03 .logicBtn{
    padding: 0 35px;
}
.svRight06{
    position: relative;
    padding-left: 31.5px;
}
.svItem01{
    position: relative;
    border: 1px solid #F0F0F0;
    background: var(--tw-white-color);
    width: 100%;
    min-height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 29px 40px;
    margin: 0 0 24px;
}
.svIcon{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.svIcon span{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(236, 57, 0, 0.1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.svIcon i{
    color: var(--tw-primary-color);
    font-size: 35px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.svIcon svg{
    fill: var(--tw-primary-color);
    stroke: var(--tw-primary-color);
    height: 35px;
    width: auto;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.svItem01:hover span{
    background: var(--tw-primary-color);
}
.svItem01:hover span i{
    color: var(--tw-white-color);
}
.svItem01:hover span svg{
    fill: var(--tw-white-color);
    stroke: var(--tw-white-color);
}
.svIcon h3{
    font-size: 22px;
    line-height: 1;
    margin: 0 0 0 25px;
}
.svIcon h3:hover a{
    color: var(--tw-primary-color);
}
.svIcon h3 a{
    color: inherit;
    display: inline-block;
}
.svItem01 .btnLink{
    color: var(--tw-primary-color);
}

/*-- Fanfact Section --*/
.fanItem01{
    position: relative;
    padding: 20px 12px;
    background: #2B2B2B;
}
.logisfareFactAlign-left .fanItem01,
.logisfareFactAlign-left .iconBox03.countfact{
    text-align: left;
}
.logisfareFactAlign-center .fanItem01{
    text-align: center;
}
.logisfareFactAlign-right .fanItem01,
.logisfareFactAlign-right .iconBox03.countfact{
    text-align: right;
}
.logisfareFactAlign-left .fanItem01 h2{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.logisfareFactAlign-center .fanItem01 h2{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.logisfareFactAlign-right .fanItem01 h2{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.logisfareFactAlign-right .iconBox03.countfact{
    padding: 9px 100px 7px 0;
}
.logisfareFactAlign-right .iconBox03.countfact span {
    left: auto;
    right: 0;
}
.fanItem01 h2{
    color: var(--tw-white-color);
    font-size: 40px;
    line-height: 1;
    margin: 0 0 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.fanItem01 h2 span{
    font-size: inherit;
    position: relative;
    color:inherit;
    font-weight: inherit;
}
.fanItem01 p{
    color: var(--tw-white-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    font-family: var(--secondary-font);
}

/* -- Team Section 03 -- */
.teamItem03{
    position: relative;
    overflow: hidden;
}
.teamthumb03{
    position: relative;
}
.teamItem03 img {
    max-width: 100%;
    width: 100%;
    height: auto;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
}
.teamSocial03{
    position: absolute;
    right: 0;
    bottom: -41px;
    width: calc(100% - 80px);
    height: auto;
    background: var(--tw-primary-color);
    padding: 9px 30px 6px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.teamSocial03 a{
    display: inline-block;
    color: var(--tw-white-color);
    margin-right: 16px;
    line-height: 1;
    padding: 1px;
}
.teamItem03:hover .teamSocial03{
    bottom: 0;
}
.teamContent03{
    position: relative;
    background: var(--tw-secondary-color);
    padding: 25px 30px 27px;
    width: calc(100% - 80px);
    height: auto;
    float: right;
}
.teamContent03 h3{
    font-size: 24px;
    color: var(--tw-white-color);
    margin: 0 0 6px;
    line-height: 1;
}
.teamContent03 h3 a{
    color: inherit;
    display: inline-block;
}
.teamContent03 h3:hover a{
    color: var(--tw-primary-color);
}
.teamContent03 p{
    font-weight: 500;
    line-height: 1;
    margin: 0;
    font-family: var(--secondary-font);
}

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

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

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

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

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}

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

/*-- Appointment Section --*/
.appoinMain{
    position: relative;
}
.appoinMain img{
    max-width: 100%;
}
.appoinGetForm{
    position: relative;
    background: var(--tw-primary-color);
    padding: 91px 99px 100px;
    margin-right: -254px;
    left: -24px;
}
.appoinGetForm .getForm01 button.logicBtn {
    background: var(--tw-secondary-color);
    margin: 10px 0 0;
}

/* -- Testimonials Section 03 */
.testimonialSlider03.owl-carousel .owl-stage{
    margin: 54px 0;
}
.testControls03 {
    position: relative;
    text-align: right;
    top: 0;
    margin: 0 0 17px;
}
.testControls03 button {
    width: 55px;
    height: 55px;
    border: 1px solid #ECECEC;
    box-shadow: 0px 14px 70px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    color: var(--tw-primary-color);
    line-height: 55px;
    font-size: 16px;
    margin-left: 5px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 1;
    background: #FFF;
}
.testControls03 button:hover{
    color: var(--tw-white-color);
}
.testControls03 button.tprev3:after{
    content: "";
    position: absolute;
    left: 0;
    right: auto;
    width: 0;
    height: 100%;
    background: var(--tw-primary-color);
    border-radius: 8px;
    z-index: -1;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.testControls03 button.tprev3:hover:after{
    width: 100%;
    right: 0;
    left: auto;
}
.testControls03 button.tnext3:after{
    content: "";
    position: absolute;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    background: var(--tw-primary-color);
    border-radius: 8px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}
.testControls03 button.tnext3:hover:after{
    width: 100%;
    left: 0;
    right: auto;
}
.testimonialSlider03.owl-carousel .owl-item .tsTitle{
    max-width: 127px;
    height: auto;
    margin: 0 0 21px;
}
.testimonialSlider03.owl-carousel .owl-item .tesAuthor img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background: #D9D9D9;
}

/* -- Cta Section 04 -- */
.ctaContent04{
    position: relative;
   padding: 117px 0 114px 0;
}
.ctaContact{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.ctacall{
    position: relative;
    padding: 1px 0 0 76px;
    margin-right: 61px;
}
.ctacall span{
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    left: 0;
    top: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--tw-white-color);
    font-size: 24px;
    background: var(--tw-primary-color);
}
.ctacall p{
    font-size: 14px;
    font-weight: 600;
    color: var(--tw-white-color);
    font-family: var(--secondary-font);
    margin: 0 0 3px;
    text-transform: uppercase;
}
.ctacall h3{
    font-size: 24px;
    color: var(--tw-white-color);
    line-height: 1;
    margin: 0;
}
.ctacall h3 a{
    display: inline-block;
    color: inherit;
}
.ctacall h3:hover a{
    color: var(--tw-primary-color);
}
.ctaContact .logicBtn{
    top: 3px;
    padding: 0 34.3px;
}
.ctaImg04{
    position: relative;
}
.ctaImg04 img{
    max-width: 629px;
    height: auto;
    position: absolute;
    left: -105px;
}
/* -- Blog Section 03 -- */
.blogItem03{
    position: relative;
    background: var(--tw-white-color);
}
.biThumb03{
    position: relative;
    overflow: hidden;
}
.elementor .biThumb03 img,
.biThumb03 img {
    max-width: 100%;
    width: auto;
    height: auto;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
}
.elementor .blogCarousel .biThumb03 img{
    width: 100%;
}
.biMeta03{
    position: relative;
    font-weight: 500;
    border-bottom: 1px solid #EBEBEB;
    padding: 15px 0 13px;
    margin: 0 0 21px;
}
.biMeta03 span{
    margin-right: 16px;
}
.biMeta03 span i{
    margin-right: 6px;
}
.biMeta03 span a{
    color: inherit;
}
.biMeta03 span a:hover{
    color: var(--tw-primary-color);
}
.blogItem03 h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 12px;
}
.blogItem03 p{
    margin: 0 0 21px;
}
.blogItem03 h3 a{
    color: inherit;
}
.blogItem03 h3:hover{
    color: var(--tw-primary-color);
}
.blogItem03 .biBlog03{
    display: inline-block;
    color: var(--tw-secondary-color);
    font-weight: 600;
    font-family: var(--secondary-font);
}
.blogItem03 .biBlog03 span:first-child{
    width: 35px;
    height: 35px;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 14px;
    margin-right: 5px;
}
.biBlog03 .bib03_btnLable {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    top: -1px;
}
.blogItem03 .biBlog03:hover{
    color: var(--tw-primary-color);
}

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

/*-- Page Banner --*/
.pageBanner01{
    position: relative;
    background: -webkit-linear-gradient(left, rgba(14, 14, 14, 0.8366) 45.33%, rgba(14, 14, 14, 0) 100%), url(../images/bgimg/page_banner.jpg)no-repeat scroll center center / cover;
    background: linear-gradient(90deg, rgba(14, 14, 14, 0.8366) 45.33%, rgba(14, 14, 14, 0) 100%), url(../images/bgimg/page_banner.jpg)no-repeat scroll center center / cover;
    padding: 141px 0 122px;
    z-index: 1;
}
.pageBanner01:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 300px;
    height: 100%;
    background: url(../images/bgimg/ibSecLeft.png)no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}
.pgBanner-title{
    color: var(--tw-white-color);
    font-size: 60px;
    line-height: 1;
    left: -5px;
}
.breadcrumbs{ 
    position: relative;
    color: #9A9A9A;
    font-weight: 400;
    font-family: var(--secondary-font);
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: 0 0 18px;
}
.breadcrumbs a,
.breadcrumbs .brdSeparator{
    color:inherit;
    font-weight: inherit;
}
.breadcrumbs span{ 
    position: relative;
    font-family: var(--secondary-font);
    font-size: inherit;
    font-weight: 700;
    line-height: 1;
    color: var(--tw-white-color);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    word-wrap:break-word;
}
.breadcrumbs a:hover{
    color: var(--tw-primary-color);
}

/* -- BEGIN: Logic About Section */
.logicImg02 {
    position: relative;
    padding: 0;
    max-width: 522px;
    width: 100%;
    height: auto;
    margin: 0 0 163px;
}
.logicImg02 .ab_imgC_01 {
    max-width: 387px;
    width: 100%;
    height: auto;
    position: relative;
    margin-left: auto;
    z-index: 1;
}
.logicImg02 .ab_imgC_02 {
    max-width: 313px;
    width: 100%;
    height: auto;
    position: absolute;
    top: 300px;
    left: -73px;
    line-height: 0;
    z-index: 2;
}
.logicImg02 .ab_imgC_03 {
    width: auto;
    height: auto;
    position: absolute;
    bottom: -169px;
    right: 28px;
    z-index: 3;
}
.logicImg02 .ab_imgC_02 img{
    border-radius: 8px;
    border: 8px solid var(--tw-white-color);
}
.elementor .logicImg02 .ab_imgC_01 img,
.elementor .logicImg02 .ab_imgC_03 img,
.logicImg02 .ab_imgC_01 img,
.logicImg02 .ab_imgC_03 img{
    border-radius: 8px;
}
.abCount02{
    position: absolute;
    max-width: 244px;
    width: 100%;
    height: auto;
    background: var(--tw-primary-color);
    border-radius: 8px;
    top: 80px;
    left: 0;
    padding: 32px 20px 28px 87px;
    z-index: 1;
}
.abCount02 h2{
    position: absolute;
    left: 34px;
    top: 30px;
    font-size: 38px;
    line-height: 1;
    color: var(--tw-white-color);
    font-family: var(--primary-font);
}
.abCount02 p{
    color: var(--tw-white-color);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.logicAbCon02{
    position: relative;
    top: -9px;
}
.logicAbCon02 p{
    margin: 0 15px 23px 0;
}
.logicList{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 38px;
}
.logicList ul:first-child{
    margin-right: 65px;
}
.logicList ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.logicList ul li{
    line-height: 32px;
}
.logicList ul li i{
    color: var(--tw-primary-color);
    margin-right: 8px;
}
.logicAuthorItem{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.logicAuthor{
    position: relative;
    padding: 6px 0 0 75px;
    margin-right: 40px;
}
.logicAuthor img{
    width: 55px;
    height: 55px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
}
.logicAuthor h3{
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 3px;
    line-height: 1;
}
.logicAuthor p{
    margin: 0;
    font-family: var(--secondary-font);
}
.logicAuthorItem .logicBtn {
    padding: 0 39.3px;
}
/* -- END: Logic About Section */

/*-- About Icon Box --*/
.abiBoxSection{
    position: relative;
}
.abiBoxItem01{
    position: relative;
    background: -webkit-linear-gradient(right, rgba(22, 25, 33, 0.72) 0%, rgba(22, 25, 33, 0.97) 100%) , url(../images/bgimg/ibox01.jpg)no-repeat scroll center center / cover;
    background: linear-gradient(270deg, rgba(22, 25, 33, 0.72) 0%, rgba(22, 25, 33, 0.97) 100%) , url(../images/bgimg/ibox01.jpg)no-repeat scroll center center / cover;
    padding: 50px 20px 72px 110px;
}
.abiBoxItem02{
    background: var(--tw-primary-color);
    padding: 50px 20px 72px 100px;
}
.abiBoxItem02 .ibox05 span{
    border: 1.5px solid #FE5B27;
    box-shadow: 0px 11px 27px #D93603;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.abiBoxItem03{
    position: relative;
    background: -webkit-linear-gradient(right, rgba(22, 25, 33, 0.72) 0%, rgba(22, 25, 33, 0.97) 100%) , url(../images/bgimg/ibox02.jpg)no-repeat scroll center center / cover;
    background: linear-gradient(270deg, rgba(22, 25, 33, 0.72) 0%, rgba(22, 25, 33, 0.97) 100%) , url(../images/bgimg/ibox02.jpg)no-repeat scroll center center / cover;
    padding: 50px 20px 72px 100px;
}
.ibox05{
    position: relative;
    padding: 24px 0 0 123px;
}
.ibox05 span{
    position: absolute;
    width: 99px;
    height: 99px;
    border-radius: 50%;
    background: var(--tw-white-color);
    left: 0;
    top: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--tw-primary-color);
    font-size: 45px;
}
.ibox05 p{
    font-size: 14px;
    font-weight: 700;
    color: var(--tw-white-color);
    line-height: 1;
    margin: 0 0 13px;
    text-transform: uppercase;

}
.ibox05 h3{
    color: var(--tw-white-color);
    font-size: 26px;
    line-height: 1;
    margin: 0;
    font-family: var(--primary-font);
}
.ibox05 h3 a{
    display: inline-block;
    color: inherit;
}
.ibox05 h3:hover a{
    color: var(--tw-secondary-color);
}

/*-- Feature Section --*/
.featureContent{
    position: relative;
}
.featureContent p{
    margin:0 0 42px;
    font-weight: 500;
}
.feProgress{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 33px;
}
.fepItem{
    max-width: 270px;
    width: 100%;
    height: auto;
    background: #D6ECEE;
    border-radius: 5px;
    padding: 29px 39px 36px;
}
.fepItem.fepItem2{
    background: #F9F3F1;
    margin-left: 20px;
    padding: 33px 39px 32px;
}
.fepItem h2{
    font-size: 40px;
    line-height: 1;
    margin: 0 0 9px;
    font-family: var(--primary-font);
}
.fepItem p{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--tw-secondary-color);
    margin: 0;
}
.featureImg{
    position: relative;
    text-align: right;
    top: 10px;
}
.featureImg img{
    max-width: 518px;
    width: 100%;
    height: auto;
}
.featureContent .logicBtn{
    padding: 0 36.8px;
    top: -1px;
}

/*-- About Section 04 --*/
.aboutLook04 {
    position: relative;
    max-width: 598px;
    width: 100%;
    height: auto;
    margin: 0 0 72px;
}
.abLookImg01{
    position: relative;
    max-width: 558px;
    width: 100%;
    height: auto;
    z-index: 1;
}
.abLookImg01 img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.abLookImg02 {
    max-width: 430px;
    width: 100%;
    position: absolute;
    top: 380px;
    left: -100px;
    line-height: 0;
    z-index: 2;
}
.elementor .abLookImg02 img,
.abLookImg02 img{
    box-shadow: 0px 4px 41px rgba(211, 210, 210, 0.4);
    border-radius: 5px;
    border: 10px solid var(--tw-white-color);
}
.abJobCount {
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 7px solid var(--tw-white-color);
    background: var(--tw-secondary-color);
    top: 309px;
    left: calc((50% - 90px) + -1%);
    text-align: center;
    z-index: 3;
}
.abJobCount h2 {
    color: var(--tw-white-color);
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin: 47px 0 -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.abJobCount .counterSuffix{
    position: relative;
    display:inline-block;
}
.abJobCount p{
    font-size: 20px;
    font-weight: 600;
    color: var(--tw-white-color);
    font-family: var(--secondary-font);
}
.aboutContent04{
    position:relative;
    padding: 0 0 0 35px;
    top: -2px;
}
.aboutContent04 p{
    margin: 0 0 42px;
    font-size: 18px;
    line-height: 28px;
}
.aboutContent04 .abPera2nd{
    font-size: 16px;
    line-height: 28px;
}
.abIconBox04{
    width: 100%;
    height: auto;
    padding: 31px 40px 31px 107px;
    background: #F9F3F1;
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 22px;
}
.abIconBox04 span{
    display: inline-block;
    position: absolute;
    line-height: 1;
    top: 30px;
    left: 40px;

}
.abIconBox04 i{
    color: var(--tw-primary-color);
    font-size: 50px;
}
.abIconBox04 svg{
    fill: var(--tw-primary-color);
    stroke: var(--tw-primary-color);
    stroke-width: 0.5px;
    width: auto;
    height: 50px;
    margin-right: 16px;
}
.abIconBox04 h3{
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin: 0;
}
.aboutContent04 .logicBtn{
    padding: 0 33.2px;
    top: -12px;
}

/*-- Logic History --*/
.historyNavTab{
    position: relative;
    z-index: 1;
}
.historyNavTab .nav-tabs{
    border: 0;
    row-gap: 20px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
}
.historyNavTab .nav-link{
    position: relative;
    background: var(--tw-white-color);
    box-shadow: 0px 19px 36px rgba(130, 100, 90, 0.05);
    border-radius: 10px;
    color: var(--tw-secondary-color);
    font-family: var(--secondary-font);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    width: auto;
    height: 55px;
    line-height: 57px;
    padding: 0 33.9px;
    margin: 0;
    border: none;
    z-index: 1;
}
.historyNavTab .nav-tabs .nav-link.active {
    color: var(--tw-white-color);
}
.historyNavTab .nav-link:after{
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition:all 350ms ease;
    border-radius: 10px;
    z-index: -1;
}
.historyNavTab .nav-tabs .nav-link.active:after {
    width: 100%;
    left: 0;
    right: auto;
}
.historyNavContent{
    position: relative;
}
.historyContent{
    position: relative;
    padding: 45px 0 0;
}
.historyContent h2{
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 24px;
}
.historyContent p{
    margin: 0 0 26px;
}
.historyContent .btnLink{
    text-transform: uppercase;
    font-weight: 700;
    color: var(--tw-primary-color);
    font-family: var(--secondary-font);
}
.historyContent .btnLink i{
    font-size: 12px;
    top: -1px;
}
.historyImg{
    position: relative;
    text-align: right;
}
.historyImg img{
    max-width: 554px;
    width: 100%;
    height: auto;
    border-radius: 5px;
}

/*-----------------------------------------
/  05. Shop Page
/-----------------------------------------*/
.shopController{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.productCount{
    position: relative;
}
.productCount p{
    color: var(--tw-secondary-color);
    margin: 0;
    line-height: 1;
}
.shopAccessBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.sortNav .nice-select {
    width: 100%;
    height: 45px;
    border: 1px solid #E8E8E8;
    font-size: 14px;
    font-weight: 500;
    padding: 0 45px 0 20px;
    line-height: 45px;
    border-radius: 0;
    min-width: 209px;
}
.sortNav .nice-select:after {
    content: '\e905';
    font-family: 'logisfare';
    font-size: 8px;
    border: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 4px;
    right: 26px;
    color: #74787C;
}
.sortNav .nice-select .list{
    width: 100%;
    margin: 0;
}
.shopAccessBar .sortNav form{
    margin:0;
}
.productViewTabnav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.productViewTabnav li button{
    font-size: 17px;
    color: #74787C;
    padding: 0;
    margin-left: 20px;
    border: none;
    position: relative;
    top: 2px;
    background: transparent;
}
.productViewTabnav li button,
.productViewTabnav li button:hover{
    border: none;
}
.productViewTabnav li button.active {
    border: none;
    background: none;
    color: var(--tw-primary-color);
}
.productAllItems{
    position: relative;
    margin: 40px 0 62px;
}
.productItem01{
    position: relative;
    background: #F5F5F5;
    padding: 30px 30px 32px;
    margin: 0 0 24px;
}
.pi01Thumb{
    position: relative;
    width:100%;
    min-height: 350px;
    background: var(--tw-white-color);
    padding: 20px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.pi01Thumb img {
    max-width: 100%;
    width: auto;
    max-height: 225px;
    height: auto;
}
.pi01Thumb:after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: -webkit-linear-gradient(bottom, #161921, #161921), #FFFFFF;
    background: linear-gradient(0deg, #161921, #161921), #FFFFFF;
    width: 100%;
    height: 100%;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
    opacity: 0;
    visibility: hidden;
}
.productItem01:hover .pi01Thumb:after{
    opacity: 1;
    visibility: visible;
}
.pi01Thumb .productLabels span {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    font-family: var(--primary-font);
    padding: 0px 13px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 25px;
    z-index: 1;
}
.pi01Details{
    position: relative;
    text-align: center;
    padding: 29px 0 0px;
}
.pi01Details h5 {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--tw-body-color);
    font-weight: 600;
    margin: 0 0 11px;
    font-family: var(--primary-font);
    line-height: 1;
}
.pi01Details h5 a{
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
}
.pi01Details h5 a:hover{
    color: var(--tw-primary-color);
}
.pi01Details h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 14px;
}
.pi01Details h3 a{
    color: inherit;
    display: inline-block;
}
.pi01Details h3:hover{
    color: var(--tw-primary-color);
}
.pi01Details .pi01Price{
    color: var(--tw-primary-color);
    font-weight: 600;
    text-decoration: none;
}
.shopPagination {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    row-gap: 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 36px 0 0;
}
.shopPagination a,
.shopPagination span{
    width: 50px;
    height: 50px;
    background: #F5F5F5;
    color: var(--tw-secondary-color);
    font-size: 16px;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.shopPagination a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.shopPagination span{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.productSinList01{
    position: relative;
    background: #F5F5F5;
    padding: 30px 30px 27px;
    margin: 0 0 24px;
}
.productSinList01 .pi01Details {
    text-align: left;
    padding: 47px 0 0px;
}
.productSinList01 .pi01Details ins{
    margin: 0 0 17px;
    display: inline-block;
}
.productSinList01 .pi01Details p{
    margin: 0 0 30px;
}
.productSinList01 .pi01Details .logicBtn{
    padding: 0 23.7px;
    height: 45px;
    line-height: 45px;
    border-radius: 0;
}

/*-----------------------------------------
/  06. Team Details Page
/-----------------------------------------*/
.tmDetImg{
    position: relative;
}
.tmDetImg img{
    max-width: 100%;
    height: auto;
}
.tmDesctiption{
    position: relative;
    background: #F7F7F7;
    padding: 73px 113px 71px 60px;
    z-index: 1;
}
.tmDesctiption:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 104px;
    height: 216px;
    background: url(../images/bgimg/teamDetails_shap.png)no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}
.tmDesTitle{
    position: relative;
    margin: 0 0 25px;
}
.tmDesTitle h2{
    font-size: 30px;
    line-height: 1;
    margin: 0 0 6px;
}
.tmDesTitle span{
    color: var(--tw-primary-color);
}
.tmDesctiption p{
    margin: 0 0 32px;
}
.tmDetIconItem {
    position: relative;
    margin: 0 9px 10px 0;
}
.tmDesctiption .logicBtn{
    padding: 0 35px;
}

/*-----------------------------------------
/  08. Cart Page
/-----------------------------------------*/
.cartImage01{
    position: relative;
    background: #F5F5F5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 520px;
    width: 100%;
    min-height: 600px;
}
.cartImage01 img{
    max-width: 100%;
    height: auto;
}
.cartImage01 span{
    position: absolute;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    padding: 0 13px;
    text-transform: uppercase;
    top: 30px;
    left: 30px;
    width: auto;
    height: 25px;
    line-height: 26px;
}
.cartContent01 h2{
    font-size: 36px;
    line-height: 1;
    margin: 0 0 11px;
}
.pcRating{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 20px;
}
.starRating{
    position: relative;
    margin-right: 14px;
}
.starRating i{
    color: #F9B317;
    font-size: 12px;
    margin-right: 1px;
}
.pcExcerpt{
    margin: 0 0 26px;
}
.pcInfoList{
    position: relative;
    margin: 0 0 32px;
}
.pcInfoList p{
    margin: 0 0 6px;
}
.pcInfoList p i{
    color: var(--tw-primary-color);
    font-size: 16px;
    margin-right: 10px;
}
.pcBtns{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 36px;
}
.pcBtns .logicBtn{
    padding: 0 39.2px;
}
.quantityd {
    height: 55px;
    position: relative;
    background: var(--tw-secondary-color);
    z-index: 1;
    border-radius: 8px;
    width: 101px;
    margin-right: 20px;
}
.quantityd:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 23px;
    background: #2C303C;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.quantityd button.qtyBtn {
    background: transparent;
    height: 15px;
    width: 15px;
    padding: 0;
    position: absolute;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    border: none;
    outline: none;
    color: var(--tw-white-color);
    font-weight: 700;
    padding: 0;
    right: 18px;
    -webkit-transition: all ease 300ms;
    transition: all ease 300ms;
    opacity: 0.2;
}
.quantityd button.qtyBtn:hover{
    opacity: 1;
}
.quantityd button.btnPlus {
    top: 12px;
}
.quantityd button.btnMinus {
    bottom: 12px;
}
.quantityd input[type=number] {
    border: medium;
    color: var(--tw-white-color);
    width: 45px;
    height: 100%;
    font-size: 18px;
    line-height: 55px;
    font-weight: 600;
    -webkit-filter: none;
            filter: none;
    margin: 0;
    background: 0 0;
    left: 0;
    outline: none;
    padding: 0 5px;
    position: absolute;
    text-align: center!important;
    z-index: -1;
    left: 5px;
}
.quantityd input[type=number]::-webkit-outer-spin-button,
.quantityd input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}

.pcMeta{
    position: relative;
}
.pcMeta p{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.pcMeta p span{
    font-weight: 700;
    min-width: 91px;
    color: var(--tw-secondary-color);
}
.pcMeta p a{
    display: inline-block;
    color: inherit;
}
.pcMeta p a:hover{
    color: var(--tw-primary-color);
}

/*-- Product Tab Sec --*/
.productTabSec{
    position: relative;
    padding: 72px 0 0;
}
.product_tabArea .nav-tabs {
    border: none;
    border-bottom: 3px solid #EFEFEF;
}
.product_tabArea .nav-tabs .nav-link{
    position: relative;
    color: var(--tw-secondary-color);
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    padding: 0;
    margin: 0 58px 17px 0;
}
.product_tabArea .nav-tabs .nav-link:after{
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    bottom: -20px;
    width: 0;
    height: 3px;
    background: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.product_tabArea .nav-tabs .nav-link.active:after{
    width: 100%;
    left: 0;
    right: auto;
}
.product_tabArea .nav-tabs .nav-link.active, 
.product_tabArea .nav-tabs .nav-item.show .nav-link {
    color: unset;
    background: transparent;
    border: none;
}
.product_tabArea .tab-content{
    padding: 33px 0 0 ;
}
.pdTapDesc{
    position: relative;
}
.pdTapDesc p{
    margin: 0 0 25px;
}
.pdTapDesc p:last-child{
    margin: 0;
}

/*-- Product Comment --*/
.product_tabArea .comment_area {
    padding-right: 140px;
}
.sic_comments {
    position: relative;
    margin-bottom: 50px;
    margin-right: 138px;
}
.sic_comments > .sicc_title, .productCommentForm .sicc_title {
    margin-bottom: 27px;
    color: var(--tw-secondary-color);
    letter-spacing: 0;
    font-weight: 700;
}
.sicc_title {
    font-size: 24px;
    color: var(--tw-secondary-color);
    letter-spacing: -.96px;
    line-height: 30px;
    margin: 0 0 26px;
}
.reviewList ol {
    margin: 0;
    padding: 0;
}
.reviewList ol li {
    list-style: none;
    position: relative;
    border-top: 1px solid #e1e1e1;
}
.reviewList ol > li:first-child {
    border-top: none;
}
.postReview {
    position: relative;
    min-height: 55px;
    padding: 2px 0 47px 144px;
    margin: 26px 0 0;
    border-radius: 0;
}
.postReview > img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
}
.postReview h2{
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    letter-spacing: -.32px;
    color: var(--tw-secondary-color);
    margin: 0 0 9px;
    text-transform: capitalize;
}
.postReviewContent p {
    margin: 0 0 23px;
}
.comment-form-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    line-height: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 29px;
}
.woocommerce #review_form #respond p {
    margin:0;
}
.woocommerce #review_form #respond p.comment-notes{
    margin-bottom: 10px;
}
.woocommerce #review_form #respond p.comment-form-cookies-consent{
    margin-bottom: 32px;
}
.woocommerce #review_form #respond p.stars span a {
    color: #F9B317;
    margin-right: 0;
    font-size: 16px;
    position: relative;
    top: 4px;
}
.reviewList{
    margin-bottom: 50px;
}
.comment-form-rating label {
    margin-right: 24px;
}
.reviewMeta {
    display: block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--tw-body-color);
    line-height: .8;
    margin: 0;
}
.reviewMeta span {
    color: var(--tw-secondary-color);
    font-weight: 700;
}
.single_comment .cm_date a{
    color: inherit;
    display: inline-block;
}
.single_comment .cm_date a:hover{
    color: var(--tw-primary-color);
}
.productComent .starRating {
    font-size: 13px;
    color: #ffc556;
    letter-spacing: 4px;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 39px;
}
.productReviewArea .hasReviews {
    position: relative;
}
.productReviewArea .comment-respond h3 {
    margin-bottom: 19px !important;
    color: var(--tw-secondary-color);
    letter-spacing: 0;
    font-weight: 700;
}
#commentform .col-lg-6 {
    margin-top: -26px;
}
#commentform input[type="email"], #commentform input[type="text"], #commentform input[type="url"], #commentform input[type="tel"], #commentform textarea {
    display: block;
    width: 100%;
    height: 60px;
    border: unset;
    color: #74787C;
    background: var(--tw-white-color);
    border-radius: 8px;
    line-height: 60px;
    padding: 0 45px 0 26px;
    border: 1px solid #eceef2;
    margin: 0 0 14px;
    outline:0;
}
#commentform :focus-visible {
    outline: none
}
#commentform .col-md-6.email {
    padding-left: 5px;
}
.woocommerce #reviews #comment,
#commentform textarea {
    height: 200px;
    line-height: 26px;
    padding-top: 34px;
    margin-bottom: 40px;
    resize: none;
}
#commentform .logicBtn {
    height: 55px;
    width: auto;
    border-radius: 8px;
    text-transform: uppercase;
    line-height: 55px;
    padding: 0 38px;
}
.woocommerce .productRatingWrap{
    position: relative;
}
.woocommerce .productRatingWrap > .star-rating {
    width: 88.56px;
    font-size: 14px;
    height: 14px;
    letter-spacing: 3px;
    bottom: 4px;
}
.productReviewArea .col-lg-11:first-child{
    max-width: 942px;
    width: 100%;
}

/*-----------------------------------------
/  09. Service Page
/-----------------------------------------*/
.serviceItem03{
    position: relative;
    text-align: left;
    background: var(--tw-white-color);
    box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.02);
    padding: 40px 40px 33px;
    margin-bottom: 24px;
}
.serviceItem03 span{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    color: var(--tw-white-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: var(--tw-primary-color);
    font-size: 36px;
    margin: 0 0 38px;
}
.serviceItem03 span i,
.serviceItem03 span i:before{
    color: var(--tw-white-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.elementor .serviceItem03 span img,
.serviceItem03 span img{
    width: auto;
    height: 38px;
}
.serviceItem03 h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 21px;
}
.serviceItem03 h3 a{
    color: inherit;
    display: inline-block;
}
.serviceItem03 h3:hover a{
    color: var(--tw-primary-color);
}
.serviceItem03 p{
    margin: 0 0 14px;
}
.serviceItem03 .btnLink{
    color: var(--tw-primary-color);
}

/*-- Service Skill --*/
.serSkillDet{
    position: relative;
    background: var(--tw-white-color);
    padding: 100px 100px 100px;
    margin-left: 76px;
    box-shadow: 0px 7px 48px rgba(0, 0, 0, 0.02);
    top: 174px;
}
.serSkillDet p{
    margin: 0 0 50px;
}
.serSkillDet .singleSkill h3,
.serSkillDet .singleSkill span{
    font-size: 16px;
}

/*-----------------------------------------
/  10. Service Details Page
/-----------------------------------------*/
.servicePageDetails{
    position: relative;
    padding: 120px 0 120px;
}
.servicePageDetails .col-lg-4{
    width: 30.5%;
}
.servicePageDetails .col-lg-8{
    width: 69.5%;
}
.serviceSidebar{
    position: relative;
}
.pjSidebarWidget, .serviceWidget{
    position: relative;
    padding: 30px;
    background: #F5F5F5;
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 30px;
}
.serWidgetFile{
    position: relative;
    display: block;
    padding: 26px 10px 12px 85px;
    background: var(--tw-white-color);
    margin-bottom: 10px;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.02);
    color: inherit;
}
.serWidgetFile:hover{
    background: var(--tw-primary-color);
}
.serWidgetFile:last-child{
    margin-bottom: 0;
}
.serWidgetFile span{
    position: absolute;
    left: 27px;
    top: 27px;
    width: 45px;
    height: 45px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 20px;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border-radius: 50%;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.serWidgetFile:hover span{
    background: var(--tw-white-color);
    color: var(--tw-primary-color);
}
.serWidgetFile strong{
    font-size: 18px;
    font-family: var(--primary-font);
    font-weight: 600;
    color: #1F1F25;
    line-height: 1;
    margin: 0 0 10px;
    display: inline-block;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.serWidgetFile:hover strong{
    color: var(--tw-white-color);
}
.serWidgetFile p{
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color:  var(--tw-body-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.serWidgetFile:hover p{
    color: var(--tw-white-color);
}
.serviceWidget .widgetTitle{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 26px;
}
.serCatWidget ul,
.postCategorys{
    margin:0;
    padding:0;
}
.serCatWidget ul li,
.postCategorys li{
    list-style: none;
    border:unset;
    outline: unset;
}
.serCatWidget ul li:not(:last-child),
.postCategorys li:not(:last-child){
    margin-bottom: 15px;
}
.serCatWidget a{
    font-size: 16px;
    color: var(--tw-body-color);
    font-weight: 500;
    font-family: var(--primary-font);
    background: var(--tw-white-color);
    display: block; 
    padding: 0 25px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    position: relative;
    border-radius: 100px;
}
.serCatWidget a:after {
    content: "\e9d1";
    position: absolute;
    font-size: inherit;
    color: inherit;
    font-family: 'Themewar' !important;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.postCategorys a{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 25px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    background: var(--tw-white-color);
    margin-bottom: 15px;
    color: inherit;
    position: relative;
    z-index: 1;
}
.serCatWidget a:last-child,
.postCategorys a:last-child{
    margin-bottom: 0;
}
.serCatWidget a i,
.postCategorys a i{
    color: var(--tw-primary-color);
    position: relative;
}
.serCatWidget a:hover i,
.postCategorys a.active i,
.postCategorys a:hover i{
    color: var(--tw-white-color);
}
.serCatWidget a:hover,
.serCatWidget .current-menu-item a,
.postCategorys a:hover,
.postCategorys a.active{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
aside.serQuickEmail{
    text-align: center;
    padding: 50px 60px 60px;
    background: var(--tw-secondary-color);
}
.serQuickEmail span{
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 0 28px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: var(--tw-white-color);
}
.serQuickEmail i{
    font-size: 40px;
    color: var(--tw-primary-color);
}
.serQuickEmail h3{
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 28px;
    color: var(--tw-white-color);
    margin: 0 0 31px;
}
.serQuickEmail a{
    display: inline-block;
    background: var(--tw-white-color);
    width: auto;
    box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.08);
    border-radius: 100px;
    font-size: 18px;
    font-weight: 700;
    color: var(--tw-secondary-color);
    line-height: 45px;
    padding: 0 23px;
}
.serQuickEmail a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}

/*-- Service Details Wraper --*/
.serviceDetailsWrap{
    position: relative;
    padding-left: 35px;
}
.serDetThumb{
    position: relative;
}
.serDetThumb img{
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 0 43px;
}
.serDetContent{
    position: relative;
}
.serDetContent h2{
    font-size: 36px;
    color: #1F1F25;
    line-height: 1;
    margin: 0 0 20px;
}
.serDetContent h3{
    font-size: 30px;
    color: #1F1F25;
    line-height: 1;
    margin: 0 0 16px;
}
.serDetContent p{
    margin: 0 0 27px;
}
.serviceBenefits{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 43px 0 27px;
}
.serviceBenefits img{
    max-width: 311px;
    width: 100%;
    height: 220px;
}
.serBenefitsCon{
    position: relative;
    padding-left: 30px;
    top: -5px;
}
.serBenefitsCon .logicList{
    margin-bottom: 0;
}
.serBenefitsCon h3{
    margin: 0 0 17px;
}
.serBenefitsCon p{
    margin: 0 0 16px;
}
.serBenefitsCon .logicList ul li i {
    margin-right: 6px;
}
.textBoxWrap{
    position: relative;
    margin: 31px 0 0 24px;
}
.textBoxItem{
    position: relative;
    width: 100%;
    height: auto;
    background: var(--tw-white-color);
    box-shadow: 0px 9px 37px rgba(0, 0, 0, 0.07);
    margin-bottom: 20px;
    padding: 34px 65px 27px 50px;
    border-left: 2px solid var(--tw-primary-color);
}
.textBoxItem:last-child{
    margin-bottom: 0;
}
.textBoxItem h4{
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    font-family: var(--primary-font);
    text-transform: uppercase;
    color: #9DA3A9;
    margin: 0 0 11px;
}
.textBoxItem p{
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: var(--tw-secondary-color);
    margin: 0;
}
.textBoxItem span{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--tw-primary-color);
    display: inline-block;
    color: var(--tw-white-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    left: -26px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

/*-----------------------------------------
/  11. Blog Page
/-----------------------------------------*/
.blogPageSection,
.blogPageSec01{
    position: relative;
    padding: 120px 0 112px;
}
.blogPageSection .col-lg-8,
.blogPageSec02 .col-lg-8,
.blogPageDetails .col-lg-8{
    width: 66.961%;
}
.blogPageSection .col-lg-4.blogSidebarCol,
.blogPageSection .blogGridView:not(.blogNSB) .col-lg-4,
.blogPageSec02 .col-lg-4,
.blogPageDetails .col-lg-4{
    width: 33.039%;
}
.blogPageWrap{
    position: relative;
    padding-right: 35.9px;
}
.blogPageSingle01{
    position: relative;
    margin: 0 0 52px;
}
.blogPageSingle01:last-child{
    margin-bottom: 0;
}
.blogPageSingle01 img{
    max-width: 100%;
    height: auto;
    margin: 0 0 33px;
}
.blogPageSingle01 h2{
    font-size: 36px;
    line-height: 1;
    margin: 0 0 21px;
    word-break: break-word;
}
.blogPageSingle01 h2 a{
    color: inherit;
    display: inline-block;
    word-break: break-word;
}
.blogPageSingle01 h2:hover{
    color: var(--tw-primary-color);
}
.blogPageSingle01 .biMeta01{
    margin: 0 0 17px;
}
.blogPageSingle01 p{
    margin: 0 15px 32px 0;
}
.blogPageSingle01 .logicBtn{
    height: 45px;
    line-height: 45px;
    padding: 0 32.3px;
}
.blogPageWrap .blockquote01{
    background: #171717;
    padding: 53px 60px 20px;
    margin: 0 0 60px;
}
.blogPageWrap .blockquote01 .blogPageSingle01{
    margin: 0;
}
.blogPageWrap .blockquote01 h2{
    color: var(--tw-white-color);
    font-size: 34px;
}
.blogPageWrap .blockquote01 p{
    font-weight: 400;
    color: #7D7E80;
}
.blogGridView .blogItem01,
.blogGridView .blogItem02,
.blogGridView .blogItem03{
    margin-bottom: 50px;
}
.blogGridView .col-lg-6.col-md-6:nth-last-child(-n + 2) .blogItem01,
.blogGridView .col-lg-6.col-md-6:nth-last-child(-n + 2) .blogItem02,
.blogGridView .col-lg-6.col-md-6:nth-last-child(-n + 2) .blogItem03{
    margin-bottom: 0px;
}
.blogGridView.blogNSB .col-lg-4:nth-last-child(-n + 3) .blogItem01,
.blogGridView.blogNSB .col-lg-4:nth-last-child(-n + 3) .blogItem02,
.blogGridView.blogNSB .col-lg-4:nth-last-child(-n + 3) .blogItem03{
    margin-bottom: 0px;
}

/*-- Blog Widget --*/
.blogPageSidebar{
    position: relative;
}
.pjWidgetMeta,
.serviceWidget,
.widget{
    position: relative;
    background: #F5F5F5;
    width: 100%;
    display: inline-block;
    margin-bottom: 40px;
    padding: 40px 40px 40px;
}
.pjWidgetMeta{
    padding: 35px 40px 40px;
}
.serCatWidget{
    padding: 37px 40px 40px;
}
.widgetTitle {
    font-size: 24px;
    line-height: 1;
    margin: 9px 0 27px;
}
.pjWidgetMeta .widgetTitle{
    margin: 0 0 29px;
}
.widget.postCategorys a{
    border-radius: 0;
}
.searchForm{
    position: relative;
}
.blogPostStatic .wp-block-search__input,
.searchForm input{
    width: 100%;
    height: 55px;
    line-height: 55px;
    border: 0;
    outline: 0;
    padding: 0 65px 0 20px;
    color: #74787C;
}
.blogPostStatic .wp-block-search__button,
.searchForm button{
    position: absolute;
    right: 0;
    top: 0;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    width: 55px;
    height: 55px;
    line-height: 55px;
    border: 0;
    outline: 0;
}

.blogPostStatic .wp-block-search__button:hover,
.searchForm button:hover{
    background: var(--tw-secondary-color);
}
.widtet.recentPost{
    padding: 47px 40px 42px;
}
.recentPost .widgetTitle{
    margin: 0 0 22px;
}
.latest_post_widget {
    position: relative;
}
.latest_post_widget .widgetTitle{
    margin-bottom: 20px;
}
.latestPost {
    position: relative;
    padding: 3px 0 0px 100px;
    margin: 0 0 26px;
    min-height: 84px;
}
.latestPost:last-child{
    margin-bottom: 0px;
}
.elementor .latestPost img,
.latestPost img{
    max-width: 85px;
    width: 100%;
    height: 85px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.latestPost p{
    font-size: 14px;
    margin: 0 0 3px;
}
.latestPost p i {
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.latestPost p a{
    color: inherit;
    display: inline-block;
    text-transform: capitalize;
    line-height: 1;
}
.latestPost p a:hover{
    color: var(--tw-primary-color);
}
.latestPost h3{
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--primary-font);
    margin: 0;
}
.latestPost h3 a{
    color: inherit;
    display: inline-block;
}
.latestPost h3 a:hover{
    color: var(--tw-primary-color);
}
.widgetGallery01{
    padding: 46px 40px 40px;
}
.widgetGallery .widgetTitle{
    margin: 0 0 28px;
}
.widGalleryItem{
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(3,1fr);
    grid-gap: 11px;
}
.widGalleryItem a{
    display: inline-block;
    max-width: 100%;
    height: auto;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.widGalleryItem a img{
    width: 100%;
    height: 100%;
}
.widGalleryItem a:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #ec37007a;
    border-radius: inherit;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.widGalleryItem a i{
    position: absolute;
    left: 50%;
    top: 70%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    z-index: 1;
    color: var(--tw-white-color);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.widGalleryItem a:hover:after{
    opacity: 1;
    visibility: visible;
    border-radius: inherit;
}
.widGalleryItem a:hover i{
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.widgetTags .widgetTitle{
    margin: 0 0 27px;
}
.widgetTags{
    padding: 47px 20px 31px 40px;
}
.tagcloud,
.wp-block-tag-cloud,
.blogTagItems {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    row-gap: 10px;
}
.tagcloud a,
.wp-block-tag-cloud a,
.blogTagItems a{
    display: inline-block;
    width: auto;
    height: 35px;
    line-height: 35px;
    background: var(--tw-white-color);
    color: var(--tw-body-color);
    padding: 0 16px;
    border-radius: 100px;
    font-size: 14px !important;
    font-weight: 500;
}
.wp-block-tag-cloud a:hover,
.tagcloud a:hover,
.blogTagItems a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.blogPageSec01 .productPagination{
    text-align: left;
    margin: 50px 0 0;
    left: -9px;
}

/* -- Blog left sidebar -- */
.blogPageSec02{
    padding: 120px 0 112px;
}
.blogPageSec02 .blogPageWrap {
    padding-left: 35.9px;
    padding-right: 0;
}
.blogPageSec02 .productPagination{
    margin-top: 50px;
    position: relative;
    left: -9px;
}
/*-----------------------------------------
/  12. Blog Details
/-----------------------------------------*/
.blogPageDetails{
    padding: 120px 0 120px;
 }
.blogDetailsCon{
    position: relative;
}
.blogDetailsCon img{
    max-width: 100%;
    height: auto;
}
.blogDetailsCon .blDetThumb01{
    margin: 0 0 35px;
}
.singlePostMeta .biMeta01 {
    margin: 0 0 17px;
}
.blogTitle{
    font-size: 36px;
    line-height: 1;
    margin: 0 0 25px;
    word-wrap: break-word;
}
.blogDetailsCon h3{
    font-size: 30px;
    line-height: 1;
    margin: 0 0 20px;
}
.blogDetailsCon p{
    margin:0px 13px 27px 0;
}
.blogPostStatic blockquote,
.wp-block-quote,
.wp_blockQuote{
    position: relative;
    width: 100%;
    background: #F5F5F5;
    padding: 31px 40px 32px 164px;
    margin: 41px 0 36px;
    overflow: hidden;
}
.blogPostStatic blockquote:before,
.wp-block-quote:before {
    content: "\e95a";
    font-family: 'LogisFare' !important;
}
.blogPostStatic blockquote:before,
.wp-block-quote:before,
.wp_blockQuote i{
    position: absolute;
    left: 0;
    top: 0;
    width: 125px;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    font-size: 38px;
}

.blogPostStatic blockquote.wp-block-quote p,
.blogPostStatic blockquote p,
.wp-block-quote p,
.wp_blockQuote p{
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 20px;
    color: var(--tw-secondary-color);
}
.blogPostStatic blockquote.wp-block-quote.is-style-large cite,
.blogPostStatic blockquote cite,
.wp-block-quote cite,
.wp_blockQuote cite{
    color: var(--tw-primary-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    font-style: normal;
    position: relative;
    margin-left: 41px;
}

.blogPostStatic blockquote.wp-block-quote.is-style-large cite:after,
.blogPostStatic blockquote cite:after,
.wp-block-quote cite:after,
.wp_blockQuote cite:after{
    content: '';
    position: absolute;
    left: -40px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 2px;
    background: var(--tw-primary-color);
}
.blogGallery{
    position: relative;
    margin: 40px 0 43px;
}
.blogGallery img{
    max-width: 100%;
    height: auto;
}
.blogDetailsCon .blDetThumb02{
    margin: 15px 0 45px;
}

/*-- Meta --*/
.spMeta{
    position: relative;
    margin: 42px 0 70px;
}
.postTags{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    row-gap: 10px;
}
.postTags a {
    color: var(--tw-body-color);
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    padding: 8px 21px;
    border: 1px solid #ECECEC;
    background: #FFF;
    border-radius: 100px;
    display: inline-block;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.postTags a:hover{
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    border-color: var(--tw-primary-color);
}
.socialShare{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.socialShare h4{
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: var(--tw-secondary-color);
    margin-left: 3px;
    font-family: var(--primary-font);
    margin-bottom: 0px;
}
.socialShare a{
    display: inline-block;
    font-size: 14px;
    color: var(--tw-secondary-color);
    line-height: 1;
    margin-left: 19px;
    text-align: center;
}
.socialShare a:hover{
    color: var(--tw-primary-color);
}
.postAuthorBox{
    position: relative;
    padding: 46px 35px 0 300px;
    background: #F5F5F5;
    width: 100%;
    min-height: 266px;
    margin: 0 0 72px;
}
.elementor .postAuthorBox img,
.postAuthorBox img{
    position: absolute;
    left: 0;
    top: 0;
    max-width: 250px;
    width: 100%;
    height: auto;
}
.postAuthorBox h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 12px;
    text-transform: capitalize;
}
.postAuthorBox a{
    font-size: inherit;
    color: inherit;
    font-family: inherit;
}
.postAuthorBox p{
    margin: 0 0 22px;
}
.authorSocial{
    position: relative;
}
.authorSocial a{
    width: 35px;
    height: 35px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 14px;
    color: var(--tw-secondary-color);
    background: var(--tw-white-color);
    margin-right: 8px;
    border-radius: 50%;
    z-index: 1;
    position: relative;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    overflow: hidden;
}
.authorSocial a:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background-color: var(--tw-primary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
    -webkit-transform: scale(0);
            transform: scale(0);
    border-radius: 50%;
}
.authorSocial a:hover:after{
    -webkit-transform: scale(1);
            transform: scale(1);
}
.authorSocial a:hover{
    color: var(--tw-white-color);
}

/*-- Comment Box --*/
.postCommentBox{
    position: relative;
}
.commentHeading{
    font-size: 36px;
    line-height: 1;
    margin: 0 0 43px;
}
.commentList{
    position: relative;
    margin: 0 0 50px;
    padding: 0;
    list-style: none;
}
.commentList ol.children{
    /* margin:0 0 0 135px; */
    margin:0 0 0 115px;
    padding: 0;
    list-style: none;
}
.singleComment {
    position: relative;
    /* padding: 0 0 26px 135px; */
    padding: 0 0 26px 115px;
    margin: 0 0 30px;
    border-bottom: 1px solid #EAEAEA;
    min-height: 141px;
}
.commentList > li:last-child .singleComment{
    border-bottom: none;
}
.elementor .singleComment img,
.singleComment img{
    position: absolute;
    left: 0;
    top: 0;
    /* width: 110px;
    height: 110px; */
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.commentDate {
    position: relative;
    font-size: 14px;
    line-height: 1;
    margin: 0px 0 15px;
    padding: 2px 0 0;
}
.commentDate i{
    margin-right: 5px;
}
.singleComment h3{
    font-size: 20px;
    line-height: 1;
    margin: 0 0 9px;
    text-transform: capitalize;
}
.singleComment p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--tw-body-color);
}
.singleComment .comment-reply-link {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
    color: var(--tw-primary-color);
    line-height: 1;
    padding: 0 22px 0 0;
}
.cancel_reply_btn a {
    float: right;
    position: relative;  font-weight: 600;
    color: var(--tw-primary-color);
    line-height: 1;
    font-size: 16px;
    padding: 0 25px 0 0 ;
}
.cancel_reply_btn a:after, .singleComment .comment-reply-link:after {
    content: "\e95c";
    position: absolute;
    top: 0;
    font-size: 14px;
    right: 0;
    font-family: 'Logisfare' !important;
}

.cancel_reply_btn a:hover,
.singleComment .comment-reply-link:hover{
    color: var(--tw-secondary-color);
}

/*-- Comment Form --*/
.comment-respond{
    position: relative;
    background: #F5F5F5;
    padding: 53px 60px 60px;
}
.commentList .comment-respond{
    margin-bottom: 30px;
}
.commentFormArea .commentHeading02{
    font-size: 36px;
    line-height: 1;
    margin: 0 0 20px;
}
p.commentDesc{
    margin: -10px 0 32px;
}
.commentForm .singleForm{
    margin-bottom: 20px;
}
.commentFormArea .singleForm i{
    color: var(--tw-primary-color);
    font-weight: 700;
}
.commentFormArea .formInput.anSelect .nice-select {
    height: 60px;
    line-height: 60px;
    padding-right: 50px;
    padding-left: 25px;
    border: 0;
}
.commentFormArea .singleForm textarea{
    height: 160px;
    margin-bottom: 2px;
}
.comment-respond .singleForm textarea{
    margin-bottom: 2px;
}
.commentFormArea .formInput.anSelect .nice-select:after {
    left: auto;
    right: 27px;
    border-color: var(--tw-primary-color);
}
.commentFormArea form button{
    padding: 0 38px;
}
.bpDetailsLeft .blogPageWrap {
    padding-left: 35.9px;
    padding-right: 0;
}
.bpDetailsNoSidebar .blogPageWrap {
    padding-right: 0;
}

/*-----------------------------------------
/  13. Price Page
/-----------------------------------------*/
.singlePrice{
    position: relative;
    width: 100%;
    height: auto;
    background: var(--tw-white-color);
    text-align: center;
    box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    padding: 0 0 60px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.priceHeader{
    position: relative;
    width:100%;
    min-height: 266px;
    background: url(../images/bgimg/priceHeadOuter.png)no-repeat;
    background-size: 100%;
    width: 100%;
    height: auto;
    padding: 30px;
}
.priceHeaderCon{
    position: relative;
    width:100%;
    background: url(../images/bgimg/priceHeadInner.png)no-repeat;
    background-size: 100%;
    width: 100%;
    height: auto;
    padding: 44px 20px 105px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.singlePrice:hover .priceHeaderCon{
    background: url(../images/bgimg/priceHeadInner02.png)no-repeat;
    background-size: 100%;
}
.priceHeader h3{
    color: var(--tw-white-color);
    font-size: 30px;
    line-height: 1;
    margin: 0 0 9px;
}
.priceHeader p{
    color: var(--tw-white-color);
    line-height: 19px;
    margin: 0;
}
.priceCircle {
    width: 136px;
    height: 136px;
    background: var(--tw-secondary-color);
    border-radius: 50%;
    color: var(--tw-white-color);
    font-size: 36px;
    font-weight: 700;
    line-height: 105px;
    text-align: center;
    border: 16px solid var(--tw-white-color);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 158px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.priceList02{
    position: relative;
    padding: 50px 30px 5px;
}
.priceList02 ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.priceList02 ul li{
    line-height: 26px;
    margin: 0 15px 6px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 8px;
    padding: 11px 26px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.priceList02 ul li:last-child{
    margin: 0;
}
.priceList02 ul li i{
    color: #74787C;
    margin-right: 6px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.priceList02 ul li svg{
    fill: #74787C;
    stroke: #74787C;
    margin-right: 6px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    width: 16px;
    height: 16px;
}
.priceList02 ul li:nth-child(even){
    background: #F7F7F7;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.singlePrice .logicBtn{
    background: rgba(22, 25, 33, 0.1);
    color: var(--tw-secondary-color);
    padding: 0 46.4px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    margin-top: 16px;
}
.singlePrice:hover,
.singlePrice:hover .priceCircle{
    background: var(--tw-primary-color);
}
.singlePrice:hover .priceList02 ul li i,
.singlePrice:hover .priceList02 ul li{
    color: var(--tw-white-color);
}
.singlePrice:hover .priceList02 ul li svg{
    fill: var(--tw-white-color);
    stroke: var(--tw-white-color);
}
.singlePrice:hover .priceList02 ul li:nth-child(even){
    background: rgba(255, 255, 255, 0.1);
}
.singlePrice:hover .logicBtn{
    background: var(--tw-white-color);
    color: var(--tw-primary-color);
}
.singlePrice .logicBtn:hover{
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
}

/*-----------------------------------------
/  15. Project Page
/-----------------------------------------*/
.projectCategories{
    position: relative;
    text-align: center;
    margin: 0 0 50px;
    padding: 0;
}
.projectCategories li{
    display: inline-block;
    text-transform: uppercase;
    color: var(--tw-primary-color);
    font-size: 14px;
    font-weight: 700;
    background: #FDEBE5;
    border-radius: 8px;
    min-height: 50px;
    line-height: 50px;
    border: 0;
    outline: 0;
    padding: 0 32.12px;
    margin: 0 8px;
    cursor: pointer;
}
.projectCategories li.active{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.projectGalleryWrap{
    position: relative;
}
.projectGallery .mix{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    z-index: 1;
}
.projectGallery .mix img{
    max-width: 100%;
    width: 100%;
    height: auto;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.projectGallery .mix:after{
    content: '';
    position: absolute;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: var(--tw-primary-color);
    top: -300px;
    left: -300px;
    z-index: 1;
    -webkit-transition: all 350ms ease-in;
    transition: all 350ms ease-in;
}
.projectGallery .mix:before{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(22, 25, 33, 0) 0%, rgba(22, 25, 33, 0.97) 79.4%);
    background: linear-gradient(180deg, rgba(22, 25, 33, 0) 0%, rgba(22, 25, 33, 0.97) 79.4%);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    z-index: 1;
}
.projectGallery .mix .projectShow{
    position: absolute;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background:var(--tw-white-color);
    color: var(--tw-primary-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex ;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 40px;
    left: 40px;
    z-index: 2;
    font-size: 18px;
    -webkit-transition: all 450ms ease;
    transition: all 450ms ease;
    -webkit-transform: scale(0);
            transform: scale(0);
}
.projectGallery .mix .projectShow:hover{
    background: -webkit-linear-gradient(top, rgba(22, 25, 33, 0) 0%, rgba(22, 25, 33, 0.97) 79.4%);
    background: linear-gradient(-180deg, rgba(22, 25, 33, 0) 0%, rgba(22, 25, 33, 0.97) 79.4%);
    color: var(--tw-white-color);
}
.projectGallery .mix:hover:after{
    top: -209px;
    left: -210px;
}
.projectGallery .mix:hover .projectShow{
    -webkit-transform: scale(1);
            transform: scale(1);
}
.projectGallery .mix:hover:before{
    top: 0;
}
.projectContent {
    position: absolute;
    left: 40px;
    bottom: 19px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 2;
    width: calc(100% - 80px);
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
}
.projectCat02{
    position: relative;
    margin: 0 0 7px;
}
.projectCat02 a{
    display: inline-block;
    color: var(--tw-white-color);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
}
.projectCat02 a:hover{
    color: var(--tw-primary-color)
}
.projectCat02 span{
    display: inline-block;
    width: 15px;
    height: 1px;
    background: var(--tw-white-color);
    margin: 3px 7px;
}
.projectContent h3{
    font-size: 24px;
    color: var(--tw-white-color);
    line-height: 1;
}
.projectContent h3 a{
    display: inline-block;
    color: inherit;
}
.projectContent h3:hover a{
    color: var(--tw-primary-color);
}
.projectContent .projectCat02{
    -webkit-transition: all 430ms ease;
    transition: all 430ms ease;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
}
.projectGallery .mix:hover .projectCat02{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.mix .projectContent h3 {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
}
.projectGallery .mix:hover .projectContent,
.projectGallery .mix:hover .projectContent h3{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.projectrCircle{
    position: absolute;
    width: 746px;
    height: 746px;
    border-radius: 50%;
    bottom: 282px;
    left: -85px;
    background: -webkit-linear-gradient(top, #000000 39.01%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, #000000 39.01%, rgba(0, 0, 0, 0) 100%);
    mix-blend-mode: normal;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.projectGallery .mix:hover .projectrCircle{
    opacity: 1;
    visibility: visible;
}
.projectGallery .row .col-lg-4 {
    padding-right: 14px;
    padding-left: 14px;
}
.projectGallery.pGrid02 .mix:after,
.projectGallery.pGrid02 .mix:before {
    content: inherit;
}
.projectGallery.pGrid02 .pdItem01 .pdTitle01  {
    padding: 20px 32px 22px 30px;
}

/*-----------------------------------------
/  17. Project Details
/-----------------------------------------*/
.serDetContent h3.sdheadGap{
    margin: 45px 0 22px;
}
.projectDetImg{
    position: relative;
    margin: 42px 0 43px;
}
.projectDetImg img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.pdInfo {
    position: relative;
    padding: 4px 0 29px 70px;
    border-bottom: 1px solid #E3E4E7;
    margin: 0 0 25px;
}
.pdInfo:last-child{
    margin-bottom: 0;
    border-bottom: 0;
}
.pdInfo > span:not(.pdInfoCat){
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--tw-white-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.pdInfo i{
    color: var(--tw-primary-color);
    font-size: 16px;
}
.pdInfo svg{
    height: 16px;
    width: auto;
}
.pdInfo p{
    line-height: 1;
    margin: 0 0 9px;
}
.pdInfo h3{
    font-size: 18px;
    font-weight: 600;
    font-family: var(--primary-font);
    line-height: 1;
    margin: 0;
}
.pdInfoCatWrap p{
    margin: 0 0 6px;
}
.pdInfoCat,
.pdInfoCat a{
    font-size: 18px;
    font-weight: 600;
    font-family: var(--primary-font);
    line-height: 1;
    margin: 0;
    color: var(--tw-secondary-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
} 
.pdInfoCat a:hover{
    color: var(--tw-primary-color);
}
.proInfoWidget{
    padding: 33px 40px 44px;
}
.proInfoWidget .widgetTitle{
    margin: 0 0 29px;
}
.pageNavigationSec01{
    position: relative;
}
.postNavigationWrap{
    padding: 34px 0 34px;
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid #EDEDED;
}
.postNavigationItem{
    position: relative;
    display: inline-block;
    padding: 7px 0 7px 71px;

}
.postNavigationItem span{
    position: absolute;
    left: 0;
    top: 50%;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: var(--tw-white-color);
    border: 2px solid #F0F0F0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #1F1F1F;
    font-size: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.postNavigationItem p{
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 10px;
    color: #636D78;
}
.postNavigationItem h3{
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    color: #1F1F1F;
    font-family: var(--primary-font);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.postNavigationItem:hover h3,
.postNavigationItem:hover i{
    color: var(--tw-primary-color);
}
.postNavigationItem:hover span{
    border-color: var(--tw-primary-color);
}
.postNavigationItem.postNavNextItem{
    text-align: right;
    float: right;
    padding: 7px 71px 7px 0;
}
.postNavigationItem.postNavNextItem span{
    right: 0;
    left: auto;
}


/*-----------------------------------------
/  18. Contact Page
/-----------------------------------------*/
.contactPageSec{
    position: relative;
    z-index: 1;
}
.contactPageSec:after{
    content: '';
    position: absolute;
    width: 59%;
    height: 100%;
    right: 0;
    top: 0;
    background: #F5F5F5;
    z-index: -1;
}
.contactAddress{
    position: relative;
    padding: 120px 126px 186px 0;
}
.sinAddress{
    position: relative;
    padding: 26px 20px 30px 110px;
    background: var(--tw-white-color);
    border: 1px solid rgba(227, 227, 227, 0.76);
    margin-bottom: 20px;
}
.sinAddress:last-child{
    margin-bottom: 0;
}
.sinAddress span{
    position: absolute;
    width: 70px;
    height: 70px;
    background: var(--tw-white-color);
    color: var(--tw-primary-color);
    font-size: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid rgba(227, 227, 227, 0.76);
    left: 20px;
    top: 20px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.sinAddress:hover{
    cursor: pointer;
}
.sinAddress:hover span{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    border: 1px solid var(--tw-primary-color)
}
.sinAddress p{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 6px;
}
.sinAddress h3{
    font-size: 20px;
    font-weight: 600;
    font-family: var(--primary-font);
    line-height: 1;
    margin: 0;
}
.sinAddress h3 a{
    display: inline-block;
    color: inherit;
}
.getFormWrap{
    position: relative;
    padding: 111px 0 120px 19px;
    top: 2px;
}
.getFormWrap .subTitle{
    margin: 0 0 20px;
}
.getFormWrap .secTitle{
    margin: 0 0 44px;
}
.getFormWrap .subTitle:after{
    content: none;
}
.getFormWrap form{
    position: relative;
}
.singleForm{
    position: relative;
}
.singleForm p{
    margin:0;
}
.singleForm input,
.singleForm textarea{
    width: 100%;
    height: 60px;
    line-height: 60px;
    outline: 0;
    border: 0;
    border-radius: 8px;
    background: var(--tw-white-color);
    color: #74787C;
    padding: 0 45px 0 26px;
    border: unset;
}
.singleForm textarea{
    resize: none;
    height: 180px;
    margin-bottom: 30px;
    line-height: 19px;
    padding: 22px 45px 0 26px;
}
.singleForm i{
    position: absolute;
    right: 25px;
    top: 22px;
    font-size: 16px;
    color: #74787C;
}
.singleForm.inputUrl i{
    font-size: 15px;
}
.singleForm.inputEmail i{
    font-size: 16px;
}
.getFormWrap .logicBtn{
    height: 55px;
    line-height: 57px;
    padding: 0 38px;
}
.con_message {
    display: none;
    border-radius: 5px;
    margin: 12px 0 0;
    font-size: 16px;
    padding-left: 24px;
    padding-right: 24px;
}
form#contact_form input.reqError:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), form#contact_form textarea.reqError {
    border-color: var(--tw-primary-color);
}


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

/*-----------------------------------------
/  22. Preloader
/-----------------------------------------*/
.preloader{
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #181818;
}
.spinner-eff{
    width: 76px;
    height: 76px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 2;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    overflow: hidden;
}
.cus_logoPreloader {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cus_logoPreloader img {
    min-height: 48px;
    animation: fadeinout 4s infinite;
}
.fadeinout
{
  animation: fadeinout 4s infinite;
}
@keyframes fadeinout{
  0%{
    opacity:.4;
  }50%{
    opacity:1;
  }100%{
    opacity:.4;
  }
}
.spinner-eff:before, .spinner-eff:after{
    content: "";
    display: block;
}
.spinner-eff .spinner-bar:before, .spinner-eff .spinner-bar:after{
    content: "";
    display: block;
}

.productPagination.projectPagination {
    margin: 40px 0 30px;
}
.SldierVideoPupup .popup_video{
    position: absolute;
    bottom: 15px;
    right: 471px;
}

/* spinner-1 styles */
@-webkit-keyframes rotation-top{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-top{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-right{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-right{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-bottom{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-bottom{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-left{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-left{
    0%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 0.5;
    }
    80%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        opacity: 0.5;
    }
}
.spinner-eff.spinner-eff-1 .bar{
    width: 0;
    height: 0;
    border: 38px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 0.5;
    z-index: -2;
}
.spinner-eff.spinner-eff-1 .bar-top{
    border-top: 38px solid var(--tw-primary-color);
    -webkit-animation: rotation-top 3.8s linear 0s infinite;
    animation: rotation-top 3.8s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-right{
    border-right: 38px solid var(--tw-primary-color);
    -webkit-animation: rotation-right 3.8s linear 0s infinite;
    animation: rotation-right 3.8s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-bottom{
    border-bottom: 38px solid var(--tw-primary-color);
    -webkit-animation: rotation-bottom 3.8s linear 0s infinite;
    animation: rotation-bottom 3.8s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-left{
    border-left: 38px solid var(--tw-primary-color);
    -webkit-animation: rotation-left 3.8s linear 0s infinite;
    animation: rotation-left 3.8s linear 0s infinite;
}

/* --  Blog Grid Right Sidebar -- */
.blogPageSec01.blogGrid01Right .productPagination{
    margin-top: 20px;
}
/* --  Blog Grid Left Sidebar -- */
.blogPageSec01.blogGrid01Left .blogPageWrap {
    padding-right: 0;
}
.blogPageSec01.blogGrid01Left .productPagination{
    margin-top: 20px;
}
/* -- Blog Grid No Sidebar -- */
.blogGrid01Full{
    padding: 120px 0 120px;
}
.blogGrid01Full .blogItem01{
    margin-bottom: 50px;
}
.blogGrid01Full .blogPageWrap {
    padding-right: 0;
}
.blogGrid01Full .productPagination{
    margin-top: 20px;
    text-align: center;
}
.blogGrid01Right .blogPageWrap{
    padding-right: 0;
}
.blogGrid01Left .blogItem02 .bpContent02 h3,
.blogGrid01Right .blogItem02 .bpContent02 h3,
.blogGrid01Full .blogItem02 .bpContent02 h3 {
    font-size: 20px;
    line-height: 30px;
}
.blogPageSec02.blogPageSecnoGap .blogPageWrap{
    padding-left: 0;
}
.servicePageSec02 .singleService{
    margin-bottom: 24px;
} 
.servicePageDetails02 .col-lg-4 {
    width: 30.5%;
}
.servicePageDetails02 .col-lg-8 {
    width: 69.5%;
}
.servicePageSec03 .faciltItem{
    margin-bottom: 87px;
}
.servicePageDetails02 .serviceDetailsWrap {
    position: relative;
    padding-right: 35px;
    padding-left: 0;
}
.servicePageDetails03 .serviceDetailsWrap {
    position: relative;
    padding-right: 0;
    padding-left: 0;
}
.projectPageDetails02 .serviceDetailsWrap{
    padding-right: 35px;
    padding-left: 0;
}
.teamArchivePage{
    position: relative;
    padding: 120px 0 80px;
}
.teamArchivePage .singleTeam,
.teamArchivePage .teamItem03{
    margin-bottom: 40px;
}
.teamPageSec03{
    position: relative;
    padding: 96px 0 76px;
}
.teamPageSec03  .teamItem02{
    margin-bottom: 40px;
}
.teamPageSec03  .teamItem02 img {
    max-width: 183px;
    width: 100%;
    height: auto;
    border-radius: 50%;
    margin: 24px auto;
}
.projectPageDetails{
    padding: 120px 0 84px;
}
.projectPageDetails .pageNavigationSec01{
    display: none;
}

/*-- Back To Top --*/
#backtotop{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 45px;
    height: 45px;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    font-size: 16px;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    z-index: 9999;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-animation: waveBtn 2s infinite;
            animation: waveBtn 2s infinite;
}
#backtotop.activate{
    -webkit-transform: scale(1);
            transform: scale(1);
}
#backtotop i{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
#backtotop:hover{
    background: var(--tw-secondary-color);
    color: var(--tw-primary-color);
}
@-webkit-keyframes waveBtn {
    0%{
        box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.6);
    }
    50%{
        box-shadow: 0 0 0 40px transparent;
    }
    100%{
        box-shadow: 0 0 0 0 transparent;
    }
}
@keyframes waveBtn {
    0%{
        box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.6);
    }
    50%{
        box-shadow: 0 0 0 40px transparent;
    }
    100%{
        box-shadow: 0 0 0 0 transparent;
    }
}


/*-----------------------------------------
/        * WP Modification css  *
/-----------------------------------------*/
.logis_holder.elementor-align-left .iconBox01 ,
.logis_holder.elementor-align-left .iconBox04 ,
.logis_holder.elementor-align-left .serviceItem02,
.logis_holder.elementor-align-left .abIconBox,
.logis_holder.elementor-align-left .abIconBox04,
.logis_holder.elementor-align-left .iconBox08,
.logis_callInfo.elementor-align-left .single.abIconBox {
    text-align: left;
}
.logis_holder.elementor-align-center .iconBox01 ,
.logis_holder.elementor-align-center .iconBox08,
.logis_holder.elementor-align-center .serviceItem02 {
    text-align: center;
}
.logis_holder.elementor-align-right .iconBox01,
.logis_holder.elementor-align-right .iconBox04,
.logis_holder.elementor-align-right .abIconBox,
.logis_holder.elementor-align-right .abIconBox04,
.logis_holder.elementor-align-right .serviceItem02,
.logis_holder.elementor-align-right .iconBox08,
.logis_callInfo.elementor-align-right .single.abIconBox {
    text-align: right;
}

.logis_callInfo.elementor-align-center .single.abIconBox,
.logis_holder.elementor-align-center .iconBox03,
.logis_holder.elementor-align-center .abIconBox ,
.logis_holder.elementor-align-center .abIconBox04,
.logis_holder.elementor-align-center .iconBox04{
    text-align: left;
}
.logis_callInfo.elementor-align-right .single.abIconBox span,
.logis_holder.elementor-align-right .abIconBox span,
.logis_holder.elementor-align-right .iconBox03 span{
    left: auto;
    right:0;
}
.logis_holder.elementor-align-left .iconBox08 span{
    margin-left: 0;
    margin-right: auto;
}
.logis_holder.elementor-align-right .iconBox08 span{
    margin-left: auto;
    margin-right: 0;
}

.logis_holder.elementor-align-right .abIconBox04 span{
    left: auto;
    right: 40px;
}
.logis_holder.elementor-align-right .iconBox04 span{
    left: auto;
    right:48px;
}
.logis_holder.elementor-align-right .iconBox03 {
    padding: 9px  100px 7px 0;
}
.logis_callInfo.elementor-align-right .single.abIconBox{
    padding: 6px 77px 0 0;
}
.logis_holder.elementor-align-right .iconBox04 {
        padding: 26px 113px 8px 0;
}
.logis_holder.elementor-align-right .abIconBox{
    padding: 6px 77px 0 0;
}
.logis_holder.elementor-align-right .abIconBox04{
    padding: 30px  107px 30px 40px;
}
.logis_holder.elementor-align-right .iconBox03 span:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.iconBox04 span{
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}
.iconBox01 svg,
.iconBox02 span svg,
.iconBox03 span svg,
.iconBox04 span svg,
.iconBox05 span svg,
.iconBox06 span svg,
.iconBox07 span svg,
.iconBox08 span svg{
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}

.logicList_item{
    position: relative;
}
.logicList_item.icon-static > *{
    position: static;
}
.logicList_item.icon-relative > *{
    position: relative;
}
.logicList_item.icon-absolute > *{
    position: absolute;
}
.logicList_item.icon-static > svg,
.logicList_item.icon-relative > svg,
.logicList_item.icon-absolute > svg{
    width: 16px;
    height: 16px;
    fill: var(--tw-secondary-color);
    stroke: var(--tw-secondary-color);
    stroke-width: 0.5px;
}

.logis_box_align-left .iconBox04{
    margin-right: auto;
    margin-left: 0;
}
.logis_box_align-center .iconBox04{
    margin-left: auto;
    margin-right: auto;
}
.logis_box_align-right .iconBox04{
    margin-left: auto;
    margin-right: 0;
}

/* acordion  */
.logisfareAcordion .accordion-button {
    position: relative;
    background: var(--tw-white-color);
    box-shadow: 0px 19px 36px rgba(130, 100, 90, 0.05);
    color: var(--tw-secondary-color);
    font-family: var(--secondary-font);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    width: 100%;
    height: 55px;
    line-height: 57px;
    padding: 0 33.9px;
    border: none;
    z-index: 1;
    border-radius: 10px;
    transition: all 350ms ease;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
}
.logisfareAcordion .accordion-button:hover, .logisfareAcordion .accordion-button:not(.collapsed) {
    background: var(--tw-primary-color);
}
.logisfareAcordion .accordion-button:not(.collapsed){
    color: var(--tw-white-color);
}
.logisfareAcordion .accordion-button:not(.collapsed):after{
    color: var(--tw-white-color);
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.logisfareAcordion .accordion-button:not(.collapsed) {
    border-radius: 10px;
}
.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:first-of-type .accordion-button.collapsed{
    border-radius: 10px;
}
.logisfareAcordion .accordion-item:not(:last-of-type){
    margin-bottom: 20px;
}
.logisfareAcordion .accordion-item .accordion-body h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 24px;
}
.logisfareAcordion .accordion-body {
    padding:44px 25px 5px;
}
.logisfareAcordion .accordion-button:after {
    position: absolute;
    top: 0;
    right: 16px;
    content: "\e9b9";
    font-family: 'Themewar' !important;
    font-size: 12px;
    color: var(--tw-secondary-color);
    font-weight: 600;
    transition: all 350ms ease;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
}

.priceTb_footer{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.priceList-align-left .priceList02 ul,
.priceList-align-left .priceList{
    text-align: left;
}
.priceList-align-center .priceList02 ul,
.priceList-align-center .priceList{
    text-align: center;
}
.priceList-align-right .priceList02 ul,
.priceList-align-right .priceList{
    text-align: right;
}
.priceTb_btn-align-left .priceTb_footer{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.priceTb_btn-align-center .priceTb_footer{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.priceTb_btn-align-right .priceTb_footer{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.pricArea-align-left .priceBox{
    left: auto;
}
.pricArea-align-center .priceBox{
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.pricArea-align-right .priceBox{
    left: unset;
    right: auto;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
}
.singlePrice .priceTb_footer{
    padding: 0 30px;
}
.priceCircle span i{
    font-size: 32px;
    position: relative;
    top: 1px;
}
.pricArea-align-left .priceCircle{
    margin-left: 0;
    margin-right: 0;
    left: 30px;
    right: auto;
}
.pricArea-align-center .priceCircle{
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.pricArea-align-right .priceCircle{
    margin-left: 0;
    margin-right: 0;
    right: 30px;
    left: auto;
}
.clientSlider.owl-carousel .owl-nav button {
    border: 0;
    outline: 0;
    background: rgba(255,255,255,0.9);
    position: relative;
    width: 40px;
    height: 35px;
    margin: 0 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 0px 10px 20px rgba(24, 16, 16, 0.06);
    color: var(--tw-white-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    overflow: hidden;
    z-index: 1;
}
.clientSlider .owl-nav button i{
    font-size: 16px;
    font-weight: 400;
    color: var(--tw-secondary-color);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.clientSlider .owl-nav button:after {
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    background: var(--tw-primary-color);
    border-radius: 8px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: -1;
}
.clientSlider .owl-nav button:hover:after {
    right: auto;
    left: 0;
    width: 100%;
}
.clientSlider .owl-nav button:hover i{
    color: var(--tw-white-color);
}
.clientSlider .owl-nav {
    text-align: center;
    margin: 36px 0 0;
}
.clientSlider .owl-dots button {
    width: 25px;
    height: 25px;
    border: 2px solid transparent;
    margin: 5px;
    border-radius: 50%;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 4px;
}
.clientSlider .owl-dots{
    margin: 36px 0 0;
    text-align: center;
}
.clientSlider .owl-dots button.active {
    border-color: var(--tw-primary-color);
}
.clientSlider .owl-dots button span {
    width: 8px;
    height: 8px;
    background: #CFCFCF;
    border-radius: 50%;
    position: relative;
}
.clientSlider .owl-dots button.active span {
    background: var(--tw-primary-color);
}
.cleintLogo{
    display: block;
    text-align: center;
}
.cleintLogo img{
    max-width: 148px;
}

.clientLogoGrid .cleintLogo {
    width: 100%;
    height: auto;
    padding: 50px 30px;
    background: #f8f8f8;
    box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.clientLogoGrid .cleintLogo img{
    min-height: 64px;
}
.testiTopBg {
    padding: 0 0 53px;
}
.logisfarePagination{
    position: relative;
    padding: 63px 0 0;
}
.logisfarePagination span, .logisfarePagination a {
    width: 50px;
    height: 50px;
    margin-left: 0;
    margin-right: 11px;
    background: var(--tw-white-color);
    color: var(--tw-secondary-color);
    font-size: 18px;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.02);
    justify-content: center;
}
.logisfarePagination span.current, .logisfarePagination a.current {
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.logisfarePagination span:hover, .logisfarePagination a:hover {
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.logisfarePagination span i, .logisfarePagination a i {
    font-size: 16px;
}
.faciltItem {
    margin-top: 58px;
}

.serviceSliderWrapp {
    padding: 33px 32px;
    margin: -33px -32px;
    overflow: hidden;
}
.serviceSliderWrapp .owl-stage-outer{
    overflow: visible;
}
.serviceSliderWrapp .owl-item{
    opacity: 0;
}
.serviceSliderWrapp .owl-item.active{
    opacity: 1;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}
.serviceSliderWrapp.owl-carousel .owl-stage-outer .owl-item.active{
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    visibility: visible;
}
.serviceSliderWrapp.owl-carousel .owl-stage-outer .owl-stage{
    cursor: none;
    pointer-events: none;
}
.faciltItem > span > img {
    width: auto;
    height: 38px;
}
.serviceCarousel02  .owl-nav {
    display: none;
}
.serviceCarousel02  .owl-dots {
    display: none;
}


/* owl dots global style */
.teamCarousel .owl-dots, .folioSlider01 .owl-dots, .serviceCarousel .owl-dots {
    position: relative;
    margin: 36px 0 0;
}
.folioPagePagination a,
.folioPagePagination span{
    background: #F8F8F8;
}
.postShare-left .postSocialShare{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.postShare-center .postSocialShare{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.postShare-right .postSocialShare{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.biMeta01.singlePostMeta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
    row-gap: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.biMeta01.singlePostMeta span{
    margin: 0;
}
.biMeta01.singlePostMeta > * {
    color:  var(--tw-body-color);
    font-weight: 500;
    font-family: var(--primary-font);
}
.biMeta01.singlePostMeta .post_cat span{
        display: inline-block;
        width: 15px;
        height: 1px;
        background: var(--tw-body-color);
        margin: 3px;
}
.biMeta01.singlePostMeta a{
    text-transform: capitalize;
}
.logisfarePagination.comentPaginations {
    padding:0;
}
.logisfarePagination.comentPaginations > * {
    margin-bottom: 55px;
}
.logisfarePagination span, 
.logisfarePagination a{
    background: #F5F5F5;
}
.sidebarSocial{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    row-gap: 10px;
}
.postSocialShare  .social-icon-link {
    background: transparent;
    width: auto;
    height: auto;
}
.postSocialShare  .social-icon-link:hover{
    background: transparent;
}
.social-icon-link{
    width: 45px;
    height: 45px;
    background: #1877f2;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    font-size: 18px;
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
}
.social-icon-link:hover{
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
}
.blogListView {
    position: relative;
    padding: 0 35.99px 0 0;
}
.blogListView.blogLSB{
    padding: 0 0 0 35.99px ;
}
.blogListView.blogNSB{
    padding: 0;
}
.blogGridView .bpContent02 h3 {
    font-size: 20px;
    line-height: 30px;
}
.blogGridView .bpContent02 {
    padding: 0 40px 40px;
}
.blogGridView .bpContent02 .btnLink i{
    top: 2px;
}
.blogGridView .blogItem03 h3 {
    line-height: 32px;
    margin: 0 0 7px;
}
.blogGridView .blogItem03 .biMeta03 {
    margin-bottom: 18px;
}

/*------- default blog details modification  -------*/
.blogDetailsPgSec{
    padding: 120px 0 120px;
    background: var(--tw-white-color);
}
.blogPageWrap .blDetThumb01 img{
    margin-bottom: 35px;
}
.blogPageWrap .blogPostStatic p{
    margin: 0px 13px 27px 0;
}
.blogPageWrap .blogPostStatic p img{
    margin-bottom: 40px;
}
.blogPageWrap .postTags {
    margin: 42px 0px 70px ;
}

/*------- Folio Archive modification  -------*/
.folioArchivePage{
    padding: 120px 0 90px;
}
.folioArcPagePagi .logisfarePagination{
    padding: 41px 0 0;
}
.teamPagePagi .logisfarePagination{
    padding: 31px 0 0;
}
.servicePagePagination .logisfarePagination{
    padding: 47px 0 0;
}
.servicePagePagination span,
.servicePagePagination a,
.folioArcPagePagi .logisfarePagination span,
.teamPagePagi .logisfarePagination span,
.folioArcPagePagi .logisfarePagination a,
.teamPagePagi .logisfarePagination a{
    width: 55px;
    height: 55px;
    margin-right: 12px;
}
.servicePagePagination span, 
.servicePagePagination a{
    background: var(--tw-white-color);
}

.folioArcPagePagi .logisfarePagination *:last-child
.teamPagePagi .logisfarePagination *:last-child{
    margin-right: 0px;
}
.team_designation span{
    position: relative;
    font-weight: 400;
    font-family: var(--primary-font);
    color: var(--tw-primary-color);
    font-size: 16px;
    line-height: 19px;
    display: inline-block;
}
/*========== srvice archive page  ==========*/
.serviceArchivePage{
    padding: 120px 0 96px;
    background: #F7F7F7;
}
.serviceArchivePage .singleService,
.serviceArchivePage .faciltItem{
    margin-bottom: 24px;
}
.serviceContent .btnLink i{
    font-size: 16px;
    top: 3px;
}


/*============= footer modification  =============*/
.footerWidget{
    background: transparent;
    padding: 0;
    margin: 0;
    position: relative;
}
.footerWidget .widgetTitle{
    font-size: 24px;
    line-height: 1;
    color: var(--tw-white-color);
    position: relative;
    margin: 0 0 49px;
}
.footerWidget .widgetTitle:after{
    content: '';
    position: absolute;
    background: url(../images/bgimg/shape_divider.png)no-repeat;
    background-size: 100% 100%;
    width: 61px;
    height: 2px;
    color: var(--tw-primary-color);
    bottom: -21px;
    left: 0;
}
.footerWidget .footer_logo a{
    display: inline-block;
    max-width: 250px;
    width: 100%;
    margin: 0 0 38px;
    padding: 0;
}
.widgetDetails p{
    color: #838790;
    padding:0 55px 22px 0
}
.footerabout h4{
    font-size: 18px;
    color: var(--tw-white-color);
    line-height: 24px;
    margin-bottom: 22px;
}
.footerabout p{
    color: #838790;
    padding: 0 55px 0 0;
    margin: 0 0 16px;
}
.footerSocial{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    row-gap: 10px;
}
.fSocial_align.elementor-align-left .footerSocial{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.fSocial_align.elementor-align-center .footerSocial{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.fSocial_align.elementor-align-right .footerSocial{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.footerSocial a{
    margin: 0;
}
.aboutFooterNav{
    position: relative;
}
.aboutFooterNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.aboutFooterNav ul li {
    position: relative;
    margin-bottom: 14px;
}
.aboutFooterNav ul li:last-child{
    margin-bottom: 0px;
}
.aboutFooterNav ul li a{
    position: relative;
    display: inline-block;
    color: #838790;
    font-size: 16px;
    line-height: 24px;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
}
.aboutFooterNav ul li a:before{
    position: relative;
    content: '\e904';
    font-family:'LogisFare' !important;
    font-size: 14px;
    color: inherit;
    margin: 0 15px 0 0;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
}
.aboutFooterNav ul li a:hover{
    color: var(--tw-primary-color);
}
.aboutFooterNav ul li a:hover:before{
    margin-right: 11px;
}
.aboutFooterNav.inlineMenu ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 33px;
       -moz-column-gap: 33px;
            column-gap: 33px;
    row-gap: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.aboutFooterNav.inlineMenu ul li{
    margin-bottom: 0px;
}
.aboutFooterNav.inlineMenu ul li a:before{
    content: '';
    display: none;
    visibility: hidden;
    font: 0;
}
.menu_nav.elementor-align-left .inlineMenu ul{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.menu_nav.elementor-align-center .inlineMenu ul{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.menu_nav.elementor-align-right .inlineMenu ul{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.fContact_info {
    position: relative;
    padding: 26px 0 10px 113px;
    border: 1px solid #26282F;
}
.fContact_info span {   
    position: absolute;
    left: 48px;
    top: 23px;
    font-size: 16px;
    color: var(--tw-white-color);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #2B2B2B;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.fContact_info p{
    font-size: 14px;
    font-weight: 500;
    color: #838790;
    line-height: 17px;
    margin: 0 0 7px;
}
.fContact_info h3{
    font-size: 20px;
    line-height: 1;
    color: var(--tw-white-color);
}
.fContact_info h3 a{
    color:inherit;
    display: inline-block;
}
.fContact_info h3 a:hover{
    color: var(--tw-primary-color);
}
.fContact_info > span svg{
    width: auto;
    height: 16px;
}

.anCart{
    position: relative;
}
.cartWidgetArea {
    position: absolute;
    display: block;
    top: calc(100% + 23px);
    right: -30px;
    width: 300px;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 50px 0 rgba(29, 35, 58, .08);
    padding: 30px 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    border-radius: 10px;
    -webkit-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}
div.anCart:hover .cartWidgetArea {
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
div.anCart .cartWidgetProduct img {
    width: 60px;
    height: 70px;
    position: absolute;
    border-radius: 3px;
    left: 0;
    top: 0;
}
.cartWidgetProduct a {
    font-family: var(--secondary-font);
    display: block;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    bottom: auto;
    color: var(--tw-secondary-color);
    margin: 0 0 6px;
    top: -2px;
    font-weight: 700;
}
.cartWidgetProduct .cartProductPrice {
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 700;
    color: var(--tw-primary-color);
    line-height: 1;
}
.cartWidgetProduct {
    position: relative;
    min-height: 60px;
    text-align: left;
    padding-left: 74px;
    margin-bottom: 25px;
    padding-right: 15px;
}
.totalPrice {
    font-family: var(--secondary-font);
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    color: var(--tw-primary-color);
    text-align: left;
    font-weight: 500;
    width: 100%;
    text-transform: capitalize;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #EFEFEF;
}
.cartWidgetBTN {
    position: relative;
    text-align: left;
}
.cartWidgetBTN a {
    font-family: var(--secondary-font);
    display: inline-block;
    position: relative;
    height: 35px;
    min-width: 10px;
    background: var(--tw-white-color);
    border-radius: 35px;
    font-size: 12px;
    line-height: 36px;
    color: var(--tw-white-color);
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
    float: left;
    padding: 0 20px;
}
.popup_logo {
    padding: 50px 0 0;
}
.popup_logo img,
.elementor .popup_logo img{
    max-width: 183px;
    height: auto;
}
a#search_Closer {
    font-size: 20px;
    color: var(--tw-white-color);
    text-align: right;
    float: right;
    border: 2px solid var(--tw-white-color);
    padding: 10px;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 45px;
}
a#search_Closer:hover{
    border-color: var(--tw-primary-color);
    color: var(--tw-primary-color);
}
.themewar_bars{
    transition: 0.3s all ease-in-out;
   -webkit-transition: 0.3s all ease-in-out;
   -moz-transition: 0.3s all ease-in-out;
}


/* Shop page Wp Modification */
.shopPageSection{
    position: relative;
    padding: 120px 0 120px;
}
.productCount p strong{
    font-weight: 400;
}
.shopAccessRow{
    margin-bottom: 40px;
}
.pi01Price {
    font-family: var(--primary-font);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    line-height: 1;
}
.pi01Price del {
    font-size: 14px;
    color: #161921;
    position: relative;
    text-decoration: none;
    padding: 0 6px;
    line-height: 1;
    margin: 0 0 0 8px;
    font-weight: 600;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    opacity: 0.5;
}
.pi01Price del:after {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 100%;
    height: 1px;
    background: #161921;
    margin: 0;
    opacity: 0.5;
}
.pi01Actions {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 25;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.productSinList01 .pi01Actions{
    position: relative;
    top:unset;
    left:unset;
    -webkit-transform:unset;
            transform:unset;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.woocommerce .pi01Actions .added_to_cart,
.woocommerce .pi01Actions .pi01ACart,
.woocommerce .pi01Actions .add_to_cart_button,
.woocommerce .pi01Actions .variableAddToCart  {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--primary-font);
    text-transform: uppercase;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    padding: 0 24.04px;
    height: 45px;
    line-height: 45px;
    position: relative;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    border-radius: 0 !important;
    overflow: hidden;
}

.woocommerce .productSinList01 .pi01Actions .added_to_cart,
.woocommerce .productSinList01 .pi01Actions .pi01ACart,
.woocommerce .productSinList01 .pi01Actions .add_to_cart_button{
    visibility: visible;
    opacity: 1;
}
.woocommerce .productItem01:hover .pi01Thumb .added_to_cart,
.woocommerce .productItem01:hover .pi01Thumb .pi01ACart,
.woocommerce .productItem01:hover .pi01Thumb .add_to_cart_button,
.woocommerce .productItem01:hover .pi01Thumb .variableAddToCart {
    opacity: 1;
    visibility: visible;
    top: 0;
}
.pi01Actions a.variableAddToCart.disabled {
    opacity: .8 !important;
    cursor: not-allowed;
}
.woocommerce .pi01Actions .added_to_cart:hover,
.woocommerce .pi01Actions .pi01ACart:hover,
.woocommerce .pi01Actions .add_to_cart_button:hover,
.woocommerce .pi01Actions .variableAddToCart:hover{
    background: var(--tw-white-color);
    color: var(--tw-secondary-color);
}
.woocommerce .productSinList01 .pi01Actions .added_to_cart:hover,
.woocommerce .productSinList01 .pi01Actions .pi01ACart:hover,
.woocommerce .productSinList01 .pi01Actions .add_to_cart_button:hover{
    color: var(--tw-white-color);
    background: var(--tw-secondary-color);
}
.pi01Actions span.cartTextLabel {
    display: inline-block;
    color: inherit;
}
.pi01Actions .added_to_cart:before,
.pi01Actions .pi01ACart:before,
.pi01Actions .add_to_cart_button:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -100%;
    width: 50px;
    height: 100%;
    background: url(../images/bgimg/teamSahp1.png)no-repeat scroll center center / cover;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}
.pi01Actions .added_to_cart:not(.loading):after,
.pi01Actions .pi01ACart:not(.loading):after,
.pi01Actions .ajax_add_to_cart:not(.loading):after {
    content: '';
    position: absolute;
    left: -50px;
    bottom: 0;
    width: 50px;
    height: 100%;
    background: url(../images/bgimg/ibSecLeft.png)no-repeat scroll center center / cover;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}
.pi01Actions .added_to_cart:hover:before,
.pi01Actions .pi01ACart:hover:before,
.pi01Actions .add_to_cart_button:hover:before {
    bottom: 0;
}
.pi01Actions .added_to_cart:not(.loading):hover:after,
.pi01Actions .pi01ACart:not(.loading):hover:after,
.pi01Actions .add_to_cart_button:not(.loading):hover:after {
    left: 0;
}
.pi01Actions .added_to_cart i,
.pi01Actions .pi01ACart i,
.pi01Actions .add_to_cart_button i{
    display: none;
}
.woocommerce .pi01Actions .add_to_cart_button.added {
    display: none;
}
.woocommerce .uiuxomProductWrapper a.variableAddToCart.loading:after, .woocommerce .uiuxomProductWrapper a.button.loading:after {
    content: '\e805';
    font-family: 'lightcase';
    position: absolute;
    background-image: unset;
    width: auto;
    height: 55%;
    left: 43%;
    right: auto;
    top: 10px;
    right: auto;
    font-weight: 900;
    font-size: 18px;
    text-shadow: 0 0 10px rgb(0 0 0 / 30%);
    -moz-transform-origin: 50% 53%;
    -webkit-animation: lightcase-spin 0.5s infinite linear;
    animation: lightcase-spin 0.5s infinite linear;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.woocommerce .productItem01:hover .pi01Thumb .add_to_cart_button.loading,
.woocommerce .productSinList01 .pi01Actions .add_to_cart_button.loading{
    padding-right: 24.04px;
}
.productSinList01 .pi01Details .pi01Price {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 0  22px;
}
.productSinList01 .pi01Details .pi01Desc {
    margin: 0 0 30px;
}

/*-- Shop Sidebar --*/
.shopSidebar{
    position: relative;
    margin: 0px 0 61px;
}
.widget.woocommerce{
    position: relative;
    background: #F5F5F5;
    padding: 35px 35px 35px;
    display: block;
    margin: 0 0 30px;
}
.shopSidebar .widgetTitle{
    font-size: 24px;
    line-height: .6;
    margin: 0 0 29px;
}
.widget_product_search form{
    position: relative;
}
.widget_product_search input[type="search"]{
    width: 100%;
    border: 0;
    outline: 0;
    background: var(--tw-white-color);
    padding: 0 60px 0 24px;
    font-size: 16px;
    font-weight: 400;
    color: #878D97;
    width: 100%;
    height: 55px;
    line-height: 55px;
}
.widget_product_search button[type="submit"]{
    border: 0;
    outline: 0;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    position: absolute;
    right: 0;
    font-size: 0px;
    top: 0;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
}
.widget_product_search button[type="submit"]:after{
    position: relative;
    content: "\e95f";
    font-family: 'logisFare' !important;
    font-size: 16px;
    font-weight: 900;
    color: var(--tw-white-color);
}
.widget_product_categories{
    position: relative;
}
.product-categories{
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}
.product-categories li{
    margin: 0 0 15px;
    position: relative;
}
.product-categories li:last-child{
    margin-bottom: 0px;
}
.product-categories li a{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 17px 25px;
    background: var(--tw-white-color);
    color: var(--tw-white-color);
    font-weight: 500;
    font-family: var(--primary-font);
    line-height: 1;
    color: #74787C;
}
.product-categories li.current-cat a,
.product-categories li a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.product-categories li a:after {
    position: relative;
    content: "\e95d";
    font-family: 'LogisFare' !important;
    font-size: 14px;
    color: var(--tw-primary-color);
}

.product-categories li.current-cat a:after,
.product-categories li a:hover:after{
    color: var(--tw-white-color);
}
.widgetProduct {
    position: relative;
    padding: 3px 0 5px 90px;
    min-height: 70px;
    margin: 0 0 20px;
}
.widgetProduct img{
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
}
.widgetProduct h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 0px;
}
.widgetProduct h3 a{
    color: inherit;
    display: inline-block;
}
.widgetProduct h3:hover{
    color: var(--tw-primary-color);
}
.shopWidget.pdFilter{
    padding-bottom: 21px;
}
.priceFilterSlider{
    position: relative;
    top: -5px;
}
#sliderRange {
    position: relative;
    width: 100%;
    display: block;
    height: 3px;
    background: #E0E0E0;
    border-radius: 0;
    margin: 0 0 19px;
}
#sliderRange .ui-slider-range {
    background: var(--tw-primary-color);
    position: absolute;
    height: 100%;
    border-radius: 0;
    padding: 0;
}
#sliderRange .ui-slider-handle {
    width: 9px;
    height: 9px;
    position: absolute;
    border-radius: 50%;
    background: var(--tw-primary-color);
    top: -3px;
    cursor: pointer;
}
#sliderRange .ui-state-default.ui-state-focus{
    outline: 0;
}
.pfsWrap{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.pfsWrap span{
    font-weight: 700;
    color: var(--tw-secondary-color);
}
.pfsWrap .priceReset{
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: var(--tw-primary-color);
    text-transform: uppercase;
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
}
.pdRatWidget .widgetProduct{
    margin-bottom: 25px;
}
.pdRatWidget .widgetProduct:last-child{
    margin-bottom: 0;
}
.pdRatWidget .widgetTitle{
    margin: 0 0 33px;
}
.pdRatWidget .widgetProduct ins {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: var(--tw-primary-color);
    line-height: 1;
    margin: 0 0;
    text-decoration: none;
}
.widgetProduct .pdRating {
    line-height: 1;
    letter-spacing: -1px;
    font-size: 11px;
    margin: 2px 0 0;
    color: var(--tw-primary-color);
}
.widgetProduct .pdRating i {
    margin: 0;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    position: relative;
    width: 100%;
    display: block;
    height: 3px;
    background: #E0E0E0;
    border-radius: 0;
    margin: 0 0 13px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: var(--tw-primary-color);
    position: absolute;
    height: 100%;
    border-radius: 0;
    padding: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    width: 9px;
    height: 9px;
    position: absolute;
    border-radius: 50%;
    background: var(--tw-primary-color);
    top: -3px;
    cursor: pointer;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
    display: none;
}
.woocommerce .widget_price_filter .price_slider_amount {
    margin: 0;
    float: none;
    font-size: 16px;
    text-align: left;
    font-weight: 700;
    color: var(--tw-secondary-color);
}
.woocommerce .woocommerce-variation-price{
    margin: -6px 0 15px;
}
.woocommerce .woocommerce-variation-price .amount {
    font-size: 18px;
    font-weight: 700;
    font-family: var(--primary-font);
    color: var(--tw-primary-color);
}
.shopSidebar .widget_price_filter .widgetTitle {
    margin: 0 0 24px;
}
.shopSidebar .widget_price_filter {
    padding: 35px 35px 19px;
}

/* product List  */
.shopSidebar .widget_products .widgetTitle{
    margin: 0 0 34px;
}
.pwItems {
    position: relative;
    padding: 0 0px 0 90px;
    min-height: 70px;
    margin: 0 0 20px;
}
.woocommerce ul.product_list_widget li {
    margin: 0;
    padding:0;
}.woocommerce ul.product_list_widget li:last-child > .pwItems{
    margin-bottom: 0px;
}
.woocommerce ul.product_list_widget li .pwItemsThumb {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px;
    border-radius: 0;
    margin: 0;
    background: var(--tw-white-color);
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.woocommerce ul.product_list_widget li img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: auto;
    max-height: 60px;
    height: auto;
}
.pwItems h3 {
    font-size: 20px;
    line-height: 1;
    color: var(--tw-secondary-color);
    margin: 0 0 10px;
    position: relative;
    font-weight: 600;
}
.pwItems h3 a{
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
}
.pwItems h3 a:hover{
    color: var(--tw-primary-color);
}
.pwItems .pi01Price {
    font-size: 16px;
    line-height: 1;
    margin: 0;
    font-weight: 600;
    color: var(--tw-primary-color);
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.woocommerce ul.product_list_widget li .productRatingWrap {
    margin: 0 0 9px;
}
.woocommerce ul.product_list_widget li .productRatingWrap .star-rating {
    line-height: 12px;
    font-size: 12px;
    letter-spacing: 3px;
    width: 78.05px;
}
.woocommerce .star-rating:before {
    color: #F9B317;
}
.woocommerce .star-rating span:before {
    color: #F9B317;
}
.text-start .shopPagination{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.text-end .shopPagination{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.text-center .shopPagination{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* wp modification Product page  */
.productDescContentArea {
    padding: 33px 0 0;
}
.productCartSec .col-lg-5{
    width: 43.73%;
}
.productCartSec .col-lg-7{
    width: 56.27%;
}
.pgImage {
    width: 100%;
    min-height: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #F5F5F5;
    position: relative;
}
.pgImage img{
    max-width: 100%;
    height: auto;
}
.pgImage a {
    position: absolute;
    width: 55px;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: var(--tw-secondary-color);
    border-radius: 50%;
    font-size: 18px;
    font-weight: 900;
    color: var(--tw-white-color);
    margin-top: 100px;
    -webkit-transition: all 0.3s cubic-bezier(0.66, 0.63, 0.58, 0.37);
    transition: all 0.3s cubic-bezier(0.66, 0.63, 0.58, 0.37);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.pgImage a:hover{
    background: var(--tw-primary-color);
}
.pgImagewrap:hover a{
    margin-top: 0px;
    opacity: 1;
    visibility: visible;
    z-index: 99;
}
.slick-slide .pg_thumbs img{
    max-width: 85%;
    height: auto;
}
.pg_thumbs {
    max-width: 100px;
    width: 100%;
    height: 100px;
    border: 1px solid #F5F5F5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    margin: 0 11px;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
}
.pg_thumbs:hover {
    border-color: var(--tw-primary-color);
}
.slick-slide.slick-current .pg_thumbs{
    border-color: var(--tw-primary-color);
}
.productGalleryThumb .slick-list {
    width: calc(100% - 30px);
    left: 0px;
    z-index: 1;
}
.productGalleryThumbWrap{
    margin-top: 20px;
}
.productGalleryThumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
    position: relative;
    top: 50%;
    border: unset;
    background: unset;
    outline: unset;
    font-size: 12px;
    color: var(--tw-secondary-color);
    padding:0;
    z-index: 2;
}
button.slick-prev.slick-arrow {
    left: 0;
    right: auto;
}
button.slick-next.slick-arrow {
    right: 0;
    left: auto;
}
.productContent {
    position: relative;
    padding: 12px 50px 0 34px;
}
.shopDetailsPageSection .productContent .pi01Price{
    font-weight:700 ;
    color: var(--tw-primary-color);
    text-decoration: none;
    font-size: 20px;
    line-height: 1;
    margin: 0 0 19px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.productContent .pi01Price del {
    font-size: 20px;
    font-weight: 400;
    opacity: 0.3;
    padding: 0 0px;
    margin: 0 0 0 20px;
}
.productContent .pi01Price del:after {
    top: 10px;
}
.woocommerce .productContent .star-rating span:before {
    content: "\ee28\ee28\ee28\ee28\ee28";
    top: 0;
    position: absolute;
    left: 0;
    font-family: 'Themewar' !important;
    letter-spacing: 3px;
}
.woocommerce .productContent .woocommerce-product-rating .star-rating{
    font-size: 12px;
    width: 80px;
    margin: 0;
}
.woocommerce .productContent .star-rating:before{
    letter-spacing: 4px;
}
.woocommerce .productContent .woocommerce-review-link{
    font-size: 16px;
    color: var(--tw-body-color);
    font-weight: 400;
    font-family: var(--primary-font);
    line-height: 20px;
    margin: 0 0 0 16px;
}
.woocommerce div.product .productContent .woocommerce-product-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 0 23px;
}
.productContent h2 {
    margin: 0 0 13px;
}
.woocommerce div.product .productContent form.cart div.quantity{
    margin: 0 20px 0 0;
}
.woocommerce .productContent .quantity .qty {
    width: 45px;
    text-align: center;
}
.woocommerce div.product form.cart .button {
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    overflow: hidden;
    padding: 0 39.2px;
    border-radius: 8px;
}
.woocommerce div.product form.cart .button:hover{
    background: var(--tw-secondary-color);
}
.productContent .pcExcerpt ul {
    margin: 0;
    padding: 23px 0 3px;
    list-style: none;
}
.productContent .pcExcerpt ul li{
    font-size: 16px;
    font-weight: 400;
    color: var(--tw-body-color);
    font-family: var(--primary-font);
    line-height: 32px;
    padding-left: 31px;
    position: relative;
}
.productContent .pcExcerpt ul li:before {
    position: absolute;
    top: -1px;
    left: 0;
    content: '\e914';
    font-family: 'Themewar' !important;
    font-size: 16px;
    color: var(--tw-primary-color);
    font-weight: 400;
}
.woocommerce div.product form.cart{
    margin: 0;
}
.woocommerce div.product form.cart .variations .label > label,
.productContent .pcMeta p span {
    font-weight: 700;
    min-width: 93px;
    color: var(--tw-secondary-color);
    text-transform: capitalize;
    font-size: 16px;
    line-height: 32px;
}
.woocommerce div.product form.cart .variations .label > label{
    line-height: 26px;
}
.productGalleryWrap{
    position: relative;
}
.productLabels {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    padding: 29px 30px;
}
.productLabels span {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    padding: 0 13px;
    text-transform: uppercase;
    top: 30px;
    left: 30px;
    width: auto;
    height: 25px;
    line-height: 26px;
}

.productLabels span.plHot{
    background: #34394c;
}
.productLabels span.plDis{
    background: #f04726;
}
.productLabels span.plNew{
    background: #60c381;
}
.productLabels span.plNew {
    background: #ffffff;
    color: var(--tw-secondary-color);
}
.productLabels span.plSale{
    background: var(--tw-primary-color);
}

.productTabRow {
    padding-top: 80px;
}
.descriptionContent .productTabSec{
    padding: 0;
}
ul#productDetailsTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 57px;
       -moz-column-gap: 57px;
            column-gap: 57px;
    border-bottom: 3px solid #EFEFEF;
}
ul#productDetailsTab li button {
    border: unset;
    outline: unset;
    padding: 0;
    margin: 0;
    color: var(--tw-secondary-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: transparent;
    padding: 0 0 17px;
    border-bottom: 3px solid transparent;
    margin-bottom: -3px;
}
ul#productDetailsTab li button.active{
    border-color: var(--tw-primary-color);
}
.productTabSec .container{
    padding: 0;
}
.woocommerce  .inner_reviews #reviews h3.ratingTitle{
    margin-bottom: 27px;
    color: var(--tw-secondary-color);
    letter-spacing: 0;
    font-weight: 700;
}
.woocommerce .productReviewArea {
    padding: 40px 0 0 ;
}
.relatedProductRow{
    padding: 109px 0 0;
}
.relatedProductRow .subTitle{
    margin: 0 0 16px
}
.relatedProductRow .secTitle{
    line-height: 1;
}
.relatedProducHeading{
    padding-bottom: 59px;
}
.owl-carousel .pi01Thumb img{
    width: auto;
}
.shopDetailsPageSection{
    padding: 120px 0 96px;
}

/* Grop Product List  */
div.product.productContainerWrap .groupdThumbTitle {
    position: relative;
    padding: 10px 0px 0 90px;
    min-height: 82px;
    margin: 0 0 10px;
}
.woocommerce div.product form.cart .group_table td:first-child {
    width: 60%;
    text-align: left;
    padding: 0 16px 0 0;
}
div.product.productContainerWrap .groupdThumbTitle  img {
    height: auto;
    max-width: 100%;
    display: inline;
}
div.product.productContainerWrap .groupdThumbTitle .groupdThumbImg{
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px;
    border-radius: 0;
    margin: 0;
    background: var(--tw-white-color);
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #F5F5F5;
}
div.product.productContainerWrap .groupdThumbTitle img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: auto;
    max-height: 70px;
    height: auto;
}
.woocommerce div.product.productContainerWrap .groupdThumbTitle a{
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: var(--tw-secondary-color);
}
.woocommerce div.product.productContainerWrap .groupdThumbTitle a, .myAccountNavigation ul li a, .myAccountPages p strong, .myAccountPages p a, .woocommerce div.product.productContainerWrap .woocommerce-variation-price .price, .woocommerce div.product.productContainerWrap p.stock, .woocommerce div.product.productContainerWrap form.cart .variations .variationItem .label{
    font-family: var(--secondary-font);
}
div.product.productContainerWrap .groupdThumbTitle .pi01Price {
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none;
    margin: 0;
}
div.product.productContainerWrap .groupdThumbTitle .pi01Price del {
    font-size: 16px;
    position: relative;
    text-decoration: none;
    line-height: 1;
    margin: 0 0 0 13px;
    padding: 0 2px;
}
div.product.productContainerWrap .groupdThumbTitle .pi01Price del:after{
    top: 6.5px;
}
.pi01Price ins {
    text-decoration: none;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.woocommerce a.add_to_cart_button.pi01ACart {
    line-height: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.woocommerce .woocommerce-grouped-product-list-item__quantity  a.add_to_cart_button.pi01ACart {
    padding: 0 30px !important;
}
.woocommerce a.add_to_cart_button.pi01ACart i{
    display:none;
}
div.product.productContainerWrap form.cart .group_table td:last-child {
    vertical-align: middle;
}
.woocommerce div.product form.cart .group_table {
    margin-bottom: 28px;
}

.additionalContentArea{
    padding: 19px 0 0 ;
}
.additionalContentArea table.shop_attributes  tr th {
    line-height: 36px;
    color: var(--tw-secondary-color);
    font-size: 15px;
    font-weight: 700;
    width: 500px;
    margin: 0 0 0;
    padding: 9px 0;
    background: transparent !important;
    border: none;
    border-bottom: 1px dashed #d9d9d9;
}
.additionalContentArea table.shop_attributes tr td {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    margin: 0;
    background: transparent !important;
    border: none;
    border-bottom: 1px dashed #d9d9d9;
}

.additionalContentArea table.shop_attributes {
    position: relative;
    width: 100%;
    border: none;
    margin: 0;
}
.additionalContentArea table.shop_attributes tr th {
    line-height: 36px;
    color: var(--tw-secondary-color);
    font-size: 15px;
    font-weight: 700;
    width: 500px;
    margin: 0 0 0;
    padding: 9px 0;
    background: transparent !important;
    border: none;
    border-bottom: 1px dashed #d9d9d9;
}
.additionalContentArea table.shop_attributes tr td {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    margin: 0;
    background: transparent !important;
    border: none;
    border-bottom: 1px dashed #d9d9d9;
}

div.product.productContainerWrap .pcBtns form.cart .woocommerce-variation-add-to-cart.variations_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.woocommerce div.product form.cart .reset_variations {
    font-size: 0px;
    margin-left: 20px;
    width: 55px;
    height: 55px;
    border-radius: 8px;
    border: 1px solid #EFEFEF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}
.woocommerce div.product form.cart .reset_variations:after {
    content: "\ea5a";
    font-family: 'Themewar';
    line-height: 48px;
    font-size: 18px;
    color: var(--tw-secondary-color);
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.woocommerce div.product form.cart .reset_variations:hover{
    border-color: var(--tw-primary-color);
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.woocommerce div.product form.cart .variations {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 21px;
    margin: 0 0 40px;
}
.woocommerce div.product form.cart .variations .variationItem{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}
.woocommerce div.product form.cart .variations .variationItem .label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 93px;
            flex: 0 0 93px;
}
.woocommerce div.product form.cart .variations .variationItem .value {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 93px);
            flex: 0 0 calc(100% - 93px);
}
/*==================== Wc swatches  ====================*/
.wcboost-variation-swatches--button ul.wcboost-variation-swatches__wrapper,
.wcboost-variation-swatches--label ul.wcboost-variation-swatches__wrapper,
.wcboost-variation-swatches--color ul.wcboost-variation-swatches__wrapper,
.wcboost-variation-swatches--image ul.wcboost-variation-swatches__wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-pack: start; 
        -ms-flex-pack: start; 
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
}
/* swatch image/color  */
.wcboost-variation-swatches--image ul.wcboost-variation-swatches__wrapper li,
.wcboost-variation-swatches--color ul.wcboost-variation-swatches__wrapper li {
    margin: 0px;
    padding: 4px;
    border: 1px solid  #F5F5F5;
    outline: 0;
    box-shadow: unset;
    width: 22px;
    height: 22px;
}
.wcboost-variation-swatches--image.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--color.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--image.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--color.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--image.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--color.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li.selected{
    border-color: var(--tw-primary-color);
}
.wcboost-variation-swatches--image.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li img,
.wcboost-variation-swatches--color.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li span,
.wcboost-variation-swatches--image.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li img,
.wcboost-variation-swatches--color.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li span,
.wcboost-variation-swatches--image.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li img,
.wcboost-variation-swatches--color.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li span {
    width: 100%;
    height: 100%;
}
.wcboost-variation-swatches--image.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li,
.wcboost-variation-swatches--color.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li{
    border-radius: 0;
}


/* swatch lable/button  */
.wcboost-variation-swatches--label ul.wcboost-variation-swatches__wrapper li{
    margin: 0px;
    padding: 0px 7px;
    border: 1px solid  #F5F5F5;
    outline: 0;
    box-shadow: unset;
    display: inline-block;
}
.wcboost-variation-swatches--button ul.wcboost-variation-swatches__wrapper li{
    margin: 0px;
    border: 1px solid  #F5F5F5;
    outline: 0;
    box-shadow: unset;
    display: inline-block;
    background:transparent
}
.wcboost-variation-swatches--label.wcboost-variation-swatches--round ul.wcboost-variation-swatches__wrapper li,
.wcboost-variation-swatches--label.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li,
.wcboost-variation-swatches--label.wcboost-variation-swatches--rounded ul.wcboost-variation-swatches__wrapper li{
    width: unset;
    display: inline-block;
    border-radius: 4px;
    height:unset;
}
.wcboost-variation-swatches--label.wcboost-variation-swatches--square ul.wcboost-variation-swatches__wrapper li{
    border-radius: 0;
}

.wcboost-variation-swatches--button ul.wcboost-variation-swatches__wrapper li.selected,
.wcboost-variation-swatches--label ul.wcboost-variation-swatches__wrapper li.selected{
    border-color: var(--tw-primary-color);
    background-color: transparent;
}

/* swatch select  */
.woocommerce div.product form.cart .variations .variationItem .value > .nice-select {
    max-width: 140px;
    width: 100%;
    border: 1px solid #EFEFEF;
    font-size: 15px;
    font-weight: 400;
    font-family: var(--primary-font);
    color: var(--tw-body-color);
    color: var(--tw-body-color);
}
.woocommerce div.product form.cart .variations .variationItem .value > .nice-select:after {
    content: "\e905";
    font-family: 'LogisFare' !important;
    border: unset;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    font-size: 8px;
    top: 4.5px;
    right: 18px;
}
.woocommerce div.product form.cart .variations .variationItem .value > .nice-select > ul{
    width: 100%;
}
/*============== Cart page Modification  ==============*/

.blogDetails-section{
    padding: 120px 0;
}
.cartHeader h3 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 20px;
}
.woocommerce .shop_table.cart_table, .woocommerce table.shop_table.wishlist_table {
    border-spacing: 0;
    border: none;
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}
.woocommerce .shop_table.cart_table thead tr th, .woocommerce table.shop_table.wishlist_table thead tr th {
    font-family: var(--secondary-font);
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: var(--tw-secondary-color);
    border: none;
    text-align: left;
    border-bottom: 1px solid #dbdfe3;
    padding: 0 0 11px;
}
.woocommerce .shop_table.cart_table tbody tr td.product-thumbnail a, .woocommerce table.shop_table.wishlist_table tbody tr td.product-thumbnail a{
    width: 110px;
    height: 110px;
    padding: 8px;
    border-radius: 0;
    margin: 0;
    background: #F5F5F5;
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.blogDetailscontent table tbody tr th a, .blogDetailscontent table tbody tr td a, .widget table tbody tr td a {
    color: inherit;
    text-decoration: none;  
}
.woocommerce .shop_table.cart_table tbody tr td.product-thumbnail img, .woocommerce table.shop_table.wishlist_table tbody tr td.product-thumbnail img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: auto;
    max-height: 70px;
    height: auto;
}
.woocommerce .shop_table.cart_table tbody tr td, .woocommerce table.shop_table.wishlist_table tbody tr td {
    border: none;
    border-top: 1px solid #dbdfe3;
    padding: 15px 0 15px;
    text-align: left;
    margin: 20px 0;
}
.woocommerce .shop_table.cart_table tbody tr td.product-name a, .woocommerce table.shop_table.wishlist_table tbody tr td.product-name a {
    font-family: var(--secondary-font);
    font-size: 18px;
    line-height: 30px;
    color: var(--tw-secondary-color);
    display: inline-block;
    font-weight: 700;
}
.woocommerce .shop_table.cart_table thead tr th:first-child{
    width: 125px;
}
.woocommerce .shop_table.cart_table tbody tr td, .woocommerce table.shop_table.wishlist_table tbody tr td.product-price {
    font-size: 16px;
    font-weight: 600;
    color: var(--tw-primary-color);
}
.woocommerce .quantity .qty{
    width: 45px;
}
.woocommerce .shop_table.cart_table tbody tr td.product-remove, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove {
    width: 48px;
}
.woocommerce .shop_table.cart_table tbody tr td a.remove, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove {
    position: relative;
    width: 48px;
    height: 48px;
    border: 1px solid #dbdfe3;
    display: inline-block;
    background: transparent;
    border-radius: 50%;
}
.woocommerce .shop_table.cart_table tbody tr td a.remove:hover, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove:hover{
    border-color: var(--tw-primary-color);
}
.woocommerce .shop_table.cart_table tbody tr td a.remove span, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 21px;
    height: 21px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.woocommerce .shop_table.cart_table tbody tr td a.remove span:before, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove span:before {
    content: '';
    width: 1px;
    height: 100%;
    background: var(--tw-body-color);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.woocommerce .shop_table.cart_table tbody tr td a.remove span:after, .woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove span:after {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--tw-body-color);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
} 

.woocommerce .shop_table.cart_table tbody tr td a.remove:hover span:before,
.woocommerce .shop_table.cart_table tbody tr td a.remove:hover span:after,
.woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove:hover span:before,
.woocommerce table.shop_table.wishlist_table tbody tr td.product-remove a.remove:hover span:after {
    background: var(--tw-primary-color);
}
.woocommerce .shop_table.cart_table tbody tr.actions td button.button.logicBtn[name="update_cart"] {
    background: var(--tw-primary-color);
    overflow: hidden;
    color: var(--tw-white-color);
    padding: 0 32px;
    border-radius: 8px;
    font-size: 14px;
}
.woocommerce .shop_table.cart_table tbody tr.actions td button.button.logicBtn[name="update_cart"]:hover {
    background: var(--tw-secondary-color);
}
.woocommerce .shop_table.cart_table tbody tr.actions td {
    border: none;
    border-top: 1px solid #dbdfe3;
    padding: 24px 0 0;
}
.woocommerce .shop_table.cart_table tbody tr.actions td {
    border: none;
    border-top: 1px solid #dbdfe3;
    padding: 24px 0 0;
}
.woocommerce .shop_table.cart_table tbody tr.actions td:nth-child(2) > a.logicBtn {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin-left: 8px;
}
.cartAccessRow {
    margin-top: 112px;
}
.cartCoupon h3 {
    font-size: 21px;
    line-height: 30px;
    margin: 0 0 28px;
}
.cartCoupon input {
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #dbdfe3;
    border-radius: 8px;
    font-size: 16px;
    color: var(--tw-body-color);
    margin: 0 0 12px;
    padding: 0 24px;
}
.cartCoupon input:focus{
    outline:0;
    box-shadow: unset;
}
.woocommerce .cartCoupon button.button {
    height: 55px;
    line-height: 55px;
    border-radius: 8px;
    padding: 0 32px;
    font-family: var(--secondary-font);
    display: inline-block;
    position: relative;
    min-width: 155px;
    background: var(--tw-primary-color);
    font-size: 14px;
    color: var(--tw-white-color);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
}
.woocommerce .cartCoupon button.button:hover {
    color: var(--tw-white-color);
    background: var(--tw-secondary-color);
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 100%;
}
.woocommerce .cart-collaterals:after, .woocommerce .cart-collaterals:before, .woocommerce-page .cart-collaterals:after, .woocommerce-page .cart-collaterals:before {
    content: " ";
    display: table;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
    float: none;    
    margin: 5px 0 0 0;
}
.cart_totals h2 {
    display: none;
}
.cart_totals table, .woocommerce table.shop_table, .woocommerce-cart .cart-collaterals .cart_totals table {
    margin: 0 0 23px;
    border-spacing: 0;
    width: 100%;
    border-collapse: collapse;
    border: none;
}
.cart_totals {
    position: relative;
    margin: 5px 0 0 60px;
    background: #F5F5F5;
    border-radius: 8px;
    padding: 27px 24px 36px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-family: var(--secondary-font);
    display: block;
    position: relative;
    height: 55px;
    width: 100%;
    background: var(--tw-primary-color);
    border-radius: 8px;
    font-size: 14px;
    line-height: 55px;
    color: var(--tw-white-color);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
    padding: 0 32px;
    margin: 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
    background: var(--tw-secondary-color);
}
.woocommerce-cart .wc-proceed-to-checkout {
    margin: 0;
    padding: 0;
}
.cart_totals table tr th, .woocommerce-cart .cart-collaterals .cart_totals table th {
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 28px;
    color: var(--tw-secondary-color);
    font-weight: 700;
    padding: 0 0 0 0px;
    border: none;
    text-align: left;
}
.cart_totals table tr th td, .woocommerce-cart .cart-collaterals .cart_totals table td {
    text-align: right;
    padding: 0;
    border: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount td {
    color: var(--tw-primary-color);
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount td a.woocommerce-remove-coupon {
    color: var(--tw-primary-color);
    font-weight: 700;
    margin-right: 5px;
    top: 2px;
    position: relative;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount td a.woocommerce-remove-coupon:hover{
    color: var(--tw-secondary-color);
}
.cart_totals table tr td .pi01Price, .woocommerce-cart .cart-collaterals .cart_totals table td .amount {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: var(--tw-primary-color);
    float: right;
    margin: 0;
}
.woocommerce ul#shipping_method li input {
    margin: 3px .4375em 0 0;
    vertical-align: top;
}
.woocommerce ul#shipping_method li input[type="radio"] {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
.woocommerce ul#shipping_method li label {
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 28px;
    color: var(--tw-secondary-color);
    position: relative;
    display: block;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    padding: 0 28px 0 0;
}
.woocommerce ul#shipping_method li label:before {
    content: '';
    position: absolute;
    right: 0;
    top: 7px;
    width: 15px;
    height: 15px;
    border: 1px solid var(--tw-primary-color);
    border-radius: 50%;
}
.woocommerce ul#shipping_method li input[type="radio"]:checked + label:after {
    content: '';
    width: 9px;
    height: 9px;
    background: var(--tw-primary-color);
    border-radius: 50%;
    position: absolute;
    right: 3px;
    top: 10px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-button{
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    color: var(--tw-secondary-color);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button:after{
    content: '\e9b9';
    font-family: "Themewar" !important;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button:hover{
    color: var(--tw-secondary-color);
}
.woocommerce form.woocommerce-shipping-calculator .form-row{
    margin: 0 0 12px;
    padding: 0;
}
.woocommerce form.woocommerce-shipping-calculator .form-row input.input-text {
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    font-size: 16px;
    color: var(--tw-body-color);
    margin: 0;
    padding: 0 24px;
}
.woocommerce form.woocommerce-shipping-calculator .form-row input::-moz-placeholder{
    color: var(--tw-body-color);
    opacity: 1;
}
.woocommerce form.woocommerce-shipping-calculator .form-row input::-ms-input-placeholder{
    color: var(--tw-body-color);
    opacity: 1;
}
.woocommerce form.woocommerce-shipping-calculator .form-row input::-webkit-input-placeholder{
    color: var(--tw-body-color);
    opacity: 1;
}


.select2-container .selection{
    text-align: left !important;
}
.select2-container .select2-selection--single{
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 0 24px;
}
.customer_details.checkoutForm .select2-container .select2-selection--single{
    margin-bottom: 12px;
    border-radius: 8px;
}
.customer_details.checkoutForm  .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: -12px;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
    border-radius: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size: 16px;
    color: var(--tw-body-color);
    line-height: 54px;
    padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 14px;
    position: absolute;
    top: 0;
    right: 24px;
    width: 10.5px;
    bottom: 0;
    margin: auto 0;
    line-height: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: "\e905";
    font-family: 'LogisFare' !important;
    font-size: 9px;
    color: var(--tw-body-color);
    border: none;
    margin: 0;
    line-height: 9px;
    -webkit-transform: none;
            transform: none;
    width: auto;
    height: auto;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination strong {
    font-weight: 700;
    color: var(--tw-primary-color);
    font-family: var(--secondary-font);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}
.select2-dropdown{
    margin: 1px 0 0;
    border-radius: 0;
    border: none;
    min-width: 80px;
    box-shadow: 0px 3px 30px  rgba(0, 0, 0, .06);
}
.select2-container--default .select2-results>.select2-results__options{
    border-radius: inherit;
}
.select2-results__option{
    font-size: 16px;
    color: var(--tw-body-color);
    text-transform: none;
    padding: 11px 24px;
    line-height: 26px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected]{
    background-color: var(--tw-primary-color) !important;
    color: var(--tw-body-color) !important;
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true]{
    background-color: var(--tw-primary-color) !important;
    color: var(--tw-white-color) !important;
}
.select2-search--dropdown{
    padding: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    display: block;
    width: 100%;
    height: 48px;
    border: none;
    border-bottom: 1px solid #dbdfe3;
    border-radius: 0;
    font-size: 16px;
    color: var(--tw-body-color);
    margin: 0;
    padding: 0 24px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border: 1px solid #EFEFEF;
    box-shadow: unset;
    outline: unset;
}
.woocommerce .woocommerce-shipping-calculator button.button{
    font-family: var(--secondary-font);
    display: inline-block;
    position: relative;
    height: 55px;
    min-width: 155px;
    background: var(--tw-primary-color);
    border-radius: 8px;
    font-size: 14px;
    line-height: 55px;
    color: var(--tw-white-color);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
    padding: 0 36px;
}
.woocommerce .woocommerce-shipping-calculator button.button:hover{
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
}
.blogDetailscontent .shipping-calculator-form p:last-child,
.blogDetailscontent .shipping-calculator-form p:last-of-type{
    margin: 0;
}
.cart_totals table tr.cart-shipping th, .woocommerce-cart .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals th, .cart_totals table tr.cart-shipping td, .woocommerce-cart .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals td {
    padding-bottom: 24px;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total th {
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 28px;
    color: var(--tw-secondary-color);
    font-weight: 700;
    padding: 20px 0 0 0;
    border: none;
    text-align: left;
    border-top: 1px solid #dbdfe3;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td {
    border-top: 1px solid #dbdfe3;
    padding: 20px 0 0 0;
}

#add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination {
    margin-bottom: 15px;
}


/* checkout page  */
.woocommerce form.checkout .form-row {
    margin: 0;
    padding: 0;
}
.checkoutForm h3 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 32px;
}
.checkoutForm input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
    display: block;
    width: 100%;
    height: 55px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    padding: 0 24px;
    font-size: 16px;
    color: var(--tw-body-color);
    margin: 0 0 12px;
}
.checkoutForm input:focus{
    outline: unset;
    box-shadow: unset;
    border-color: #EFEFEF;
}
.orderReview, .woocommerce-checkout-review-order {
    background: #F5F5F5;
    padding: 35px 25px 36px;
    border-radius: 5px;
}
.woocommerce ul#shipping_method .amount{
    font-family: var(--primary-font);
    color: var(--tw-primary-color);
    margin-left: 5px;
}
.orderReview table thead tr th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table thead tr th {
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 1;
    color: var(--tw-secondary-color);
    font-weight: 700;
    border: none;
    text-align: left;
    border-bottom: 1px solid #dbdfe3;
    padding: 0 0 10px;
	border-left: 1px solid transparent;
}
.orderReview table tbody tr td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr td {
    padding: 0 0 4px;
    border: none;
    font-size: 16px;
    line-height: 26px;
    color: var(--tw-secondary-color);
    text-align: left;
    font-family: var(--secondary-font);
    font-weight: 700;
}
.orderReview table tbody tr td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr td.product-total{
    font-family: var(--primary-font);
}
.orderReview table tbody tr:first-child td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr:first-child td {
    padding-top: 20px;
}
.orderReview table tbody tr:last-child td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr:last-child td {
    padding-bottom: 22px;
}
.orderReview table tfoot tr:first-child th, .orderReview table tfoot tr:first-child td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:first-child th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:first-child td {
    border-top: 1px solid #dbdfe3;
    padding-top: 16px;
}
.orderReview table tfoot tr th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr th {
    font-size: 16px;
    line-height: 26px;
    color: var(--tw-secondary-color);
    font-family: var(--secondary-font);
    font-weight: 700;
    padding: 0 0 4px;
}
.orderReview table tfoot tr td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr td {
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
    font-size: 16px;
    line-height: 25px;
    padding: 0 0 4px;
    text-align: right;
}
.orderReview table thead tr th:last-child, .woocommerce table.shop_table.woocommerce-checkout-review-order-table thead tr th:last-child {
    text-align: right;
}
.orderReview table tbody tr td:last-child, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr td:last-child {
    text-align: right;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td {
    padding: 16px 0 12px;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
    padding-top: 16px ;
}
#add_payment_method #payment > h3, .woocommerce-cart #payment > h3, .woocommerce-checkout #payment > h3 {
    display: none;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods, .wc_payment_methods {
    margin: 0 0 49px;
    padding: 0;
    border: none;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li, .wc_payment_methods li {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent;
    border-radius: 5px;
}
.wc_payment_methods li input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.wc_payment_methods li label{
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 1;
    color: var(--tw-secondary-color);
    position: relative;
    display: block;
    cursor: pointer;
    font-weight: 700;
    text-transform: capitalize;
    padding: 0 0 0 28px;
}
.wc_payment_methods li label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 15px;
    height: 15px;
    border: 1px solid var(--tw-primary-color);
    border-radius: 50%;
}
.wc_payment_methods li input[type="radio"]:checked + label:after{
    content: '';
    width: 9px;
    height: 9px;
    background: var(--tw-primary-color);
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 4px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    font-size: 16px;
    color: var(--tw-body-color);
    font-family: var(--primary-font);
    background: #FFFFFF;
}
#add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before {
    border-bottom-color: #FFFFFF;
}
.checkoutForm h3#ship-to-different-address {
    line-height: 1;
    margin: 0 0 30px;
}
.checkoutRegister, .woocommerce-page form .form-row label.checkbox, .checkoutForm h3#ship-to-different-address label {
    position: relative;
    padding: 9px 0 0;
    display: block;
}
.woocommerce-page form .form-row label.checkbox input[type="checkbox"], .checkoutForm h3#ship-to-different-address label input[type="checkbox"] {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.woocommerce-page form .form-row label.checkbox span, .checkoutForm h3#ship-to-different-address label span {
    font-family: var(--secondary-font);
    font-size: 16px;
    color: var(--tw-secondary-color);
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 34px;
    margin: 0;
}
.woocommerce-page form .form-row label.checkbox span:before, .checkoutForm h3#ship-to-different-address label span:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border: 1px solid #EFEFEF;
    position: absolute;
    left: 0px;
    top: 4px;
    font-family: 'Themewar';
    font-size: 10px;
    color: var(--tw-primary-color);
    line-height: 15px;
    text-align: center;
    padding: 0 0 0 1px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.woocommerce-page form .form-row label.checkbox input[type="checkbox"]:checked + span:before,
.checkoutForm h3#ship-to-different-address label input[type="checkbox"]:checked + span:before{
    content: "\eaa9";
    border-color: var(--tw-primary-color);
}
.checkoutForm textarea, .woocommerce form.checkout .form-row textarea {
    display: block;
    width: 100%;
    height: 120px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    padding: 12px 24px;
    font-size: 16px;
    color: var(--tw-body-color);
    margin: 0 0 12px;
    resize: none;
}
.woocommerce-checkout #payment div.form-row.place-order {
    padding: 0;
}
.woocommerce-terms-and-conditions-wrapper {
    margin: -7px 0 45px;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    font-family: var(--secondary-font);
    display: block;
    position: relative;
    height: 55px;
    width: 100%;
    background: var(--tw-primary-color);
    border-radius: 8px;
    font-size: 14px;
    line-height: 55px;
    color: var(--tw-white-color);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
    padding: 0 32px;
    margin: 0;
}
.woocommerce-checkout .orderReviewWrap #payment ul.payment_methods, .wc_payment_methods {
    margin: 0 0 26px;
}
.woocommerce-privacy-policy-text p a.woocommerce-privacy-policy-link{
    color: var(--tw-primary-color);
}
.woocommerce-error a.wc-backward{
    color: var(--tw-primary-color);
}
.blogDetailscontent p {
    margin: 0 0 24px;
}
.loginLinks p {
    font-family: var(--secondary-font);
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--tw-secondary-color);
    font-weight: 400;
}
.loginLinks p a {
    color: var(--tw-primary-color);
    text-transform: uppercase;
    margin: 0 0 0 6px;
    font-weight: 700;
    font-size: 14px;
}
.woocommerce .loginLinks p a:hover{
    color: var(--tw-secondary-color);
}
.woocommerce .checkoutLoginArea form.login input:not([type="radio"]):not([type="checkbox"]) {
    display: block;
    width: 100%;
    height: 55px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    padding: 0 24px;
    font-size: 16px;
    color: var(--tw-body-color);
    margin: 0 0 12px;
    display: block;
    outline:0;
    box-shadow: unset;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    margin: 0 0 0 15px;
    padding: 15px 0;
    position: relative;
}
.woocommerce .checkoutLoginArea form.login {
    margin: 0 0 41px;
    padding: 0;
    border: none;
    border-radius: 0;
}
.loginLinks {
    position: relative;
    margin: 0 0 44px;
}
.woocommerce .woocommerce-form-login p.lost_password {
    margin: 22px 0 0;
}
.woocommerce .woocommerce-form-login p.lost_password .logisfareLink {
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    color: var(--tw-primary-color);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.woocommerce .woocommerce-form-login p.lost_password .logisfareLink:hover {
    color: var(--tw-secondary-color);
}
/* Order Details  */
.logisfareThankuPage p.woocommerce-thankyou-order-received {
    background: #F5F5F5;
    font-size: 16px;
    line-height: 24px;
    color: var(--tw-body-color);
    padding: 15px 25px;
    margin: 0 0 5px;
    border-radius: 8px;
}
.woocommerce .logisfareThankuPage ul.order_details {
    margin: 0 0 30px;
    padding: 0;
}
.woocommerce .logisfareThankuPage ul.order_details li {
    width: calc(20% - 5px);
    margin: 0 5px 5px 0;
    background: #F5F5F5;
    text-align: left;
    padding: 40px 25px;
    border: none;
    font-size: 12px;
    border-radius: 8px;
    color: var(--tw-body-color);
}
.woocommerce .logisfareThankuPage ul.order_details li strong{
    color: var(--tw-secondary-color);
}
.woocommerce-order-downloads, .woocommerce .woocommerce-order-details {
    margin: 0 0 30px;
}
.woocommerce-order-downloads h2, .woocommerce .woocommerce-order-details h2 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 32px;
}
.woocommerce .woocommerce-order-details-wrap{
    background: #F5F5F5;
    border-radius: 8px;
    padding: 22px 25px;
}
.woocommerce table.shop_table.order_details th {
    font-weight: 700;
    padding: 9px 0px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--secondary-font);
    color: var(--tw-secondary-color);
}
.woocommerce table.shop_table.order_details td {
    border-top: 1px solid var(--tw-body-color);
    padding: 9px 0px;
    font-size: 16px;
    font-family: var(--secondary-font);
    color: var(--tw-secondary-color);
    vertical-align: middle;
    line-height: 24px;
}
.woocommerce table.shop_table.order_details td > a{
    font-family: var(--secondary-font);
    color: var(--tw-secondary-color);
    font-size: 16px;
    font-weight: 400;
}
.woocommerce table.shop_table.order_details td > a:hover{
    color: var(--tw-primary-color);
}
.woocommerce table.shop_table.order_details td.product-total,
.woocommerce table.shop_table.order_details td span.amount {
    border-top: 1px solid var(--tw-body-color);
    padding: 9px 0px;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--primary-font);
    color: var(--tw-primary-color);
    vertical-align: middle;
    line-height: 24px;
}
.woocommerce table.shop_table.order_details td span.amount{
    border:unset;
}
.woocommerce table.shop_table.order_details tfoot th, .woocommerce table.shop_table.order_details tfoot td span, .woocommerce table.shop_table.order_details tfoot td {
    border: unset !important;
    padding: 3px 0;
}
.woocommerce table.shop_table.order_details tfoot tr.Subtotal th, .woocommerce table.shop_table.order_details tfoot tr.Subtotal td {
    border-top: 1px solid var(--tw-body-color) !important;
    padding-top: 22px;
}

/* My Account  Page */
.logisfareLoginRegFormWrap {
    position: relative;
}
.logisfareLoginRegFormWrap h2 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 32px;
}
.woocommerce .logisfareLoginRegFormWrap form.login, .woocommerce .logisfareLoginRegFormWrap form.register {
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: none;
}
.woocommerce .logisfareLoginRegFormWrap form .form-row, .woocommerce form.lost_reset_password .form-row {
    margin: 0;
    padding: 0;
}
.woocommerce .logisfareLoginRegFormWrap form .form-row input:not([type="sbumit"]):not([type="radio"]):not([type="checkbox"]), .woocommerce form.lost_reset_password .form-row input:not([type="sbumit"]):not([type="radio"]):not([type="checkbox"]) {
    display: block;
    width: 100%;
    height: 55px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    padding: 0 24px;
    font-size: 16px;
    color: var(--tw-body-color);
    margin: 0 0 12px;
    display: block;
}
.woocommerce form.lost_reset_password button.button,
.woocommerce .logisfareLoginRegFormWrap .woocommerce-form-register__submit.logicBtn,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit.logicBtn{
    background: var(--tw-primary-color);
    overflow: hidden;
    color: var(--tw-white-color);
    padding: 0 32px;
    border-radius: 8px;
    font-size: 14px;
}

.woocommerce form.lost_reset_password button.button:hover{
    background: var(--tw-secondary-color);
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    display: none;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span {
    font-family: var(--secondary-font);
    font-size: 16px;
    color: var(--tw-secondary-color);
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 34px;
    margin: 0;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border: 1px solid #EFEFEF;
    position: absolute;
    left: 0px;
    top: 5px;
    font-family: 'Themewar';
    font-size: 10px;
    color: var(--tw-primary-color);
    line-height: 15px;
    padding: 0 0;
    text-align: center;
    padding: 0 0 0 1px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"]:checked + span:before{
    content: "\eaa9";
    border-color: var(--tw-primary-color);
}
.loginFooter {
    padding: 23px 0 0;
}
.woocommerce .logisfareLoginRegFormWrap form .remindMeWrap {
    margin: 0 0 6px;
}
.woocommerce .logisfareLoginRegFormWrap form p.lost_password {
    margin: 0;
}
.woocommerce .logisfareLoginRegFormWrap form p.lost_password a{
    color: var(--tw-body-color);
}
.woocommerce .logisfareLoginRegFormWrap form p.lost_password a:hover{
    color: var(--tw-primary-color);
}
.woocommerce form .show-password-input:after, .woocommerce-page form .show-password-input:after {
    top: 6px;
    position: relative;
}


/*====== My Account page  ======*/
.myAccountNavigation {
    position: relative;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    float: none;
}
.myAccountNavigation ul {
    margin: 0;
    padding: 0;
}
.myAccountNavigation ul li {
    list-style: none;
    margin: 0 0 6px;
}
.myAccountNavigation ul li a {
    border: none;
    border-radius: 8px;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #FFF;
    background: var(--tw-primary-color);
    font-family: var(--secondary-font);
    text-align: left;
    padding: 0 30px;
    line-height: 55px;
    height: 55px;
    position: relative;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.myAccountNavigation ul li a:hover, .myAccountNavigation ul li.is-active a {
    border-color: transparent;
    background: var(--tw-secondary-color);
    color: #FFF;
}
.myAccountNavigation ul li a:after {
    content: "\e95d";
    font-family: 'LogisFare' !important;
    position: absolute;
    right: 30px;
    top: 0;
    font-size: 14px;
    font-weight: 400;
}
.myAccountPages p a {
    color: var(--tw-secondary-color);
    text-decoration: underline;
}
.myAccountPages p a:hover {
    color: var(--tw-primary-color);
    text-decoration: underline;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    float: none;
}
.woocommerce .woocommerce-info .button {
    background: var(--tw-primary-color);
    font-family: var(--secondary-font);
    font-weight: 500;
    color: #FFF;
    border-radius: 40px;
    text-transform: capitalize;
    padding: 11px 18px 10px;
    font-size: 16px;
    overflow: hidden;
}
.woocommerce .woocommerce-info .button:hover{
    background: var(--tw-secondary-color);
    color: #FFF;
}
.blogDetailscontent p {
    margin: 0 0 24px;
}
.woocommerce-account .addresses .title h3 {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 32px;
}
.woocommerce-account .addresses .title .edit {
    font-family: var(--primary-font);
    display: inline-block;
    position: relative;
    height: 35px;
    min-width: 10px;
    background: var(--tw-primary-color);
    border-radius: 35px;
    font-size: 12px;
    line-height: 36px;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
    padding: 0 20px;
}
.woocommerce-account .addresses .title .edit:hover{
    background: var(--tw-secondary-color);
}
.woocommerce .woocommerce-customer-details-box2 address {
    width: 100%;
    display: block;
    background: #F5F5F5;
    text-align: left;
    padding: 25px 25px;
    border: none;
    font-size: 16px;
    line-height: 26px;
    border-radius: 5px;
}
.woocommerce form.editAddressForm .form-row  label, 
.woocommerce form.edit-account .form-row  label {
    display: block;
    font-family: var(--primary-font);
    font-weight: 700;
    line-height: 1;
    color: var(--tw-secondary-color);
    font-size: 16px;
    margin: 0 0 7px;
}
.woocommerce form.editAddressForm .form-row, .woocommerce form.edit-account .form-row {
    margin: 0;
    padding: 0;
}
.woocommerce form.edit-account legend {
    font-size: 24px;
    line-height: 1;
    margin: 10px 0 22px;
    color: var(--tw-secondary-color);
}
.woocommerce form.editAddressForm .form-row input:not([type="sbumit"]):not([type="radio"]):not([type="checkbox"]), 
.woocommerce form.edit-account .form-row input:not([type="sbumit"]):not([type="radio"]):not([type="checkbox"]) {
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    padding: 0 24px;
    font-size: 16px;
    color: #aeb3c3;
    margin: 0 0 12px;
    display: block;
}
.woocommerce form.edit-account .form-row  span.hint {
    display: block;
    margin: 0 0 12px;
}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
    width: 49%;
    overflow: visible;
}
.addressSubmitRow .woocommerce-Button.button.logicBtn{
    overflow: hidden;
    padding: 0 32px;
    background: var(--tw-primary-color);
    border: 8px;
    color: #FFF;
    font-size: 14px;
    border-radius: 8px;
}
.addressSubmitRow .woocommerce-Button.button.logicBtn:hover{
    background: var(--tw-secondary-color);
}



/* Contact Form  Modification*/
.contact-form .form p{
    position: relative;       
    margin: 0;
}
.contact-form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.contact-form select, 
.contact-form textarea{
    margin-bottom: 20px;
}
.contact-form p br{
    display: none;
}
.contact-form .singleForm input, .contact-form .singleForm textarea{
    border:1px solid #E9E9E9;
}
.contact-form .wpcf7-form-control-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.contact-form .wpcf7-form-control-wrap .nice-select {
    width: 100%;
    height: 60px;
    line-height: 60px;
    outline: 0;
    border: 0;
    border-radius: 8px;
    background: var(--tw-white-color);
    color: var(--tw-body-color);
    padding: 0 45px 0 26px;
    border:1px solid #E9E9E9;
    margin-bottom: 20px;
}
.contact-form .formInput .wpcf7-form-control-wrap .nice-select{
    height: 55px;
    line-height: 55px;
    padding: 0 20px 0 49px;
}
.contact-form .wpcf7-form-control-wrap .nice-select ul{
    width: 100%;
}
.contact-form .wpcf7-form-control-wrap .nice-select.open {
    border:1px solid #E9E9E9;
}
.contact-form .wpcf7-form-control-wrap .nice-select:after {
    content: '\e905';
    font-family: 'logisfare';
    font-size: 8px;
    border: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 4px;
    right: 26px;
    color: var(--tw-body-color);
}
.contact-form .formInput .wpcf7-form-control-wrap .nice-select:after{
    width: 10px;
    height: 10px;
    content: '';    
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    display: block;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.contact-form .formInput .wpcf7-form-control-wrap .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 5px;
    margin-bottom: 20px;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox > span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    position: relative;
    margin: 0;
    padding: 0 0 0 26px;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox label span{
    font-size: 16px;
    color: var(--tw-body-color);
}
.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox label span:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border: 1px solid #E9E9E9;
    background: #FFF;
    position: absolute;
    left: 0px;
    top: 5px;
    font-family: 'Themewar';
    font-size: 10px;
    color: var(--tw-primary-color);
    line-height: 15px;
    padding: 0 0;
    text-align: center;
    padding: 0 0 0 1px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"]:checked + span:before{
    content: "\eaa9";
    border-color: var(--tw-primary-color);
}
.contact-form .wpcf7-form-control-wrap .wpcf7-radio > span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    position: relative;
    margin: 0;
    padding: 0 0 0 26px;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 5px;
    margin-bottom: 20px;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-radio input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-radio label span:before{
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    border: 1px solid var(--tw-primary-color);
    border-radius: 50%;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-radio input[type="radio"]:checked + span:after{
    content: '';
    width: 9px;
    height: 9px;
    background: var(--tw-primary-color);
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 8px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.wpcf7 form .wpcf7-response-output{
   margin: 02em 0 1em;
}
.contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip{
    margin-top: -15px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}
.contact-form .formInput .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    color: var(--tw-secondary-color);
}
.contact-form input[type="submit"].logicBtn{
        background: var(--tw-secondary-color);
        margin: 0 0;
}
.contact-form input[type="submit"].logicBtn:hover{
    color: var(--tw-primary-color);
}
.contact-form input[type="submit"].logicBtn:hover:before {
   bottom: 0;
}
.contact-form input[type="submit"].logicBtn:hover:after {
   left: 0;
}
.cmb-10{
    margin-bottom: 10px;
}
.contact-form input[type="submit"].cntsubmit{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    height: 60px;
}
.contact-form input[type="submit"].cntsubmit:hover{
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
}
/* 404 Page  */
section.foferrorSec {
    padding: 120px 0 120px;
    background: #F8F8F8;
}
.foferrorContent h2 {
    font-size: 195px;
    font-weight: 700;
    color: var(--tw-primary-color);
    margin: 0 0 22px;
}
.foferrorContent p {
    font-size: 34px;
    font-weight: 500;
    color: var(--tw-secondary-color);
    font-family: var(--secondary-font);
    line-height: 44px;
    margin: 0 0 37px;
}
.foferrorContent span{
    display: inline-block;
    position: relative;
}

/* Shape Image  */
.layer_img {
    position: absolute;
    left: 0;
    top: 0;
}
.left_top{
    left:0;
    right: auto;
}
.right_top {
    left: auto;
    right: 0;
}
.left_bottom {
    top: auto;
    bottom: 0;
}
.right_bottom {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}
.animation_swing{
    -webkit-animation: logisSwing 3s linear infinite;
    animation: logisSwing 3s linear infinite
}
.animation_shake{
    -webkit-animation: shake 22s infinite both;
    animation: shake 22s infinite both;
}
/*-----------------------------------------
/  Css Animation. 
/-----------------------------------------*/
@-webkit-keyframes logisSwing{
    0%{
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
    50%{
      -webkit-transform: scaleY(1.1);
              transform: scaleY(1.1);
    }
    100%{
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
 }
 
 @keyframes logisSwing{
    0%{
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
    50%{
      -webkit-transform: scaleY(1.1);
              transform: scaleY(1.1);
    }
    100%{
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
 }
.serviceDesc01 .subTitle{
    font-family: var(--primary-font);
    font-size:14px;
    line-height: 17px;
}
.serviceDesc01 .secTitle {
    margin-bottom: 18px;
}
.serviceContent .btnLink{
    font-weight: 500;
}
.serviceWrapp03 .col-lg-8 {
    width: 66.722%;
}
.serviceWrapp03 .col-lg-4 {
    width: 33.278%;
}

/* Unite TEst  */
.stickyBTN {
    display: inline-block;
    width: auto;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    font-family: var(--primary-font);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 0 12px;
    height: 30px;
    margin-bottom: 16px;
    line-height: 30px;
    border-radius: 5px;
    border: none;
    outline: none;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    overflow: hidden;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}
.stickyBTN:hover{
    background: var(--tw-secondary-color);
}
.blogRightSidebar .wp-block-heading,
.widget_block.widget_search label {
    font-size: 24px;
    line-height: 1;
    margin: 9px 0 27px;
    font-weight: 700;
    font-family: var(--secondary-font);
    color: var(--tw-secondary-color);
}
.widget_block.widget_search input {
    width: 100%;
    height: 55px;
    line-height: 55px;
    border: 0;
    outline: 0;
    padding: 0 77px 0 20px;
    color: #74787C;
}
.widget_block.widget_search button {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    width: 75px;
    height: 55px;
    border: 0;
    outline: 0;
    font-size: 15px;
    font-family: var(--secondary-font);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.wp-block-search__inside-wrapper {
    position: relative;
}

.sidebar .widget_archive ul li,
.sidebar .wp-block-archives-list a { 
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 25px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    background: var(--tw-white-color);
    margin-bottom: 15px;
    color: inherit;
    position: relative;
    z-index: 1;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    cursor: pointer;
}
.sidebar .widget_block ul.wp-block-categories-list li ,
.sidebar .wp-block-page-list li,
.sidebar .widget_nav_menu ul li,
.sidebar .widget_pages ul li,
.sidebar .widget_categories ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    line-height: 50px;
    font-weight: 500;
    color: inherit;
    position: relative;
    z-index: 1;
    border-top: 1px solid #D9D9D9;
}

.sidebar .widget_block ul.wp-block-categories-list > li:first-child,
.sidebar .wp-block-page-list > li:first-child,
.sidebar .widget_nav_menu > ul > li:first-child,
.sidebar .widget_pages > ul > li:first-child,
.sidebar .widget_categories > ul > li:first-child{
    border-top: 0px;
}

.sidebar .wp-block-page-list li ul.wp-block-navigation__submenu-container,
.sidebar .widget_nav_menu ul li ul.sub-menu,
.sidebar .widget_pages ul li ul.children,
.sidebar .widget_categories ul li ul.children {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 15px;
}
.sidebar .wp-block-page-list li ul li,
.sidebar .widget_nav_menu ul li ul li,
.sidebar .widget_pages ul li ul li,
.sidebar .widget_categories ul li ul li{
    width: 100%;
}

.sidebar .widget_block ul.wp-block-categories-list li a,
.sidebar .wp-block-page-list li a,
.sidebar .widget_nav_menu ul li a,
.sidebar .widget_pages ul li a,
.sidebar .widget_categories ul li a{
    color:inherit;
    font-size: inherit;
    text-transform: capitalize;
}

.sidebar .widget_block ul.wp-block-categories-list li a:hover,
.sidebar .wp-block-page-list li a:hover,
.sidebar .widget_nav_menu ul li a:hover,
.sidebar .widget_pages ul li a:hover,
.sidebar .widget_categories ul li a:hover{
    color: var(--tw-primary-color);
}
.sidebar .widget_block .wp-block-archives-list a::after,
.sidebar .wp-block-archives-list a:after{
    color: var(--tw-primary-color);
    position: relative;
    content: "\e9d1";
    font-family: 'Themewar' !important;
}
.sidebar .widget_archive .wp-block-archives li a {
    background: transparent;
    display: inline-block;
    width: unset;
    margin: unset;
    padding: unset;
}
.sidebar .widget_block.widget_archive .wp-block-archives li a:after{
   display:none;
}
.sidebar .widget_meta ul li {
    list-style: none;
    display: block;
    font-size: 16px;
    color: var(--tw-body-color);
    line-height: 28px;
    position: relative;
    margin: 0 0 15px;
}
.sidebar .widget_meta ul li a{
    color: inherit;
    font-size: inherit;
}
.sidebar .widget_meta ul li a:hover{
    color: var(--tw-primary-color);
}
.widget_recent_comments ul li {
    font-size: 16px;
    color: var(--tw-body-color);
    margin-bottom: 15px;
}
.sidebar .widget_block ul.wp-block-latest-posts li a{
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
    margin: 0 0 6px;
    display: inline-block;
}
.sidebar .widget_block li.wp-block-latest-comments__comment a {
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
    margin: 0 0 6px;
    display: inline-block;
}
.sidebar .widget_block li.wp-block-latest-comments__comment a:hover,
.sidebar .widget_block ul.wp-block-latest-posts li a:hover{
    color: var(--tw-primary-color);
}
.widget_recent_comments ul li a,
.widget_recent_comments ul li span{
    font-size: inherit;
    color: inherit;
}
.widget_recent_comments ul li a:hover{
    color:var(--tw-primary-color);
}
.widget_archive ul li a{
    font-size: inherit;
    color: inherit;
}

.sidebar .widget_archive ul li:hover,
.sidebar .wp-block-archives-list a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.sidebar .wp-block-categories-list a:hover:after,
.sidebar .wp-block-archives-list a:hover:after,
.sidebar .wp-block-latest-posts__post-title:hover:after{
    color: var(--tw-white-color);
}
.wp-block-latest-comments{
    padding:0;
}
.blogPostStatic .wp-block-latest-comments__comment-meta a,
.blogPostStatic .wp-block-latest-comments__comment-meta{
    font-size: 16px;
    font-weight: 400;
    font-family: var(--primary-font);
    color: var(--tw-body-color);
}

.blogPostStatic .wp-block-latest-comments__comment-meta a:hover{
    color: var(--tw-primary-color);
}
.blogSidebarCol .sidebar ul,
.widget.widget_rss ul,
.widget_categories ul,
.widget_archive ul,
.sidebar .wp-block-categories-list,
.sidebar .wp-block-archives-list {
    list-style: none;
    padding:0;
    margin: 0;
}

.widget_categories .nice-select,
.wp-block-archives .nice-select,
.textwidget .nice-select,
.widget_archive .nice-select {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: unset;
}

.widget_categories .nice-select.open,
.wp-block-archives .nice-select.open,
.textwidget .nice-select.open,
.widget_archive .nice-selec.open{
    border:unset;
}

.widget_categories .nice-select:after,
.wp-block-archives .nice-select:after,
.textwidget .nice-select:after,
.widget_archive .nice-select:after {
    width: 7px;
    height: 7px;
    content: '';
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    display: block;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.widget_categories .nice-select ul.list,
.wp-block-archives .nice-select ul.list,
.textwidget .nice-select ul.list,
.widget_archive .nice-select ul.list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(100% + 47px);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    top: 0;
    left:-17px;
}
.widget_categories .nice-select ul.list .option,
.wp-block-archives .nice-select ul.list .option,
.textwidget .nice-select ul.list .option,
.widget_archive .nice-select ul.list .option{
    width: 100%;
    margin:0;
}
.widget_categories .nice-select ul.list .option:hover,
.wp-block-archives .nice-select ul.list .option:hover,
.textwidget .nice-select ul.list .option:hover,
.widget_archive .nice-select ul.list .option:hover{
    background: var(--tw-primary-color);
    color: #FFF;
}
.wp-block-categories-dropdown .postform,
.textwidget form select {
    width: 100%;
    border: unset;
    outline: unset;
    height: 50px;
    padding: 0 30px 0 18px;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: var(--tw-body-color);
}
.wp-block-categories-dropdown .postform {
    border: 1px solid #ECECEC !important;
    margin-bottom: 30px;
}
.wp-block-categories-dropdown .postform,
.textwidget form  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/down-arrow.png) no-repeat calc(100% - 22px) center #FFF;
    border: none;
    background-size: 10px;
}
.widget table {
    width: 100%;
    border: 1px solid #D9D9D9;
}
.wp-block-table td, .wp-block-table th{
    border: 1px solid #D9D9D9;
}
.widget table caption, .wp-block-calendar caption {
    font-size: 14px;
    color: var(--tw-secondary-color);
    font-weight: 600;
    line-height: .8;
    caption-side: top;
    padding: 16px 5px;
    text-align: center;
    border: 1px solid #D9D9D9;
    border-bottom: none;
    text-transform: uppercase;
}
.commentContent table thead tr th,
.blogPostStatic table thead tr th,
.blogPostStatic table tbody tr th,
.commentContent table tbody tr th,
.widget table thead tr th {
    font-size: 14px;
    background: transparent;
    color: var(--tw-secondary-color);
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #D9D9D9;
    padding: 7px 2px;
    border-right: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
}
.widget table thead, .widget table tbody {
    border-left: 1px solid #D9D9D9;
}
.commentContent table tbody tr td,
.blogPostStatic table tbody tr td,
.widget table tbody tr td {
    font-size: 14px;
    color: var(--tw-body-color);
    font-weight: 400;
    text-align: center;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    padding: 7px 2px;
}
.widget table tbody tr td#today {
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
}
.wp-calendar-nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.wp-calendar-nav-next a,
.wp-calendar-nav-prev a{
    color: var(--tw-primary-color);
    font-weight: 700;
    margin-top: 10px;
    display: inline-block;
}
.wp-calendar-nav-next a:hover,
.wp-calendar-nav-prev a:hover{
    color: var(--tw-secondary-color);
}
.widget_categories ul.children {
    padding-left: 30px;
}
.wp-block-search__inside-wrapper {
    padding: 0;
    border: 1px solid transparent;
}
.textwidget img {
    max-width: 100%;
    height: auto;
    margin: 15px 0;
}
.textwidget p, .wp-caption .wp-caption-text {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--tw-body-color);
}
.widget_rss .widgetTitle{
    margin-bottom: 18px;
}
.widget_rss .widgetTitle a{
    font-size: 24px;
}
.widgetTitle a {
    color: var(--tw-secondary-color) !important;
}
.textwidget form{
    margin-top: 12px;
}
.rss-date,
.wp-block-rss__item-publish-date {
    font-size: 16px;
    line-height: 24px;
    color: var(--tw-body-color);
    margin: 0 0 12px;
    display: block;
}
.widget_recent_entries ul li a,
.wp-block-rss__item-title a,
.rsswidget {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--primary-font);
    color: var(--tw-secondary-color);
    margin: 0 0 6px;
    display: inline-block;
}
.widget_recent_entries ul li a:hover,
.wp-block-rss__item-title a:hover,
.rsswidget:hover{
    color: var(--tw-primary-color);
}
.widget.widget_rss ul li:not(:last-child){
    margin-bottom: 32px;
}
.wp-block-rss__item .wp-block-rss__item-author,
.widget.widget_rss ul li cite {
    font-weight: 700;
    margin-top: 6px;
    display: inline-block;
}
.wp-block-rss__item .wp-block-rss__item-author{
    margin: 0 0 2px;
    font-size: 14px;
}


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

.commentContent ul,
.commentContent ol{
    list-style: none;
    padding:0;
}
.commentContent > ul > li,
.commentContent > ol > li,
.blogPostStatic > ul > li,
.blogPostStatic > ol > li{
    margin: 0 0 12px;
}
.wp-block-post-template.is-layout-flow li > h2{
    margin: 0 0 25px;
}
.wp-block-query-pagination{
    margin: 42px 0px 30px;
}
.wp-block-query-pagination-numbers{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    row-gap: 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.PaginInner > a,
.PaginInner > span,
.post-navigation-link-next a,
.blogPostStatic .wp-block-query-pagination .page-numbers.dots, 
.post-navigation-link-previous a,
.wp-block-query-pagination-prev,
.wp-block-query-pagination-next,
.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers span{
    width: 50px;
    height: 50px;
    background: #F5F5F5;
    color: var(--tw-primary-color);
    font-size: 16px;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.blogPostStatic .PaginInner > a:hover, 
.blogPostStatic .wp-block-query-pagination .page-numbers.dots:hover, 
.blogPostStatic .post-navigation-link-next a:hover,
.blogPostStatic .post-navigation-link-previous a:hover,
.blogPostStatic .wp-block-query-pagination-prev:hover,
.blogPostStatic .wp-block-query-pagination-next:hover,
.blogPostStatic .wp-block-query-pagination-numbers a:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.PaginInner > span.current,
.wp-block-query-pagination-numbers span.current{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.wp-block-query-pagination-prev,
.wp-block-query-pagination-next{
    width: unset;
    padding: 0 15px;
}
.PaginInner{
    margin-bottom: 48px;
}
.PaginInner a, 
.PaginInner span{
    margin:0 6px;
}
.post-navigation-link-previous a,
.post-navigation-link-next a{
    width: unset;
    padding: 0 15px;
    margin-bottom: 15px;
}
.blogPageWrap .blogPostStatic .wp-block-avatar img ,
.blogPageWrap .blogPostStatic .wp-block-latest-comments__comment img {
    width: auto;
    margin-bottom: 10px;
}
.wp-block-post-author p{
    margin-bottom: 12px;
}
.taxonomy-category.wp-block-post-terms a {
    color: var(--tw-body-color);
}
.taxonomy-category.wp-block-post-terms a:hover {
    color: var(--tw-primary-color);
}
.wp-block-read-more {
    height: 40px;
    line-height: 42px;
    padding: 0 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--tw-white-color);
    margin-right: 0;
    font-family: var(--secondary-font);
    border-radius: 5px;
    position: relative;
    font-weight: 700;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    background-color: var(--tw-primary-color);
    margin-bottom: 15px;
}
.wp-block-read-more:hover{
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
}
.wp-block-comment-author-name a,
.wp-block-comment-date a,
.wp-block-comment-edit-link a,
.wp-block-comment-reply-link a{
    color: var(--tw-body-color);
}
.wp-block-comment-author-name a:hover,
.wp-block-comment-date a:hover,
.wp-block-comment-edit-link a:hover,
.wp-block-comment-reply-link a:hover{
    color: var(--tw-primary-color);
}
.wp-block-post-comments-form .logged-in-as a{
    color: var(--tw-primary-color);
}
.wp-block-post-comments-form .logged-in-as a:hover{
    color: var(--tw-secondary-color);
}
.form-submit input[type="submit"]{
    display: inline-block;
    width: auto;
    height: 55px;
    line-height: 55px;
    color: var(--tw-white-color);
    background: var(--tw-primary-color);
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 0 32px;
    border-radius: 8px;
    border: none;
    outline: none;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    overflow: hidden;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}
.form-submit input[type="submit"]:hover{
    background: var(--tw-secondary-color);
}
.logged-in.wp-block-loginout a{
    color: var(--tw-primary-color);
}
.logged-in.wp-block-loginout a:hover{
    color: var(--tw-secondary-color);
}
.blogPostStatic .wp-block-page-list a,
.blogPostStatic .wp-block-archives-list a,
.blogPostStatic .wp-block-categories-list a,
.blogPostStatic .wp-block-latest-posts__post-title{
    color:var(--tw-body-color);
}
.blogPostStatic .wp-block-page-list a:hover,
.blogPostStatic .wp-block-archives-list a:hover,
.blogPostStatic .wp-block-categories-list a:hover,
.blogPostStatic .wp-block-latest-posts__post-title:hover{
    color:var(--tw-primary-color);
}
.blogPostStatic table tbody tr td a, .blogPostStatic table tbody tr th a {
    text-decoration: none;
    color: var(--tw-primary-color);
}
.woocommerce-page .blogPostStatic table tbody tr td a {
    color: var(--tw-white-color);
}
.blogPostStatic table tbody tr th, .blogPostStatic table thead tr th{
    background: transparent;
}
.blogPostStatic nav.wp-calendar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: 15px;
}
.blogPostStatic .wp-block-rss{
    padding: 0;
}
.blogPostStatic .wp-block-tag-cloud a {
    border: 1px solid #ECECEC;
    margin: 0;
    color: var(--tw-body-color);
}
.blogPostStatic .wp-block-tag-cloud a:hover{
    color: var(--tw-white-color);
}
.blogPostStatic .wp-block-search__input{
    border: 1px solid #ECECEC;
    padding: 0 80px 0 20px;
}
.blogPostStatic .wp-block-search__button {
    width: unset;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.blogPostStatic form.wp-block-search__text-button,
.blogPostStatic form.wp-block-search{
    margin-bottom: 40px;
}
.commentContent table tr td a,
.commentContent a{
    color: var(--tw-primary-color);
}
.wp-block-buttons{
    margin-bottom: 20px;
}
.commentContent table tr td a:hover,
.commentContent a:hover{
    color: var(--tw-secondary-color);
}
.wp-block-navigation__responsive-container-content > ul{
    padding: 27px 0 25px;
}
.blogPageWrap .blogPostStatic p > img,
.blogPageWrap .blogPostStatic .wp-caption > img,
.blogPageWrap .blogPostStatic .wp-block-image.size-full img{
    width: auto;
}
.wp-block-image .aligncenter img{
    margin-bottom: 10px;
}
.blogPageWrap .blogPostStatic .wp-caption  a > img,
.blogPageWrap .blogPostStatic .wp-caption > img{
    margin-bottom: 12px;
}
.postContent .alignnone, .postContent .aligncenter{
    margin: auto;
    text-align: center;
    display: block;
    width: auto !important;
}
.blogPostStatic .gallery dt.gallery-icon img{
    margin-bottom: 10px;
} 
.blogPostStatic .wp-block-cover {
    margin-bottom: 20px;
}
.wp-block-image .aligncenter>figcaption {
    display: block;
}
.blogPostStatic pre, .blogPostStatic pre {
    max-height: 300px;
    overflow: scroll;
    max-width: 100%;
    background: #F6F6F6;
    color: #696969;
    padding: 25px;
    margin: 25px 0 32px;
}
.blogPostStatic code, .blogPostStatic code {
    color: var(--tw-primary-color);
}
.blogPostStatic .alignleft {
    margin: 0 20px 10px 0;
    float: left;
    clear: both;
}
.blogPostStatic .wp-block-button.aligncenter, .wp-block-button {
    margin-bottom: 30px;
}
.wp-block-button.is-style-squared a {
    border-radius: 0;
}
.blogPostStatic .alignright {
    margin: 10px 0 10px 15px;
    float: right;
    clear: both;
    width: auto !important;
}
.blogPostStatic figcaption.blocks-gallery-caption {
    margin-bottom: 30px;
}
.blogPostStatic .wp-block-columns .wp-block-column blockquote {
    padding: 24px 10px 25px 70px;
}
.blogPostStatic .wp-block-columns .wp-block-column blockquote:before{
    width: 62px;
    font-size: 25px;
}
.blogPostStatic .wp-block-columns .wp-block-column blockquote p{
    font-size:16px;
}
.blogPostStatic .wp-block-columns .wp-block-column blockquote cite {
    font-size: 14px;
}
.blogPostStatic blockquote.wp-block-quote.is-style-large {
    padding: 31px 40px 32px 164px;
}
.blogPostStatic blockquote.wp-block-quote.is-style-large cite > br {
    display: none;
}
.blogPostStatic figcaption a,
.postContent p > a,
.blogPostStatic blockquote a,
.blogPostStatic .wp-block-file a{
    color: var(--tw-primary-color);
}
.blogPostStatic figcaption a:hover,
.postContent  p > a:hover,
.blogPostStatic blockquote a:hover,
.blogPostStatic .wp-block-file a:hover{
    color: var(--tw-secondary-color);
}
.blogPostStatic .wp-block-file .wp-block-file__button{
    color: var(--tw-white-color);
}
.blogPostStatic .wp-block-file .wp-block-file__button:hover{
    color: var(--tw-primary-color);
}
.blogPostStatic > ol > li > a,
.blogPostStatic > ul a{
    color: var(--tw-secondary-color);
}

.blogPostStatic > ol > li > a:hover,
.blogPostStatic > ul a:hover{
    color: var(--tw-primary-color);
}
.commentContent table,
.blogPostStatic table {
    width: 100%;
    border: 1px solid #D9D9D9;
    background: transparent;
    margin: 30px 0 30px;
}
.blogPostStatic table thead {
    border-left: 1px solid #D9D9D9;
}
.blogPostStatic dd{
    margin-bottom: 20px;
}
.commentContent table a,
.blogPostStatic dd a{
    color: var(--tw-primary-color);
}
.commentContent table a:hover,
.blogPostStatic dd a:hover{
    color: var(--tw-secondary-color);
}
.blogPostStatic > ul > li ol,
.blogPostStatic > ol > li ul,
.commentContent > ul > li ul,
.commentContent > ol > li ol,
.postContent > ul > li ul,
.postContent > ol > li ol {
    margin-top: 10px;
    padding-left: 16px;
}
.blogPostStatic > ul > li > ol li,
.blogPostStatic > ol > li ul li,
.commentContent > ul > li > ul li,
.commentContent > ol > li > ol li,
.postContent > ul > li > ul li,
.postContent > ol > li > ol li{
    margin-bottom: 12px;
}
.singleComment.pingbackcomments {
    padding-left: 0;
    min-height: auto;
}
.commentContent > p{
    margin-bottom: 16px;
}
.blogPostStatic input[type="password"] {
    display: block;
    max-width: 240px;
    width: 100%;
    height: 50px;
    background: transparent;
    padding: 0 20px;
    border: 1px solid #E9E9E9;
    border-radius: 0;
    font-size: 14px;
    margin: 10px 0 0;
    color: #8799a3;
    float: left;
    outline: unset;
}
.blogPostStatic input[type="submit"] {
    font-size: 16px;
    border: none;
    outline: none;
    height: 100%;
    position: relative;
    top: 10px;
    padding: 0 20px;
    margin: 0 0 0 -5px;
    background: var(--tw-primary-color);
    color: #fff;
    line-height: 50px;
    border-radius: 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.blogPostStatic input[type="submit"]:hover{
    background: var(--tw-secondary-color);
}
.protected-post-form p{
    position: relative;
    overflow: hidden;
}
.protected-post-form p br{
    display: none;
}
.blogPostStatic iframe, .blogPostStatic .twitter-tweet {
    max-width: 100% !important;
}


/* Wp Update Absolute Header  */
.topBar01.absoluteTopB{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    background: transparent;
}
.header01.absoluteHeader,
.header02.absoluteHeader{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    background: transparent;
}
header.fixedHeader.absoluteHeader {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 0 25px rgb(0 0 0 / 15%);
    border: none;
    z-index: 99;
}