:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'Jost', sans-serif;
  --tp-ff-heading: 'Quicksand', sans-serif;
  --tp-ff-p: 'Jost', sans-serif;
  --tp-ff-jost: 'Jost', sans-serif;
  --tp-ff-prata: 'Prata', serif;
  --tp-ff-font-family: Font Awesome 5 Pro;
  /**
  @color declaration
  */

  --tp-common-white: #ffffff;
  --tp-common-black: #000;
  --tp-heading-primary: #005A8C;
  --tp-heading-secondary: #3F8E02;
  --tp-heading-3: #8BE913;
  --tp-header-bg: #0E1317;

  --tp-content-bg: #F0F0F0;
  --tp-testi-bg: #FAF6ED;
  --tp-footer-bg: #151B20;
  --tp-footer-text: #707070;




  --tp-grey-1: #F2F2F6;
  --tp-grey-2: #F5F6F8;
  --tp-grey-3: #F5F2FF;
  --tp-grey-4: #FFF3EC;
  --tp-grey-5: #ECFBFF;
  --tp-grey-6: #FEEFD0;
  --tp-grey-7: #C4C4C4;
  --tp-grey-8: #F7F7F9;
  --tp-grey-9: #F46E16;
  --tp-grey-10: #B0AFCC;
  --tp-text-body: #4D5574;
  --tp-text-1: #FFB800;
  --tp-text-2: #334763;
  --tp-text-3: #79819C;
  --tp-text-4: #FACFD4;
  --tp-text-6: #333333;
  --tp-theme-1: #005A8C;
  --tp-theme-2: #EA0D42;
  --tp-theme-3: #272928;  
  --tp-theme-4: #2D2C6E;
  --tp-theme-5: #FF0000;
  --tp-theme-6: #6F7172;
  --tp-theme-7: #96AE00;
  --tp-theme-8: #8BE913;
  --tp-theme-9: #005A8C;

  --tp-border-1: #E6EBF0;
  --tp-border-2: #ACAFB7;
  --tp-border-3: #EBEFF4;
}

/*-----------------------------------------
/  01. Header
/-----------------------------------------*/
.header01{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: auto;
    padding: 0 48px;
}
.header01.fixedHeader{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #ecf5f4;
    z-index: 999;
    box-shadow: 0 0 50px 0 rgba(29,35,58,.08);
}
.header01.h01Mode2.fixedHeader{
    background: var(--tp-header-bg);
}
.h01Mode2{
    position: relative;
    padding: 0;
    left: auto;
    top: auto;
    background: var(--tp-header-bg);
}
.blankHeader{
    height: 0;
}
.headerInner01{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.headerInner02{
    display: flex;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}
.logo{
    position: relative;
    min-width: 13.4%;
    padding: 36px 0;
}
.headerInner02 .logo{
    /* flex: 1; */
    margin: 0;
    padding: 0px 0;
}
.logo img{
    height: 80px;
    width: auto;
}
/*.headerInner02 .logo img{
    height: auto;
    width: auto;
}*/
.mainMenu{
    font-family: 'Jost', sans-serif;
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
}
.mainMenu ul{
    margin: 0;
    padding: 0;
    display: inline-flex;
}
.mainMenu ul li{
    list-style: none;
    position: relative;
}
.mainMenu > ul > li{
    padding: 51px 0 51px;
    margin: 0 55px 0 0;
    position: relative;
}
.headerInner02 .mainMenu > ul > li{
    padding: 0;
    padding: 38px 0 40px;
}
.mainMenu > ul > li:last-child{
    margin-right: 0;
}
.mainMenu ul li a{
    font-size: 17px;
    line-height: 1;
    color: #fff;
    display: block;
    position: relative;
     font-weight: 500;
     font-family: var(--tp-ff-heading);
}
.mainMenu ul li a.active{
    color: var(--tp-grey-9);
}




.mainMenu ul li.menu-item-has-children > a:after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    display: inline-block;
    position: relative;
    font-size: 12px;
    top: 1px;
    margin-left: 5px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.mainMenu ul li:hover > a, .mainMenu ul li.current-menu-item > a{
    color: var(--tp-grey-9);
}
.mainMenu ul li ul{
    position: absolute;
    display: block;
    top: calc(80% + 15px);
    left: 0;
    min-width: 220px;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 50px 0 rgba(29, 35, 58, .08);
    padding: 15px 10px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none;
}
.mainMenu ul li ul li ul{
    left: calc(100% + 0px);
    top: calc(80% - 40px);
}
.mainMenu > ul li:hover > ul{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    top: 80%;
    pointer-events: auto;
}
.mainMenu ul li ul li:hover ul{
    top: calc(80% - 30px);
}
.mainMenu ul li ul li{
    display: block;
    display: block;
    margin: 0;
    width: 100%;
    padding: 8px 25px;
}
.mainMenu ul li ul li a{
    font-size: 16px;
    line-height: 24px;
    color: #52586d;
    display: inline;
    position: relative;
    font-weight: 400;

    -webkit-transition: all 0.35s linear;
    transition: all 0.35s linear;
    background: -webkit-gradient(linear,left top,left bottom,from(#9ebbbd),color-stop(98%,#9ebbbd));
    background: linear-gradient(to bottom,#9ebbbd 0%,#9ebbbd 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%;
}
.mainMenu > ul > li > ul li:hover > a, .mainMenu > ul > li > ul li.active > a{
    background-size: 100% 1px;
    background-image: linear-gradient(to bottom,#9ebbbd 0%,#9ebbbd 98%);
}
.mainMenu ul li ul li.menu-item-has-children > a:after{
    display: none;
}
.mainMenu ul li ul li.menu-item-has-children:after{
    content: '\f105';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    font-size: 12px;
    top: 9px;
    right: 9px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.mainMenu ul li ul li.menu-item-has-children:hover:after,
.mainMenu ul li ul li.menu-item-has-children.active:after{
    color: #9ebbbd;
}
.megaMenu{
    position: absolute;
    display: block;
    top: calc(80% + 15px);
    left: 0;
    min-width: 720px;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 50px 0 rgba(29,35,58,.08);
    padding: 28px 10px 15px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none;
}
.mainMenu > ul li:hover > .megaMenu{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    top: 80%;
    pointer-events: auto;
}
.mainMenu > ul li:hover > .megaMenu ul{
    pointer-events: auto;
}
.megaMenu .row .col-lg-4:first-of-type{
    width: 30%;
}
.megaMenu .row .col-lg-4:nth-child(2){
    width: 30%;
}
.megaMenu .row .col-lg-4:last-of-type{
    width: 40%;
    padding: 0 2px 0 0;
}
.megaMenu h3{
    font-size: 18px;
    line-height: 1;
    position: relative;
    margin: 0 24px 17px;
    font-weight: 500;
    padding: 0 0 3px;
}
.megaMenu h3:after{
    content: '';
    width: 35px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #9ebbbd;
}
.mainMenu ul li .megaMenu ul{
    opacity: 1;
    visibility: visible;
    position: relative;
    left: auto;
    top: auto;
    min-width: 100%;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
    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: none;
    transition: none;
}
.mainMenu ul li .megaMenu ul li:hover > a, .mainMenu ul li .megaMenu ul.active > a{
    background-size: 100% 1px;
    background-image: linear-gradient(to bottom,#9ebbbd 0%,#9ebbbd 98%);
}
.megaMenu .lookBook01.lb01M2{
    margin: -28px 0 -15px;
    border-radius: 0 10px 10px 0;
    padding: 36px 0 0 0;
}
.megaMenu .lbContent{
    position: absolute;
    top: 0px;
    padding: 77px 0 0 30px;
    max-width: 70%;
    text-align: left;
}
.megaMenu .lb01M2:after{
    top: auto;
    bottom: -46px;
    right: -49px;
    width: 186px;
    height: 186px;
}
.megaMenu .lbContent h2{
    font-size: 24px;
    line-height: 36px;
    color: #52586d;
    margin: 0 0 19px;
}
.megaMenu .lookBook01 img{
    max-width: 45%;
    height: auto;
    position: relative;
    z-index: 2;
    margin: 43px 0 0;
    display: inline-block;
}
.megaMenu .lbContent h3:after{
    display: none;
}
.mainMenu ul li a.tcLink{
    font-size: 14px;
}
.mainMenu ul li a.tcLink i{
    font-size: 12px;
    top: 0px;
}
.menuToggler{
    display: none;
}


.accessNav{
    display: inline-flex;
    justify-content: flex-end;
    margin: 0 0 0 auto;
}
.headerInner02 .accessNav{
    display: flex;
    /* flex: 1; */
    justify-content: flex-end;
    margin: 0;
}
.anSocial{
    position: relative;
    display: inline-flex;
    margin: 51px 25px 51px 0px;
}
.ansWrap{
    display: inline-flex;
}
.anSocial a{
    font-size: 18px;
    line-height: 1;
    color: #52586d;
    margin: 0 24px 0 0;
}
.anSocial a:last-child{
    margin: 0;
}
.anSocial a.fac{
    color: #1877f2;
}
.anSocial a.twi{
    color: #1da1f2;
}
.anSocial a.lin{
    color: #0077b5;
}
.anSocial a.ins{
    color: #405de6;
}
.anSocial a:hover{
    color: #9ebbbd;
}
.anSocial a.tog{
    display: none;
}
.anSelects{
    display: inline-flex;
    justify-content: flex-start;
    position: relative;
    padding: 0 0 0 23px;
    margin: 51px 24px 51px 0;
}
.anSelects:before{
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    height: 12px;
    width: 1px;
    background: #bcbcbc;
}
.anSelect{
    position: relative;
    margin: 0 16px 0 0;
}
.anSelects .anSelect:last-of-type{
    margin: 0;
}
.anSelect .nice-select{
    font-size: 16px;
    line-height: 18px;
    color: #7f8495;
    text-transform: uppercase;
    padding: 0 18px 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    height: auto;
}
.anSelect .nice-select:after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 12px;
    color: #7f8495;
    border: none;
    margin: 0;
    top: 1px;
    transform: none;
    width: auto;
    height: auto;
    left: auto;
    right: 1px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.anSelect .nice-select.open:after{
    content: '\f106';
}
.anSelect .nice-select .list{
    margin: 10px 0 0;
    border-radius: 3px;
    border: none;
    box-shadow: none;
    min-width: 80px;
}
.anSelect .nice-select .list .option{
    font-size: 16px;
    color: #7f8495;
    text-transform: uppercase;
    padding: 0 15px;
    line-height: 40px;
}
.anSelect .nice-select .option:hover, .anSelect .nice-select .option.focus, .anSelect .nice-select .option.selected.focus{
    background-color: #9ebbbd !important;
    color: #FFF !important;
}
.anItems{
    position: relative;
    display: inline-flex;
    padding: 0 0 0 24px;
    margin: 49px 0 47px;
}
.headerInner02 .anItems{
    padding: 0;
    margin: 37px 0 35px;
}
.headerInner02 .anItems:before{
    display: none;
}
.anItems:before{
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    height: 12px;
    width: 1px;
    background: #bcbcbc;
}
.anItems > div{
    position: relative;
    margin-right: 24px;
}
.anItems > div:last-of-type{
    margin: 0;
}
.anItems > div > a{
    font-size: 18px;
    line-height: 1;
    color: var(--tp-grey-9);
}
.anItems > div > a:hover{
    color: #fff;
}
.anItems > div.anCart > a span{
    height: 18px;
    width: 18px;
    position: absolute;
    right: -12px;
    top: -10px;
    background: #f04726;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 12px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.anItems > div.anCart > a:hover span{
    background: #52586d;
}
.anSupport{
    position: relative;
    padding: 0 0 0 53px;
    margin: 42px 0 40px 49px;
}
.anSupport i{
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 36px;
    color: var(--tp-heading-secondary);
    line-height: 1;
}
.anSupport h3{
    font-size: 16px;
    line-height: 1;
    margin: 0;
}
.anSupport h3:first-of-type{
    margin: 0 0 6px;
}
.anItems > div.anCart:hover .cartWidgetArea{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.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);
    -moz-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;
}
.fixedHeader .cartWidgetArea{
    top: calc(100% + 34px);
}
.h01Mode2.fixedHeader .cartWidgetArea{
    top: calc(100% + 24px);
}
.cartWidgetProduct{
    position: relative;
    min-height: 60px;
    text-align: left;
    padding-left: 74px;
    margin-bottom: 25px;
    padding-right: 15px;
}
.cartWidgetArea .cartWidgetProduct:last-of-type{
    margin-bottom: 19px;
}
.cartWidgetProduct img{
    width: 60px;
    height: 70px;
    position: absolute;
    border-radius: 3px;
    left: 0;
    top: 0;
}
.cartWidgetProduct a{
    font-family: 'Jost', sans-serif;
    display: block;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    bottom: auto;
    color: #52586d;
    margin: 0 0 6px;
    top: -2px;
}
.cartWidgetProduct a:hover{
    color: #9ebbbd;
}
.cartWidgetProduct .cartProductPrice{
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #707070;
    line-height: 1;
}
.cartWidgetProduct .cartRemoveProducts{
    font-size: 10px;
    color: #7f8495;
    position: absolute;
    right: -8px;
    top: 0px;
    margin: 0;
    width: 19px;
    height: 19px;
    border: 1px solid #c5d0cf;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    padding: 0px 0 0 1px;
}
.cartWidgetProduct .cartRemoveProducts:hover{
    color: #FFF;
    border-color: #9ebbbd;
    background: #9ebbbd;
}
.totalPrice{
    font-family: 'Jost', sans-serif;
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    color: #52586d;
    text-align: left;
    font-weight: 500;
    width: 100%;
    text-transform: capitalize;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #c5d0cf;
}
.totalPrice .price{
    float: right;
    color: #707070;
}
.cartWidgetBTN{
    position: relative;
    text-align: left;
}
.cartWidgetBTN a{
    font-family: 'Jost', sans-serif;
    display: inline-block;
    position: relative;
    height: 35px;
    min-width: 10px;
    background: #9ebbbd;
    border-radius: 35px;
    font-size: 12px;
    line-height: 36px;
    color: #FFF;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
    float: left;
    padding: 0 20px;
}
.cartWidgetBTN a.checkout{
    float: right;
}
.cartWidgetBTN a:hover{
    background: #52586d;
    color: #FFF;
}

/* Search Popup */
.popup_search_sec{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
.popup_search_overlay{
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: rgba(82, 88, 109, .6);
    z-index: 9991;
    opacity: 0;
    visibility: hidden;
    cursor: url(../images/close.png), auto;

    -webkit-transition: all .4s ease-in .8s;
    -o-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;
    -o-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
    top: 0;
    opacity: 1;
}
.pop_search_background{
    background: #52586d;
    width: 100%;
    height: 400px;
    top: -100%;
    z-index: 9992;
    position: fixed;
    left: 0;
    opacity: 0;
    visibility: hidden;

    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    -o-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
}
.popup_search_sec.active .pop_search_background{
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
}
.popup_search_form{
    position: relative;
}
.popup_search_form:after{
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
    position: absolute;
    content: '';
    height: 1px;
    background: #9ebbbd;
    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 input[type="search"]{
    font-family: 'Jost', sans-serif;
    width: 100%;
    height: 70px;
    border: none;
    background: transparent;
    outline: none;
    font-size: 22px;
    line-height: 50px;
    color: #ffffff;
    font-weight: 300;
}
.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;
    top: 23px;
    border: none;
    outline: none;
    z-index: 2;
    font-size: 16px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #ffffff;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.popup_search_form  button[type="submit"]:hover{
    color: #9ebbbd;
}
.middle_search{
    position: relative;
    top: 43%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    z-index: 2;
}
.search_Closer{
    float: right;
    height: 22px;
    width: 22px;
    background: url(../images/close1.png) no-repeat center center;
    margin: 30px 0 0;
}
.search_Closer:hover{
    color: #9ebbbd;
}
.popup_logo{
    position: relative;
    margin: 30px 0 0;
}
.popup_logo img{
    height: 42px;
    width: auto;
}

/*-----------------------------------------
/  01.1 Top Bar
/-----------------------------------------*/
.topbarSection{
    position: relative;
}
.tbInfo{
    font-size: 14px;
    line-height: 28px;
    color: #7f8495;
    padding: 6px 0px 7px;
}
.tbInfo > i{
    color: #9ebbbd;
    margin-right: 8px;
}
.tbInfo .tcLink{
    font-size: 12px;
    margin-left: 13px;
}
.tbInfo .tcLink i{
    top: 0;
    margin-right: 6px;
}
.tbAccessNav{
    display: flex;
    justify-content: flex-end;
}
.tbAccessNav .anSocial{
    margin: 14px 23px 11px 0px;
}
.tbAccessNav .anSocial a{
    font-size: 16px;
    margin-right: 21px;
}
.tbAccessNav .anSocial a:last-child{
    margin-right: 0;
}
.tbAccessNav .anSelects{
    margin: 12px 0 11px;
}
.tbAccessNav .anSelect .nice-select{
    font-size: 14px;
}
.tbAccessNav .anSelect .nice-select .list .option{
    font-size: 14px;
}
.tbBar{
    height: 1px;
    background: #dbdfe3;
}

/*-----------------------------------------
/  02. Sliders Section
/-----------------------------------------*/
.sliderSection01{
    position: relative;
    background: #ecf5f4;
}
.tcBTN.tcSliderBTN{
    height: 54px;
    min-width: 185px;
    line-height: 54px;
}
.tcBTN.tcSliderBTN2{
    min-width: 174px;
    line-height: 54px;
    height: 54px;
}
.rev_slider_wrapper .tparrows{
    width: 60px;
    height: 60px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #c5d0cf;
    color: #9ebbbd;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.sliderSection02 .rev_slider_wrapper .tparrows{
    border-color: rgba(255, 255, 255, .48);
}
.rev_slider_wrapper .tparrows:before{
    font-family: 'Font Awesome 6 Free';
    content: '\f104';
    font-size: 21px;
    display: block;
    color: inherit;
    width: 100%;
    height: 100%;
    line-height: 60px;
    text-align: center;
    font-weight: 900;
}
.rev_slider_wrapper .tparrows.tp-rightarrow:before{
    content: '\f105';
}
.rev_slider_wrapper .tparrows:hover{
    background: #9ebbbd;
    border-color: #9ebbbd;
    color: #FFF;
}
.rev_slider_wrapper .tp-bullet{
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    cursor: pointer;
}
.rev_slider_wrapper .tp-bullet span{
    background: rgba(158, 187, 189, .52);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.sliderSection02 .rev_slider_wrapper .tp-bullet span{
    background: rgba(255, 255, 255, .36);
}
.rev_slider_wrapper .tp-bullet:hover span, .rev_slider_wrapper .tp-bullet.selected span{
    background: rgba(158, 187, 189, 1);
}
.sliderSection02 .rev_slider_wrapper .tp-bullet:hover span, .sliderSection02 .rev_slider_wrapper .tp-bullet.selected span{
    background: rgba(255, 255, 255, 1);
}
.rev_slider_wrapper .tp-bullet:hover, .rev_slider_wrapper .tp-bullet.selected{
    border-color: #9ebbbd;
    background: transparent;
}
.sliderSection02 .rev_slider_wrapper .tp-bullet:hover, .sliderSection02 .rev_slider_wrapper .tp-bullet.selected{
    border-color: rgba(255, 255, 255, .6);
    background: transparent;
}
.rev_slider_wrapper .tp-bannertimer{
    display: none !important;
    opacity: 0;
    visibility: hidden;
}
.sliderSection02{
    position: relative;
}

.Scontent{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 1024px;
    margin: 0 auto;
    text-align: left;
}

.Scontent span{
    font-family: 'Elsie Swash Caps', cursive;
    font-size: 68px;
    font-weight: 900;
    line-height: 80px;
    color: #ffffff;  

}

/*-----------------------------------------
/  03. Icon Boxes
/-----------------------------------------*/
.iconBox01{
    position: relative;
    padding: 0 0 0 84px;
}
.iconBox01 i{
    font-size: 61px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: -11px;
    color: #9ebbbd;
}
.ib01LightMode i{
    color: #FFF;
}
.iconBox01 i.tm5{
    top: -5px;
}
.iconBox01 i.tm1{
    top: -1px;
}
.iconBox01 i.t1{
    top: 1px;
}
.iconBox01 h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 20px;
}
.ib01LightMode h3{
    color: #FFF;
}
.iconBox01 p{
    margin: 0;
}
.ib01LightMode p{
    color: #FFF;
}

/*-----------------------------------------
/  04. Product Items
/-----------------------------------------*/



.latestArrivalSection{
    padding: 50px 0;
    background: var(--tp-grey-9);
}
.latestArrivalSection p.secDesc{
    margin: 0 0 46px;
}

.pu{
    position: relative;
    margin-bottom: 45px;
}


.productItem01{
    position: relative;
    margin-bottom: 45px;
}
.pi01Thumb{
    height: 300px;
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    background: #000;
}

.pi01Thumb img{
width: 100%;
    height: 100% !important;
    object-fit: cover;
    height: auto;
    display: block;
    border-radius: 3px;
    position: relative;
    left: 0%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pi01Thumb img:nth-child(2){
    position: absolute;
    left: 100%;
    top: 0;
}
.productItem01:hover .pi01Thumb img{
    opacity: .30;
}
.productItem01:hover .pi01Thumb img:first-child{
    left: -100%;
}
.productItem01:hover .pi01Thumb img:nth-child(2){
    left: 0%;
}
.productLabels{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    padding: 12px;
}
.productLabels span{
    float: left;
    font-size: 12px;
    line-height: 26px;
    height: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    background: #707070;
    border-radius: 3px;
    padding: 0 8px;
    margin: 0 0 5px;
}
.productLabels span:nth-child(even){
    float: right;
}
.productLabels span.plDis{
    background: #f04726;
}
.productLabels span.plHot{
    background: #f04726;
}
.pi01Actions{
    position: absolute;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.pi01Actions a{
    width: 48px;
    height: 48px;
    background: #FFF;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #707070;
    margin: 0 4px;
    opacity: 0;
    visibility: hidden;
}
.pi01Actions a.pi01QuickView i{
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.pi01Actions a:nth-child(01){
    -webkit-transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -moz-transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -ms-transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -o-transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;

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

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

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

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.productItem01:hover .pi01Actions a:nth-child(01),
.productItem01:hover .pi01Actions a:nth-child(02),
.productItem01:hover .pi01Actions a:nth-child(03),
.productItem01:hover .pi01Actions a:nth-child(04),

.productItem02:hover .pi01Actions a:nth-child(01),
.productItem02:hover .pi01Actions a:nth-child(02),
.productItem02:hover .pi01Actions a:nth-child(03),
.productItem02:hover .pi01Actions 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);
}
.pi01Actions a:hover{
    background: #707070;
    color: #FFF;
}
.pi01Details{
    position: relative;
    background: var(--tp-header-bg);
    padding: 20px 15px;
    border-radius: 0 0 10px 10px;
        display: flex;
    justify-content: space-between;
}
.productRatings{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
}
.productRatingWrap .star-rating{
    font-family: 'Font Awesome 6 Free';
    float: none;
    overflow: hidden;
    position: relative;
    height: auto;
    line-height: 1;
    font-size: 12px;
    width: auto;
    margin: 0;
}
.productRatingWrap .star-rating::before{
    content: "\f005\f005\f005\f005\f005";
    font-weight: 400;
    color: #ffb400;
    float: left;
    position: relative;
    display: inline-block;
}
.productRatingWrap .star-rating span{
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    width: 90%;
    height: 100%;
}
.productRatingWrap .star-rating span::before{
    content: "\f005\f005\f005\f005\f005";
    font-weight: 900;
    color: #ffb400;
    top: 0;
    position: absolute;
    left: 0;
}
.ratingCounts{
    font-size: 14px;
    line-height: 1;
    color: #fff;
    font-weight: 400;
    margin: 5px 0 0 0;
    font-family: 'Jost', sans-serif;
}
.pi01Details h3{
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 10px 0;
}
.pi01Details h3 a{
    color: inherit;
}
.pi01Details h3 a:hover{
    color: #fff;
}
.pi01Price{
    font-family: 'Jost', sans-serif;
    display: flex;
    justify-content: flex-start;
    align-items: center;

    font-size: 21px;
    line-height: 30px;
    font-weight: 500;
    color: #707070;
    text-decoration: none;
    margin: 0 0 6px;
}
.pi01Price ins{
    text-decoration: none;
}
.pi01Price del{
    font-size: 16px;
    color: #aeb3c3;
    position: relative;
    text-decoration: none;
    padding: 0 6px;
    line-height: 1;
    margin: 0 0 0 13px;
    font-weight: 400;
}
.pi01Price del:after{
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    height: 1px;
    background: #aeb3c3;
    margin: 0;
}
.pi01Variations{
    display: flex;
    justify-content: space-between;
}
.pi01VColor{
    display: inline-flex;
    justify-content: flex-start;
    padding: 4px 0 0px;
}
.pi01VCItem{
    position: relative;
    margin: 0 11px 0 0;
}
.pi01VCItem input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.pi01VCItem label{
    position: relative;
    width: 18px;
    height: 18px;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 50%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pi01VCItem input[type="radio"]:checked + label{
    border-color: #dbdfe3
}
.pi01VCItem label:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #52a9e8;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pi01VCItem input[type="radio"]:checked + label:after{
    width: 10px;
    height: 10px;
}
.pi01VCItem.yellows label:after{
    background: #f2c864;
}
.pi01VCItem.reds label:after{
    background: #f42222;
}
.pi01VSize{
    display: inline-flex;
    justify-content: flex-end;
}
.pi01VSItem{
    position: relative;
    margin: 0 0 0 6px;
}
.pi01VSItem input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.pi01VSItem label{
    border: 1px solid #dbdfe3;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    color: #7f8495;
    line-height: 22px;
    cursor: pointer;
    padding: 0 6px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pi01VSItem input[type="radio"]:checked + label{
    color: #52586d;
    border-color: #52586d;
}

.productCarousel.owl-carousel .owl-nav button.owl-next, .productCarousel.owl-carousel .owl-nav button.owl-prev{
    font-size: 18px;
    color: var(--tp-common-black);
    background: var(--tp-common-white);
    width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-left: -18px;
}
.productCarousel.owl-carousel .owl-nav button.owl-next{
    float: right;
    margin-right: -18px;
}
.productCarousel.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    margin-top: -20px;
}
.productCarousel.owl-carousel .owl-nav button.owl-next:hover, .productCarousel.owl-carousel .owl-nav button.owl-prev:hover{
    color: var(--tp-common-white);
    background: var(--tp-common-black);
}


.brandSection2{
    padding: 50px 0;
    background: var(--tp-grey-9);
}


.productCarousel .brandimage{
    background: center center / contain no-repeat rgb(255, 255, 255);
    border-radius: 8px;
    box-shadow: rgb(0 8 36 / 5%) 0px 8px 16px;
    display: flex;
    flex-direction: column;
    height: 130px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 15px;
}

.productCarousel .brandimage img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}





.pi01DetailsR{
    color: var(--tp-heading-secondary);
    font-weight: 600;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Jost', sans-serif;

}





/*-----------------------------------------
/  05. Lookbooks
/-----------------------------------------*/
.lookBook01{
    position: relative;
    background: #ecf5f4;
    border-radius: 5px;
    overflow: hidden;
    text-align: right;
    padding: 39px 32px 0 0;
    margin: 0 0 24px;
}
.overLayAnim01::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.45);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.overLayAnim01:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}
@-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;
    }
}
.overLayAnim02::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.overLayAnim02:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.overLayAnim03::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.overLayAnim03:hover::before {
    -webkit-animation: shine2 .75s;
    animation: shine2 .75s;
}
@-webkit-keyframes shine2 {
    100% {
        left: 125%;
    }
}
@keyframes shine2 {
    100% {
        left: 125%;
    }
}


.lb01M1{
    text-align: center;
    padding: 0;
}
.lb01M2{
    padding-top: 27px;
    padding-right: 0;
}
.lb01M3{
    padding: 0;
    text-align: center;
}
.lb01M4{
    padding: 0 0 53px;
    text-align: center;
}
.lb01M5{
    padding: 160px 3px 2px 0;
}
.lb01M6, .lb01M7, .lb01M8, .lb01M9, .lb01M10{
    position: relative;
    background: transparent;
    padding: 0;
}
.lb01M11{
    padding: 48px 30px 31px;
}
.lookBook01:after{
    content: '';
    width: 286px;
    height: 286px;
    background: #ddecea;
    border-radius: 0;
    border-radius: 50%;
    position: absolute;
    bottom: -50px;
    right: -65px;
}
.lb01M1:after{
    content: '';
    width: 320px;
    height: 320px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    background: #ddecea;
    border-radius: 50%;
    margin: 0 auto;
}
.lb01M3:after{
    width: 215px;
    height: 215px;
    left: 110px;
    right: auto;
    top: 93px;
    margin: 0;
}
.lb01M4:after{
    width: 215px;
    height: 215px;
    left: 106px;
    right: auto;
    top: auto;
    bottom: 39px;
    margin: 0;
}
.lb01M5:after{
    width: 281px;
    height: 281px;
    top: auto;
    bottom: -86px;
    right: -69px;
}
.lb01M2:after{
    bottom: auto;
    top: -91px;
    right: -98px
}
.lb01M6:after, .lb01M7:after, .lb01M8:after, .lb01M9:after, .lb01M10:after, .lb01M11:after{
    display: none;
}
.lookBook01 img{
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}
.lb01M1 img{
    max-width: 100%;
    height: auto;
}
.lb01M3 img{
    margin: 0 0 65px;
}
.lb01M6 img,
.lb01M7 img,
.lb01M8 img,
.lb01M9 img,
.lb01M10 img{
    width: 100%;
    height: auto;
    z-index: 1;
    border-radius: 5px;
}
.lbContent{
    position: absolute;
    top: 0px;
    padding: 49px 0 0 49px;
    max-width: 70%;
    text-align: left;
}
.lb01M6 .lbContent{
    z-index: 2;
    max-width: 60%;
    padding: 0 0 0 72px;
    top: 145px;
    bottom: auto;
}
.lb01M1 .lbContent{
    position: relative;
    text-align: center;
    max-width: 100%;
    padding: 49px 49px 35px;
}
.lb01M3 .lbContent{
    position: relative;
    left: auto;
    top: auto;
    padding: 0 50px 43px;
    max-width: 100%;
    text-align: center;
}
.lb01M4 .lbContent{
    position: relative;
    padding: 49px 49px 36px;
    max-width: 100%;
    text-align: center;
}
.lb01M5 .lbContent{
    z-index: 2;
}
.lb01M7 .lbContent{
    z-index: 4;
    max-width: 60%;
    padding: 48px 0 0 49px;
    top: 0px;
    bottom: auto;
}
.lb01M8 .lbContent{
    z-index: 4;
    max-width: 60%;
    padding: 0 45px 43px 0;
    top: auto;
    bottom: 0px;
    left: auto;
    right: 0px;
    text-align: right;
}
.lb01M9 .lbContent{
    z-index: 4;
    max-width: 60%;
    padding: 48px 47px 0 0;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0px;
    text-align: right;
}
.lb01M10 .lbContent{
    z-index: 4;
    max-width: 60%;
    padding: 48px 0 0 48px;
    top: 0;
    bottom: auto;
    left: 0;
    text-align: left;
}
.lb01M11 .lbContent{
    z-index: 4;
    max-width: 100%;
    padding: 0;
    top: auto;
    bottom: auto;
    left: auto;
    text-align: center;
    position: relative;
    margin: 0 0 23px;
}
.lbContent h3{
    font-size: 16px;
    color: #707070;
    line-height: 1;
    font-weight: 500;
    margin: 0 0 9px;
}
.lbContent h2{
    font-size: 36px;
    line-height: 48px;
    color: #52586d;
    margin: 0 0 11px;
}
.lb01M11 .lbContent h2{
    margin: 0 0 23px;
}
.lb01M7 .lbContent h2,
.lb01M7 .lbContent h3,
.lb01M10 .lbContent h2,
.lb01M10 .lbContent h3{
    color: #FFF;
}
.lb01M7 .tcLink,
.lb01M10 .tcLink{
    color: #FFF;
}
.lb01M7 .tcLink i,
.lb01M10 .tcLink i{
    color: #FFF;
}
.lb01M11Img{
    position: relative;
    display: block;
    text-align: center;
    margin: 0 0 21px;
}
.lb01M11Img img{
    display: inline-block;
    position: relative;
    z-index: 2;
}
.lb01M11Img:after{
    content: '';
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: #ddecea;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    margin: 0 auto;
}
.lb01M11 .pi01Price{
    justify-content: center;
    font-size: 30px;
    color: #707070;
    margin: 0 0 20px;
}
.lb01M11 .pi01Price del{
    font-size: 21px;
    line-height: 1;
    color: #52586d;
    margin-left: 16px;
}
.lb01M11 .pi01Price del:after{
    background: #52586d;
    top: 9px;
}
.lb01M11 .countDownWrap{
    text-align: center;
}
.lb01M11 .countDownWrap h6{
    text-align: center;
    margin: 0 0 17px;
}
.lb01M11 .tcCountDown .countdown-row span{
    display: inline-block;
    width: 60px;
    margin-right: 24px;
}
.lb01M11 .tcCountDown .countdown-row span span:first-child{
    position: relative;
    display: block;
    height: 60px;
    width: 60px;
    background: #FFF;
    font-size: 24px;
    color: #52586d;
    line-height: 60px;
    text-align: center;
    font-weight: 400;
    border-radius: 50%;
    margin: 0 0 6px;
}
.lb01M11 .tcCountDown .countdown-row span span:first-child:after{
    content: ':';
    font-size: 24px;
    line-height: 1;
    color: #52586d;
    position: absolute;
    right: -18px;
    top: 16px;
}
.discountLabel{
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: #f04726;
    padding: 14px 15px 0;
    text-transform: uppercase;
}
.lb01M7 .discountLabel{
    position: absolute;
    right: 24px;
    bottom: 24px;
    z-index: 2;
}
.lb01M10 .discountLabel{
    position: absolute;
    right: 137px;
    bottom: 43px;
    z-index: 2;
    margin: 0 0 15px;
}
.lb01M10 .tcCountDown .countdown-row span:last-child span:first-child:after{
    list-style: none;
}

/*-----------------------------------------
/  06. Deal Product Section
/-----------------------------------------*/
.dealProductContent{
    position: relative;
    padding: 75px 0 0;
}
.dealProductContent h5{
    font-size: 18px;
    line-height: 1;
    color: #707070;
    font-weight: 500;
    margin: 0 0 11px;
}
.dealProductContent h2{
    font-size: 48px;
    line-height: 60px;
    margin: 0 0 16px;
}
.dealProductContent p{
    padding: 0 85px 0 0;
    margin: 0 0 28px;
}
.dpcPriceWrap{
    display: flex;
    margin: 0 0 29px;
}
.dpcPriceWrap .pi01Price{
    font-size: 36px;
    line-height: 48px;
    margin: 0 41px 0 0;
}
.dpcPriceWrap .pi01Price del{
    font-size: 24px;
    line-height: 1;
    color: #52586d;
    margin: 0 0 0 19px;
}
.dpcPriceWrap .pi01Price del:after{
    background: #52586d;
    top: 11px;
}
.countDownWrap{
    position: relative;
}
.countDownWrap h6{
    font-size: 18px;
    line-height: 1;
    margin: 0 0 15px;
}
.tcCountDown{
    position: relative;
    font-family: 'Jost', sans-serif;
}
.tcCountDown .countdown-row{
    display: block;
}
.tcCountDown .countdown-row span{
    display: inline-block;
    width: 72px;
    margin-right: 28px;
}
.tcCountDown .countdown-row span span:first-child{
    position: relative;
    display: block;
    height: 72px;
    width: 72px;
    background: #FFF;
    font-size: 30px;
    color: #52586d;
    line-height: 72px;
    text-align: center;
    font-weight: 400;
    border-radius: 50%;
    margin: 0 0 12px;
}
.tcCountDown .countdown-row span span:first-child:after{
    content: ':';
    font-size: 24px;
    line-height: 1;
    color: #52586d;
    position: absolute;
    right: -18px;
    top: 23px;
}
.tcCountDown .countdown-row span:last-child span:first-child:after{
    display: none;
}
.tcCountDown .countdown-row span span:last-child{
    display: block;
    font-size: 16px;
    color: #52586d;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}
.dealProductImage{
    position: relative;
    text-align: left;
    padding: 0 0 0 67px;
    margin: 0 0 0 33px;
}
.dealProductImage img{
    max-width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    z-index: 2;
}
.dealProductImage:after{
    content: '';
    position: absolute;
    left: 0;
    top: 39px;
    width: 471px;
    height: 471px;
    background: #ddecea;
    border-radius: 50%;

    -webkit-animation: scalings 1.5s alternate infinite;
    -moz-animation: scalings 1.5s alternate infinite;
    -ms-animation: scalings 1.5s alternate infinite;
    -o-animation: scalings 1.5s alternate infinite;
    animation: scalings 1.5s alternate infinite;
}
@keyframes scalings {
    from {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    to {
        -ms-transform: scale(.8);
        -moz-transform: scale(.8);
        -webkit-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
    }
}


/*-----------------------------------------
/  07. Product Tabs
/-----------------------------------------*/
.productTabs{
    position: relative;
}
.productTabs ul.productTabsNav{
    font-family: 'Jost', sans-serif;
    margin: 0 0 46px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}
.productTabs ul.productTabsNav.absolutes{
    position: absolute;
    right: 0;
    top: -64px;
    margin: 0;
}
.productTabs ul.productTabsNav li{
    list-style: none;
    margin: 0 0 0 34px;
}
.productTabs ul.productTabsNav li:first-child{
    margin: 0;
}
.productTabs ul.productTabsNav li button{
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-transform: capitalize;
    color: #aeb3c3;
    font-weight: 400;
    background: transparent;
    line-height: 1;
    display: block;
}
.productTabs ul.productTabsNav li button:hover,
.productTabs ul.productTabsNav li button.active{
    color: #52586d;
}
.productTabs .productItem01{
    margin: 0 0 45px;
}

/*-----------------------------------------
/  08. Category  Section
/-----------------------------------------*/
.categoryItem01{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.ci01Thumb{
    position: relative;
    overflow: hidden;
    margin: 0 0 21px;
   /* background: #9ebbbd; */
}
.categoryItem01.ci01Mode2 .ci01Thumb{
    width: 100%;
    height: 150px;
    overflow: hidden;
    z-index: 2;
    
}
.categoryItem01 img{
    display: block;
    width: 100%;
    height: 100%;
     object-fit: cover;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
	border-radius: 10px !important;

}
.categoryItem01.ci01Mode2 .ci01Thumb img{
    width: 100%;
    height: 100%;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    z-index: -2;
    object-fit: cover;
}
.categoryItem01:hover .ci01Thumb img{
    transform: rotate(-2deg) scale(1.04);
    -moz-transform: rotate(-2deg) scale(1.04);
    -webkit-transform: rotate(-2deg) scale(1.04);
}
.categoryItem01.ci01Mode2:hover  .ci01Thumb img{
    transform: rotate(-5deg) scale(1.06);
    -moz-transform: rotate(-5deg) scale(1.06);
    -webkit-transform: rotate(-5deg) scale(1.06);
}
.categoryItem01 h3{
    font-size: 18px;
    line-height: 28px;
    margin: 10px 0 10px;
    font-family: 'Jost', sans-serif;
     color: var(--tp-common-white);
     font-weight: 600;
}
.categoryItem01 h3 a{
    color: inherit;
}
.categoryItem01 h3 a:hover{
    color: #FA7F04;
}
.categoryItem01 p{
    font-size: 14px;
    line-height: 1;
    color: #EA0D42;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
}

.categoryItem01 p a{
    font-size: 14px;
    line-height: 1;
    color: #EA0D42;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
}

.categoryItem01 a{
    font-size: 14px;
    line-height: 1;
    color: #EA0D42;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
}




.categoryCarousel .owl-carousel.owl-theme .owl-nav .owl-next, .categoryCarousel .owl-carousel.owl-theme .owl-nav .owl-prev{
    font-size: 36px;
    color: var(--tp-heading-secondary);
    background: var(--tp-header-bg);
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
}

.categoryCarousel .owl-carousel.owl-theme .owl-nav .owl-next, 
.categoryCarousel .owl-carousel.owl-theme .owl-nav .owl-prev{
    font-size: 16px;
    color: var(--tp-common-white);
    background: var(--tp-grey-9);
    width: 50px;
    height: 50px;
    line-height: 43px;
    text-align: center;
    border-radius: 50%;
    margin-left: -26px;
}



.categoryCarousel3 .owl-carousel.owl-theme .owl-nav .owl-next,
.categoryCarousel3 .owl-carousel.owl-theme .owl-nav .owl-prev{
    font-size: 16px;
    color: var(--tp-common-white);
    background: var(--tp-grey-9);
    width: 50px;
    height: 50px;
    line-height: 43px;
    text-align: center;
    border-radius: 50%;
    margin-left: -26px;
    transform: rotate(270deg);
}

.categoryCarousel3 .owl-carousel.owl-theme .owl-nav .owl-next{
    float: right;
    margin-right: -26px;
    transform: rotate(90deg);
}







.categoryCarousel2 .owl-carousel.owl-theme .owl-nav .owl-next, 
.categoryCarousel2 .owl-carousel.owl-theme .owl-nav .owl-prev{
    font-size: 20px;
    color: var(--tp-common-black);
    background: var(--tp-common-white);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin-left: -15px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.categoryCarousel2 .owl-carousel.owl-theme .owl-nav{
    position: absolute;
    right: 0;
    top: 40%;
    width: 100%;
    margin-top: -20px;
}

.categoryCarousel .owl-carousel.owl-theme .owl-nav .owl-next span, 
.categoryCarousel .owl-carousel.owl-theme .owl-nav .owl-prev span{
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.categoryCarousel2 .owl-carousel .owl-nav .owl-next{
    float: right;
    margin-right: -15px;
}

.categoryCarousel2 .owl-carousel .owl-nav .owl-prev{
    float: left;
    margin-left: -15px;
}

.categoryCarousel2 .owl-item h3 {
    font-size: 18px;
    line-height: 28px;
    margin: 10px 0 10px;
    font-family: 'Jost', sans-serif;
    color: var(--tp-common-white);
    font-weight: 600;
    text-align: center;
}





.categoryCarousel3 .owl-carousel .owl-nav .owl-next,
.categoryCarousel .owl-carousel .owl-nav .owl-next,
.categoryCarousel2 .owl-carousel .owl-nav .owl-next{
    margin-left: 6px;
}




.categoryCarousel .owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    margin-top: -20px;
}










.categoryCarousel3 .owl-carousel .owl-nav .owl-next:hover, .categoryCarousel3 .owl-carousel .owl-nav .owl-prev:hover,
.categoryCarousel .owl-carousel .owl-nav .owl-next:hover, .categoryCarousel .owl-carousel .owl-nav .owl-prev:hover{
    color: var(--tp-common-white);
    border-color: var(--tp-grey-9);
}


.categoryCarousel2 .owl-carousel .owl-nav .owl-next:hover, .categoryCarousel2 .owl-carousel .owl-nav .owl-prev:hover{
    color: var(--tp-common-black);
    border-color: var(--tp-grey-9);
}

.categoryCarousel3{
    position: relative;
}

.categoryCarousel3 .owl-theme .owl-nav{
    position: absolute;
    width: 100%;
    text-align: unset;
    top: 50%;
    margin: 0;
}



.categorySection2{
    padding: 25px 0 15px 0;
    background: var(--tp-grey-9);
    
}

.categorySection2 .secTitle{
     text-align: center;
     font-family: var(--tp-ff-heading);
     color: #fff;
     margin-bottom: 50px;
    text-transform: uppercase;
}


/*-----------------------------------------
/  whight product
/-----------------------------------------*/

.whight-product{
    padding: 50px 0;
    background: var(--tp-content-bg);
}


.Titlebox{
    display: flex;
}


.whight-product .secTitle{
    font-size: 26px;
     font-family: var(--tp-ff-heading);
     color: var(--tp-text-6);
     margin-bottom: 30px;
     text-align: center;
     font-weight: 700;
}

.whight-product .viewallbtn{
    font-weight: 500;
     color: var(--tp-heading-primary);
     padding-top: 20px;
     margin-bottom: 50px;
     display: block;
}

.whight-product .tpproduct {
    border: 1px solid var(--tp-border-3);
    border-radius: 10px 10px 0 10px;
    overflow: hidden;
}



.p-relative {
    position: relative;
}



.tpproduct__content {
    background-color: var(--tp-common-white);
    padding: 11px 22px 20px 18px;
    border-radius: 10px;
    height: 160px;
}

.whight-product .tpproduct__content {
    background-color: var(--tp-common-white);
}



.tpproduct__title {
    font-family: var(--tp-ff-heading);
    font-weight: 600;
    font-size: 16px;
    color: var(--tp-grey-9);
    margin-bottom: 5px;
    text-overflow: ellipsis;

    overflow: hidden;
}
.tpproduct__title a{
    font-family: var(--tp-ff-heading);
    font-weight: 600;
    font-size: 16px;
    color: var(--tp-grey-9);
    margin-bottom: 5px;
    text-overflow: ellipsis; /* enables ellipsis */
    white-space: nowrap; /* keeps the text in a single line */
    overflow: hidden;
}



.tpproduct__price span {
    color: var(--tp-header-bg);
    font-weight: 700;
    font-size: 18px;
    font-family: var(--tp-ff-jost);
}








/*-----------------------------------------
/  Popular product
/-----------------------------------------*/

.Popular-product{
    padding: 50px 0;
    background: var(--tp-content-bg);
}


.Titlebox{
    display: flex;
}


.Popular-product .secTitle{
    font-size: 26px;
     font-family: var(--tp-ff-heading);
     color: var(--tp-text-6);
     margin-bottom: 30px;
     text-align: center;
}

.Popular-product .viewallbtn{
    font-weight: 500;
     color: var(--tp-heading-primary);
     padding-top: 20px;
     margin-bottom: 50px;
     display: block;
}

.Popular-product .tpproduct {
    border: 1px solid var(--tp-border-3);
}


.tpproduct {
    background-color: var(--tp-common-white);
    border: 1px solid var(--tp-common-white);
    border-radius: 10px 10px 0 10px;
    margin-bottom: 25px;
}


.p-relative {
    position: relative;
}

.tpproduct__thumb {
     border-radius: 10px;
    overflow: hidden;
    height: 215px;
    margin-bottom: 25px;
}

.tpproduct__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.tpproduct__thumb-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}



.Popular-product .tpproduct__content {
    background-color: var(--tp-common-white);
}


.tpproduct__content-weight {
    font-size: 13px;
    color: var(--tp-text-6);
    display: block;
    margin-bottom: 10px;
    height: 42px;
    overflow: hidden;
}


.tpproduct__content-weight p {
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    overflow: hidden;
    text-overflow: ellipsis;
}





.tpproduct__content-weight a{
    font-size: 13px;
    color: var(--tp-text-6);
    display: block;
}

.tpproduct__content-weight a {
    color: var(--tp-text-6);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}


.cartbox{
    position: relative;
    width: 100%;
}

.cartboxin{
    display: none;
    width: 100%;

}

.cartbox .plusbtn{
    position: absolute;
    top: -29px;
    right: -1px;
    border: none;
    background: var(--tp-theme-9);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cartbox button{
    border: none;
    background: var(--tp-theme-9);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.cartbox input{
    border: none;
    background: var(--tp-common-white);
    color: var(--tp-common-black);
    border: 1px solid var(--tp-theme-9);
    width: 100%;
    height: 30px;
     text-align: center;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}









/*-----------------------------------------
/  Add 2
/-----------------------------------------*/


.add2{
	display: flex;
	align-items: center;
	justify-content: center;
    padding: 8em 0em 11em 0em;
    background-image: url(../images/add2.jpg);
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.add2::after{
    position: absolute;
	left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--tp-header-bg);
    opacity: .6;
}



.add2_in{
	display: flex;
	align-items: center;
	justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
}


.add2_in span {
    color: #FFC400;
    font-family: var(--tp-ff-jost);
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px;

}

.add2_in h2 {
    font-size: 42px;
    line-height: 1.2em;
    font-weight: 500;
    color: var(--tp-common-white);
    font-family: var(--tp-ff-prata);
    margin-bottom: 60px;
}





.add2_in p{
    font-size: 16px;
    font-family: var(--tp-ff-jost);
     color: var(--tp-common-white);
     max-width: 500px;
     margin: 0 auto;
}



/*-----------------------------------------
/  Gallery Section
/-----------------------------------------*/
.gallerySection{
    position: relative;
    padding: 50px 0 50px;
}


.gallerySection .secTitle {
    font-size: 26px;
    font-family: var(--tp-ff-heading);
    color: var(--tp-text-6);
    margin-bottom: 30px;
    text-align: center;
}

.gallerySection .viewallbtn {
    font-weight: 500;
    color: var(--tp-heading-primary);
    padding-top: 20px;
    margin-bottom: 50px;
    display: block;
}

.gallerySection .galleryimage{
    width: 100%;
    height: 250px;
    margin-bottom: 25px;
    background: var(--tp-common-white);
    border-radius: 10px;
    overflow: hidden;
}


.gallerySection .galleryimage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}





/*-----------------------------------------
/  09. Testimonial Section
/-----------------------------------------*/


.testimonialPage{
    position: relative;
    padding: 120px 0 96px;
    background: var(--tp-content-bg);
}
.testimonialPage .testimonialItem01{
    margin: 0 0 24px;
    background: var(--tp-common-white);
    border-radius: 10px;
    border: 1px solid #D9D9D9;
}





.testimonialSection2{
    /* padding: 0px 0 0;
    background-color: var(--tp-testi-bg);
    overflow: hidden; */
    padding: 50px 0;
    overflow: hidden;
    background: url(../images/testimonialbg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}

.testimoniLeft{
    position: relative;
    padding: 42px 0 0;
}
.testimoniLeft p.secTitle{
    margin: 0 0 18px;
}
.testimoniLeft p.secDesc{
    margin: 0 0 42px;
}
.testimonalNav{
    display: flex;
    justify-content: flex-start;
}
.testimonalNav button{
    font-size: 18px;
    color: #9ebbbd;
    border: 1px solid #c5d0cf;
    background: transparent;
    width: 42px;
    height: 42px;
    line-height: 39px;
    text-align: center;
    border-radius: 50%;
    padding: 0;
}
.testimonalNav button:first-child{
    margin-right: 6px;
}
.testimonalNav button:hover{
    color: #707070;
    border-color: #707070;
}


.testimonialItem01{
    /* position: relative;
    border-radius: 5px;
    padding: 25px 25px 25px 25px; */

    position: relative;
    background: var(--tp-common-white);
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 5px 72px 0px rgba(2, 24, 93, 0.08);
    padding: 55px 25px;
    margin: 0 0 24px;
}

.testimonialCarousel2 .testimonialItem01{
    border: none;
    padding: 50px 25px;
}



.ti01Mode2{
    box-shadow: none;
    border: 1px solid #dbdfe3;
    padding: 55px 50px 59px 57px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
/* .ti01Mode2:hover{
    background: var(--tp-header-bg);
    border-color: var(--tp-header-bg);
} */
.ti01Header{
    /* position: relative;
    margin: 0 0 21px;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--tp-heading-primary);
    font-family: var(--tp-ff-heading); */

    width: 85px;
    height: 85px;
    margin: 0 auto 30px;
    position: relative;
    background: var(--tp-grey-9);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}


.ti01Header h3{
    font-size: 18px;
    font-weight: 600;
    color: var(--tp-theme-9);
    font-family: var(--tp-ff-heading);
}

.ti01Header > i {
    font-size: 49px;
    color: var(--tp-common-white);
    line-height: 1;
    float: left;
}

.ti01Rating{
    display: inline-flex;
    justify-content: flex-end;
    font-size: 16px;
    color: #ffb400;
    line-height: 1;
    margin: 16px 0 0;
}
.ti01Content{
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--tp-text-6);
    font-family: var(--tp-ff-heading);
    margin: 0 0 32px;
}

.ti01Mode2:hover .ti01Content{
    color: #979797;
}


.testiContent{
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: var(--tp-text-6);
    font-family: var(--tp-ff-heading);
    margin: 0 0 32px;
}






.ti01Author{
    /* width: 100px;
    height: 100px;
    margin: 0 auto 25px; */

    position: relative;
    min-height: 60px;
    padding: 6px 0 0 79px;
}
.ti01Author img{
    /* width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%; */

    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.ti01Author h3{
    font-size: 18px;
    line-height: 1;
    margin: 15px 0 12px;
    color: #979797;
}
.ti01Author span{
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #979797;
}




.tiAuthor{
    position: relative;
    min-height: 60px;
    padding: 6px 0 0 79px;
}
.tiAuthor img{
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.tiAuthor h3{
    font-size: 16px;
    line-height: 1;
    margin: 15px 0 12px;
    color: var(--tp-theme-9);
    font-family: var(--tp-ff-heading);
}















.testimonialSliderWrap{
    padding: 50px 50px 50px 100px;
    margin: 0 -50px 0 0;
    overflow: hidden;
}
.testimonialCarousel .owl-stage-outer{
    overflow: visible;
}
.testimonialCarousel .owl-item{
    opacity: 0;
}
.testimonialCarousel .owl-item.active{
    opacity: 1;
    transition: opacity 300ms;
}
.testimonialCarousel.owl-carousel .owl-stage-outer .owl-item.active{
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    visibility: visible;
}
.testimonialCarousel.owl-carousel .owl-stage-outer .owl-stage{
    cursor: none;
    pointer-events: none;
}
.testimonialCarousel.owl-carousel .owl-dots{
    height: 20px;
    line-height: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 34px 0 0;
}
.testimonialCarousel.owl-carousel button.owl-dot{
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 50%;
    position: relative;
    margin: 0 20px 0 0;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialCarousel.owl-carousel button.owl-dot.active,
.testimonialCarousel.owl-carousel button.owl-dot:hover{
    border-color: #9ebbbd;
}
.testimonialCarousel.owl-carousel button.owl-dot span{
    background: rgba(158, 187, 189, .52);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialCarousel.owl-carousel button.owl-dot.active span,
.testimonialCarousel.owl-carousel button.owl-dot:hover span{
    background: rgba(158, 187, 189, 1);
}

.testimonialCarousel2.owl-carousel .owl-nav button.owl-next, 
.testimonialCarousel2.owl-carousel .owl-nav button.owl-prev{
    font-size: 18px;
    color: var(--tp-common-white);
    background: var(--tp-heading-secondary);
    width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}
.testimonialCarousel2.owl-carousel .owl-nav button.owl-next{
   float: right;
}
.testimonialCarousel2.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
}
.testimonialCarousel2.owl-carousel .owl-nav button.owl-next:hover, .testimonialCarousel2.owl-carousel .owl-nav button.owl-prev:hover{
    color: var(--tp-common-white);
    background: var(--tp-common-black);
}


.testimonialCarousel2.owl-carousel .owl-dots{
    height: 20px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 58px 0 0;
    display: none;
}
.testimonialCarousel2.owl-carousel button.owl-dot{
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 50%;
    position: relative;
    margin: 0 20px 0 0;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialCarousel2.owl-carousel button.owl-dot.active,
.testimonialCarousel2.owl-carousel button.owl-dot:hover{
    border-color: #9ebbbd;
}
.testimonialCarousel2.owl-carousel button.owl-dot span{
    background: rgba(158, 187, 189, .52);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialCarousel2.owl-carousel button.owl-dot.active span,
.testimonialCarousel2.owl-carousel button.owl-dot:hover span{
    background: rgba(158, 187, 189, 1);
}

.testimonial__shape{
    z-index: 2;
}

.testimonial__shape-one {
    top: 75px;
    left: 100px;
    animation: slider-anim 2s infinite linear alternate;
}

.testimonial__shape-two {
    top: 75px;
    right: 200px;
    animation: up-down 3s infinite linear alternate;
}

.testimonial__shape-three {
    bottom: -500px;
    left: 200px;
    animation: up-down 2.5s infinite linear alternate;
}

.testimonial__shape img {
    position: absolute;
}


/* 01. ========= shape animation ========== */
@keyframes lara {
    0% {
      transform: translateY(-1px);
    }
    25% {
      transform: translateY(-5px);
    }
    50% {
      transform: translateY(-7px);
    }
    75% {
      transform: translateY(-5px);
    }
    100% {
      transform: translateY(-1px);
    }
  }
  @keyframes chara {
    100% {
      transform: translateY(-8px);
    }
  }
  /* 01. ========= animation plus ========== */
  @keyframes animation-plus {
    25% {
      transform: scale(1.1);
    }
    75% {
      transform: scale(0.9);
    }
  }
  /* 01. ========= animation plus ========== */
  @keyframes shakenext {
    25% {
      transform: translate3d(0, 0, 0);
    }
    50% {
      transform: translate3d(-3px, 0, 0);
    }
    75% {
      transform: translate3d(3px, 0, 0);
    }
  }
  /* 01. ========= shape animation ========== */
  @keyframes slider-anim {
    0% {
      transform: translateX(-1px);
    }
    25% {
      transform: translateX(-5px);
    }
    50% {
      transform: translateX(-10px);
    }
    75% {
      transform: translateX(-5px);
    }
    100% {
      transform: translateX(-1px);
    }
  }
  /* 01. ========= up-down animation ========== */
  @keyframes up-down {
    0% {
      transform: translateY(0px);
    }
    25% {
      transform: translateY(-5px);
    }
    50% {
      transform: translateY(-10px);
    }
    75% {
      transform: translateY(-5px);
    }
    100% {
      transform: translateY(0px);
    }
  }
  /* 01. ========= up-down animation ========== */
  @keyframes left-right {
    0% {
      transform: translateX(3px);
    }
    25% {
      transform: translateX(7px);
    }
    50% {
      transform: translateX(15px);
    }
    75% {
      transform: translateX(7px);
    }
    100% {
      transform: translateX(2px);
    }
  }





/*-----------------------------------------
/  10. Blog Section
/-----------------------------------------*/
.blogItem01{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.blogItem01 img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.blogItem01:hover img{
    transform: rotate(-2deg) scale(1.06);
    -moz-transform: rotate(-2deg) scale(1.06);
    -webkit-transform: rotate(-2deg) scale(1.06);
}
.blogItem01:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/bg/2.png) repeat-x left bottom;
    z-index: 2;
}
.bi01Content{
    position: absolute;
    left: 0;
    bottom: 37px;
    z-index: 3;
    padding: 0 48px;
}
.bi01Meta{
    font-size: 14px;
    line-height: 30px;
    color: #FFF;
    margin: 0 0 1px;
}
.bi01Meta span{
    float: left;
    margin: 0 19px 0 0;
}
.bi01Meta span a{
    color: inherit;
}
.bi01Meta span a:hover{
    color: #9ebbbd;
}
.bi01Meta span i{
    margin: 0 9px 0 0;
}
.bi01Content h3{
    font-size: 30px;
    line-height: 48px;
    color: #FFF;
    margin: 0 0 0;
}
.bi01Content h3 a{
    color: inherit;
}
.bi01Content h3 a:hover{
    color: #9ebbbd;
}
.blogItem02{
    position: relative;
    border-radius: 5px;
    border: 1px solid #dbdfe3;
    min-height: 260px;
    padding: 21px 29px 0;
    margin: 0 0 24px;
}
.blogItem02 .bi01Meta{
    color: #7f8495;
}
.blogItem02 .bi01Meta span i{
    color: #9ebbbd;
}
.blogItem02 h3{
    font-size: 21px;
    line-height: 30px;
    color: #52586d;
    position: relative;
    top: -1px;
    margin: 0;
}
.blogItem02 h3 a{
    color: inherit;
}
.blogItem02 h3 a:hover{
    color: #7f8495;
}
.blogItem02 .tcLink{
    position: absolute;
    left: 29px;
    bottom: 28px;
}
.blogItem03{
    position: relative;
}
.bi03Thumb{
    position: relative;
    border-radius: 5px;
    margin: 0 0 16px;
    overflow: hidden;
}
.blogItem03 img{
    width: 100%;
    height: auto;
    border-radius: 5px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.blogItem03:hover img{
    transform: rotate(-2deg) scale(1.06);
    -moz-transform: rotate(-2deg) scale(1.06);
    -webkit-transform: rotate(-2deg) scale(1.06);
}
.bi03Details{
    position: relative;
}
.bi03Details .bi01Meta{
    color: #7f8495;
    margin: 0;
}
.bi03Details .bi01Meta a:hover{
    color: #9ebbbd;
}
.bi03Details .bi01Meta span i{
    color: #9ebbbd;
}
.blogItem03 h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0;
}
.blogItem03 h3 a{
    color: inherit;
}
.blogItem03 h3 a:hover{
    color: #9ebbbd;
}

/*-----------------------------------------
/  11. Instagram Section
/-----------------------------------------*/
.instagramSlider{
    border-radius: 5px;
}
.instagramSlider.owl-carousel .owl-stage-outer{
    border-radius: 5px;
}
.instagramPhoto{
    display: block;
    position: relative;
    background: var(--tp-common-white);
    overflow: hidden;
}
.instagramPhoto img{
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    mix-blend-mode: unset;
    transition: all ease 750ms;
    -moz-transition: all ease 750ms;
    -webkit-transition: all ease 750ms;
}
.instagramPhoto:hover img{
    transform: scale(1.2) rotate(-3deg);
    -moz-transform: scale(1.2) rotate(-3deg);
    -webkit-transform: scale(1.2) rotate(-3deg);
}
.instagramGrid{
    position: relative;
    overflow: hidden;
    margin: 0 -15px;
}
.instagramGrid .instagramPhoto{
    float: left;
    width: 22.3%;
    height: 200px;
    border: 1px solid var(--tp-heading-secondary);
    position: relative;
    margin: 0 15px 25px;
}





.instagramGrid  .image {
  position: relative;
  display: block;
}

.instagramGrid .image:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #000 padding-box content-box;
  padding: 5px;
  opacity: 0.5;
  content: "";
      overflow: hidden;
    border-radius: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 9;
}

.instagramGrid .image:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.instagramGrid .image:after {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  content: "\f302";
  text-align: center;
  line-height: 20px;
  font-size: 56px;
  color: #ffffff;
  font-weight: 900;
  font-family: 'Font Awesome 6 Free';
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 9;
}

.instagramGrid .image:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}



.instagramGrid .video {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
}



.instagramGrid .video:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #000 padding-box content-box;
  padding: 5px;
  opacity: 0.5;
  content: "";
      overflow: hidden;
    border-radius: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 9;
}

.instagramGrid .video:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.instagramGrid .video:after {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  content: "\f03d";
  font-weight: 100;
  text-align: center;
  line-height: 20px;
  font-size: 56px;
  color: #ffffff;
  font-weight: 900;
  font-family: 'Font Awesome 6 Free';
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 9;
}

.instagramGrid .video:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}



/*-----------------------------------------
/  04. Gallery Section
/-----------------------------------------*/

.gallery{
    position: relative;
    padding: 100px 0 80px;
    background: var(--tp-grey-1);
}

.gallery .secDesc {
    margin: 0 0 45px;
}

.gallery .secDesc {
    margin: 0 0 45px;
}
.gallery .instagramPhoto  {
    margin: 0 0 30px;
    overflow: hidden;
    border-radius: 10px;
}


.gallery .instagramPhoto img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    mix-blend-mode: unset;
    transition: all ease 750ms;
    -moz-transition: all ease 750ms;
    -webkit-transition: all ease 750ms;
}



.gallery  .image {
  position: relative;
  display: block;
  height: 300px;
}

.gallery .image:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #000 padding-box content-box;
  padding: 5px;
  opacity: 0.5;
  content: "";
      overflow: hidden;
    border-radius: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 9;
}

.gallery  .image:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.gallery .image:after {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  content: "\f302";
  text-align: center;
  line-height: 20px;
  font-size: 56px;
  color: #ffffff;
  font-weight: 900;
  font-family: 'Font Awesome 6 Free';
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 9;
}

.gallery  .image:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}



.gallery .video {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
}


.gallery  .video {
  position: relative;
  display: block;
}

.gallery .video:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #000 padding-box content-box;
  padding: 5px;
  opacity: 0.5;
  content: "";
      overflow: hidden;
    border-radius: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 9;
}

.gallery .video:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.gallery .video:after {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  content: "\f03d";
  font-weight: 100;
  text-align: center;
  line-height: 20px;
  font-size: 56px;
  color: #ffffff;
  font-weight: 900;
  font-family: 'Font Awesome 6 Free';
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 9;
}

.gallery .video:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}


/*-----------------------------------------
/  12. Brand Section
/-----------------------------------------*/
.clientLogo{
    display: block;
    text-align: center;
    position: relative;
}
.clientLogo img{
    display: inline-block !important;
    width: auto !important;
    max-width: 100%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.clientLogo img:first-child{
    position: relative;
}
.clientLogo img:last-child{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
}
.clientLogo:hover img:first-child{
    opacity: 0;
    visibility: hidden;
}
.clientLogo:hover img:last-child{
    opacity: 1;
    visibility: visible;
}

/*-----------------------------------------
/  13. Footer
/-----------------------------------------*/

    footer{
        font-family: var(--tp-ff-jost);
        color: var(--tp-footer-text);
    }


.theme-bg-2 {
    background: var(--tp-footer-bg);
}

.tpfooter__top {
    border-bottom: 1px solid hsl(0deg 0% 100% / 15%);
    padding-top: 60px;
}

.tpfooter__widget-title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: var(--tp-common-white);
    margin-bottom: 10px;
}

.tpfooter__widget p {
    color: var(--tp-grey-7);
    font-size: 14px;
    margin-bottom: 0;
}

.tpfooter__widget p a {
    color: var(--tp-footer-text);
}

.tpfooter__widget-social-title {
    color: var(--tp-grey-10);
    display: block;
}

.phoneno{
    color: var(--tp-heading-secondary);
    font-size: 18px;
    margin-top: 15px;
}

.phoneno a{
    color: var(--tp-footer-text);
}


.tpfooter__widget-social {
    display: flex;
    gap: 15px;
}

.tpfooter__widget-social a {
    /* color: var(--tp-footer-text);
    font-size: 16px;
    margin-right: 15px; */
    background: var(--tp-common-white);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tpfooter__widget-time-info{
    font-size: 14px;
    color: var(--tp-footer-text);
}

.tpfooter__widget-links ul {
    margin: 0px;
    padding: 0px;
}


.tpfooter__widget-links ul li {
    list-style: none;
}

.tpfooter__widget-links ul li a {
    font-size: 14px;
    color: var(--tp-footer-text);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    display: inline-block;
    margin-bottom: 8px;
}


.footerlogo img{
    margin-bottom: 30px;
    height: 100px;
    width: auto;
}



.footer{
    position: relative;
    padding: 80px 0 0;
    background: var(--tp-header-bg);
}

.footer .widget{
    position: relative;
    margin: 0;
    padding: 0;
}
.footer .widget.aboutWidget{
    padding: 0 104px 0 0;
}
.footer .widget.aboutWidget2{
    padding: 0 100px 0 0;
}
.footerLogo{
    position: relative;
    margin: 0 0 28px;
}
.footerLogo2{
    position: relative;
    margin: 0 0 34px;
}
.footerLogo img{
    height: 48px;
    display: inline-block;
    width: auto;
}
.footerLogo2 img{
    width: auto;
    display: inline-block;
}
.aboutWidContent{
    color: #bbbdc4;
    margin: 0 0 29px;
}
.footerMode2 .aboutWidContent{
    color: #7f8495;
}
.subscribForm{
    position: relative;
    margin: 0;
}
.subscribForm form{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.subscribForm form input[type="email"]{
    display: block;
    width: 100%;
    height: 54px;
    background: #FFF;
    border-radius: 5px;
    padding: 0 18px;
    margin: 0;
    font-size: 16px;
    color: #aeb3c3;
    border: none;
}
.subscribForm form input::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.subscribForm form input::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.subscribForm form input::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.subscribForm form button{
    position: absolute;
    right: 17px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    font-size: 16px;
    color: #7f8495;
    background: transparent;
    line-height: 1;
    top: 19px;
}
.subscribForm form button:hover{
    color: #52586d;
}
.footer .widget .widgetTitle{
    font-size: 20px;
    line-height: 1;
    margin: 17px 0 35px;
}
.footerMode2 .widget .widgetTitle{
    color: #52586d;
}
.addressContent{
    position: relative;
    padding: 0 95px 0 0;
}
.singleAddress{
    position: relative;
    padding: 0 0 0 31px;
    line-height: 24px;
    color: #bbbdc4;
    margin: 0 0 16px;
}
.footerMode2 .singleAddress{
    color: #7f8495;
}
.addressContent .singleAddress:last-of-type{
    margin: 0;
}
.singleAddress i{
    font-size: 16px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 5px;
}
.singleAddress a{
    color: inherit;
}
.singleAddress a:hover{
    color: #FFF;
}
.footer .widget ul{
    margin: 0;
    padding: 0;
}
.footer .widget ul li{
    list-style: none;
    margin: 0 0 12px;
}
.footer .widget ul li a{
    color: #bbbdc4;
    display: inline-block;
    padding: 0;
}
.footerMode2 .widget ul li a{
    color: #7f8495;
}
.footer .widget ul li a:hover{
    color: #FFF;
    padding-left: 5px;
}
.footerMode2 .widget ul li a:hover{
    color: #9ebbbd;
}
.footer .widget.twoColMenu ul{
    display: inline-block;
    width: 100%;
}
.footer .widget.twoColMenu li{
    float: left;
    width: 100%;
}
.footerSocial{
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.footerSocial a{
    width: 42px;
    height: 42px;
    font-size: 16px;
    color: var(--tp-header-bg);
    line-height: 42px;
    text-align: center;
    background: var(--tp-heading-secondary);
    border-radius: 50%;
    margin-right: 12px;
}
.footerMode2 .footerSocial a{
    background: var(--tp-header-bg);
    color: var(--tp-heading-secondary);
}
.footerSocial a:hover, .footerMode2 .footerSocial a:hover{
    background: #fff;
    color: var(--tp-heading-secondary);
}
.footerSocial a:last-child{
    margin-right: 0;
}
.footerPayments{
    position: relative;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    color: var(--tp-heading-secondary);
    font-size: 36px;
    line-height: 42px;
}
.footerMode2 .footerPayments{
    color: #4a5556;
    line-height: 1;
    padding-top: 1px;
}
.footerPayments a{
    color: inherit;
    margin-left: 12px;
}
.footerPayments a:first-child{
    margin-left: 0;
}
.footerPayments a:hover{
    color: #fff;
}
.footerMode2 .footerPayments a:hover{
    color: #9ebbbd;
}
.footerAccessRow{
    padding: 70px 0 36px;
}
.footerMode2 .footerAccessRow{
    padding: 83px 0 33px;
}
.footerAccessRow .anSupport{
    margin: 0;
}
.footerAccessRow .anSupport h3:last-of-type{
    font-size: 18px;
}
.footerBar{
    height: 1px;
    width: 100%;
    position: relative;
    background: rgba(255, 255, 255, .12);
}
.footerMode2 .footerBar{
    background: rgba(158, 187, 189, .48);
}
.siteInfoSection{
    background: var(--tp-header-bg);
}

.siteInfo{
    color: #bbbdc4;
    padding: 31px 0 46px;
}
.sisMode2 .siteInfo{
    color: #7f8495;
}
.siteInfo a{
    color: inherit;
    font-weight: 700;
}
.siteInfo a:hover{
    color: #FFF;
}
.sisMode2 .siteInfo a:hover{
    color: #9ebbbd;
}
.footerNav{
    display: flex;
    justify-content: flex-end;
    position: relative;
    padding: 31px 0 46px;
}
.footerNav ul{
    margin: 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-end;
    color: #bbbdc4;
}
.footerNav ul li{
    list-style: none;
    margin-right: 42px;
    color: #bbbdc4;
}
.footerNav ul li:last-child{
    margin-right: 0;
}
.footerNav ul li a{
    display: block;
    color: var(--tp-heading-secondary);
}

.footerNav ul li a:hover{
    color: #FFF;
}

#backtotop{
    position: fixed;
    letter-spacing: 0;
    right: 25px;
    bottom: -25px;
    width: 45px;
    height: 45px;
    background: var(--tp-heading-primary);
    color: var(--tp-common-white);
    font-size: 14px;
    text-align: center;
    line-height: 45px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    border-radius: 0;
    border-radius: 50%;
}
#backtotop:hover{
    background: var(--tp-theme-8);
    color: var(--tp-common-black);
}




.wa_btn{
    position: fixed;
    z-index: 999999;
    bottom: 85px;
    right: 20px;
}


.wa_btn_content {
    box-sizing: border-box;
    display: inline-flex;
    padding: 10px 14px;
    justify-content: center;
    align-items: center;
    color: var(--tp-common-white);
    cursor: pointer;
    background: #16BE45;
    border-radius: 40px;
}

.wa_btn_content a {
    display: inline-flex;
}





.wa_btn_content p {
    margin-left: 8px!important;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: var(--tp-common-white);
    margin: 0;
}









/*-----------------------------------------
/  Feature
/-----------------------------------------*/

.mainfeature__bg {
    background: var(--tp-grey-9);
    padding: 50px 0 0;

}



.mainfeature__title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: var(--tp-common-white);
    margin-bottom: 2px;
}

.mainfeature__item {
    margin-bottom: 30px;
    background: var(--tp-common-white);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 15px;
}

.mainfeature__icon {
    height: 50px;
    margin-bottom: 10px;
}

.mainfeature__title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: var(--tp-common-black);
    margin-bottom: 5px;
    white-space: nowrap;
    width: 135px;
    text-align: center;
}


.mainfeature__content p {
    color: var(--tp-grey-5);
    font-size: 14px;
    margin-bottom: 0;
    font-family: var(--tp-ff-p);
}

.mainfeature__border {
    border-bottom: 1px solid hsl(0deg 0% 100% / 15%);
}


/*-----------------------------------------
/  14. CTA Section
/-----------------------------------------*/
.ctaContent{
    position: relative;
    padding: 135px 0 0;
}
.ctaContent .secSubTitle{
    margin: 0 0 11px;
}
.ctaContent .secTitle{
    font-size: 48px;
    line-height: 60px;
    margin: 0 0 28px;
}
.ctaContent .secDesc{
    margin: 0 0 40px;
}
.ctaImageWrap{
    position: relative;
    text-align: right;
    padding: 0 176px 0 0;
}
.pointerImage{
    display: inline-block;
    position: relative;
}
.pointerImage img{
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.clickPoint{
    position: absolute;
    left: 0;
    top: 0;
}
.clickPoint.cp01{
    left: 203px;
    top: -2px;
}
.clickPoint.cp02{
    left: 262px;
    top: 129px;
}
.clickPoint.cp03{
    left: 156px;
    top: auto;
    bottom: 212px;
}
.clickPoint a.cpAchor{
    display: inline-block;
    height: 28px;
    width: 28px;
    background: rgba(255, 255, 255, .24);
    padding: 5px;
    border-radius: 50%;
}
.clickPoint a.cpAchor i{
    display: block;
    width: 18px;
    height: 18px;
    background: #fff;
    line-height: 18px;
    font-size: 10px;
    color: #9ebbbd;
    text-align: center;
    border-radius: 50%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.clickPoint a.cpAchor:hover i,
.clickPoint.active a.cpAchor i{
    background: #9ebbbd;
    color: #FFF;
}
.cpProduct{
    position: absolute;
    left: calc(100% + 9px);
    width: 288px;
    height: auto;
    background: #FFF;
    border-radius: 5px;
    padding: 21px 25px 12px 121px;
    min-height: 120px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    z-index: 2;
}
.clickPoint.active .cpProduct{
    display: block;
}
.cpProduct img{
    width: 96px;
    height: 96px;
    position: absolute;
    left: 12px;
    top: 12px;
    border-radius: 5px;
}
.cpProduct h3{
    font-size: 18px;
    line-height: 24px;
    color: #52586d;
    margin: 0 0 9px;
}
.cpProduct h3 a{
    color: inherit;
}
.cpProduct h3 a:hover{
    color: #9ebbbd;
}
.cpProduct .pi01Price{
    font-size: 18px;
    line-height: 1;
    margin: 0;
}
.cpProduct .pi01Price del{
    font-size: 13px;
    margin-left: 6px;
}
.cpProduct .pi01Price del:after{
    top: 6px;
}

/*-----------------------------------------
/  15. Subscribe Section
/-----------------------------------------*/
.subscribForm.sfLarge{
    position: relative;
}
.subscribForm.sfLarge form input[type="email"]{
    height: 66px;
    font-size: 16px;
    color: #aeb3c3;
    padding: 0 23px;
}
.subscribForm.sfLarge form input::placeholder{
    color: #aeb3c3 !important;
    opacity: 1 !important;
}
.subscribForm.sfLarge form input::-moz-placeholder{
    color: #aeb3c3 !important;
    opacity: 1 !important;
}
.subscribForm.sfLarge form input::-ms-input-placeholder{
    color: #aeb3c3 !important;
    opacity: 1 !important;
}
.subscribForm.sfLarge form input::-webkit-input-placeholder{
    color: #aeb3c3 !important;
    opacity: 1 !important;
}
.subscribForm.sfLarge form button{
    font-size: 18px;
    right: 23px;
    top: 24px;
}

/*-----------------------------------------
/  16. Shop & Product Details Page
/-----------------------------------------*/


.shopdetails-area{
    position: relative;
    padding: 115px 0 120px;
    background: var(--tp-grey-1);
}

.tpdetails__product {
    background-color: var(--tp-common-white);
    padding: 35px 40px 45px 40px;
    border-radius: 10px;
}

.tpdetails__title-box {
    margin-bottom: 25px;
    border-bottom: 1px solid #E6ECF0;
}

.tpdetails__title {
    font-family: var(--tp-ff-jost);
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
    color: var(--tp-heading-primary);
}

.product__details-price-box {
    padding-bottom: 25px;
    border-bottom: 1px solid #E6ECF0;
    margin-bottom: 30px;
}


.product__details-price {
    font-family: var(--tp-ff-jost);
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
    color: var(--tp-theme-2);
}

.product__details-info-list {
    margin: 0;
    padding: 0;
}

.product__details-info-list li {
    font-family: var(--tp-ff-jost);
    list-style: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--tp-text-body);
    position: relative;
    padding-left: 18px;
}


.product__details-info-list li::after {
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--tp-text-body);
    border-radius: 50%;
}

.product__details-cart {
    padding-bottom: 20px;
    border-bottom: 1px solid #E6ECF0;
    margin-bottom: 30px;
}

.product__details-quantity b {
    font-family: var(--tp-ff-jost);
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    color: #2D2A6E;
    flex: 0 0 auto;
    margin-right: 8px;
}

.product__details-count {
    flex: 0 0 auto;
    background-color: #F3F3F9;
    border-radius: 30px;
    display: inline-block;
    border: 1px solid #EBEFF4;
    padding: 10px 29px;
    color: var(--tp-text-body);
    cursor: pointer;
}

.product__details-count input {
    background-color: #F3F3F9;
    border: none;
    width: 25px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--tp-text-body);
    margin: 0 15px;
}



.product__details-btn {
    flex: 0 0 auto;
}


.product__details-btn a {
    font-family: var(--tp-ff-jost);
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    color: var(--tp-common-white);
    background-color: var(--tp-grey-9);
    padding: 13px 97px;
    border-radius: 30px;
    display: inline-block;
}


.product__details-stock ul{
    padding: 0;
}

.product__details-stock ul li{
    list-style: none;
    font-size: 16px;
    color: var(--tp-text-body);
}

















.shopPageSection{
    position: relative;
    padding: 115px 0 120px;
    background: var(--tp-grey-1);
}
.shopAccessRow{
    margin-bottom: 34px;
}
.productCount{
    position: relative;
}
.productCount p{
    margin: 0;
}
.filterUL{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.filterUL li{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #aeb3c3;
    font-weight: 400;
    list-style: none;
    text-transform: capitalize;
    margin: 0 38px 0 0;
    cursor: pointer;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.filterUL li:last-child{
    margin: 0;
}
.filterUL li:hover, .filterUL li.active{
    color: #52586d;
}
.shopAccessBar{
    display: flex;
    justify-content: flex-end;
}
.filterNav{
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #7f8495;
    margin: 0 30px 0 0;
}
.filterNav a{
    color: inherit;
}
.filterNav a i{
    font-size: 14px;
    line-height: inherit;
    margin: 0 0 0 9px;
}
.filterNav a:hover{
    color: #52586d;
}
.sortNav{
    position: relative;
    margin: 0 30px 0 0;
}
.sortNav form{
    margin: 0;
    padding: 0;
    display: inline-flex;
}
.sortNav form label{
    font-size: 16px;
    line-height: 24px;
    color: #7f8495;
    margin: 0 13px 0 0;
}
.sortNav form .nice-select{
    font-size: 16px;
    line-height: 24px;
    color: #7f8495;
    padding: 0 18px 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    text-transform: capitalize;
    height: auto;
}
.sortNav form .nice-select span.current{
    font-weight: 700;
}
.sortNav form .nice-select:after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 12px;
    color: #7f8495;
    border: none;
    margin: 0;
    top: 1px;
    transform: none;
    width: auto;
    height: auto;
    left: auto;
    right: 0;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.sortNav form .nice-select.open:after{
    content: '\f106';
}
.sortNav form .nice-select .list{
    margin: 10px 0 0;
    border-radius: 3px;
    border: none;
    box-shadow: none;
    min-width: 80px;
}
.sortNav form .nice-select .list .option{
    font-size: 16px;
    color: #7f8495;
    text-transform: capitalize;
    padding: 0 15px;
    line-height: 40px;
}
.sortNav form .nice-select .option:hover, .sortNav form .nice-select .option.focus, .sortNav form .nice-select .option.selected.focus{
    background-color: #9ebbbd !important;
    color: #FFF !important;
}
.productViewTabnav{
    display: inline-flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
}
.productViewTabnav li{
    list-style: none;
    margin: 0 16px 0 0;
}
.productViewTabnav li:last-child{
    margin: 0;
}
.productViewTabnav li button{
    background: transparent;
    border: none;
    border-radius: 0;
    font-size: 16px;
    line-height: 24px;
    color: #cfd3e0;
    padding: 0;
    margin: 0;
}
.productViewTabnav li button:hover, .productViewTabnav li button.active{
    color: #7f8495;
}
.shopProductRow .productItem01{
    margin: 0 0 45px;
}
.productItem02{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.shopProductRow .productItem02{
    margin: 0 0 48px;
}
.pi02Thumb{
    position: relative;
    overflow: hidden;
    width: 47.13%;
    border-radius: 3px 0 0 3px;
}
.pi02Thumb img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 3px 0 0 3px;
    position: relative;
    left: 0%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pi02Thumb img:nth-child(2){
    position: absolute;
    left: 100%;
    top: 0;
}
.productItem02:hover .pi02Thumb img{
    opacity: .64;
}
.productItem02:hover .pi02Thumb img:first-child{
    left: -100%;
}
.productItem02:hover .pi02Thumb img:nth-child(2){
    left: 0%;
}


.pi02Details{
    position: relative;
    width: 52.87%;
    padding: 0 24px 0 24px;
}
.shopPageHasSidebar .pi02Details{
    padding-right: 0;
}
.pi02Details h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0;
}
.pi02Details h3 a{
    color: inherit;
}
.pi02Details h3 a:hover{
    color: #7f8495;
}
.pi02Desc{
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 27px;
}
.pi02Details .pi01Price{
    margin: 0 0 20px;
}
.tcBTN2.shopLoadMore{
    border-color: #9ebbbd;
    height: 48px;
    border-radius: 48px;
    line-height: 48px;
    min-width: 155px;
}
.tcBTN2.shopLoadMore:hover{
    border-color: #52586d;
}
.shopPaginationRow{
    padding: 12px 0 0;
}
.shopSidebar{
    position: relative;
}
.shopSidebar .widget{
    margin: 0 0 36px;
    padding: 0;
    background: var(--tp-common-white);
    padding: 25px;
}
.shopSidebar .widget .widgetTitle{
    font-size: 26px;
    line-height: 30px;
    position: relative;
    padding: 0 0 0 0;
    margin: 0 0 21px;
    color: var(--tp-grey-9);
    font-weight: 500;
}

.shopSidebar .widget ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.shopSidebar .widget li{
    position: relative;
    list-style: none;
    display: block;
    margin: 0 0 12px;
}
.shopSidebar .widget > ul > li:last-child{
    margin: 0;
}
.shopSidebar .widget li a{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    display: block;
    position: relative;
    color: var(--tp-text-6);
    font-family: var(--tp-ff-jost);
    font-weight: 500;
    cursor: pointer;

}
.shopSidebar .widget li.menu-item-has-children > a:after{
    content: '+';
    font-size: 16px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 4px;
}
.shopSidebar .widget li.menu-item-has-children.active > a:after{
    content: '-';
    top: 2px;
}
.shopSidebar .widget li a:hover{
    color: var(--tp-grey-9)
}
.shopSidebar .widget li ul{
    padding: 12px 0 0 21px;
    position: relative;
    top: 0;
    display: none;
}
.shopSidebar .widget li ul li:last-child{
    margin: 0;
}
#sliderRange{
    position: relative;
    width: 100%;
    display: block;
    height: 3px;
    background: #dcebe9;
    border-radius: 0;
    margin: 0 0 10px;
}
#sliderRange .ui-slider-range{
    background: #707070;
    position: absolute;
    height: 100%;
    border-radius: 0;
    padding: 0;
}
#sliderRange .ui-slider-handle{
    width: 9px;
    height: 9px;
    position: absolute;
    border-radius: 50%;
    background: #9ebbbd;
    top: -3px;
    cursor: pointer;
}
#sliderRange .ui-slider-handle:focus,
#sliderRange .ui-slider-handle:active,
#sliderRange .ui-slider-handle:focus-visible{
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.pfsWrap{
    margin: 0;
}
.shopSidebar .widget.priceFilter .widgetTitle{
    margin: 0 0 30px;
}
.productSizeWrap{
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding: 2px 0 0;
}
.pswItem{
    position: relative;
    margin: 0 4px 0 0;
}
.pswItem input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.pswItem label{
    border: 1px solid #e5e5e5;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    color: #7f8495;
    background: #FFF;
    line-height: 35px;
    cursor: pointer;
    padding: 0 0;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pswItem input[type="radio"]:checked + label{
    color: #FFF;
    border-color: #707070;
    background: #707070;
}
.productColorWrap{
    display: inline-flex;
    justify-content: flex-start;
    padding: 2px 0 0px;
}
.pcwItem{
    position: relative;
    margin: 0 2px 0 0;
}
.pcwItem input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.pcwItem label{
    position: relative;
    width: 28px;
    height: 28px;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pcwItem label:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #52a9e8;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pcwItem.pcwi2 label:after{
    background: #f2c864;
}
.pcwItem.pcwi3 label:after{
    background: #f42222;
}
.pcwItem.pcwi4 label:after{
    background: #4dde73;
}
.pcwItem.pcwi5 label:after{
    background: #a758d5;
}
.pcwItem input[type="radio"]:checked + label{
    border-color: #dbdfe3;
}
.productWidgets{
    position: relative;
}
.pwItems{
    position: relative;
    padding: 0 25px 0 104px;
    min-height: 96px;
    margin: 0 0 16px;
}
.productWidgets .pwItems:last-of-type{
    margin: 0;
}
.pwItems img{
    width: 84px;
    height: 96px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
}
.pwItems h3{
    font-size: 18px;
    line-height: 22px;
    color: #52586d;
    margin: 0 0 6px;
    position: relative;
    top: -4px;
}
.pwItems h3 a{
    color: inherit;
}
.pwItems h3 a:hover{
    color: #7f8495;
}
.pwItems .pi01Price{
    font-size: 18px;
    line-height: 1;
    margin: 0;
}
.pwItems .pi01Price del{
    font-size: 14px;
    margin: 0 0 0 6px;
}
.shopSidebar .widget.sizeFilter{
    margin: 0 0 42px;
}
.shopPagination{
    position: relative;
    display: flex;
    justify-content: flex-start;
}
.shopPagination a, .shopPagination span{
    width: 48px;
    height: 48px;
    border: 1px solid var(--tp-theme-9);
    color: var(--tp-heading-primary);
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50%;
    margin-right: 6px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.shopPagination a:hover, .shopPagination span.current{
    background: var(--tp-theme-9);
    color: var(--tp-common-white);
    border-color: var(--tp-theme-9);
}
.shopDetailsPageSection{
    position: relative;
    padding: 120px 0 117px;
}
.productGalleryWrap{
    position: relative;
    padding: 0 48px 0 0;
}

.productGalleryWrap .productGalleryPopup{
    margin-bottom: 25px;
}



.pgImage{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.pgImage img{
    display: block;
    width: 100%;
    height: 300px;
    object-fit: contain;
}
.productGalleryThumbWrap{
    position: relative;
    padding: 18px 18px 0;
}
.pgtImage{
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    margin: 0 10px;
    width: 70px;
    height: 70px;
    border: 1px solid #000;
}
.pgtImage img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.productGalleryThumb .slick-arrow{
    position: absolute;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    color: #7f8495;
    margin: 0;
    top: 0;
    bottom: 0;
    left: -17px;
    margin: auto 0;
    height: 18px;
}
.productGalleryThumb .slick-arrow:hover{
    color: #9ebbbd;
}
.productGalleryThumb .slick-arrow.slick-next{
    left: auto;
    right: -18px;
}
.productContent{
    position: relative;
    padding: 0 0 0 12px;
    margin: 0;
}
.productContent.pcMode2{
    padding: 0;
}
.pcCategory{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #707070;
    margin: 10px 0 15px;
}
.pcCategory a{
    color: inherit;
}
.pcCategory a:hover{
    color: #52586d;
}
.productContent h2{
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 7px;
}
.productContent .pi01Price{
    font-size: 20px;
    line-height: 36px;
    color: var(--tp-heading-secondary);
    font-weight: 400;
    margin: 0 0 18px;
}
.productContent .pi01Price del{
    font-size: 24px;
    line-height: 1;
    color: #aeb3c3;
}
.productContent .pi01Price del:after{
    top: 11px;
}
.productRadingsStock{
    position: relative;
    margin: 0 0 14px;
}
.productRadingsStock .productRatingWrap .star-rating{
    font-size: 14px;
}
.productRadingsStock .ratingCounts{
    font-size: 14px;
    margin: 0 0 0 12px;
}
.productStock{
    font-family: 'Jost', sans-serif;
    position: relative;
    font-size: 16px;
    line-height: 1;
    color: #707070;
    margin: -1px 0 0;
}
.productStock span{
    color: #52586d;
    font-weight: 500;
}
.pcExcerpt{
    margin: 0 0 28px;
}
.pcVariations{
    position: relative;
    margin: 0 0 30px;
}
.pcVariation{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 15px;
}
.pcVariation > span{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #52586d;
    line-height: 18px;
    min-width: 67px;
    margin: 0;
}
.pcVariation.pcv2 > span{
    line-height: 36px;
}
.pcvContainer{
    display: flex;
    justify-content: flex-start;
}
.pcvContainer .pi01VCItem{
    margin: 0 12px 0 0;
}
.singleVariation{
    position: relative;
    display: flex;
    justify-content: flex-start;
}
.singleVariation label{
    font-size: 16px;
    line-height: 1;
    color: #52586d;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    width: 56px;
    margin: 17px 0 0;
}
.singleVariation .nice-select{
    font-size: 16px;
    line-height: 46px;
    color: #aeb3c3;
    text-transform: none;
    padding: 0 24px;
    border: 1px solid #c5d0cf;
    border-radius: 48px;
    box-shadow: none;
    background: #FFF;
    height: 48px;
    width: calc(100% - 56px);
    margin: 0;
}
.singleVariation .nice-select:after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    color: #aeb3c3;
    border: none;
    margin: 0;
    top: 2px;
    transform: none;
    width: auto;
    height: auto;
    left: auto;
    right: 23px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.singleVariation .nice-select.open:after{
    content: '\f106';
}
.singleVariation .nice-select .list{
    margin: 1px 0 0;
    border-radius: 24px;
    border: none;
    box-shadow: none;
    min-width: 80px;
    width: 100%;
    box-shadow: 0px 10px 25px  rgba(0, 0, 0, .05)
}
.singleVariation .nice-select .list .option{
    font-size: 16px;
    color: #7f8495;
    text-transform: none;
    padding: 0 24px;
    line-height: 48px;
}
.singleVariation .nice-select .option:hover,
.singleVariation .nice-select .option.focus,
.singleVariation .nice-select .option.selected.focus{
    background-color: #9ebbbd !important;
    color: #FFF !important;
}
.pcBtns{
    position: relative;
    display: flex;
    justify-content: flex-start;
    margin: 0 0 24px;
}
.quantity{
    height: 48px;
    width: 103px;
    border: 1px solid var(--tp-heading-secondary);
    border-radius: 48px;
    text-align: center;
    position: relative;
    margin: 0;
}
.pcBtns .quantity{
    margin: 0 12px 0 0;
}
.quantity input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #707070;

    border: none;
    text-align: center;
    border-radius: inherit;
    background: transparent;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
.quantity input[type=number]{
    -moz-appearance: textfield;
}
.quantity button{
    font-size: 16px;
    line-height: 1;
    color: #707070;
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 17px;
    top: 8px;
    z-index: 1;
}
.quantity button:last-child{
    left: auto;
    right: 16px;
    top: 15px;
}
.pcBtns .tcBTN{
    border: none;
    min-width: 174px;
    padding: 0 25px;
}
.pcWishlist{
    height: 48px;
    width: 48px;
    border: 1px solid #c5d0cf;
    border-radius: 50%;
    text-align: center;
    position: relative;
    line-height: 46px;
    font-size: 18px;
    color: #7f8495;
    margin: 0 0 0 12px;
}
.pcWishlist:hover{
    color: #52586d;
    border-color: #52586d;
}
.pcCompare{
    height: 48px;
    width: 48px;
    border: 1px solid #c5d0cf;
    border-radius: 50%;
    text-align: center;
    position: relative;
    line-height: 46px;
    font-size: 18px;
    color: #7f8495;
    margin: 0 0 0 12px;
}
.pcCompare:hover{
    color: #52586d;
    border-color: #52586d;
}
.pcMeta{
    position: relative;
    margin: 0 0 0;
}
.pcMeta p{
    position: relative;
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 26px;
    color: #717788;
    margin: 0 0 12px;
}
.pcMeta .pcmTags{
    margin: 0 0 16px;
}
.pcMeta p a{
    color: inherit;
}
.pcMeta p a:hover{
    color: #9ebbbd;
}
.pcMeta p span{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    color: #52586d;
    min-width: 67px;
    font-weight: 500;
}
.pcMeta p.pcmTags a{
    font-weight: 700;
    color: #717788;
}
.pcMeta p.pcmTags a:hover{
    color: #9ebbbd;
}
.pcMeta p.pcmSocial a{
    font-size: 18px;
    line-height: inherit;
    margin: 0 24px 0 0;
}
.pcMeta p.pcmSocial a.fac{
    color: #1877f2;
}
.pcMeta p.pcmSocial a.twi{
    color: #1da1f2;
}
.pcMeta p.pcmSocial a.lin{
    color: #0077b5;
}
.pcMeta p.pcmSocial a.ins{
    color: #405de6;
}
.pcMeta p.pcmSocial a:hover{
    color: #9ebbbd;
}
.productTabRow{
    margin-top: 48px;
}
.productDetailsTab{
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    font-family: 'Jost', sans-serif;
    border-bottom: 1px solid #dbdfe3;
}
.productDetailsTab li{
    list-style: none;
    margin: 0 55px 0 0;
    padding: 0;
}
.productDetailsTab li:last-child{
    margin: 0;
}
.productDetailsTab li button{
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    padding: 0 0 19px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #aaaaaa;
    text-transform: capitalize;
    position: relative;
}
.productDetailsTab li button:hover, .productDetailsTab li button.active{
    color: #52586d;
}
.productDetailsTab li button:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0%;
    height: 1px;
    background: #707070;
    opacity: 0;
    visibility: hidden;
    transition: inherit;
}
.productDetailsTab li button:hover:after, .productDetailsTab li button.active:after{
    opacity: 1;
    visibility: visible;
    width: 100%;
}
.productDescContentArea{
    position: relative;
    padding: 47px 0 0;
}
.descriptionContent{
    position: relative;
}
.descriptionContent h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 26px;
}
.descriptionContent p{
    margin: 0 0 24px;
}
.descriptionContent ul{
    margin: 0 0 24px;
    padding: 0;
}
.descriptionContent ul li{
    list-style: none;
    position: relative;
    padding: 0 0 0 25px;
    margin: 0 0 12px;
}
.descriptionContent ul li:last-child{
    margin: 0;
}
.descriptionContent ul li:before{
    content: '\f101';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
    color: #9ebbbd;
    position: absolute;
    left: 0;
    top: 5px;
}
.additionalContentArea{
    position: relative;
    padding: 47px 0 0;
}
.additionalContentArea h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 26px;
}
.additionalContentArea table{
    border: none;
    width: 100%;
    border-spacing: 0;
    border-radius: 0;
    margin: 0;
}
.additionalContentArea table tr th{
    font-size: 16px;
    line-height: 24px;
    color: #52586d;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    width: 132px;
    padding: 0 0 6px;
}
.additionalContentArea table tr td{
    padding: 0 0 6px;
}
.productReviewArea{
    position: relative;
    padding: 47px 0 0;
}
.productReviewArea h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 26px;
}
.productReviewArea .commentFormArea h3{
    margin: 0 0 24px;
}
.reviewList{
    margin: 0;
    padding: 0;
}
.reviewList ol{
    margin: 0;
    padding: 0;
}
.reviewList ol li{
    list-style: none;
    margin: 0 0 35px;
    padding: 0;
}
.reviewList ol li:last-child{
    margin: 0;
}
.postReview{
    position: relative;
    padding: 0 0 0 115px;
}
.postReview img{
    width: 90px;
    height: 90px;
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 50%;
}
.postReview h2{
    font-size: 21px;
    line-height: 30px;
    margin: 0 0 10px;
}
.postReviewContent{
    margin: 0 0 18px;
}
.postReview .productRatingWrap{
    margin: 0 0 10px;
}
.postReview .productRatingWrap .star-rating{
    font-size: 14px;
}
.reviewMeta{
    position: relative;
    display: flex;
    justify-content: flex-start;
}
.reviewMeta h4{
    font-size: 16px;
    line-height: 24px;
    color: #52586d;
    margin: 0 10px 0 0;
}
.reviewMeta span{
    font-size: 14px;
    line-height: 24px;
    color: #aeb3c3;
}
.reviewFrom{
    position: relative;
}
.reviewFrom form{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.reviewStar{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 21px;
}
.reviewStar label{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #52586d;
    margin: 0 24px 0 0;
}
.rsStars{
    font-size: 16px;
    line-height: 24px;
    color: #ffb400;
}
.reviewFrom input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .reviewFrom textarea{
    height: 54px;
    display: block;
    width: 100%;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    padding: 0 24px;
    margin: 0 0 12px;
    font-size: 16px;
    color: #aeb3c3;
}
.reviewFrom textarea{
    height: 190px;
    resize: none;
    border-radius: 27px;
    padding: 15px 24px;
}
.reviewFrom form input::-moz-placeholder,
.reviewFrom form textarea::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.reviewFrom form input::-ms-input-placeholder,
.reviewFrom form textarea::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.reviewFrom form input::-webkit-input-placeholder,
.reviewFrom form textarea::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.reviewFrom .tcBTN{
    height: 54px;
    line-height: 52px;
    min-width: 174px;
    padding: 0 25px;
}
.relatedProductRow{
    margin-top: 93px;
}
.relatedProductRow .secTitle{
    margin: 0 0 43px;
}
.productGalleryWrap2{
    position: relative;
    padding: 0 55px 0 0;
}
.productGalleryThumb2{
    position: relative;
    float: left;
    width: 120px;
    margin-right: 18px;
}
.productGallery2{
    position: relative;
    width: calc(100% - 138px);
    float: left;
}
.pgImage2{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}
.pgImage2 img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.pgtImage2{
    position: relative;
    border-radius: 3px;
    cursor: pointer;
    border: none;
}
.slick-vertical .slick-slide.pgtImage2{
    border: none;
}
.pgtImage2 img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 3px;
    border: 1px solid transparent;
    margin: 0 0 16px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pgtImage2.slick-current.slick-active img{
    border-color: #9ebbbd;
}
.productContentRow{
    padding-top: 40px;
}
.productOpenTab{
    position: relative;
}
.productOpenTab h4.potTitle{
    font-size: 18px;
    line-height: 1;
    color: #52586d;
    margin: 0;
    border-bottom: 1px solid #dbdfe3;
    padding: 0 0 19px;
}
.productOpenTab .additionalContentArea{
    padding: 44px 0 50px;
}
.productOpenTab .productDescContentArea{
    padding-bottom: 32px;
}
.productOpenTab .productReviewArea{
    padding-bottom: 22px;
}
.cartPageSection{
    position: relative;
    padding: 117px 0 120px;
}
.cartHeader{
    position: relative;
}
.cartHeader h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 20px;
}
.woocommerce .shop_table.cart_table{
    border-spacing: 0;
    border: none;
    width: 100%;
    margin: 0;
}
.woocommerce .shop_table.cart_table thead tr th{
    font-family: 'Jost', sans-serif;
    font-size: 21px;
    line-height: 30px;
    font-weight: 400;
    color: var(--tp-header-bg);
    border: none;
    border-bottom: 1px solid #C1C1C1;
    padding: 0 0 11px;
}
.woocommerce .shop_table.cart_table tbody tr td{
    border: none;
    border-top: 1px solid #C1C1C1;
    padding: 24px 0 24px;
}
.woocommerce .shop_table.cart_table tbody tr:first-child td{
    border-top: none;
}
.woocommerce .shop_table.cart_table tbody tr td.product-thumbnail{
    width: 103px;
}
.woocommerce .shop_table.cart_table tbody tr td.product-thumbnail img{
    width: 93px;
    height: 86px;
    border-radius: 5px;
    margin: 0;
}
.woocommerce .shop_table.cart_table tbody tr td.product-name{
    padding-left: 22px;
}
.woocommerce .shop_table.cart_table tbody tr td.product-name a{
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #252525;
    display: inline-block;
     font-weight: 500;
}
.woocommerce .shop_table.cart_table tbody tr td.product-name a:hover{
    color: #252525;
}

.woocommerce .shop_table.cart_table tbody tr td.product-quantity{
    width: 200px;
}

.woocommerce .shop_table.cart_table tbody tr td.product-quantity .quantity {
    border: 1px solid #252525;
}

.woocommerce .shop_table.cart_table tbody tr td.product-quantity .quantity button {
    color: #252525;
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
}




.woocommerce .shop_table.cart_table tbody tr td.product-price .pi01Price,
.woocommerce .shop_table.cart_table tbody tr td.product-subtotal .pi01Price{
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin: 0;
    color: #252525;
}
.woocommerce .shop_table.cart_table tbody tr td.product-price{
    width: 155px;
}
.woocommerce .shop_table.cart_table tbody tr td.product-subtotal{
    width: 132px;
}
.woocommerce .shop_table.cart_table tbody tr td.product-remove{
    width: 48px;
}
.woocommerce .shop_table.cart_table tbody tr td a.remove{
    position: relative;
    width: 48px;
    height: 48px;
    border: 1px solid #252525;
    display: inline-block;
    background: transparent;
    border-radius: 50%;
    color: #252525;
}
.woocommerce .shop_table.cart_table tbody tr td 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{
    content: '';
    width: 1px;
    height: 100%;
    background: #252525;
    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{
    content: '';
    width: 100%;
    height: 1px;
    background: #252525;
    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{
    border-color: #252525;
    background: #252525;
}
.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{
    background: var(--tp-heading-secondary);
}
.woocommerce .shop_table.cart_table tfoot tr td{
    border: none;
    border-top: 1px solid #dbdfe3;
    padding: 24px 0 0;
}
.woocommerce .shop_table.cart_table tfoot tr td .tcBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    padding: 0 36px;
}
.woocommerce .shop_table.cart_table tfoot tr td .tcBTN2{
    height: 54px;
    line-height: 52px;
    border-radius: 54px;
    color: #52586d;
    font-size: 16px;
    font-weight: 500;
    border-color: #9ebbbd;
    padding: 0 36px;
    margin-left: 4px;
}
.woocommerce .shop_table.cart_table tfoot tr td .tcBTN2:hover{
    color: #9ebbbd;
}
.cartCoupon{
    position: relative;
    padding: 0 30px;
}
.cartCoupon h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0 0 28px;
}
.cartCoupon input{
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    font-size: 16px;
    color: #aeb3c3;
    margin: 0 0 12px;
    padding: 0 24px;
}
.cartCoupon input::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.cartCoupon input::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.cartCoupon input::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.cartCoupon .tcBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    padding: 0 36px;
}
.calculatShippingForm{
    position: relative;
    padding: 0 60px 0 0;
}
.calculatShippingForm h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0 0 28px;
}
.shippingFormElements{
    display: flex;
    align-items: center;
    margin: 0 0 12px;
}
.shippingFormElements label{
    font-size: 16px;
    color: #52586d;
    margin: 0;
    line-height: 1;
    font-family: 'Jost', sans-serif;
    width: 88px;
}
.sfeItem{
    position: relative;
    width: calc(100% - 88px);
}
.shippingFormElements .nice-select{
    font-size: 16px;
    line-height: 52px;
    color: #aeb3c3;
    text-transform: none;
    padding: 0 24px;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    box-shadow: none;
    background: #FFF;
    height: 54px;
    width: 100%;
    margin: 0;
}
.shippingFormElements .nice-select:after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    color: #aeb3c3;
    border: none;
    margin: 0;
    top: 2px;
    transform: none;
    width: auto;
    height: auto;
    left: auto;
    right: 23px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.shippingFormElements .nice-select.open:after{
    content: '\f106';
}
.shippingFormElements .nice-select .list{
    margin: 1px 0 0;
    border-radius: 24px;
    border: none;
    box-shadow: none;
    min-width: 80px;
    width: 100%;
    box-shadow: 0px 10px 25px  rgba(0, 0, 0, .05);
    max-height: 336px;
    overflow-y: auto;
}
.shippingFormElements .nice-select .list .option{
    font-size: 16px;
    color: #7f8495;
    text-transform: none;
    padding: 0 24px;
    line-height: 48px;
}
.shippingFormElements .nice-select .option:hover,
.shippingFormElements .nice-select .option.focus,
.shippingFormElements .nice-select .option.selected.focus{
    background-color: #9ebbbd !important;
    color: #FFF !important;
}
.shippingFormElements input{
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    font-size: 16px;
    color: #aeb3c3;
    margin: 0;
    padding: 0 24px;
}
.shippingFormElements input::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.shippingFormElements input::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.shippingFormElements input::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.calculatShippingForm .tcBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    padding: 0 36px;
    margin-left: 88px;
}
.cart_totals{
    position: relative;
    margin: 5px 0 0 60px;
    background: #fff;
    border-radius: 5px;
    padding: 27px 24px 28px;
}
.cart_totals table{
    margin: 0 0 23px;
    border-spacing: 0;
    width: 100%;
}
.cart_totals table tr th{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #52586d;
    font-weight: 500;
    padding: 0 0 0 6px;
}
.cart_totals table tr th td{
    text-align: right;
}
.cart_totals table tr td .pi01Price{
    font-size: 16px;
    line-height: 28px;
    color: #707070;
    float: right;
    margin: 0;
}


.cart_totals table tr.cart-shipping th,
.cart_totals table tr.cart-shipping td{
    padding-bottom: 21px;
}

.cart_totals table tr.cart-subtotal td,
.cart_totals table tr.cart-subtotal th{
    padding-bottom: 15px;
}


.cart_totals table tr.order-total th,
.cart_totals table tr.order-total td{
    border-top: 1px solid #c5d0cf;
    font-size: 18px;
    padding-top: 21px;
}
.cart_totals table tr.order-total td .pi01Price{
    font-size: 18px;
}
.cart_totals .tcBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    display: block;
    width: 100%;
    margin: 0 0 11px;
}
.cart_totals .cartHints{
    font-size: 14px;
    line-height: 26px;
    margin: 0;
    text-align: center;
}
.cartAccessRow{
    margin-top: 50px;
}
.checkoutPage{
    position: relative;
    padding: 116px 0 100px;
}



.track-area{
    padding: 75px 0 50px;
}

.tptrack__link{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666666;
}
.tptrack__link a{
    color: var(--tp-theme-1);
    margin-left: 10px;
}

.tpsign__remember label a{
    color: var(--tp-theme-9);
}



.tptrack__content {
    padding: 50px;
    border-radius: 10px;
}

.tptrack__item-icon {
    flex: 0 0 auto;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    background-color: var(--tp-common-white);
    border-radius: 6px;
    margin-right: 20px;
}

.tptrack__item-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--tp-heading-primary);
    margin-bottom: .5rem;
}

.tptrack__item-content p {
    font-size: 14px;
    color: var(--tp-text-body);
    line-height: 18px;
    margin-bottom: 0;
}


.tptrack__id , .tptrack__email  {
    position: relative;
}

.grey-bg {
    background: var(--tp-grey-1);
}

.tpsign__account a,
.tpsign__pass a{
    color: var(--tp-text-5);
}

.tptrack__id  input, .tptrack__email  input {
    width: 100%;
    height: 60px;
    border: none;
    background-color: var(--tp-common-white);
    padding: 10px 60px;
    border-radius: 6px;
}
.tptrack__id span, .tptrack__email span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    font-size: 16px;
}



.tptrack__submition {
    background: var(--tp-heading-primary);
    border-radius: 6px;
    color: var(--tp-common-white);
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
    padding: 22px 50px;
    text-align: center;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    border: none;
}

.tptrack__submition:hover, .tptrack__submition.active {
    background-color: var(--tp-grey-9);
}

.tptrack__submition i {
    margin-left: 20px;
}












.loginLinks{
    position: relative;
    margin: 0 0 44px;
}
.loginLinks p{
    font-family: 'Jost', sans-serif;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--tp-header-bg);
    font-weight: 400;
}
.loginLinks p a{
    color: var(--tp-header-bg);
    text-transform: uppercase;
    margin: 0 0 0 6px;
}
.loginLinks p a:hover{
    color: var(--tp-heading-secondary);
}
.checkoutForm{
    position: relative;
    padding: 0 30px 0 0;
}
.checkoutForm h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 32px;
    color: var(--tp-header-bg);
}

.checkoutForm label{

    font-size: 16px;
    color: var(--tp-header-bg);
    margin: 0 0 12px;
}


.checkoutForm input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]){
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #D9D9D9;
    border-radius: 0;
    padding: 0 24px;
    font-size: 16px;
    color: var(--tp-header-bg);
    margin: 0 0 30px;
}
.checkoutForm textarea{
    display: block;
    width: 100%;
    height: 120px;
    border: 1px solid #c5d0cf;
    border-radius: 27px;
    padding: 12px 24px;
    font-size: 16px;
    color: #aeb3c3;
    margin: 0 0 12px;
    resize: none;
}
.checkoutForm input::-moz-placeholder,
.checkoutForm textarea::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.checkoutForm input::-ms-input-placeholder,
.checkoutForm textarea::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.checkoutForm input::-webkit-input-placeholder,
.checkoutForm textarea::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.checkoutForm .nice-select{
    font-size: 16px;
    line-height: 52px;
    color: #aeb3c3;
    text-transform: none;
    padding: 0 24px;
    border: 1px solid #c5d0cf;
    border-radius: 0;
    box-shadow: none;
    background: #FFF;
    height: 54px;
    width: 100%;
    margin: 0 0 12px;
}
.checkoutForm .nice-select:after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    color: #aeb3c3;
    border: none;
    margin: 0;
    top: 2px;
    transform: none;
    width: auto;
    height: auto;
    left: auto;
    right: 23px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.checkoutForm .nice-select.open:after{
    content: '\f106';
}
.checkoutForm .nice-select .list{
    margin: 1px 0 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    min-width: 80px;
    width: 100%;
    box-shadow: 0px 10px 25px  rgba(0, 0, 0, .05)
}
.checkoutForm .nice-select .list .option{
    font-size: 16px;
    color: #7f8495;
    text-transform: none;
    padding: 0 24px;
    line-height: 48px;
}
.checkoutForm .nice-select .option:hover,
.checkoutForm .nice-select .option.focus,
.checkoutForm .nice-select .option.selected.focus{
    background-color: #9ebbbd !important;
    color: #FFF !important;
}
.checkoutRegister{
    position: relative;
    padding: 11px 0 0;
}
.checkoutRegister input[type="checkbox"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.checkoutRegister label{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    color: var(--tp-header-bg);
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 34px;
    margin: 0;
}
.checkoutRegister label:before{
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 3px;
    border: 1px solid #c5d0cf;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    color: #707070;
    line-height: 14px;
    text-align: center;
    padding: 0 0 0 1px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.checkoutRegister input[type="checkbox"]:checked + label:before{
    content: '\f00c';
}
.checkoutPassword{
    padding: 14px 0 0;
}
.checkoutPassword p{
    margin: 0 0 17px;
}
.shippingAddress{
    position: relative;
    padding: 13px 0 28px;
}
.shippingAddress input[type="checkbox"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.shippingAddress label{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    color: #52586d;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 34px;
    margin: 0;
}
.shippingAddress label:before{
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 3px;
    border: 1px solid #c5d0cf;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    color: #707070;
    line-height: 14px;
    text-align: center;
    padding: 0 0 0 1px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.shippingAddress input[type="checkbox"]:checked + label:before{
    content: '\f00c';
}
.shippingCoupons{
    position: relative;
    padding: 0 0 0 60px;
    margin: 0 0 35px;
}
.shippingCoupons h3{
    font-size: 24px;
    color: #52586d;
    line-height: 1;
    margin: 0 0 32px;
}
.shippingCoupons input{
    display: block;
    width: calc(100% - 179px);
    height: 54px;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    padding: 0 24px;
    font-size: 16px;
    color: #aeb3c3;
    margin: 0 0 12px;
    float: left;
}


.shippingCoupons .tcBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    padding: 0 36px;
    float: right;
}
.shippingCoupons input::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.shippingCoupons input::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.shippingCoupons input::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.orderReviewWrap{
    position: relative;
    padding: 0 0 0 30px;
}
.orderReviewWrap h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 27px;
    color: var(--tp-header-bg);
}
.orderReview{
    background: #fff;
    padding: 35px 36px 36px;
    border-radius: 5px;
}
.orderReview table{
    width: 100%;
    border-spacing: 0;
    margin: 0 0 40px;
}
.orderReview table thead tr th{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1;
    color: var(--tp-header-bg);
    font-weight: 500;
    border-bottom: 1px solid #E3E3E3;
    padding: 0 0 10px;
}
.orderReview table thead tr th:last-child{
    text-align: right;
}
.orderReview table tbody tr td{
    padding: 0 0 4px;
    border: none;
    font-size: 18px;
    line-height: 26px;
    color: var(--tp-header-bg);
    font-family: 'Jost', sans-serif;
    padding: 5px 0;
}
.orderReview table tbody tr:first-child td{
    padding-top: 20px;
}
.orderReview table tbody tr td:last-child{
    text-align: right;
}
.orderReview table tbody tr:last-child td{
    padding-bottom: 22px;
}
.orderReview table tbody tr td a{
    color: inherit;
}
.orderReview table tbody tr td .pi01Price{
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin: 0;
    color: var(--tp-header-bg);
    justify-content: flex-end;
}
.orderReview table tfoot tr th{
    font-size: 16px;
    line-height: 26px;
    color: var(--tp-header-bg);
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    padding: 0 0 4px;
}
.orderReview table tfoot tr td{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 25px;
    padding: 0 0 4px;
}
.orderReview table tfoot tr td .pi01Price{
    font-family: 'Jost', sans-serif;
    color: var(--tp-header-bg);
    font-size: 16px;
    line-height: 26px;
    justify-content: flex-end;
    margin: 0;
}
.orderReview table tfoot tr:first-child th,
.orderReview table tfoot tr:first-child td{
    border-top: 1px solid #E3E3E3;
    padding-top: 8px;
}
.orderReview table tfoot tr.shippingRow th,
.orderReview table tfoot tr.shippingRow td{
    padding-bottom: 20px;
}
.orderReview table tfoot tr:last-child th,
.orderReview table tfoot tr:last-child td{
    border-top: 1px solid #c5d0cf;
    padding-top: 18px;
    padding-bottom: 0;
}
.orderReview table tfoot tr:last-child td .pi01Price{
    font-weight: 700;
}
.wc_payment_methods{
    margin: 30px 0;
    padding: 0;
}
.wc_payment_methods li{
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
}
.wc_payment_methods li:last-child{
    margin: 0;
}
.wc_payment_methods li input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.wc_payment_methods li label{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1;
    color: var(--tp-header-bg);
    position: relative;
    display: block;
    cursor: pointer;
    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 #3E98FF;
    border-radius: 50%;
}
.wc_payment_methods li input[type="radio"]:checked + label:after{
    content: '';
    width: 9px;
    height: 9px;
    background: #3E98FF;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 4px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.paymentDesc{
    font-size: 16px;
    line-height: 26px;
    color: #3E98FF;
    padding: 15px 0 0 28px;
    display: none;
    margin: 0;
}
.paymentDesc.shows{
    display: block;
}
.placeOrderBTN.tcBTN{
    height: 54px;
    border-radius: 54px;
    line-height: 54px;
    display: block;
    width: 100%;
}
.woocommerce .shop_table.cart_table.wisthlist_table thead tr th.product-price,
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-price{
    width: 136px;
    text-align: center;
}
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-price .pi01Price{
    justify-content: center;
}
.woocommerce .shop_table.cart_table.wisthlist_table thead tr th.product-remove,
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-remove{
    width: 88px;
    text-align: right;
}
.woocommerce .shop_table.cart_table.wisthlist_table thead tr th.product-addtocart,
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-addtocart{
    width: 248px;
    text-align: center;
}
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-addtocart a.tcBTN{
    min-width: 174px;
}
.woocommerce .shop_table.cart_table.wisthlist_table thead tr th.product-availability,
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-availability{
    width: 200px;
    text-align: center;
}
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-availability{
    font-size: 16px;
    line-height: 30px;
    color: #707070;
}
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr:last-child td{
    border-bottom: 1px solid #dbdfe3;
}


/*-----------------------------------------
/  success Page
/-----------------------------------------*/


.success-page {
    padding: 100px 0px 80px;
    text-align: center;
}
.success-page h3 {
    font-size: 28px;
    font-family: var(--tp-ff-jost);
    margin: 0 0 10px;
    padding-bottom: 10px;
    width: 100%;
    font-weight: 400;
    color: var(--tp-text-5);
    text-align: left;
}
.success-page .newbox {
    background: #F8F8F8;
    padding: 35px;
}


.success-page .your-order-table table {
    margin: 0;
}


.success-img {
    width: 100%;
    margin: 0 0 50px 0;
    text-align: center;
}

.success-page h2 {
    color: #0055FF;
    text-align: center;
    font-size: 36px;
    margin-bottom: 25px;
    font-weight: 600;
}

.success-page h4 {
    color: var(--tp-text-6);
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    margin: 25px 0;
}

.success-page p {
    margin: 0;
    font-size: 18px;
    color: var(--tp-text-6);
    font-family: 'Jost', sans-serif;
}


















/*-----------------------------------------
/  17. Blog & Blog Details Page
/-----------------------------------------*/
.blogPageSection{
    position: relative;
    padding: 120px 0 120px;
}
.blogItem04{
    position: relative;
    margin: 0 0 48px;
}
.bi04Thumb{
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}
.blogItem04 img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px 5px 0 0;
}
.bi04Detail{
    position: relative;
    border: 1px solid #dbdfe3;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 34px 42px 42px 42px;
}
.bi04Detail .bi01Meta{
    color: #7f8495;
    margin: 0 0 5px;
}
.bi04Detail .bi01Meta i{
    color: #9ebbbd;
}
.bi04Detail h2{
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 13px;
}
.bi04Detail h2 a{
    color: inherit;
}
.bi04Detail h2 a:hover{
    color: #9ebbbd;
}
.bi04Excerpt{
    margin: 0 0 28px;
}
.bi04Footer{
    position: relative;
    display: flex;
    justify-content: space-between;
}
.bi04Footer .tcBTN{
    padding: 0 35px;
    font-size: 15px;
}
.bi04Share{
    display: inline-flex;
    justify-content: flex-end;
    padding: 15px 0 0;
}
.bi04Share span{
    font-size: 18px;
    line-height: 18px;
    color: #52586d;
    font-family: 'Jost', sans-serif;
    margin: 0 17px 0 0;
}
.bi04Share a{
    font-size: 18px;
    line-height: 1;
    color: #52586d;
    margin-right: 21px;
}
.bi04Share a:last-child{
    margin-right: 0;
}
.bi04Share a.fac{
    color: #1877f2;
}
.bi04Share a.twi{
    color: #1da1f2;
}
.bi04Share a.lin{
    color: #0077b5;
}
.bi04Share a:hover{
    color: #9ebbbd;
}
.sidebar{
    position: relative;
}
.sidebar .widget{
    background: #ecf5f4;
    border-radius: 5px;
    padding: 43px 48px 48px;
    margin: 0 0 48px;
}
.sidebar .widget .widgetTitle{
    font-size: 21px;
    line-height: 30px;
    color: #52586d;
    position: relative;
    padding: 0 0 0 17px;
    margin: 0 0 21px;
}
.sidebar .widget .widgetTitle:before{
    content: '\f0da';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 18px;
    color: #9ebbbd;
    position: absolute;
    left: -1px;
    top: 6px;
    line-height: 1;
}
.widget .searchForm{
    margin: 0;
    padding: 0;
    position: relative;
}
.searchForm input[type="search"]{
    display: block;
    width: 100%;
    height: 60px;
    border-radius: 60px;
    background: #fff;
    padding: 0 24px;
    font-size: 16px;
    color: #aeb3c3;
    border: none;
    margin: 0;
}
.searchForm input::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.searchForm input::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.searchForm input::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.searchForm button{
    border: none;
    background: transparent;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    color: #9ebbbd;
    position: absolute;
    right: 24px;
    top: 21px;
}
.searchForm button:hover{
    color: #52586d;
}
.recentPosts{
    position: relative;
}
.recentPost{
    position: relative;
    padding: 0 0 0 113px;
    min-height: 90px;
    margin: 0 0 24px;
}
.recentPosts .recentPost:last-of-type{
    margin: 0;
}
.recentPost img{
    width: 90px;
    height: 90px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
}
.rpCats{
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #707070;
    font-weight: 500;
    position: relative;
    top: -1px;
    margin: 0 0 3px;
}
.rpCats a{
    color: inherit;
}
.rpCats a:hover{
    color: #52586d;
}
.recentPost h4{
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 12px;
}
.recentPost h4 a{
    color: inherit;
}
.recentPost h4 a:hover{
    color: #707070;
}
.recentPost span{
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #aeb3c3;
}
.sidebar .widget ul{
    margin: 0 0 -7px;
    padding: 0;
}
.sidebar .widget ul li{
    list-style: none;
    font-size: 14px;
    line-height: 24px;
    color: #aeb3c3;
    margin: 0 0 16px;
    padding: 0 0 19px;
    border-bottom: 1px solid #c5d0cf;
}
.sidebar .widget ul li a{
    font-family: 'Jost', sans-serif;
    display: inline-block;
    font-size: 16px;
    color: #52586d;
    font-weight: 500;
    line-height: inherit;
    margin: 0 8px 0 0;
}
.sidebar .widget ul li a:hover{
    color: #707070;
}
.sidebar .widget ul li:last-child{
    margin: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.sidebar .widget .tagCloud{
    position: relative;
    margin: 0 0 -6px;
}
.tagCloud a{
    float: left;
    height: 42px;
    border: 1px solid #c5d0cf;
    font-size: 16px;
    line-height: 40px;
    color: #7f8495;
    text-transform: capitalize;
    border-radius: 42px;
    background: transparent;
    padding: 0 17px;
    margin: 0 6px 6px 0;
}
.tagCloud a:hover{
    background: #707070;
    border-color: #707070;
    color: #FFF;
}
.sidebar .widget.tagCloudWid{
    padding-right: 40px;
}
.galleryWidget{
    position: relative;
    margin: 0 0 -12px;
}
.galleryWidget a{
    float: left;
    width: 96px;
    margin: 0 12px 12px 0;
    background: #9ebbbd;
    border-radius: 3px;
    overflow: hidden;
}
.galleryWidget a:nth-child(3),
.galleryWidget a:nth-child(6),
.galleryWidget a:nth-child(9),
.galleryWidget a:nth-child(12){
    margin-right: 0;
}
.galleryWidget img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
    opacity: 1;
    mix-blend-mode: unset;
    transition: all ease 750ms;
    -moz-transition: all ease 750ms;
    -webkit-transition: all ease 750ms;
}
.galleryWidget a:hover img{
    opacity: .65;
    mix-blend-mode: luminosity;
    transform: scale(1.2) rotate(-3deg);
    -moz-transform: scale(1.2) rotate(-3deg);
    -webkit-transform: scale(1.2) rotate(-3deg);
}


.followUs{
    position: relative;
    margin: 0 0 -6px;
}
.followUs a{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 60px;
    font-size: 21px;
    text-align: center;
    float: left;
    background: #9ebbbd;
    color: #FFF;
    margin: 0 6px 6px 0;
}
.followUs a.fac{
    background: #1877f2;
}
.followUs a.twi{
    background: #1da1f2;
}
.followUs a.lin{
    background: #0077b5;
}
.followUs a.you{
    background: #ff0000;
}
.followUs a:hover{
    background: #52586d;
}
.blogPageSection .blogItem03{
    margin: 0 0 40px;
}
.blogDetailsPageSection{
    position: relative;
    padding: 120px 0 120px;
}
.blogDetailsThumb{
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}
.blogDetailsThumb img{
    max-width: 100%;
    height: auto;
}
.blogDetailsContentArea{
    position: relative;
    border: 1px solid #dbdfe3;
    border-radius: 0 0 5px 5px;
    border-top: none;
    padding: 34px 30px 36px 42px;
    margin: 0 0 24px;
}
.blogDetailsContentArea .bi01Meta{
    color: #7f8495;
    margin: 0 0 9px;
}
.blogDetailsContentArea .bi01Meta i{
    color: #9ebbbd;
}
.postTitle{
    font-size: 36px;
    line-height: 38px;
    margin: 0 0 17px;
}
.blogDetailscontent{
    position: relative;
}
.blogDetailscontent p{
    margin: 0 0 24px;
}
.blogDetailscontent p.mb37{
    margin: 0 0 37px;
}
.blogDetailscontent blockquote{
    margin: 0 0 50px;
    padding: 13px 40px 0 73px;
    position: relative;
}
.blogDetailscontent blockquote:before{
    content: "\e903";
    font-family: 'tc' !important;
    font-size: 44px;
    color: #9ebbbd;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.blogDetailscontent blockquote p{
    font-size: 18px;
    line-height: 30px;
    font-style: italic;
    margin: 0 0 19px;
}
.blogDetailscontent blockquote cite{
    font-size: 18px;
    line-height: 18px;
    color: #52586d;
    font-family: 'Jost', sans-serif;
    position: relative;
    display: block;
    font-style: normal;
    padding: 0 0 0 32px;
}
.blogDetailscontent blockquote cite:before{
    content: '';
    width: 24px;
    height: 1px;
    background: #52586d;
    position: absolute;
    left: 0;
    top: 11px;
}
.blogDetailscontent blockquote cite span{
    font-size: 14px;
    color: #aeb3c3;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
}
.postTags{
    position: relative;
}
.postTags a{
    float: left;
    height: 42px;
    border: 1px solid #d8dde7;
    font-size: 16px;
    line-height: 40px;
    color: #7f8495;
    text-transform: capitalize;
    border-radius: 42px;
    background: transparent;
    padding: 0 17px;
    margin: 0 6px 6px 0;
}
.postTags a:hover{
    background: #707070;
    border-color: #707070;
    color: #FFF;
}
.postShare.bi04Share{
    display: flex;
    justify-content: flex-end;
    padding: 12px 12px 0 0
}
.postFooterRow{
    padding: 12px 0 0;
}
.postNavigationRow{
    position: relative;
    border-radius: 5px;
    border: 1px solid #dbdfe3;
    padding: 29px;
    margin: 0 0 0;
}
.postNavigationItem{
    position: relative;
    display: block;
    padding: 9px 0 0 108px;
    min-height: 90px;
}
.postNavigationItem img{
    width: 90px;
    height: 90px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
}
.postNavigationItem h4{
    font-size: 14px;
    line-height: 14px;
    color: #707070;
    margin: 0 0 6px;
    text-transform: uppercase;
    font-weight: 500;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.postNavigationItem h4 i{
    font-size: 13px;
    color: #9ebbbd;
    margin: 0 7px 0 0;
}
.postNavigationItem h3{
    font-size: 21px;
    line-height: 30px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    margin: 0;
}
.postNavigationItem:hover h3{
    color: #9ebbbd;
}
.postNavigationItem.pniRight{
    padding-left: 0;
    padding-right: 108px;
    text-align: right;
}
.postNavigationItem.pniRight img{
    left: auto;
    right: 0;
}
.postNavigationItem.pniRight h4 i{
    margin: 0 0 0 7px;
}
.postAuthorBox{
    position: relative;
    border-radius: 5px;
    border: 1px solid #dbdfe3;
    padding: 41px 41px 35px 197px;
    margin: 72px 0 0;
}
.postAuthorBox img{
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 5px;
    left: 41px;
    top: 41px;
}
.postAuthorBox h3{
    font-size: 30px;
    line-height: 1;
    margin: 7px 0 25px;
}
.pabSocial{
    position: absolute;
    right: 41px;
    top: 41px;
    font-size: 21px;
    line-height: 1;
    color: #00c0ff;
    display: flex;
    justify-content: flex-end;
    margin: 0;
}
.pabSocial a{
    width: 42px;
    height: 42px;
    background: #707070;
    color: #FFF;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    margin: 0 0 0 8px;
}
.pabSocial a.fac{
    background: #1877f2;
}
.pabSocial a.twi{
    background: #1da1f2;
}
.pabSocial a.ins{
    background: #405de6;
}
.pabSocial a:hover{
    background: #9ebbbd;
    color: #FFF;
}
.postAuthorBox p{
    margin: 0 0 27px;
}
.postAuthorBox .tcLink{
    font-size: 16px;
}
.postAuthorBox .tcLink i{
    color: #9ebbbd;
    margin-left: 10px;
    font-size: 14px;
    top: 0px;
}
.postAuthorBox .tcLink:hover i{
    margin-left: 5px;
}
.postCommetnListBox{
    position: relative;
    border: 1px solid #dbdfe3;
    border-radius: 5px;
    padding: 38px 41px 40px;
    margin: 72px 0 0;
}
.postCommetnListBox h3.commentHeading{
    font-size: 30px;
    line-height: 1;
    margin: 0 0 33px;
}
.postCommetnListBox ol{
    margin: 0;
    padding: 0;
    list-style: none;
}
.postCommetnListBox ol ul{
    padding: 0;
    margin: 0 0 0 48px;
}
.postCommetnListBox ol li{
    list-style: none;
}
.singleComment{
    position: relative;
    padding: 39px 0 0 128px;
    min-height: 96px;
    margin: 0 0 28px;
    border-top: 1px solid #dbdfe3;
}
.postCommetnListBox ol > li:first-child .singleComment{
    border-top: none;
    margin-top: 0;
    padding-top: 9px
}
.postCommetnListBox ol > li:last-child .singleComment{
    margin-bottom: 0;
}
.singleComment > img{
    width: 96px;
    height: 96px;
    position: absolute;
    left: 0;
    top: 30px;
    border-radius: 50%;
}
.postCommetnListBox ol > li:first-child .singleComment > img{
    top: 0;
}
.singleComment h3{
    font-size: 21px;
    line-height: 1;
    margin: 0 0 14px;
}
.singleComment .commentTime{
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 1;
    color: #aeb3c3;
    margin: 0 0 22px;
}
.singleComment .commentTime span:first-child{
    margin-right: 0;
}
.commentContent{
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.comment-reply{
    height: 48px;
    border: 1px solid #9ebbbd;
    text-align: center;
    padding: 0 34px;
    font-size: 16px;
    color: #52586d;
    line-height: 48px;
    font-family: 'Jost', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 48px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 31px;
}
.postCommetnListBox ol > li:first-child .singleComment .comment-reply{
    top: 0;
}
.comment-reply:hover{
    color: #9ebbbd;
}

.postCommetnFormBox{
    position: relative;
    border: 1px solid #dbdfe3;
    border-radius: 5px;
    padding: 40px 42px 42px;
    margin: 72px 0 0;
}
.postCommetnFormBox h3.commentHeading{
    font-size: 30px;
    color: #52586d;
    line-height: 1;
    margin: 0 0 32px;
}
.commentForm.row{
    margin-left: -6px;
    margin-right: -6px;
}
.commentForm input:not([type='submit']):not([type='radio']):not([type='checkbox']),
.commentForm textarea{
    font-size: 16px;
    color: #aeb3c3;
    padding: 0 24px;
    height: 54px;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    margin: 0 0 12px;
    display: block;
    width: 100%;
}
.commentForm textarea{
    height: 200px;
    border-radius: 27px;
    resize: none;
    padding: 18px 24px;
}
.commentForm .col-lg-6,
.commentForm .col-lg-12,
.commentForm .col-md-6,
.commentForm .col-md-12{
    padding-left: 6px;
    padding-right: 6px;
}
.commentForm input::-moz-placeholder,
.commentForm textarea::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.commentForm input::-ms-input-placeholder,
.commentForm textarea::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.commentForm input::-webkit-input-placeholder,
.commentForm textarea::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.commentForm .tcBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    min-width: 172px;
    padding: 0 35px;
}

/*-----------------------------------------
/  18. Utility Pages
/-----------------------------------------*/
.tcAccordion{
    position: relative;
    margin: 0;
    padding: 0;
}
.tcAccordion .accordion-item{
    background: #FFF;
    border-radius: 5px;
    padding: 0 30px;
    margin: 0 0 18px;
}
.tcAccordion.tcAccMode2 .accordion-item{
    padding: 0;
    margin: 0 0 26px;
    border-radius: 0;
    background: transparent;
}
.tcAccordion .accordion-header{
    margin: 0;
}
.tcAccordion .accordion-header button{
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin: 0;
    padding: 17px 35px 15px 35px;
    border: none;
    border-radius: 0;
}
.tcAccordion.tcAccMode2 .accordion-header button{
    padding: 0 0 0 49px;
}
.tcAccordion .accordion-button::after{
    content: '\2b';
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-size: 18px;
    color: #52586d;
    position: absolute;
    left: 0;
    top: 16px;
}
.tcAccordion.tcAccMode2 .accordion-button::after{
    content: '\f068';
    font-size: 18px;
    top: -1px;
}
.tcAccordion.tcAccMode2 .accordion-button.collapsed::after{
    content: '\2b';
}
.tcAccordion .accordion-body{
    border-top: 1px solid #dbdfe3;
    border-radius: 0;
    padding: 25px 0 35px 0;
}
.tcAccordion.tcAccMode2 .accordion-body{
    border: none;
    border-radius: 0;
    padding: 17px 0 13px 49px;
}
.tcFAQTab{
    position: relative;
    display: block;
    margin: 6px 0 0;
    padding: 0;
    border: none;
}
.tcFAQTab li{
    list-style: none;
    display: block;
    margin: 0 0 6px;
}
.tcFAQTab li button{
    border: none;
    border-radius: 5px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #FFF;
    background: #9ebbbd;
    font-family: 'Jost', sans-serif;
    text-align: left;
    padding: 0 30px;
    height: 60px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.tcFAQTab li button:hover,
.tcFAQTab li button.active{
    border-color: transparent;
    background: #52586d;
    color: #FFF;
}
.teamMember01{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background: #52586d;
}
.teamMember01 img{
    width: 100%;
    height: auto;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.teamMember01:hover img{
    opacity: .28;
}
.tm01Info{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 40px 15px 0 45px;
}
.tm01Info h3{
    font-size: 24px;
    color: #FFF;
    line-height: 1;
    margin: 0 0 12px;

    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: -webkit-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);
}
.teamMember01:hover .tm01Info h3{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.tm01Info span{
    display: block;
    font-size: 16px;
    line-height: 1;
    color: #cfd1d7;

    opacity: 0;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-transition: -webkit-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);
}
.teamMember01:hover .tm01Info span{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.tm01Social{
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: #FFF;
    display: flex;
    justify-content: flex-start;
    padding: 0 0 45px 40px;
}
.tm01Social a{
    color: inherit;
    margin-right: 20px;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
}
.tm01Social a:hover{
    color: #9ebbbd;
}
.teamMember01:hover .tm01Social a:first-child{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.teamMember01:hover .tm01Social a:nth-child(2){
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .4s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .4s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .4s;
}
.teamMember01:hover .tm01Social a:nth-child(3){
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .45s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .45s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .45s;
}
.teamMember01:hover .tm01Social a:nth-child(4){
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .5s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .5s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .5s;
}
.fofPage{
    padding: 228px 0 200px;
}
.fofContent{
    position: relative;
}
.fofContent h2{
    font-size: 150px;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 8px;
}
.fofContent h3{
    font-size: 36px;
    line-height: 48px;
    margin: 0 0 8px;
}
.fofContent p{
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 44px;
}
.fofContent .tcBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    padding: 0 36px;
}
.fofContent::after{
    position: absolute;
    content: '';
    background: #9ebbbd;
    width: 375px;
    height: 375px;
    border-radius: 50%;
    top: -80px;
    left: 275px;
    z-index: -1;
    opacity: .08;
}

/*------------------------------------------------------
/  19. About Section
/------------------------------------------------------*/
.aboutImage{
    position: relative;
    text-align: left;
}
.aboutImage .aiImgRow{
    position: relative;
}
.aboutImage .aiImgRow:first-of-type{
    margin: 0 0 24px;
}
.aiImgRow img{
    border-radius: 10px;
}
.aboutImage img{
    width: 100%;
    border-radius: 25px;
}





.aiImgRow .aiImg01{
    margin: 50px 24px 0 0;
        width: 312px;
    height: 251px;
}
.aiImgRow .aiImg02{
    width: 312px;
    height: 301px;
}

.aiImgRow .aiImg03{
    margin: 0 24px 0 0;
        width: 180px;
    height: 170px;
}
.aiImgRow .aiImg04{
        width: 442px;
    height: 301px;
}

.aboutPageSection01{
    padding: 75px 0;
    background: var(--tp-grey-9);
}


.aboutPageSection_inner{
    padding: 25px;
    background: var(--tp-common-white);
}


.aboutContent{
    position: relative;
    padding: 0 0 0 110px;
}
.aboutContent .secTitle{
    margin: 0 0 10px;
    font-family: 'Elsie Swash Caps', cursive;
    color: var(--tp-text-5);
    font-size: 30px;
}
.aiCounter{
    position: absolute;
    left: 156px;
    top: 212px;
    width: 198px;
    height: 198px;
    border-radius: 50%;
    background: var(--tp-heading-secondary);
    text-align: center;
    padding: 38px 35px 35px;
}
.aiCounter h2{
    font-size: 60px;
    line-height: 1;
    color: #FFF;
    margin: 0 0 5px;
}
.aiCounter h3{
    font-size: 21px;
    line-height: 28px;
    color: #ffffff;
    margin: 0;
}
.abcCounters{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 25px;
}

.aboutContent .secSubTitle{
    margin: 0 0 9px;
}
.abcCounters{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 25px;
}
.circleProgressWrap{
    position: relative;
    margin: 0 30px 0 0;
    height: 96px;
    width: 96px;
}
.circleProgressWrap h3{
    font-size: 24px;
    line-height: 1;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.abcCounters p{
    font-size: 21px;
    line-height: 33px;
    margin: 13px 0 0;
}
.abDesc{
    margin: 0 0 37px;
}
.iconBox02{
    position: relative;
    padding-left: 66px;
    margin-top: 15px;
}
.iconBox02 i{
    font-size: 48px;
    line-height: 1;
    color: var(--tp-heading-secondary);
    position: absolute;
    left: 0;
    top: -1px;
}
.iconBox02 h4{
    font-size: 21px;
    line-height: 2;
    margin: 0 0 13px;
    color: var(--tp-header-bg);
}
.iconBox02 p{
    margin: 0;
}
.mb41px{
    margin: 0 0 41px;
}
.aboutContent .tcBTN{
    min-width: 174px;
}
.counterArea{
    position: relative;
    background: #9ebbbd;
    border-radius: 5px;
    margin: 0 0 -107px;
    padding: 84px 0 83px;
}
.singleCounter02{
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0 91px;
}
.singleCounter02 h2{
    font-size: 60px;
    line-height: 60px;
    color: #FFF;
    margin: 0 28px 0 0;
    position: relative;
}
.singleCounter02 h3{
    font-size: 21px;
    line-height: 30px;
    color: #FFF;
    margin: 0;
}
.singleCounter02 .timerSuffixSmall{
    font-size: 30px;
    display: inline-flex;
    line-height: 20px;
    position: relative;
    top: -27px;
}
.abps02Con{
    position: relative;
    padding: 0 130px 0 0;
}
.abps02Con .secSubTitle{
    margin: 0 0 11px;
}
.abps02Con .secTitle{
    font-size: 48px;
    line-height: 60px;
    margin: 0 0 28px;
}
.abps02Con .secDesc{
    margin: 0 0 40px;
}
.abps02Con .tcBTN{
    padding: 0 35px;
}
.abps02Con2{
    padding: 50px 0 0;
}
.singleSkill{
    position: relative;
    margin: 0 0 30px;
}
.singleSkill h3{
    font-size: 21px;
    line-height: 1;
    margin: 0 0 16px;
}
.singleSkill span{
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 18px;
    line-height: 1;
}
.skillWrap{
    height: 6px;
    position: relative;
    width: 100%;
    background: #ddecea;
    overflow: hidden;
    border-radius: 6px;
}
.skill{
    position: absolute;
    border-radius: 6px;
    left: 0;
    top: 0;
    height: 100%;
    background: #9ebbbd;
}
.teamCarousel.owl-carousel .owl-nav button.owl-next,
.teamCarousel.owl-carousel .owl-nav button.owl-prev{
    font-size: 18px;
    color: #9ebbbd;
    border: 1px solid #c5d0cf;
    width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}
.teamCarousel.owl-carousel .owl-nav button.owl-next{
    margin-left: 6px;
}
.teamCarousel.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    top: -90px;
}
.teamCarousel.owl-carousel .owl-nav button.owl-next:hover,
.teamCarousel.owl-carousel .owl-nav button.owl-prev:hover{
    color: #707070;
    border-color: #707070;
}

/*-----------------------------------------
/  20. Page Banner
/-----------------------------------------*/
.pageBannerSection{
    background: url(../images/inner_header.jpg);
    min-height: 365px;
    position: relative;
    background-size: 100%;
    background-position: center center;
}

.pageBannerSection::before{
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 70%);
    content: "";
    top: 0;
    left: 0;
    position: absolute;
}

.pageBannerContent{
    position: relative;
    padding: 140px 0;
}
.singleBlogPageBanner .pageBannerContent{
    padding: 251px 0 173px;
}
.pageBannerContent h2{
    font-size: 40px;
    font-weight: 600;
    font-family: 'Elsie Swash Caps', cursive;
    color: var(--tp-common-white);
}
.singleBlogPageBanner .pageBannerContent h2{
    font-size: 60px;
    line-height: 72px;
    margin: 0;
}
.pageBannerPath{
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.pageBannerPath a{
    color: inherit;
}
.pageBannerPath a:hover{
    color: var(--tp-grey-9);
}

/*-----------------------------------------
/  21. Contact Page
/-----------------------------------------*/
.tpmap__box {
    position: relative;
    margin: 70px 0;
}

.tpmap__wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: 50%;
    z-index: -1;
}

.tpform__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: var(--tp-heading-primary);
}

.tpform__wrapper p {
    font-family: var(--tp-ff-jost);
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: var(--tp-text-body);
    margin-bottom: 25px;
}

.tpmap__wrapper iframe {
    height: 100%;
    width: 100%;
}


.tpform__textarea textarea {
    width: 100%;
    height: 200px;
    padding: 20px;
    border: 1px solid var(--tp-border-3);
    border-radius: 20px;
    resize: none;
    padding: 5px 20px;
    font-size: 14px;
}

.gx-7 {
    --bs-gutter-x: 20px;
}

.tpform__input input {
    width: 100%;
    height: 50px;
    border: 1px solid var(--tp-border-3);
    border-radius: 30px;
    padding: 5px 20px;
    font-size: 14px;
}
.tpform__input2 input {
    width: 100%;
    height: 50px;
    border: 1px solid var(--tp-border-3);
    border-radius:5px;
    padding: 5px 20px;
    font-size: 14px;
}




.tpform__textarea button {
    font-family: var(--tp-ff-jost);
    font-weight: 600;
    font-size: 17px;
    line-height: 19px;
    text-align: center;
    color: var(--tp-common-white);
    background: var(--tp-grey-9);
    display: inline-block;
    padding: 16px 50px;
    border-radius: 30px;
    border: none;
}


.map-area .tpform__title {
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    font-family: var(--tp-ff-heading);
    color: var(--tp-grey-9);
}















/* Stay Connected */
.contactItem{
    position: relative;
    padding-left: 101px;
    margin: 0 0 50px;
}
.contactItem:last-of-type{
    margin: 0;
}
.contactItem span{
    width: 72px;
    height: 72px;
    background: var(--tp-header-bg);
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.contactItem span i{
    font-size: 20px;
    line-height: 72px;
    color: var(--tp-heading-secondary);
}
.contactItem h5{
    font-size: 21px;
    line-height: 36px;
    margin: 0 0 1px;
     color: var(--tp-header-bg);
}
.contactItem p{
    line-height: 36px;
    margin: 0;
}
form.contactForm input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
form.contactForm textarea{
    width: 100%;
    height: 54px;
    border: 1px solid #c5d0cf;
    border-radius: 48px;
    font-size: 16px;
    line-height: 26px;
    color: #aeb3c3;
    padding: 0 22px 0 22px;
    margin-bottom: 12px;
}
form.contactForm input.reqError:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
form.contactForm textarea.reqError{
    border-color: #f04726;
}
form.contactForm input::placeholder,
form.contactForm textarea::placeholder{
    font-size: 16px;
    line-height: 26px;
    color: #aeb3c3;
}
form.contactForm input::-moz-placeholder,
form.contactForm textarea::-moz-placeholder{
    font-size: 16px;
    line-height: 26px;
    color: #aeb3c3;
}
form.contactForm textarea{
    height: 200px;
    border-radius: 22px;
    padding: 17px 22px 0 22px;
    resize: none;
}
form.contactForm button.tcBTN{
    min-width: 172px;
    height: 54px;
}
.con_message{
    display: none;
    border-radius: 25px;
    margin: 12px 0 0;
    font-size: 16px;
    padding-left: 24px;
    padding-right: 24px;
}
/* tc Map Section */
.tcContactMap iframe{
    display: block;
    width: 100%;
    height: 380px;
    border-radius: 5px;
    border: none;
    -webkit-filter: grayscale(90%);
    filter: grayscale(90%);
}
.tcContactMapCustom{
    display: block;
    border-radius: 5px;
    width: 100%;
    height: 380px;
}


.text-end {
    text-align: right!important;
}



.tpfooter___bottom {
    background: var(--tp-grey-9);
    color: var(--tp-common-white);
}


.tpfooter__copyright-text {
    font-size: 14px;
    color: var(--tp-common-white);
}

.tpfooter__copyright-text a {
    color: var(--tp-common-white);
}


.tpfooter__copyright-text a:hover {
    color: var(--tp-common-white);
}





/*-----------------------------------------
/  22. Preloader
/-----------------------------------------*/
.preloader{
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(14 19 23 / 72%);
}
.spinner-eff{
    width: 76px;
    height: 76px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 2;

    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    overflow: hidden;
}
.spinner-eff:before, .spinner-eff:after{
    content: "";
    display: block;
}
.spinner-eff .spinner-bar:before, .spinner-eff .spinner-bar:after{
    content: "";
    display: block;
}
/* spinner-1 styles */
@-webkit-keyframes rotation-top{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-top{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-right{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-right{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-bottom{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-bottom{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-left{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-left{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        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;
    transform: rotate(0deg);
    opacity: 0.5;
    z-index: -2;
}


.spinner-eff.spinner-eff-1 .bar-top{
    border-top: 38px solid var(--tp-grey-9);
    -webkit-animation: rotation-top 3.6s linear 0s infinite;
    animation: rotation-top 3.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-right{
    border-right: 38px solid var(--tp-grey-9);
    -webkit-animation: rotation-right 3.6s linear 0s infinite;
    animation: rotation-right 3.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-bottom{
    border-bottom: 38px solid var(--tp-grey-9);
    -webkit-animation: rotation-bottom 3.6s linear 0s infinite;
    animation: rotation-bottom 3.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-left{
    border-left: 38px solid var(--tp-grey-9);
    -webkit-animation: rotation-left 3.6s linear 0s infinite;
    animation: rotation-left 3.6s linear 0s infinite;
}

/*-----------------------------------------
/  23. Product Quickview
/-----------------------------------------*/
.productQuickView .modal-lg {
    max-width: 920px;
}
.productQuickView .productContent{
    padding: 40px 24px 40px 0;
}
.productQuickView .modal-content{
    border-radius: 20px;
}
.productQuickView .modal-body {
    padding: 0;
    border-radius: 0;
    box-shadow: 0 0 50px 0 rgb(29 35 58 / 8%);
    border-radius: 20px;
}
.productQuickView .pcCategory{
    font-size: 16px;
}
.productQuickView .productContent h2{
    font-size: 28px;
    line-height: 38px;
}
.productQuickView .productContent h2 a{
    color: inherit;
}
.productQuickView .productContent h2 a:hover{
    color: #9ebbbd;
}
.productQuickView .productContent .pi01Price{
    font-size: 20px;
    line-height: 1;
}
.productQuickView .productContent .pi01Price del{
    font-size: 16px;
    margin: 0 0 0 13px;
}
.productQuickView .productContent .pi01Price del:after{
    top: 7px;
}
.productQuickView .productGalleryWrap{
    padding: 0;
    border-radius: 20px 0 0 0;
    overflow: hidden;
    margin: 0;
}

.productGalleryThumbPopup .owl-carousel .owl-stage{
    padding: 5px 0;
}


.productGalleryThumbPopup .owl-carousel.owl-drag .owl-item{
    width: auto !important;
}




.productQuickView .productGalleryThumbPopup .slick-arrow {
    position: absolute;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    color: #7f8495;
    margin: 0;
    top: 0;
    bottom: 0;
    left: -8px;
    margin: auto 0;
    height: 18px;
}
.productQuickView .productGalleryThumbPopup .slick-arrow.slick-next {
    left: auto;
    right: -9px;
}
.productQuickView .productGalleryThumbPopup .slick-arrow:hover {
    color: #9ebbbd;
}
.productQuickView button.quickViewCloser{
    position: absolute;
    width: 48px;
    height: 48px;
    border: 1px solid var(--tp-heading-secondary);
    display: inline-block;
    border-radius: 50%;
    right: -12px;
    top: -12px;
    background: var(--tp-heading-secondary);
    z-index: 9;
}
.productQuickView button.quickViewCloser 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);
}
.productQuickView button.quickViewCloser span:before{
    content: '';
    width: 1px;
    height: 100%;
    background: #FFF;
    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;
}
.productQuickView button.quickViewCloser span:after{
    content: '';
    width: 100%;
    height: 1px;
    background: #FFF;
    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;
}
.productQuickView button.quickViewCloser:hover{
    border-color: var(--tp-header-bg);
    background: var(--tp-header-bg);
}
.productQuickView button.quickViewCloser:hover span:before,
.productQuickView button.quickViewCloser:hover span:after{
    background: #FFF;
}
.productQuickView .pcMeta p.pcmSocial{
    margin: 0;
}
.productQuickView .productGalleryThumbWrap {
    position: relative;
    padding: 9px 18px 9px;
}
.productQuickView .pgImage{
    border-radius: 0;
}









/*-----------------------------------------
/  Account Section
/-----------------------------------------*/

.account_section {
    padding: 100px 0px 80px;
    background: var(--tp-grey-1);
}

.L_common_W {
    width: 100%;
    float: left;
    background: #ffff;
    border: 1px solid #ededed;
    margin-bottom: 25px;
    padding: 15px;
}

.usercol {
    width: 100%;
    border-bottom: 1px solid #ededed;
    display: inline-block;
    padding: 0 0 15px 0;
    margin-bottom: 15px;
}

.user_img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    float: left;
    border: 1px solid #ededed;
    margin-right: 10px;
    position: relative;
}

.user_img span{
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.user_img span input{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}



.user_img span i{
    color: var(--tp-footer-text);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.user_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.usercol h5 {
    font-size: 18px;
    color: var(--tp-text-6);
}

#filter {
    display: block;
}

#filter ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#filter ul li {
    list-style: none;
    display: block;
    float: none;
}

#filter ul li a {
    padding: 6px 0;
    text-decoration: none;
    border: 1px solid #fff;
    color: var(--tp-theme-6);
    display: flex;
    font-weight: 500;
     font-size: 18px;
}
#filter ul li a.selected {
    background: #fff;
    color: var(--tp-grey-9) !Important;
}



.R_common_W {
    width: 100%;
    float: left;
    background: #ffff;
    border: 1px solid #ededed;
    margin-bottom: 25px;
    padding: 20px 40px;
}

#content {
    margin: 10px 0;
    width: 100%;
    z-index: 0;
}

.Achd {
    width: 100%;
    font-size: 24px;
    color: var(--tp-common-black);
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--tp-ff-heading);
}

.Acname {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
}

.Acname span {
    color: #666666;
}

.Acountdet {
    width: 100%;
}

.Acountdet_name {
    width: 100%;
    position: relative;
    color: var(--tp-theme-9);
    font-family: var(--tp-ff-heading);
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
}

.Acountdet_name label{
    width: 100%;
    position: relative;
    color: var(--tp-theme-3);
    font-family: var(--tp-ff-jost);
    font-size: 17px;
    font-weight: 400;
}







.Acountdet_edit {
    background: #d3f9ed;
    color: #2dc5a5;
    float: right;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: normal;
}

.addaddress {
    background: #2dc5a4;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    text-transform: uppercase;
}

.Acpass {
    width: 100%;
    height: 45px;
    border: 1px solid #ededed;
    padding: 5px 10px;
    color: #888888;
    margin-top: 15px;
}

.orderrow {
    width: 100%;
    border: 1px solid #ededed;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.orderimg {
    width: 95px;
    height: 95px;
    border: 1px solid #ededed;
}

.orderimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.orderinfo {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 0 25px;
}

.orderinfo h4 {
    font-size: 16px;
    color: var(--tp-theme-3);
    font-weight: 700;
    margin: 0 0 10px 0;
    font-family: var(--tp-ff-heading);
}
.orderprice {
    font-size: 16px;
    color: var(--tp-theme-5);
    font-weight: 700;
    margin: 0 0 10px 0;
    font-family: var(--tp-ff-heading);
}
.orderpay {
    font-size: 16px;
    color: var(--tp-common-black);
    margin: 0 0 10px 0;
}

.orderpay label {
    color: var(--tp-theme-6);
    font-weight: 400;
    margin: 0 0 0 0;
}

.orderedit {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
}
.order-remove {
    font-size: 14px;
    color: var(--tp-theme-5);
    cursor: pointer;
}
.order-remove i {
    margin-right: 5px;
}
.orderstatus {
    position: relative;
}
.orderstatus svg {
   width: 20px;
}
.orderstatusin {
    font-size: 14px;
    color: var(--tp-common-black);
}
.orderstatusin label {
    color: var(--tp-heading-secondary);
    font-weight: 400;
}
.orderstatusin {
    font-size: 14px;
    color: #000;
}
.orderstatusin label {
    color: var(--tp-heading-secondary);
    font-weight: 400;
}
.orderstatusin span {
    color: var(--tp-theme-6);
}





/* Add Banner */
/*
.downloadapp{
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/nebomart.jpg) no-repeat;
    padding: 4em 0em 4em 0em;
    background-size: 100%;
    background-position: center center;
    position: relative;
    background-attachment: fixed;
}


.downloadapp::before{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: #000;
    opacity: .6;
    position: absolute;
}



.downloadappin{
	display: flex;
	align-items: center;
	justify-content: center;
    flex-direction: column;
    padding: 4em 5em 4em;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    color: var(--tp-common-white);
}


.downloadappin h2 {
    font-size: 42px;
    line-height: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: var(--tp-common-white);
    font-family: var(--tp-ff-prata);
}

.sc_intro_buttons {
    margin-top: 2.0em;
}


.sc_intro_buttons a {
    display: inline-block;
    text-align: center;
    padding: 10px 2.4em ;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    letter-spacing: 0.3px;
    color: var(--tp-text-6);
    background: var(--tp-common-white);
    font-weight: 800;
}*/

/* Add Banner */




/* Add Banner */

.addbanner{
    position: relative;
    /* background-color: var(--zk-bannerBG); */
    background-image: url(../images/nebomart.jpg); 
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0;
    overflow: hidden;
  }
  


/* .downloadapp::before{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: #000;
    opacity: .6;
    position: absolute;
} */


.offerdiv{
    width: 100%;
    position: relative;
    height: 50vh;
    margin: 50px 0;
}

.offerdiv img{
    width: 100%;
}


.special_offer{
    font-family: 'Elsie Swash Caps', cursive;
    font-size: 42px;
    color: #fff;
    text-align: center;
    font-weight: 900;
}

.offer_icon{    
    position: absolute;
    font-size: 4vw;
    color: var(--tp-common-white);
    font-family: var(--zk-ff-body);
    top: 20%;
    font-weight: 900;
    right: 90px;

}
.offer_text{    
    position: absolute;
    font-size: 16px;
    color: var(--tp-common-white);
    font-family: var(--zk-ff-body);
    top: 40%;
    font-weight: 700;
    right: 90px;
    background: #fff;
    color: #FF9A99;
    text-transform: uppercase;
    padding: 0px 20px;
    line-height: 26px;

}


.offerdiv .valubox{
    position: absolute;
    font-size: 8vw;
    color: var(--tp-common-white);
    font-family: var(--zk-ff-body);
    top: 14%;
    font-weight: 600;
    left: 20%;
}

.litelink{
    width: 100%;
    position: absolute;
    font-size: 14px;
    color: var(--tp-common-white);
    font-family: var(--zk-ff-body);
    bottom: 95px;
    font-weight: 600;
    left: 0;
    text-align: center;
    text-transform: uppercase;
}

.litelink a{
    font-size: 14px;
    color: var(--tp-common-white);
    font-family: var(--zk-ff-body);
}


.shopbtn{
    width: 150px;
    height: 50px;
    background: var(--tp-common-white);
    color: var(--zk-bannerBG);
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}



.downloadappin{
	display: flex;
	align-items: center;
	justify-content: center;
    flex-direction: column;
    padding: 4em 5em 4em;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    color: var(--tp-common-white);
}


.downloadappin h2 {
    font-size: 42px;
    line-height: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    display: inline-block;
    color: var(--tp-common-white);
    font-family: var(--zk-ff-prata);
}

.sc_intro_buttons {
    margin-top: 2.0em;
}


.sc_intro_buttons a {
    display: inline-block;
    text-align: center;
    padding: 10px 2.4em ;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    letter-spacing: 0.3px;
    color: var(--zk-color1);
    background: var(--tp-common-white);;
}

.shopbtn {
    width: 150px;
    height: 50px;
    background: var(--tp-common-white);
    color: var(--zk-bannerBG);
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}



/* Add Banner */








/* ISOTOPE MASONRY & FIXED================================================== */
.isotope-item {
	z-index:2
}
.isotope-hidden.isotope-item {
	pointer-events:none;
	z-index:1;
}
.isotope,.isotope .isotope-item {
	/* change duration value to whatever you like */ -webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	transition-duration:0.8s;
}
.isotope {
	-webkit-transition-property:height,width;
	-moz-transition-property:height,width;
	transition-property:height,width;
}
.isotope .isotope-item {
	-webkit-transition-property:-webkit-transform,opacity;
	-moz-transition-property:-moz-transform,opacity;
	transition-property:transform,opacity;
}

/* ISOTOPE MASONRY & FIXED================================================== */






/* .account_nav li {
    position: relative;
    padding: 28px 10px;
    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;
} */

.anUser ul {
    padding: 15px 0;
    position: absolute;
    top: 100%;
    right: inherit;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    font-size: 1rem;
    color: var(--tp-header-bg);
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.25rem;
}

.anUser ul li{
	padding: 7px 20px;
}
.anUser ul li a{
    color: var(--tp-header-bg);
    display: block;
    opacity: 1;
    font-weight: 500;
    color: 000;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.anUser ul li a:hover{
    color: var(--tp-theme-1);
}

.anUser:hover ul {
	display: block;
}
.mt-5{
    margin-top:5px !important
}
.mt-10{
    margin-top:10px
}
.mt-15{
    margin-top:15px
}
.mt-20{
    margin-top:20px
}
.mt-25{
    margin-top:25px
}
.mt-30{
    margin-top:30px
}
.mt-35{
    margin-top:35px
}
.mt-40{
    margin-top:40px
}
.mt-45{
    margin-top:45px
}
.mt-50{
    margin-top:50px
}
.mt-55{
    margin-top:55px
}
.mt-60{
    margin-top:60px
}
.mt-65{
    margin-top:65px
}
.mt-70{
    margin-top:70px
}
.mt-75{
    margin-top:75px
}
.mt-80{
    margin-top:80px
}
.mt-85{
    margin-top:85px
}
.mt-90{
    margin-top:90px
}
.mt-95{
    margin-top:95px
}
.mt-100{
    margin-top:100px
}
.mt-105{
    margin-top:105px
}
.mt-110{
    margin-top:110px
}
.mt-115{
    margin-top:115px
}
.mt-120{
    margin-top:120px
}
.mt-125{
    margin-top:125px
}
.mt-130{
    margin-top:130px
}
.mt-135{
    margin-top:135px
}
.mt-140{
    margin-top:140px
}
.mt-145{
    margin-top:145px
}
.mt-150{
    margin-top:150px
}
.mt-155{
    margin-top:155px
}
.mt-160{
    margin-top:160px
}
.mt-165{
    margin-top:165px
}
.mt-170{
    margin-top:170px
}
.mt-175{
    margin-top:175px
}
.mt-180{
    margin-top:180px
}
.mt-185{
    margin-top:185px
}
.mt-190{
    margin-top:190px
}
.mt-195{
    margin-top:195px
}
.mt-200{
    margin-top:200px
}
.mb-5{
    margin-bottom:5px !important
}
.mb-10{
    margin-bottom:10px
}
.mb-15{
    margin-bottom:15px
}
.mb-20{
    margin-bottom:20px
}
.mb-25{
    margin-bottom:25px
}
.mb-30{
    margin-bottom:30px
}
.mb-35{
    margin-bottom:35px
}
.mb-40{
    margin-bottom:40px
}
.mb-45{
    margin-bottom:45px
}
.mb-50{
    margin-bottom:50px
}
.mb-55{
    margin-bottom:55px
}
.mb-60{
    margin-bottom:60px
}
.mb-65{
    margin-bottom:65px
}
.mb-70{
    margin-bottom:70px
}
.mb-75{
    margin-bottom:75px
}
.mb-80{
    margin-bottom:80px
}
.mb-85{
    margin-bottom:85px
}
.mb-90{
    margin-bottom:90px
}
.mb-95{
    margin-bottom:95px
}
.mb-100{
    margin-bottom:100px
}
.mb-105{
    margin-bottom:105px
}
.mb-110{
    margin-bottom:110px
}
.mb-115{
    margin-bottom:115px
}
.mb-120{
    margin-bottom:120px
}
.mb-125{
    margin-bottom:125px
}
.mb-130{
    margin-bottom:130px
}
.mb-135{
    margin-bottom:135px
}
.mb-140{
    margin-bottom:140px
}
.mb-145{
    margin-bottom:145px
}
.mb-150{
    margin-bottom:150px
}
.mb-155{
    margin-bottom:155px
}
.mb-160{
    margin-bottom:160px
}
.mb-165{
    margin-bottom:165px
}
.mb-170{
    margin-bottom:170px
}
.mb-175{
    margin-bottom:175px
}
.mb-180{
    margin-bottom:180px
}
.mb-185{
    margin-bottom:185px
}
.mb-190{
    margin-bottom:190px
}
.mb-195{
    margin-bottom:195px
}
.mb-200{
    margin-bottom:200px
}
.ml-5{
    margin-left:5px
}
.ml-10{
    margin-left:10px
}
.ml-15{
    margin-left:15px
}
.ml-20{
    margin-left:20px
}
.ml-25{
    margin-left:25px
}
.ml-30{
    margin-left:30px
}
.ml-35{
    margin-left:35px
}
.ml-40{
    margin-left:40px
}
.ml-45{
    margin-left:45px
}
.ml-50{
    margin-left:50px
}
.ml-55{
    margin-left:55px
}
.ml-60{
    margin-left:60px
}
.ml-65{
    margin-left:65px
}
.ml-70{
    margin-left:70px
}
.ml-75{
    margin-left:75px
}
.ml-80{
    margin-left:80px
}
.ml-85{
    margin-left:85px
}
.ml-90{
    margin-left:90px
}
.ml-95{
    margin-left:95px
}
.ml-100{
    margin-left:100px
}
.ml-105{
    margin-left:105px
}
.ml-110{
    margin-left:110px
}
.ml-115{
    margin-left:115px
}
.ml-120{
    margin-left:120px
}
.ml-125{
    margin-left:125px
}
.ml-130{
    margin-left:130px
}
.ml-135{
    margin-left:135px
}
.ml-140{
    margin-left:140px
}
.ml-145{
    margin-left:145px
}
.ml-150{
    margin-left:150px
}
.ml-155{
    margin-left:155px
}
.ml-160{
    margin-left:160px
}
.ml-165{
    margin-left:165px
}
.ml-170{
    margin-left:170px
}
.ml-175{
    margin-left:175px
}
.ml-180{
    margin-left:180px
}
.ml-185{
    margin-left:185px
}
.ml-190{
    margin-left:190px
}
.ml-195{
    margin-left:195px
}
.ml-200{
    margin-left:200px
}
.mr-5{
    margin-right:5px
}
.mr-10{
    margin-right:10px
}
.mr-15{
    margin-right:15px
}
.mr-20{
    margin-right:20px
}
.mr-25{
    margin-right:25px
}
.mr-30{
    margin-right:30px
}
.mr-35{
    margin-right:35px
}
.mr-40{
    margin-right:40px
}
.mr-45{
    margin-right:45px
}
.mr-50{
    margin-right:50px
}
.mr-55{
    margin-right:55px
}
.mr-60{
    margin-right:60px
}
.mr-65{
    margin-right:65px
}
.mr-70{
    margin-right:70px
}
.mr-75{
    margin-right:75px
}
.mr-80{
    margin-right:80px
}
.mr-85{
    margin-right:85px
}
.mr-90{
    margin-right:90px
}
.mr-95{
    margin-right:95px
}
.mr-100{
    margin-right:100px
}
.mr-105{
    margin-right:105px
}
.mr-110{
    margin-right:110px
}
.mr-115{
    margin-right:115px
}
.mr-120{
    margin-right:120px
}
.mr-125{
    margin-right:125px
}
.mr-130{
    margin-right:130px
}
.mr-135{
    margin-right:135px
}
.mr-140{
    margin-right:140px
}
.mr-145{
    margin-right:145px
}
.mr-150{
    margin-right:150px
}
.mr-155{
    margin-right:155px
}
.mr-160{
    margin-right:160px
}
.mr-165{
    margin-right:165px
}
.mr-170{
    margin-right:170px
}
.mr-175{
    margin-right:175px
}
.mr-180{
    margin-right:180px
}
.mr-185{
    margin-right:185px
}
.mr-190{
    margin-right:190px
}
.mr-195{
    margin-right:195px
}
.mr-200{
    margin-right:200px
}
.pt-5{
    padding-top:5px !important
}
.pt-10{
    padding-top:10px
}
.pt-15{
    padding-top:15px
}
.pt-20{
    padding-top:20px
}
.pt-25{
    padding-top:25px
}
.pt-30{
    padding-top:30px
}
.pt-35{
    padding-top:35px
}
.pt-40{
    padding-top:40px
}
.pt-45{
    padding-top:45px
}
.pt-50{
    padding-top:50px
}
.pt-55{
    padding-top:55px
}
.pt-60{
    padding-top:60px
}
.pt-65{
    padding-top:65px
}
.pt-70{
    padding-top:70px
}
.pt-75{
    padding-top:75px
}
.pt-80{
    padding-top:80px
}
.pt-85{
    padding-top:85px
}
.pt-90{
    padding-top:90px
}
.pt-95{
    padding-top:95px
}
.pt-100{
    padding-top:100px
}
.pt-105{
    padding-top:105px
}
.pt-110{
    padding-top:110px
}
.pt-115{
    padding-top:115px
}
.pt-120{
    padding-top:120px
}
.pt-125{
    padding-top:125px
}
.pt-130{
    padding-top:130px
}
.pt-135{
    padding-top:135px
}
.pt-140{
    padding-top:140px
}
.pt-145{
    padding-top:145px
}
.pt-150{
    padding-top:150px
}
.pt-155{
    padding-top:155px
}
.pt-160{
    padding-top:160px
}
.pt-165{
    padding-top:165px
}
.pt-170{
    padding-top:170px
}
.pt-175{
    padding-top:175px
}
.pt-180{
    padding-top:180px
}
.pt-185{
    padding-top:185px
}
.pt-190{
    padding-top:190px
}
.pt-195{
    padding-top:195px
}
.pt-200{
    padding-top:200px
}
.pb-5{
    padding-bottom:5px !important
}
.pb-10{
    padding-bottom:10px
}
.pb-15{
    padding-bottom:15px
}
.pb-20{
    padding-bottom:20px
}
.pb-25{
    padding-bottom:25px
}
.pb-30{
    padding-bottom:30px
}
.pb-35{
    padding-bottom:35px
}
.pb-40{
    padding-bottom:40px
}
.pb-45{
    padding-bottom:45px
}
.pb-50{
    padding-bottom:50px
}
.pb-55{
    padding-bottom:55px
}
.pb-60{
    padding-bottom:60px
}
.pb-65{
    padding-bottom:65px
}
.pb-70{
    padding-bottom:70px
}
.pb-75{
    padding-bottom:75px
}
.pb-80{
    padding-bottom:80px
}
.pb-85{
    padding-bottom:85px
}
.pb-90{
    padding-bottom:90px
}
.pb-95{
    padding-bottom:95px
}
.pb-100{
    padding-bottom:100px
}
.pb-105{
    padding-bottom:105px
}
.pb-110{
    padding-bottom:110px
}
.pb-115{
    padding-bottom:115px
}
.pb-120{
    padding-bottom:120px
}
.pb-125{
    padding-bottom:125px
}
.pb-130{
    padding-bottom:130px
}
.pb-135{
    padding-bottom:135px
}
.pb-140{
    padding-bottom:140px
}
.pb-145{
    padding-bottom:145px
}
.pb-150{
    padding-bottom:150px
}
.pb-155{
    padding-bottom:155px
}
.pb-160{
    padding-bottom:160px
}
.pb-165{
    padding-bottom:165px
}
.pb-170{
    padding-bottom:170px
}
.pb-175{
    padding-bottom:175px
}
.pb-180{
    padding-bottom:180px
}
.pb-185{
    padding-bottom:185px
}
.pb-190{
    padding-bottom:190px
}
.pb-195{
    padding-bottom:195px
}
.pb-200{
    padding-bottom:200px
}
.pl-5{
    padding-left:5px
}
.pl-10{
    padding-left:10px
}
.pl-15{
    padding-left:15px
}
.pl-20{
    padding-left:20px
}
.pl-25{
    padding-left:25px
}
.pl-30{
    padding-left:30px
}
.pl-35{
    padding-left:35px
}
.pl-40{
    padding-left:40px
}
.pl-45{
    padding-left:45px
}
.pl-50{
    padding-left:50px
}
.pl-55{
    padding-left:55px
}
.pl-60{
    padding-left:60px
}
.pl-65{
    padding-left:65px
}
.pl-70{
    padding-left:70px
}
.pl-75{
    padding-left:75px
}
.pl-80{
    padding-left:80px
}
.pl-85{
    padding-left:85px
}
.pl-90{
    padding-left:90px
}
.pl-95{
    padding-left:95px
}
.pl-100{
    padding-left:100px
}
.pl-105{
    padding-left:105px
}
.pl-110{
    padding-left:110px
}
.pl-115{
    padding-left:115px
}
.pl-120{
    padding-left:120px
}
.pl-125{
    padding-left:125px
}
.pl-130{
    padding-left:130px
}
.pl-135{
    padding-left:135px
}
.pl-140{
    padding-left:140px
}
.pl-145{
    padding-left:145px
}
.pl-150{
    padding-left:150px
}
.pl-155{
    padding-left:155px
}
.pl-160{
    padding-left:160px
}
.pl-165{
    padding-left:165px
}
.pl-170{
    padding-left:170px
}
.pl-175{
    padding-left:175px
}
.pl-180{
    padding-left:180px
}
.pl-185{
    padding-left:185px
}
.pl-190{
    padding-left:190px
}
.pl-195{
    padding-left:195px
}
.pl-200{
    padding-left:200px
}
.pr-5{
    padding-right:5px
}
.pr-10{
    padding-right:10px
}
.pr-15{
    padding-right:15px
}
.pr-20{
    padding-right:20px
}
.pr-25{
    padding-right:25px
}
.pr-30{
    padding-right:30px
}
.pr-35{
    padding-right:35px
}
.pr-40{
    padding-right:40px
}
.pr-45{
    padding-right:45px
}
.pr-50{
    padding-right:50px
}
.pr-55{
    padding-right:55px
}
.pr-60{
    padding-right:60px
}
.pr-65{
    padding-right:65px
}
.pr-70{
    padding-right:70px
}
.pr-75{
    padding-right:75px
}
.pr-80{
    padding-right:80px
}
.pr-85{
    padding-right:85px
}
.pr-90{
    padding-right:90px
}
.pr-95{
    padding-right:95px
}
.pr-100{
    padding-right:100px
}
.pr-105{
    padding-right:105px
}
.pr-110{
    padding-right:110px
}
.pr-115{
    padding-right:115px
}
.pr-120{
    padding-right:120px
}
.pr-125{
    padding-right:125px
}
.pr-130{
    padding-right:130px
}
.pr-135{
    padding-right:135px
}
.pr-140{
    padding-right:140px
}
.pr-145{
    padding-right:145px
}
.pr-150{
    padding-right:150px
}
.pr-155{
    padding-right:155px
}
.pr-160{
    padding-right:160px
}
.pr-165{
    padding-right:165px
}
.pr-170{
    padding-right:170px
}
.pr-175{
    padding-right:175px
}
.pr-180{
    padding-right:180px
}
.pr-185{
    padding-right:185px
}
.pr-190{
    padding-right:190px
}
.pr-195{
    padding-right:195px
}
.pr-200{
    padding-right:200px
}








.table-content table {
    background: var(--tp-common-white);
    border-color: var(--tp-border-1);
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    font-family: var(--tp-ff-heading);
}


.table-content table.table > :not(:first-child) {
    border-top: 0;
  }
  
  .table-content .table > :not(:last-child) > :last-child > * {
    border-bottom-color: var(--tp-border-1);
  }
  
  .table-content .product-quantity {
    float: none;
  }
  
  .table-content table td.product-name {
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--tp-common-black);
  }


  .table-content table td.product-name a {
    color: var(--tp-common-black);
    font-weight: 600;
  }


  .table-content table td.product-remove a {
    color: var(--tp-common-black);
    font-weight: 300;
    font-size: 20px;
  }


  .table-content table td.product-thumbnail {
    height: 100px;
  }





  .coupon-all {
    margin-top: 50px;
}

.coupon2 {
    float: right;
}



  
  .table-content table td.product-name a:hover {
    color: var(--tp-text-primary);
  }
  
  .table-content table td {
    border-top: medium none;
    padding: 20px 10px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
  }
  
  .table-content table th,
  .table-content table td {
    border-bottom: 1px solid var(--tp-border-1);
    border-right: 1px solid var(--tp-border-1);
    white-space: nowrap;
  }
  
  .product-quantity input {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid var(--tp-border-1);
  }
  
  .table td,
  .table th {
    border-top: 1px solid var(--tp-border-1);
  }
  

  
  .table-content table td.product-subtotal {
    font-size: 16px;
  }
  
  .table-content table td .cart-plus-minus {
    float: none;
    margin: 0 auto;
  }




.product-quantity .cart-plus, .product-quantity .cart-minus {
    width: 25px;
    height: 30px;
    border: 1px solid var(--tp-border-1);
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    margin-left: -1px;
    line-height: 25px;
}


.product-quantity .cart-plus:hover, .product-quantity .cart-minus:hover {
    cursor: pointer;
    color: var(--tp-common-white);
    background: var(--tp-heading-secondary);
}

.product-quantity > input {
    width: 80px;
    border-radius: 3px;
    margin: 0;
    margin-left: -1px;
}


.cart-input {
    height: 30px;
    width: 32px;
    text-align: center;
    font-size: 14px;
    border: none;
    border-top: 2px solid var(--tp-border-1);
    border-bottom: 2px solid var(--tp-border-1);
    display: inline-block;
    vertical-align: middle;
    margin: 0 -3px;
    padding-bottom: 0px;
}


.product-thumbnail img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}


.tp-btn {
    background-color: var(--tp-grey-9);
    text-align: center;
    color: var(--tp-common-white);
    font-weight: 600;
    border-radius: 50px;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    padding: 13px 53px;
    border: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}


.tp-btn:hover {
    background-color: var(--tp-theme-9);
    color: var(--tp-common-white);

}






.cart-page-total {
    padding-top: 50px;
}

.cart-page-total > h2 {
    font-size: 25px;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-family: var(--tp-ff-heading);
    font-weight: 400;
    color: var(--tp-text-5);
}

.cart-page-total > ul {
    border: 1px solid var(--tp-border-1);
    padding: 0;
}

.cart-page-total > ul > li {
    list-style: none;
    font-size: 15px;
    color: #6f7172;
    padding: 10px 30px;
    border-bottom: 1px solid var(--tp-border-1);
    font-weight: 5400;
    font-family: var(--tp-ff-heading);
}

.cart-page-total li:last-child {
    border-bottom: 0;
    font-weight: 600;
    color: var(--tp-text-5);
}

.cart-page-total ul > li > span {
    float: right;
}


.coupon-accordion h3 {
    background-color: #f6f6f6;
    border-top: 3px solid rgba(150, 174, 0, 0.3);
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 25px;
    padding: 1em 2em 1em 3.5em;
    position: relative;
    width: auto;
    font-family: var(--tp-ff-jost);
    color: var(--tp-text-5);
}


.coupon-accordion h3 a{
    color: var(--tp-text-5);
}





.coupon-accordion h3::before {
    content: "\f07b";
    left: 15px;
    top: 13px;
    position: absolute;
    color: #6f7172;
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
}






.checkbox-form h3 {
    border-bottom: 1px solid #eaedff;
    font-size: 28px;
    font-family: var(--tp-ff-jost);
    margin: 0 0 20px;
    padding-bottom: 10px;
    width: 100%;
    font-weight: 400;
    color: var(--tp-text-5);
}

.country-select {
    margin-bottom: 30px;
    position: relative;
}

.country-select label, .checkout-form-list label {
    color: #6f7172;
    display: block;
    margin: 0 0 5px;
}



.checkout-form-list {
    margin-bottom: 30px;
}

.checkout-form-list label {
    color: #6f7172;
}

.checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
    background: #ffffff;
    border: 1px solid #eaedff;
    border-radius: 0;
    height: 45px;
    padding: 0 0 0 10px;
    width: 100%;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.create-acc label {
    color: #6f7172;
    display: inline-block;
}


.your-order {
    padding: 30px 40px 45px;
    border: 3px solid rgba(150, 174, 0, 0.3);
}

.your-order h3 {
    border-bottom: 1px solid #eaedff;
    font-size: 28px;
    font-family: var(--tp-ff-jost);
    margin: 0 0 20px;
    padding-bottom: 10px;
    width: 100%;
    font-weight: 400;
    color: var(--tp-text-5);
}


.your-order-table table {
    background: none;
    border: 0;
    width: 100%;
    margin-bottom: 30px;
}

.your-order-table table th, .your-order-table table td {
    border-bottom: 1px solid #eaedff;
    border-right: medium none;
    color: #6f7172;
    font-size: 17px;
    padding: 15px 0;
    text-align: left;

}


.your-order-table table th {
    border-top: medium none;
    color: #6f7172;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    width: 250px;
}

.your-order-table table .order-total th ,
.your-order-table table .order-total td {
    font-weight: 600 !important;
}

.homeslider{
    position: relative;
}


.homeslider .owl-theme .owl-nav{
    position: absolute;
    top: 40%;
    width: 100%;
    padding: 0 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.homeslider .owl-carousel.owl-theme .owl-nav .owl-next, 
.homeslider .owl-carousel.owl-theme .owl-nav .owl-prev {
    font-size: 20px;
    border: 1px solid #c5d0cf;
    color: #9ebbbd;
    background: transparent;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    margin-left: -15px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.homeslider .owl-carousel .owl-nav .owl-next {
    float: right;
    margin-right: -15px;
}

.homeslider .owl-theme .owl-dots {
    position: absolute;
    bottom: 5%;
    width: 100%;
    display: flex;
     align-items: center;
     justify-content: center;
}








/* New */


.cartbox{
    width: 100%;
}

.cartboxth{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--tp-common-black);
}

.cartboxtd{
    display: flex;
    justify-content: space-between;
    margin-top: -1px;
    color: var(--tp-common-black);
}
.cartboxtd a{

    color: var(--tp-common-black);
}


.product-thumbnail{
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--tp-border-1);
    padding: 8px;
    flex: 1;
    margin-left: -1px;
    white-space: nowrap;
}
.cart-product-name{
    width: 10%;
    display: flex;
    /* align-items: center; */
    justify-content: center;
     flex-direction: column;
    border: 1px solid var(--tp-border-1);
    padding: 8px;
    flex: 1;
    margin-left: -1px;
}
.product-price{
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--tp-border-1);
    padding: 8px;
    flex: 1;
    margin-left: -1px;
    white-space: nowrap;
}

.product-quantity{
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--tp-border-1);
    padding: 8px;
    flex: 1;
    margin-left: -1px;
    white-space: nowrap;
}

.product-subtotal{
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--tp-border-1);
    padding: 8px;
    flex: 1;
    margin-left: -1px;
    white-space: nowrap;
}

.product-remove{
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--tp-border-1);
    padding: 8px;
    flex: 1;
    margin-left: -1px;
    white-space: nowrap;
}

.cartboxth > div.cart-product-name,
.cartboxtd > div.cart-product-name{
    flex: 2;
}

.cartboxth {
    font-family: var(--tp-ff-heading);
    font-weight: 600;
}

.cartboxtd .product-thumbnail{
    height: 100px;
    overflow: hidden;
}


.cartboxtd .product-thumbnail a{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cartboxtd .product-thumbnail a img{
    display:  flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}



.your_order_table{
    width: 100%;

}


.order_row{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eaedff;
    padding: 10px 0;
}

.order_row > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.order_row > div  strong{
    margin-left: 10px;
    white-space: nowrap;
}



.cart_subtotal{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eaedff;
    padding: 10px 0;
}

.cart_subtotal > div{
    width: 100%;
    display: flex;
    flex: 1;
}

.pagination-previous,
.pagination-next,
.ngx-pagination .disabled{
    display: none !important;
}

.ngx-pagination a{
    width: 48px;
    height: 48px;
    border: 1px solid var(--tp-theme-9) !important;
    color: var(--tp-heading-primary) !important;
    text-align: center;
    padding: 0 !important;
    line-height: 48px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50% !important;
    margin-right: 6px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.ngx-pagination .current {
    width: 48px;
    height: 48px;
    border: 1px solid var(--tp-theme-9) !important;
    color: var(--tp-heading-primary);
    text-align: center;
    padding: 0 !important;
    line-height: 48px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50%;
    margin-right: 6px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    background: var(--tp-theme-9);
    color: var(--tp-common-white);
    border-color: var(--tp-theme-9);
}
.show_div{
    display: flex !important;

}
.hide_div{
    display: none !important;
}
.show_div_flex{
        display: flex !important;
        position: absolute;
    bottom: 0;
}


.searc_box{
    width: 45%;
}

.searc_box form{
    display: flex;
}


.searc_box .category {
    display: inline-block;
    /* width: 115px; */
    opacity: 1;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -moz-appearance: none;
    
    position: relative;

}


.searc_box .category .form-control {
    font-weight: 400;
    font-size: 16px;
    color: #525252;
    background: #E5E5E5 url(../images/select-icon.png) no-repeat calc(100% - 15px) center;
    border: 1px solid var(--tp-common-white);
    border-radius: 5px 0 0 5px;
    height: 40px;
    padding-right: 40px;
}


.searc_box .search-box {
    width: calc(70% - 100px);
    display: inline-block;
}


.searc_box .search-box .form-control {
    font-weight: 400;
    font-size: 16px;
    color: var(--tp-common-white);
    background: transparent;
    border: 1px solid var(--tp-common-white);
    border-right: 0;
    border-radius: 0;
    height: 40px;
    margin-left: -1px;
}


.searc_box .search-box .search-btn {
    border: 0;
    background: var(--tp-grey-9);
    border-radius: 0px 5px 5px 0px;
    width: 40px;
    height: 40px;
    margin-right: -2px;
}

.searc_box .search-box .search-btn i{
    color: var(--tp-common-white);
}


.mobilesearch {
    display: none;
    padding: 10px;
    position: absolute;
    right: inherit;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #fff;
    width: 270px;
    display: flex;
}

.msearch:hover .mobilesearch {
    display: none;
}

.msearch {
    display: none;
}

.masonry_div{
    width: 30%;
    margin-bottom: 25px;
}


.new-pop {
    position: relative;
}

.new-pop h1 {
    font-size: 25px;
    color: #000;
    margin-bottom: 15px;
}

.pop-cls {
    outline: none!important;
}

.pop-cls {
    position: absolute;
    top: 0;
    right: 0;
}

.product_scroll_div {
    max-height: 300px;
    overflow: hidden;
    scrollbar-gutter: stable;
    padding-right: 15px;
}

.product_scroll_div{
    height: 80vh;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto;
}


.prdc-pic-drc{
    border-bottom: 1px solid #ededed;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}


.img-group .item-pic {
    float: left;
    display: block;
    width: 100px;
    height: 100px;
    margin-right: 15px;
    border-radius: 20px;
    overflow: hidden;
}

.img-group .item-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.option-item-bdy {
    width: 100%;
    max-height: initial;
}

.option-item{
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
}

.option-item h4 {
    font-size: 18px;
    margin: 0 0 2px;
    color: #000;
}

.option-item p {
    color: #000;
    font-size: 14px;
}

.option-itm-grp {
    display: flex;
    width: 100%;
    position: relative;
}



.option-itm-grp ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    width: 100%;
}


.option-itm-grp ul li {
    width: 50%;
    margin-bottom: 15px;
}

.option-itm-grp ul li input {
    margin-right: 10px;
}


.icheck-material-pink{
    display: flex;
    align-items: center;
}