/*================================================================================================*/
/*=================[                                                            ]=================*/
/*=================[    !!!!!!!!   CSS CREATED BY WorkDo  !!!!!!!!   ]=================*/
/*=================[                                                            ]=================*/
/*================================================================================================*/
/******************** home-banner-sec start css { home page } ********************/
.home-banner-sec {
    position: relative;
    z-index: 1;
    padding: 60px 0;
}
.home-banner-bg {
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: -2%;
    width: auto;
    animation: mover 2s infinite alternate;
    -webkit-animation: mover 2s infinite alternate;
}
@-webkit-keyframes mover {
    0% {
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    100% {
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
    }
}
@keyframes mover {
    0% {
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    100% {
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
    }
}
.banner-search-form .form-input {
    padding: 8px;
    gap: 10px;
    background-color: var(--white);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.banner-search-form .form-input input {
    background: transparent;
    color: var(--black);
    padding: 0 0 0 10px;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.banner-search-form .form-input .banner-search-btn {
    padding: 12px;
    font-size: 16px;
}
.banner-search-form .form-input .banner-search-btn:focus{
    color: var(--white);
}
.banner-search-form .form-input .banner-search-btn svg {
    width: 16px;
    height: 16px;
}
.banner-search-form .form-input .banner-search-btn svg path {
    fill: var(--black) !important;
}
.banner-search-form .form-input .banner-search-btn:hover svg path,
.banner-search-form .form-input .banner-search-btn:focus svg path {
    fill: var(--white) !important;
}
/******************** home-banner-sec end css ********************/
/******************** product-category-sec start css ********************/
.product-category-sec {
    background-color: #F6F6F6;
}
.product-category-sec .row {
    margin-left: -10px;
    margin-right: -10px;
    row-gap: 30px;
}
.product-category-sec .row [class*="col-"] {
    padding: 0 10px;
}
.product-category-sec .product-category-card {
    height: 100%;
}
.product-category-sec .category-card-inner {
    position: relative;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(#6FD943), to(rgba(255, 255, 255, 0))) border-box;
    background: -o-linear-gradient(#ffffff 0 0) padding-box, -o-linear-gradient(top, #6FD943 0%, rgba(255, 255, 255, 0) 100%) border-box;
    background: linear-gradient(#ffffff 0 0) padding-box, linear-gradient(180deg, #6FD943 0%, rgba(255, 255, 255, 0) 100%) border-box;
    border: 2px solid transparent;
    box-shadow: 0px 1.48px 39.85px 0px #00000008;
    -webkit-box-shadow: 0px 1.48px 39.85px 0px #00000008;
    overflow: hidden;
    padding: 15px 15px 2px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.product-category-sec .category-card-content {
    margin-bottom: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.product-category-sec .category-card-inner h2 {
    margin-bottom: 10px;
    font-size: 18px;
}
.product-category-sec .category-card-inner h2 a {
    font-weight: 600;
}
.product-category-sec .category-card-content p {
    color: var(--theme-color);
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 1;
}   
.product-category-sec .category-card-content .category-btn-wrapper .btn {
    padding: 10px 15px;
}
.product-category-sec .category-card-content .category-btn-wrapper .btn svg {
    width: 16px;
    height: 16px;
}
.category-pro-icon {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto -25px;
    background-color: var(--dark-green);
    border: 3px solid var(--white);
    box-shadow: 0px 2.21px 25.09px 0px #0000001A;
    -webkit-box-shadow: 0px 2.21px 25.09px 0px #0000001A;
    animation: animate-pulse 3s linear infinite;
    -webkit-animation: animate-pulse 3s linear infinite;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
@-webkit-keyframes animate-pulse {
    0% {
        box-shadow: 0 0 0 0  rgba(111, 217, 67, 1), 0 0 0 0  rgba(111, 217, 67, 1);
        -webkit-box-shadow: 0 0 0 0  rgba(111, 217, 67, 1), 0 0 0 0  rgba(111, 217, 67, 1);
    }
    40% {
        box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 0  rgba(111, 217, 67, 1);
        -webkit-box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 0  rgba(111, 217, 67, 1);
    }
    80% {
        box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
        -webkit-box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
    }
}
@keyframes animate-pulse {
    0% {
        box-shadow: 0 0 0 0  rgba(111, 217, 67, 1), 0 0 0 0  rgba(111, 217, 67, 1);
        -webkit-box-shadow: 0 0 0 0  rgba(111, 217, 67, 1), 0 0 0 0  rgba(111, 217, 67, 1);
    }
    40% {
        box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 0  rgba(111, 217, 67, 1);
        -webkit-box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 0  rgba(111, 217, 67, 1);
    }
    80% {
        box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
        -webkit-box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
    }
}
.product-category-sec .category-pro-img {
    background: linear-gradient(#ffffff 0 0) padding-box, linear-gradient(180deg, var(--theme-color) 0%, rgba(255, 255, 255, 0) 100%) border-box;
    background: -o-linear-gradient(#ffffff 0 0) padding-box, -o-linear-gradient(top, var(--theme-color) 0%, rgba(255, 255, 255, 0) 100%) border-box;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(var(--theme-color)), to(rgba(255, 255, 255, 0))) border-box;
    border: 1px solid transparent;
    box-shadow: 0px 1.48px 39.85px 0px #00000008;
    -webkit-box-shadow: 0px 1.48px 39.85px 0px #00000008;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
}
.category-pro-icon svg {
    width: 25px;
    height: 25px;
}
/******************** product-category-sec end css ********************/
/******************** bookinggo-sass-top-sec start css ********************/
.bookinggo-sass-top-sec {
    position: relative;
    z-index: 1;
}
.bookinggo-sass-top-sec .bookinggo-sass-slider {
    margin: 0 -10px;
}
.dash-saas-slider:not(.slick-initialized) *:not(:first-child),
.bookinggo-sass-slider:not(.slick-initialized) *:not(:first-child){
    display: none;
}
.bookinggo-sass-top-sec .section-title {
    max-width: 90%;
    width: 100%;
    margin: 0 auto 30px;
}
.bookinggo-sass-top-sec .bookinggo-sass-icon{
    position: absolute;
    z-index: -1;
    width: 6vw;
    animation: mover 2s infinite alternate;
    -webkit-animation: mover 2s infinite alternate;
}
.bookinggo-sass-top-sec .bookinggo-sass-icon1 {
    top: 10%;
    left: 0;
}
.bookinggo-sass-top-sec .bookinggo-sass-icon2 {
    top: 0%;
    right: 0;
}
.bookinggo-sass-top-sec .section-title p {
    max-width: 80%;
    width: 100%;
    margin: 15px auto 0;
}
.bookinggo-sass-top-sec .bookinggo-left-col .bookinggo-left-img {
    margin-bottom: 25px;
}
.bookinggo-sass-top-sec .bookinggo-left-col .bookinggo-left-img img{
    width: 100%;
    height: 100%;
}
.bookinggo-sass-top-sec .bookinggo-left-col .bookinggo-btn-wrapper,
.dash-sass-top-selling .dash-sass-left-col .dash-btn-wrapper {
    gap: 12px;
}
.ticketgo-top-sec .btn-wrapper{
    gap: 10px;
}
.ticketgo-top-sec{
    background-color: #f6f6f6;
}
/******************** bookinggo-sass-top-sec end css ********************/
/******************** top-selling-section start css ********************/
.top-selling-section .top-sell-row {
    row-gap: 20px;
}
.dash-sass-top-selling .dash-sass-left-col {
    position: relative;
    width: 100%;
    background: #f8f8f8;
    padding: 30px;
    margin-top: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.dash-sass-top-selling .dash-sass-left-col::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: -15px;
    left: -15px;
    width: calc(100% + 17px);
    height: 100%;
    border: 2px dashed var(--theme-color);
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
}
.dash-sass-top-selling .filter-right-column {
    max-width: 90%;
    width: 100%;
    margin: 0 auto 0 0;
}
.dash-sass-top-selling .dash-saas-slider {
    margin: 0 -10px;
}
.top-selling-section .product-content-bottom .card-bottom .wp-sale-price,
.top-selling-section .product-content-bottom .card-bottom .vp-sale-price{
    font-size: unset;
}
/******************** top-selling-section end css ********************/
/******************** home-bundle-sec start css ********************/
.home-bundle-sec {
    background-color: #F6F6F6;
}
.home-bundle-sec .bundle-saas-btn-wrapper {
    gap: 10px;
    margin-top: 20px;
}
.home-bundle-sec .section-title {
    max-width: 60%;
    width: 100%;
    margin: 0 auto 30px;
}
.home-bundle-sec .bundle-saas-btn-wrapper .btn {
    color: var(--black);
    border-color: var(--third-color);
    margin-top: 0;
}
.home-bundle-sec .bundle-saas-btn-wrapper .btn-transparent:hover svg path{
    fill: var(--black);
}
.home-bundle-sec .bundle-img-col {
    padding: 10px 10px;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(#6FD943), to(rgba(255, 255, 255, 0))) border-box;
    background: -o-linear-gradient(#ffffff 0 0) padding-box, -o-linear-gradient(top, #6FD943 0%, rgba(255, 255, 255, 0) 100%) border-box;
    background: linear-gradient(#ffffff 0 0) padding-box, linear-gradient(180deg, #6FD943 0%, rgba(255, 255, 255, 0) 100%) border-box;
    border: 1px solid transparent;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.home-bundle-sec .bundle-inner-img {
    box-shadow: 0px 1.48px 39.85px 0px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0px 1.48px 39.85px 0px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.home-bundle-sec .bundle-inner-img a {
    display: block;
}
.home-bundle-sec .home-bundle-row {
    row-gap: 30px;
}
.home-bundle-sec .bundle-inner-img img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
/******************** home-bundle-sec end css { home page end } ********************/
/*************************************************** products page start css **********************************************************/
/******************** dash-banner-sec start css ********************/
.dash-landing-wrapper .product-banner-section {
    position: relative;
}
.product-banner-section .dash-addon-banner {
    position: relative;
    padding-top: 80%;
}
.product-banner-section .dash-addon-banner img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
.product-banner-section .product-banner-bg{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
.dash-banner-title .subtitle span{
    background: #275B49;
    color: var(--third-color);
    clip-path: polygon(0 0, 100% 12%, 100% 90%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 12%, 100% 90%, 0 100%);
    font: var(--h4);
    font-weight: 600;
    padding: 10px;
    display: block;
}
.dash-banner-title .subtitle{
    position: relative;
    margin-bottom: 30px;
    display: inline-block;
    padding: 0;
    border: none;
    background-color: transparent;
}
.dash-banner-title .subtitle::before{
    content: '';
    position: absolute;
    left: 10%;
    bottom: -15px;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 50px solid #275B49;
}
/******************** dash-banner-sec end css ********************/
/******************** features-card-section start css ********************/
.dash-landing-wrapper .features-card-section{
    background-color: #FBFAEC;
}
.features-card-section .tab-wrp .item.active .item-content {
    opacity: 1;
    visibility: visible;
    height: auto;
}
.features-card-section .tab-wrp .item .item-content{
    opacity: 0;
    visibility: hidden;
    height: 0;
}
.features-card-section .section-title .section-title-left{
    max-width: 650px;
    width: 100%;
}
.dash-landing-wrapper .features-card-section .section-title p {
    max-width: 425px;
    width: 100%;
    font-size: 20px;
    line-height: 1.2;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.features-card-section .tab-wrp{
    padding: 40px 20px 40px 0;
    gap: 20px;
    background-color: var(--white);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.features-card-section .tab-head-row li a{
    position: relative;
    text-transform: capitalize;
    background-color: var(--white);
    font-family: var(--second-font);
    font: var(--h6);
    font-weight: 600;
    padding:10px 10px 10px 20px;
    gap: 10px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.features-card-section .tab-head-row li a span{
    display: block;
    line-height: 1;
}
.features-card-section .tab-wrp .item.active::before {
    background-color: var(--theme-color);
}
.features-card-section .tab-wrp .item::before {
    content: attr(data-title);
    background-color: var(--second-color);
    color: var(--white);
    font-family: var(--second-font);
    font: var(--h6);
    font-weight: 600;
    padding:10px 30px 10px 20px;
    text-transform: capitalize;
    display: block;
    cursor: pointer;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
} 
.features-card-section .tab-wrp .item{
    position: relative;
}
.features-card-section .tab-wrp .item.active::after {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.features-card-section .tab-head-row li a svg{
    width: 22px;
    height: 22px;
}
.features-card-section .tab-head-row li:not(:last-of-type){
    margin-bottom: 18px;
}
.features-card-section .tab-head-row li a.active{
    background-color: var(--theme-color);
}
.features-card-section .tab-head-row {
    background-color: #FBFAEC;
    max-width: 270px;
    width: 100%;
    padding: 20px;
    border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -ms-border-radius: 0 10px 10px 0;
    -o-border-radius: 0 10px 10px 0;
}
.features-card-section .tab-head-row ul{
    height:470px;
    overflow: auto;
    padding-right: 15px;
}
.features-card-section .tab-head-row ul::-webkit-scrollbar{
    width: 10px;
    height: 5px;
    overflow: hidden;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.features-card-section .tab-head-row ul::-webkit-scrollbar-track {
    background: rgba(1, 61, 41, 0.08);
    overflow: hidden;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.features-card-section .tab-head-row ul::-webkit-scrollbar-thumb {
    background-color: #013d29;
    overflow: hidden;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.features-card-section .tabs-container{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.features-card-section .tabs-container .tab-image{
    background-color: var(--white);
    overflow: hidden;
    padding: 10px;
    box-shadow: 0px 18px 54px 0px rgba(2, 35, 50, 0.3);
    -webkit-box-shadow: 0px 18px 54px 0px rgba(2, 35, 50, 0.3);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.features-card-section .tabs-container p{
    font: var(--h5);
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 20px;
}
/******************** lightbox css ********************/
.tab-image .lightbox{
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.img-popup {
    position: fixed;
    z-index: 99;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(38, 40, 52, 0.9);
    text-align: center;
    display: none;
    -webkit-animation: pop-in;
            animation: pop-in;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
}
 .img-popup img {
    position: absolute;
    top: 50%;
    max-width: 80%;
    max-height: 80vh;
    display: inline-block;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
 .close-lightbox {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
    width: 35px;
    height: 35px;
    color: var(--white);
    font-size: 25px;
    border: 2px solid var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
 .lightboxfadeout{
     animation: fadeout;
    -webkit-animation: fadeout;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    -webkit-animation: fadeout 0.5s;
    -moz-animation: fadeout 0.5s;
    -ms-animation: fadeout 0.5s;
}
@keyframes pop-in {
    0% {
        opacity: 0;
        transform: scale(0.1);
        -webkit-transform: scale(0.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@-webkit-keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}
@keyframes fadeout {
    100% {
        opacity: 0;
        transform: scale(0.1);
        -webkit-transform: scale(0.1);
    }
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
@-webkit-keyframes fadeout {
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1);
    }
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}
/******************** features-card-section end css ********************/
/******************** advance-solution-section start css ********************/
.advance-solution-section .advance-solution-inner {
    margin-bottom: 40px;
}
.advance-wrp{
    position: relative;
    z-index: 1;
    background-color: var(--second-color);
    width: 130px;
    height: 130px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.advance-wrp .advance-bg{
    background: var(--white);
    width: 90px;
    height: 90px;
    padding: 20px;
    outline: 2px dashed var(--theme-color);
    outline-offset: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.advance-wrp .advance-bg svg{
    width: 100%;
    height: 100%;
}
.advance-solution-section .advance-row {
    position: relative;
    z-index: 1;
    gap: 20px 98px;
    padding-bottom: 35px;
}
.advance-solution-section .advance-row::before{
    content: '';
    position: absolute;
    z-index: -1;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url(https://workdo.io/wp-content/themes/storefront-child/assets/images/dash-saas-addon/dash-landing/advance-bg.png);
}
.advance-solution-section .advance-card .advance-card-icon {
    background-color: #f7f7f7;
    padding: 20px;
    border: 3px solid rgba(111, 217, 67, 0.3);
    outline: 2px dashed rgba(111, 217, 67, 0.3);
    box-shadow: 0px 3.34px 37.8px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3.34px 37.8px 0px rgba(0, 0, 0, 0.1);
    outline-offset: 5px;
    margin-bottom: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.features-price-sec.price-section .section-title {
    max-width: 84%;
    width: 100%;
    margin: 0 auto 30px;
}
.advance-solution-section .advance-card .advance-card-icon img {
    width: 40px;
    height: 40px;
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
.advance-solution-section .advance-card h3 {
    font-size: 16px;
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.advance-solution-section .advance-btn-wrapper .btn,
.integration-section .btn,
.payment-section .btn {
    font-size: 16px;
}
/******************** advance-solution-section end css ********************/
/******************** dash-application-sec start css ********************/
.dash-application-sec .dash-application-wrp{
    position: relative;
    z-index: 1;
    padding: 40px 40px 10px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}
.dash-application-sec .dash-application-wrp .application-content h3,
.dash-application-sec .dash-application-wrp .application-content{
    color: var(--white);
}
.dash-application-sec .dash-application-wrp .application-content h3{
    font: var(--h5);
    margin-bottom: 10px;
}
.dash-application-sec .dash-application-wrp .application-content h3 a{
    font-weight: 600;
}
.dash-application-sec .dash-application-wrp .application-content p{
    margin-bottom: 10px;
}
.dash-application-sec .dash-application-wrp .application-content .buy-btn{
    padding: 10px 20px;
}
.dash-application-sec .dash-application-wrp .application-content{
    position: relative;
    z-index: 1;
}
.dash-application-sec .dash-application-wrp .application-inner{
    gap: 50px;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    max-width: 270px;
}
.dash-application-sec .dash-application-wrp .application-image{
    position: relative;
    padding-top: 34%;
    width: 285px;
}
.dash-application-sec .dash-application-bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.dash-application-sec .dash-application-wrp .application-image img{
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
.application-view-btn{
    position: relative;
    margin-top: 20px;
    margin-bottom: -30px;
}
.dash-application-sec .dash-application-wrp  .application-content::before{
    content: '';
    position: absolute;
    z-index: -1;
    top: 10px;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
.dash-application-sec .dash-application-wrp .layer1 .application-content::before{
    left: 100%;
}
.dash-application-sec .dash-application-wrp .layer1 .application-content:first-child::before{
    background-image: url(https://workdo.io/wp-content/themes/storefront-child/assets/images/dash-saas-addon/dash-landing//application-layer1.png);
}
.dash-application-sec .dash-application-wrp .layer1 .application-content:last-child::before{
    background-image: url(https://workdo.io/wp-content/themes/storefront-child/assets/images/dash-saas-addon/dash-landing//application-layer2.png);
}
.dash-application-sec .dash-application-wrp .layer2 .application-content::before{
    right: 60%;
}
.dash-application-sec .dash-application-wrp .layer2 .application-content:first-child::before{
    background-image: url(https://workdo.io/wp-content/themes/storefront-child/assets/images/dash-saas-addon/dash-landing//application-layer3.png);
}
.dash-application-sec .dash-application-wrp .layer2 .application-content:last-child::before{
    background-image: url(https://workdo.io/wp-content/themes/storefront-child/assets/images/dash-saas-addon/dash-landing//application-layer4.png);
}
/******************** dash-application-sec end css ********************/
/******************** integration-section start css ********************/
.dash-landing-wrapper .integration-section {
    padding-top: 20px;
}
.integration-section .integration-tab {
    gap: 25px;
    margin-bottom: 30px;
}
.integration-section .container-fluid{
    max-width: 1480px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}
.integration-section .integration-btn {
    max-width: 135px;
    width: 100%;
    gap: 10px;
}
.integration-section .integration-btn span{
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
}
.integration-section .integration-btn img {
    width: 50px;
    height: 50px;
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
/******************** integration-section end css ********************/
/******************** decoding-section start css ********************/
.decoding-section {
    position: relative;
    z-index: 1;
}
.decoding-section .layer{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
/******************** decoding-section end css ********************/
/********************************* bookinggo landing page css ***********************************/
/******************** bookinggo-addons-sec start css ********************/
.bookinggo-addons-sec {
    background-color: var(--white);
}
.bookinggo-addons-sec .bookinggo-addons-row{
    position: relative;
    z-index: 1;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    --border: 2px dashed var(--theme-color);
    border-top: var(--border);
    border-left: var(--border);
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    outline-offset: -2px;
}
.bookinggo-addons-sec .bookinggo-card {
    border-right: var(--border);
    border-bottom: var(--border);
    padding: 10px;
}
.bookinggo-addons-sec .bookinggo-addons-row .bookinggo-card-icon img {
    width: 30px;
    height: 30px;
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
.bookinggo-addons-sec .bookinggo-addons-row .bookinggo-card-icon {
    background-color: var(--white);
    padding: 10px;
    outline: 3px solid rgba(111, 217, 67, 0.3);
    outline-offset: 10px;
    margin: 12px 12px 20px 12px;
    box-shadow: 0px -1.68px 9.9px 0px rgba(111, 217, 67, 0.25);
    -webkit-box-shadow: 0px -1.68px 9.9px 0px rgba(111, 217, 67, 0.25);
    border-radius: 50%;             
    -webkit-border-radius: 50%;   
    -moz-border-radius: 50%;         
    -ms-border-radius: 50%;       
    -o-border-radius: 50%;
}
.bookinggo-addons-sec .bookinggo-card h3 {
    font-family: var(--second-font);
    font-size: 16px;
    font-weight: 600;
}
/******************** bookinggo-addons-sec end css ********************/
/******************** booking-process-section start css ********************/
.booking-process-section {
    position: relative;
    background-color: #FBFAEC;
}
.booking-process-section .img-wrapper a{
    display: block;
}
/******************** booking-process-section end css ********************/
/******************** bookinggo-layout-sec start css ********************/
.bookinggo-layout-sec .row {
    row-gap: 25px;
}
.bookinggo-layout-sec .product-card-content {
    padding: 20px 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.bookinggo-layout-sec .product-card-content h3 a{
    font-weight: 600;
}
.bookinggo-layout-sec .product-card-inner {
    padding: 0;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.bookinggo-layout-sec .product-card-image{
    border-bottom: 1px solid var(--third-color);
}
.bookinggo-layout-sec .product-card-image a{
    position: relative;
    padding-top: 90%;
    display: block;
}
.bookinggo-layout-sec .product-card-image a img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
/******************** bookinggo-layout-sec end css ********************/
/******************** bookinggo-features-sec start css ********************/
.bookinggo-features-row{
    margin: 0 -10px;
}
.bookinggo-features-sec {
    position: relative;
    background-color: var(--second-color);
    z-index: 1;
}
.bookinggo-features-sec .features-bg{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
       object-fit: cover;
    -o-object-fit: cover;
}
.bookinggo-features-sec .section-title p,
.bookinggo-features-sec .section-title h2{
    color: var(--white);
}
.bookinggo-features-sec .bookinggo-features-inner {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--white);
    padding: 15px;
    border-right: 2px solid var(--third-color);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    text-align: center;
}
.bookinggo-features-sec .bookinggo-features-inner .bookinggo-features-img {
    width: 90px;
    height: 90px;
    background-color: var(--white);
    border: 2px solid rgba(111, 217, 67, 0.3);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: -60px auto 20px;
}
.bookinggo-features-sec .bookinggo-features-inner .bookinggo-features-img img {
    width: 40px;
    height: 40px;
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
.bookinggo-features-sec .bookinggo-features-content h3 {
    max-width: 82%;
    width: 100%;
    margin: 0 auto 15px;
    font-size: 24px;
    line-height: 1.3;
    color: var(--theme-color);
}
/******************** bookinggo-features-sec end css ********************/
/******************** payment-banner-section start css ********************/
.payment-lang-card{
    position: relative;
    z-index: 1;
    width: 100%;
    background-color: var(--second-color);
    padding: 40px 50px 80px 40px;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.payment-lang-bg{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
.payment-lang-card .payment-image{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.payment-lang-card .payment-image a{
    position: relative;
    padding-top: 60%;
    display: block;
}
.payment-lang-card .payment-image a img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
.payment-lang-card .payment-lang-content{
    max-width: 420px;
    width: 100%;
    color: var(--white);
}
.payment-lang-card .payment-lang-content h2{
    color: var(--white);
    margin-bottom: 15px;
}
.payment-lang-card .payment-lang-inner{
    gap: 20px;
}
.payment-lang-card .payment-lang-content p,
.payment-lang-card .payment-lang-inner ul{
    margin-bottom: 15px;
}
.payment-lang-card .payment-lang-inner ul li{
    gap: 10px;
    font-weight: 600;
}
.payment-lang-card .payment-lang-inner ul li svg{
    width: 20px;
    height: 20px;
}
.payment-lang-card .payment-lang-inner ul li:not(:last-of-type){
    margin-bottom: 10px;
}
.payment-lang-card .payment-lang-inner .payment-btn{
    gap: 10px;
}
.payment-banner-section .arrow-wrapper{
    position: absolute;
    right: 410px;
    bottom: 40px;
    gap: 20px;
}
.payment-banner-section .arrow-wrapper .payment-lang-arrow {
    position: unset;
    background-color: var(--white);
    width: 30px;
    height: 30px;
    box-shadow: 0px 0px 0px 5px #b2adad33;
    -webkit-box-shadow: 0px 0px 0px 5px #b2adad33;
    transform: unset;
    -ms-transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -o-transform: unset;
}
/******************** payment-banner-section end css ********************/
/******************** bookingo-integration-sec start css ********************/
.bookingo-integration-sec {
    position: relative;
    padding: 55px 0;
}
.bookingo-integration-sec .integration-tab{
    max-width: 50%;
    gap: 20px 80px;
}
.bookingo-integration-sec .section-title{
    max-width: 430px;
    width: 100%;
    margin: unset;
}
.bookingo-integration-bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
.bookingo-integration-sec .section-title h2,
.bookingo-integration-sec .section-title{
    color: var(--white);
}
.bookingo-integration-sec .integration-btn{
    gap: 10px;
}
.bookingo-integration-sec .integration-btn img{
    width: 75px;
    height: 75px;
    background-color: var(--white);
    border: 2px solid rgba(244, 180, 26, 0.3);
    padding: 5px;
    object-fit: scale-down;
    -o-object-fit: scale-down;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.bookingo-integration-sec  .integration-btn span{
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
}
.bookingo-integration-sec .section-title .btn{
    line-height: 1;
}
.bookingo-integration-sec .section-title p{
    margin-top: 20px;
}
/******************** bookingo-integration-sec end css ********************/
/******************** bookinggo-appointment-section start css ********************/
.bookinggo-appointment-section .bookinggo-appointment-wrp{
    position: relative;
    z-index: 1;
    background: linear-gradient(90deg, rgba(2,35,50,1) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(left, rgba(2,35,50,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(2,35,50,1)), to(rgba(0,0,0,1)));
    color: var(--white);
    padding: 40px 40px 20px;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.bookinggo-appointment-section .appointment-right-col{
    position: relative;
    padding-top: 97%;
}
.bookinggo-appointment-section .appointment-right-col img,
.bookinggo-appointment-section .bookinggo-appointment-wrp .appointment-bg{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
.bookinggo-appointment-section .appointment-right-col img{
    object-position: top;
    -o-object-position: top;
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
.bookinggo-appointment-section .appointment-left-col .payment-lang-btn .secondary-btn{
    padding: 10px 20px 10px 40px;
}
.bookinggo-appointment-section .appointment-left-col .payment-lang-btn span{
    background-color: var(--white);
    width: 50px;
    height: 50px;
}
.bookinggo-appointment-section .appointment-left-col h2{
    color: var(--white);
    margin-bottom: 20px;
}
.bookinggo-appointment-section .appointment-left-col .payment-lang-btn{
    margin-left: 15px;
    margin-bottom: 0;
    display: inline-block;
}
.bookinggo-appointment-section .appointment-left-col .payment-lang-btn svg{
    width: 18px;
    height: 18px;
}
.bookinggo-appointment-section .appointment-left-col .section-title{
    margin-bottom: 20px;
}
/******************** bookinggo-appointment-section end css ********************/
/******************** eCommerceGo landing page css ********************/
/******************** features-card-section start css ********************/
.eCommerceGo-landing-wrapper .features-card-section {
    position: relative;
}
.eCommerceGo-landing-wrapper .features-card-section .layer{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.eCommerceGo-landing-wrapper .features-card-section .features-card p{
    font-size: 16px;
    font-weight: 400;
    line-height:1.5;
    text-align: center;
    margin-bottom: 0;
}
.eCommerceGo-landing-wrapper .features-card-section .section-title {
    max-width: 75%;
    width: 100%;
    margin: 0 auto 70px;
}
.eCommerceGo-landing-wrapper .features-card .card-icon {
    background: var(--white);
    width: 80px;
    height: 80px;
    border: 1px solid var(--third-color);
    box-shadow: 0px 1.52px 17.2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1.52px 17.2px 0px rgba(0, 0, 0, 0.1);
    margin:-50px auto 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.eCommerceGo-landing-wrapper .features-card {
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(rgba(244, 180, 26, 1)), to(rgba(255, 255, 255, 1))) border-box;
    background: -o-linear-gradient(#ffffff 0 0) padding-box, -o-linear-gradient(top, rgba(244, 180, 26, 1) 0%, rgba(255, 255, 255, 1) 100%) border-box;
    background: linear-gradient(#ffffff 0 0) padding-box, linear-gradient(180deg, rgba(244, 180, 26, 1) 0%, rgba(255, 255, 255, 1) 100%) border-box;
    border: 1px solid transparent;
    padding: 15px;
    box-shadow: 0px 1.64px 18.62px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1.64px 18.62px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.eCommerceGo-landing-wrapper .features-card .card-icon svg {
    width: 40px;
    height: 40px;
}
.eCommerceGo-landing-wrapper .features-card-section .features-card h4 {
    margin-bottom: 10px;
    font-size: 20px;
    text-align: center;
}
.eCommerceGo-landing-wrapper .features-card-section .row {
    row-gap: 60px;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
}
.ecomm-addons-sec .add-ons-image{
    padding-top: 70%;
}
/******************** features-card-section end css ********************/
/******************** ecomm-seller-sec start css ********************/
.ecomm-seller-sec{
    position: relative;
    background: -webkit-gradient(linear,left top, right top,color-stop(54%, rgba(2,61,42,1)), color-stop(54%, rgba(34,85,69,1)));
    background: -o-linear-gradient(left,rgba(2,61,42,1) 54%, rgba(34,85,69,1) 54%);
    background: linear-gradient(90deg,rgba(2,61,42,1) 54%, rgba(34,85,69,1) 54%);
    color: var(--white);
}
.ecomm-seller-sec .ecomm-seller-bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
.eCommerceGo-landing-wrapper .ecomm-seller-sec .section-title .subtitle,
.eCommerceGo-landing-wrapper .seller-apps .section-title .subtitle {
    background-color: var(--theme-color);
    color: var(--black);
    border: none;
    padding: 15px 20px;
}
.eCommerceGo-landing-wrapper .ecomm-seller-sec h2 {
    max-width: 400px;
    width: 100%;
    color: var(--white);
}
/******************** ecomm-seller-sec end css ********************/
/******************** ecom-new-addon-section start css ********************/
.ecom-new-addon-section .add-ons-inner{
    position: relative;
    z-index: 1;
    gap:18px;
}
.ecom-new-addon-section .add-ons-inner::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 80%;
    background-size: cover;
    background-image:url(https://workdo.io/wp-content/themes/storefront-child/assets/images/ecommercego-landing/add-ons-bg.png);
    background-position: center;
    transform: translate(-50% , -50%);
    -webkit-transform: translate(-50% , -50%);
    -moz-transform: translate(-50% , -50%);
    -ms-transform: translate(-50% , -50%);
    -o-transform: translate(-50% , -50%);
}
.ecom-new-addon-section .add-ons-inner a {
    gap: 10px;
}
.ecom-new-addon-section .add-ons-inner h3{
    font-size: 16px;
}
.ecom-new-addon-section .add-ons-card-icon{
    width: 100px;
    height: 100px;
    border: 1px solid rgba(111, 217, 67, 0.3);
    background-color: var(--white);
    box-shadow: 0px 1.8px 20.36px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1.8px 20.36px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.ecom-new-addon-section .add-ons-inner .add-ons-card-icon img{
    width: 45px;
    height: 45px;
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
.ecom-new-addon-section .add-ons-inner a:nth-child(2n+1) {
    padding-top: 115px;
}
/******************** ecom-new-addon-section end css ********************/
/******************** erpgo-modules-sec start css ********************/
.erpgo-modules-wrapper{
    position: relative;
    z-index: 1;
    padding: 30px;
    background-color: var(--second-color);
    color: var(--white);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.erpgo-modules-wrapper .layer{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
.erpgo-modules-wrapper .section-title{
    max-width: 70%;
    width: 100%;
    margin: 0 auto 30px;
}
.erpgo-modules-wrapper .section-title h2{
    color: var(--white);
}
.erpgo-modules .module-card .module-card-icon {
    width: 60px;
    height: 60px;
    background-color: var(--white);
    border: 3px solid rgba(111, 217, 67, 0.3);
    box-shadow: 0px 3.34px 37.8px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3.34px 37.8px 0px rgba(0, 0, 0, 0.1);
    outline: 2px dashed var(--theme-color);
    margin: 6px;
    outline-offset: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.erpgo-modules .module-card .module-card-icon img{
    width: 30px;
    height: 30px;
}
.erpgo-modules .module-card h3{
    color: var(--white);
    font-size: 16px;
    letter-spacing: .2px;
}
.erpgo-modules-wrapper .erpgo-modules {
    position: relative;
    z-index: 1;
    gap: 20px 70px;
}
.erpgo-modules .module-card {
    gap: 15px;
}
.erpgo-modules .module-card:nth-child(2n+1){
    padding-top: 56px;
}
.erpgo-modules::before{
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(https://workdo.io/wp-content/themes/storefront-child/assets/images/laravel-products/erpgo/layer2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/******************** erpgo-modules-sec end css ********************/
/******************** storego-business-sec start css ********************/
.storego-business-sec{
    background-color: #F8F8F8;
}
.business-card-slider{
    margin: 0 -10px;
}
.storego-business-sec .section-title p{
    max-width: 700px;
    width: 100%;
    margin: 15px auto 0;
}
.storego-business-sec .business-card .business-content{
    margin: 0;
    max-width: 100%;
    padding: 15px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.storego-business-sec .business-card .business-image img{
    padding: 10px 0 0;
}
.storego-business-sec .business-card .business-image{
    height: 100%;
    border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
}
.storego-business-sec .business-card .business-content h3{
    margin: 0;
}
/******************** storego-business-sec end css ********************/
/******************** vcard-add-ons-sec start css ********************/
.vcard-add-ons-sec {
    padding-bottom: 20px;
}
.vcard-add-ons-wrapper{
    position: relative;
    z-index: 1;
    padding: 40px 30px 30px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.vcard-add-ons-wrp {
    padding-bottom: 25px;
    gap:20px;
}
.vcard-add-ons-wrapper .layer{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
.vcard-add-ons-sec .vcard-add-ons-card .vcard-add-ons-icon{
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
    padding: 10px;
    background-color: #1A4E3D;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px dashed var(--theme-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.vcard-add-ons-sec .vcard-add-ons-card .vcard-add-ons-icon::before{
    content: '';
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    height: 30px;
    border: 1px dashed var(--theme-color);
}
.vcard-add-ons-sec .vcard-add-ons-card .vcard-add-ons-icon::after{
    content: '';
    position: absolute;
    top: 130%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--theme-color);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.vcard-add-ons-bg::after {
    content: '';
    position: absolute;
    bottom: -7px;
    height: 14px;
    width: 14px;
    background-color: #194c3b;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border: 2px dashed var(--theme-color);
    border-left: 0;
    border-top: 0;
}
.vcard-add-ons-sec .vcard-add-ons-card .vcard-add-ons-bg{
    padding: 10px;
    background-color: var(--white);
    border: 3px solid rgba(111, 217, 67, 0.3);
    box-shadow: 0px 3.34px 37.8px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3.34px 37.8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.vcard-add-ons-sec .vcard-add-ons-card .vcard-add-ons-bg img{
    width: 35px;
    height: 35px;
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
.vcard-add-ons-sec .vcard-add-ons-card:nth-child(even){
    padding-top: 30px;
}
.vcard-add-ons-sec .vcard-add-ons-card {
    max-width: 125px;
}
.vcard-add-ons-sec .vcard-add-ons-card h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--white);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.vcard-add-ons-wrapper .vcard-btn-wrapper{
    margin: 0 auto -50px;
}
/******************** vcard-add-ons-sec end css ********************/
/******************** vcard-app-section start css ********************/
.vcard-app-section .appointment-right-col{
    padding-top: 30%;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.vcard-app-section .appointment-right-col img{
    object-position: bottom;
    -o-object-position: bottom;
}
.vcard-app-section .bookinggo-appointment-wrp{
    padding: 30px 40px 0;
}
.vcard-app-section .appointment-left-col{
    padding-bottom: 20px;
    max-width: 55%;
}
.vcard-app-section .vcard-app-icon {
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
/******************** vcard-app-section end css ********************/
/******************** ticketgo add-ons-sec start css ********************/
.ticketgo-addons-sec{
    position: relative;
    z-index: 1;
    background-color: #F8F8F8;
}
.ticketgo-addons-sec .layer{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: bottom;
    -o-object-position: bottom;
}
.ticketgo-addons-row{
    gap: 24px;
}
.ticketgo-addons-row .slide{
    max-width: 180px;
    width: 100%;
}
.ticketgo-addons-row .addons-card{
    background-color: var(--white);
    border: 2px dashed var(--theme-color);
    padding: 15px;
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.ticketgo-addons-row .addons-card-icon {
    width: 95px;
    height: 95px;
    margin: 20px;
    padding: 10px;
    border: 1px solid;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.ticketgo-addons-row .addons-card-icon img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    -o-object-fit: scale-down;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
}
.ticketgo-addons-row .addons-card h3{
    font-size: 17px;
    padding-top: 10px;
}
/******************** ticketgo add-ons-sec end css ********************/
/******************** integrations-tool-sec start css ********************/
.integrations-wrapper{
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.integrations-wrapper img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.integrations-wrapper .layer{
    object-fit: cover;
    -o-object-fit: cover;
}
.integrations-wrapper a{
    position: relative;
    padding-top: 50%;
    display: block;
    margin: 20px 15px;
}
.integrations-wrapper a img{
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
/******************** integrations-tool-sec end css ********************/
/******************** advanced-sec start css ********************/
.advanced-wrapper{
    position: relative;
    z-index: 1;
    background-color: var(--second-color);
    padding: 30px 0;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.advanced-wrapper .layer{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
.advanced-wrapper .layer2{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}
.advanced-top{
    position: relative;
    padding: 0 50px;
    gap: 60px;
}
.advanced-content-wrp{
    position: relative;
    z-index: 1;
    height: 50px;
    background: var(--theme-color);
    -webkit-clip-path: polygon(0% 50%, 8% 0%, 90% 0%, 100% 50%, 90% 100%, 8% 100%);
    -moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
}
.advanced-content-wrp .advanced-content {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background: var(--second-color);
    -webkit-clip-path: polygon(0% 50%, 8% 0%, 90% 0%, 100% 50%, 90% 100%, 8% 100%);
    -moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
    margin: 0 auto;
    gap: 10px;
}
.advanced-content-wrapper{
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.advanced-top .advanced-content-wrapper:not(:last-of-type)::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -30px;
    width: 10px;
    height: 10px;
    background-image: url(https://workdo.io/wp-content/themes/storefront-child/assets/images/laravel-products/ticketgo/advanced-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.advanced-top::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    background-color: var(--theme-color);
}
.advanced-content .icon{
    width: 30px;
    height: 30px;
    background-color: var(--white);
    border: 2px solid var(--theme-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.advanced-content .icon img{
    width: 20px;
    height: 20px;
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
.advanced-content h3{
    font-size: 16px;
    color: var(--white);
}
.advanced-row{
    padding: 100px 15px 0;
    gap: 50px 75px;
}
.advanced-row .advanced-card .advanced-card-icon{
    width: 90px;
    height: 90px;
    background-color: var(--theme-color);
    padding: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.advanced-row .advanced-card .advanced-icon{
    padding: 15px;
    background-color: var(--white);
    box-shadow: 0px 4px 4px 0px rgba(45, 152, 0, 1);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(45, 152, 0, 1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.advanced-row .advanced-card .advanced-card-icon img{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
.advanced-row .advanced-card h3{
    font-size: 16px;
    margin-top: 10px;
    color: var(--white);
}
.integrations-mob-image{
    display: none;
}
.integrations-tool-sec .integrations-wrapper{
    background-color: var(--second-color);
}
.integrations-tool-sec .integrations-wrapper a{
    padding-top: 40%;
}
/******************** advanced-sec end css ********************/
/*************************************************** products page end css **********************************************************/
/*************************************************** add-ons page start css **********************************************************/
/******************** module-suggestions-section start css ********************/
.module-suggestions-section {
    background-color: #f5f5f5;
    position: relative;
    z-index: 1;
}
.module-sg-img img {
    max-width: 100%;
}
.send-us-opc {
    gap: 10px;
}
.send-us-opc a:nth-child(2) {
    margin-top: -10px;
    font-weight: bold;
}
.sg-bg-img img {
    position: absolute;
    z-index: -1;
}
.sg-bg-2 {
    top: 0;
    right: 0;
}
.sg-bg-3 {
    bottom: 0;
    left: 0;
}
.sg-bg-4 {
    top: 80%;
    left: 30%;
}
.archive .star-rating {
    display: none;
}
.archive .client-review-section{
    background-color: var(--white);
    padding-top: 0;
}
/******************** module-suggestions-section end css ********************/
/*************************************************** add-ons page end css **********************************************************/
/*************************************************** development page start css ****************************************************/
/******************** apk-ios-card-section start css ********************/
.apk-ios-card-section .innner-card {
    background: #F5F5F5;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.apk-ios-card-section .innner-card h4 {
    background: #002232;
    color: var(--theme-color);
    padding: 10px 10px;
    text-align: center;
    margin: 0;
    border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -ms-border-radius: 7px 7px 0 0;
    -o-border-radius: 7px 7px 0 0;
}
.apk-ios-card-section .innner-card.ios-card h4 {
    background: var(--theme-color);
    color: #002232;
}
.apk-ios-card-section .innner-card ul {
    padding: 20px 20px;
}
.apk-ios-card-section .innner-card ul p {
    text-align: center;
}
.apk-ios-card-section .innner-card .icon {
    background: var(--theme-color);
    width: 30px;
    height: 30px;
    padding: 2px;
    margin: 20px auto 10px;
    border: 2px solid rgba(111, 217, 67, 0.5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.apk-ios-card-section .innner-card li:first-of-type .icon {
    margin-top: 0;
}
.apk-ios-card-section .innner-card .icon i {
    font-size: 16px;
    color: var(--white);
}
.decr-card {
    position: relative;
    background: #F5F5F5;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    padding: 30px 30px 30px 80px;
    margin-top: 30px;
}
.decr-card .icon-div {
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border: 5px solid var(--white);
}
.apk-ios-card-section .decr-card .icon-div {
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 65px;
    height: 65px;
}
/******************** apk-ios-card-section end css ********************/
/******************** web-solution-section start css ********************/
.web-solution-section {
    position: relative;
    z-index: 1;
    overflow-x: hidden;
    padding: 200px 0 80px;
}
.web-solution-section::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    width: 900px;
    height: 900px;
    background: url('../images/development/web-sol-circle.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
/******************** web-solution-section end css ********************/
/*************************************************** development page end css ****************************************************/
/*************************************************** support page start css ******************************************************/
/******************** contact-home-section start css ********************/
.home-section {
    padding: 100px 0 80px;
}
.contact-page-wrapper .contact-section .icon-div {
    margin-left: 10px;
    font-size: 25px;
    color: var(--white);
}
.contact-page-wrapper .custom-req-form {
    padding: 30px 20px;
    margin-top: -400px;
    background: var(--white);
    box-shadow: 0px 0px 61px rgba(88, 88, 88, 0.2);
    -webkit-box-shadow: 0px 0px 61px rgba(88, 88, 88, 0.2);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.contact-page-wrapper .custom-req-form .form-group label{
    color: var(--second-color);
    font-weight: 600;
}
.contact-page-wrapper .custom-req-form .form-group .form-control::-webkit-input-placeholder{
    color: var(--second-color);
}
.contact-page-wrapper .custom-req-form .form-group .form-control::-moz-placeholder{
    color: var(--second-color);
}
.contact-page-wrapper .custom-req-form .form-group .form-control:-ms-input-placeholder{
    color: var(--second-color);
}
.contact-page-wrapper .custom-req-form .form-group .form-control::-ms-input-placeholder{
    color: var(--second-color);
}
.contact-page-wrapper .custom-req-form .form-group .form-control::placeholder,
.contact-page-wrapper .custom-req-form .form-group .form-control{
    color: var(--second-color);
}
.contact-page-wrapper .custom-req-form .form-group .form-control:focus{
    border-color: var(--black);
}
.contact-page-wrapper .custom-req-form input[type="submit"]{
    background-color: var(--theme-color);
    border: none;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.contact-page-wrapper .custom-req-form input[type="submit"]:hover{
    background-color: var(--black);
}
/******************** contact-home-section end css ********************/
/******************** features-card-section start css ********************/
.support-wrapper .features-card .icon-div {
    margin-top: -80px;
}
.support-wrapper .features-card-section .features-card {
    padding: 56px 35px 30px;
    border: 1px solid #DEDEDE;
    margin-top: 40px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.support-wrapper .features-card .icon-div {
    width: 56px;
    height: 56px;
}
.support-wrapper .features-card-section .features-card h4 {
    font-size: 18px;
    text-align: center;
}
.support-wrapper .features-card-section .features-card p {
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 0;
}
.support-wrapper .features-card-section .row{
    row-gap: 20px;
}
/******************** features-card-section end css ********************/
/******************** blog-home-section start css ********************/
.page-template-blog-template .blog-home-section .innner-content h2,
.blog-home-section .innner-content h2 {
    color: var(--white);
}
.docs-home-section .innner-content,
.blog-home-section .innner-content {
    gap: 20px;
}
.docs-home-section .innner-content p,
.blog-home-section .innner-content p {
    max-width: 550px;
    width: 100%;
}
/******************** blog-home-section end css ********************/
/******************** document-listing-section start css ********************/
.documents-wrapper .banner-badge-list{
    gap: 10px;
}
.documents-wrapper .document-listing-section .search-box .btn{
    padding: 12px 16px;
}
.docs-home-section .section-title .subtitle{
    font-size: 12px;
    margin-bottom: 10px;
    padding: 7px 15px;
    text-transform: unset;
}
.main-category {
    padding: 20px;
}
.main-category li {
    font-weight: 600;
    padding-left: 0;
}
.main-category li a {
    width: 90%;
}
.main-category li::before {
    content: "\2b";
    left: auto;
    right: 0;
    font-size: 14px;
}
/******************** document-listing-section end css ********************/
/******************** dash saas addons end css ********************/
/*************************************************** add-ons single page start css ****************************************************/
/******************** woocommerce-tabs start css ********************/
.single-product .woocommerce-tabs {
    padding-bottom: 0;
}
.woocommerce-tabs .tabs-wrapper-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 40px;
}
.woocommerce-tabs .tabs.wc-tabs {
    gap: 10px;
}
.storefront-full-width-content .woocommerce-tabs ul.tabs {
    background: #EDEDED;
    padding: 8px 10px;
    width: auto !important;
    margin: auto;
    border: 0px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.woocommerce-tabs ul.tabs li {
    border: 0 !important;
}
.woocommerce-tabs ul.tabs li a {
    position: relative;
    padding: 10px 15px 10px 35px;
    color: var(--dark-green);
    font-size: 16px;
    line-height: 1.2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.woocommerce-tabs ul.tabs li a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.woocommerce-tabs ul.tabs li#tab-title-item_details a::before {
    background: url('../images/icons/details.svg') no-repeat;
    background-size: 100% 100%;
}
.woocommerce-tabs ul.tabs li#tab-title-reviews a::before {
    background: url('../images/icons/like.svg') no-repeat;
    background-size: 100% 100%;
}
.woocommerce-tabs ul.tabs li#tab-title-comments a::before {
    background: url('../images/icons/comments.svg') no-repeat;
    background-size: 100% 100%;
}
.woocommerce-tabs ul.tabs li#tab-title-supports a::before {
    background: url('../images/icons/support.svg') no-repeat;
    background-size: 100% 100%;
}
.woocommerce-tabs ul.tabs li.active a {
    background: var(--theme-color);
    color: var(--second-color);
}
.storefront-full-width-content .woocommerce-tabs .panel {
    margin-bottom: 0px;
}
ul.tabs.wc-tabs,
.storefront-full-width-content .woocommerce-tabs .panel {
    width: 100% !important;
}
.woocommerce-tabs ul.tabs li.active::after,
.tabs.wc-tabs a:after {
    display: none !important;
}
.woocommerce-tabs ul.tabs li a::after {
    display: none !important;
}
.woocommerce-tabs ul.tabs li::after{
    display: none;
}
/******************** sales-saas-addon start css ********************/
.sales-video-wrapper {
    border: 1px solid var(--border-color);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 30px;
}
.sales-video-wrapper .video-documentation {
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-bottom: 30px;
}
.sales-video-wrapper .apps-video img {
    margin-bottom: 30px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.sales-video-wrapper p {
    font-size: 16px;
}
.sales-video-wrapper p:not(:last-of-type) {
    margin-bottom: 10px;
}
.sales-video-wrapper .btn-wrapper{
    margin-top: 30px;
}
/******************** sales-saas-addon end css ********************/
/******************** get-app-section start css ********************/
.single-product .sales-app-wrapper .subtitle {
    margin-bottom: 15px;
    font-size: 12px;
    padding:8px 10px;
    background: var(--theme-color);
    border: none;
}
.sales-app-wrapper {
    position: relative;
    padding: 40px 0;
}
.sales-app-wrapper:not(:last-of-type) {
    margin-bottom: 60px;
}
.get-app-section .sales-app-wrapper::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 65%;
    height: 100%;
    background-color: #F6F6F6;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.get-app-section .sales-wrapper-reverse.sales-app-wrapper::after {
    right: auto;
    left: 0;
}
.get-app-section .sales-app-wrapper .get-app-inner-text {
    padding-right: 30px;
}
.get-app-section .sales-wrapper-reverse.sales-app-wrapper .get-app-inner-text {
    padding-left: 30px;
    padding-right: 0;
}
.get-app-section .sales-app-wrapper .img-div {
    box-shadow: 0px 8px 34px 0px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 8px 34px 0px rgba(0, 0, 0, 0.09);
    overflow: hidden;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.get-app-section .get-app-info {
    padding:10px 20px !important;
    background-color: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
/******************** get-app-section end css ********************/
/******************** dash-payment-gateway start css ********************/
.single-product .payment-gateway-content table tr th {
    width: 50%;
    text-transform: capitalize;
    border: none;
}
.payment-gateway-content table {
    position: relative;
}
.payment-gateway-content table tr th:first-of-type {
    border-radius: 10px 0 0 0px;
    -webkit-border-radius: 10px 0 0 0px;
    -moz-border-radius: 10px 0 0 0px;
    -ms-border-radius: 10px 0 0 0px;
    -o-border-radius: 10px 0 0 0px;
    min-width: 280px;
}
.payment-gateway-content table tr th:last-of-type {
    border-radius: 0px 10px 0 0px;
    -webkit-border-radius: 0px 10px 0 0px;
    -moz-border-radius: 0px 10px 0 0px;
    -ms-border-radius: 0px 10px 0 0px;
    -o-border-radius: 0px 10px 0 0px;
    min-width: 280px;
}
.payment-gateway-content table tr td {
    letter-spacing: 0;
    color: var(--black);
    text-transform: capitalize;
    font-size: 14px;
    border: none;
}
.payment-gateway-content table tbody tr:not(:last-of-type) {
    border-bottom: 1px dashed var(--border-color);
}
.payment-gateway-content table tr td:first-of-type,
.payment-gateway-content table tbody tr:nth-child(2n) td:first-of-type {
    background-color: #F1F1F1 !important;
}
.payment-gateway-content table tr:last-of-type td:first-of-type {
    border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -ms-border-radius: 0 0 0 10px;
    -o-border-radius: 0 0 0 10px;
}
.payment-gateway-content {
    position: relative;
}
.payment-gateway-content table tr:last-of-type td:last-of-type {
    border-radius: 0 0 10px 0px;
    -webkit-border-radius: 0 0 10px 0px;
    -moz-border-radius: 0 0 10px 0px;
    -ms-border-radius: 0 0 10px 0px;
    -o-border-radius: 0 0 10px 0px;
}
.dash-payment-gateway .payment-gateway-content {
    overflow-x: auto;
}
.dash-payment-gateway .payment-gateway-content::-webkit-scrollbar-thumb {
    height: 5px;
    background-color: var(--dark-green);
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.dash-payment-gateway .payment-gateway-content::-webkit-scrollbar-track {
    background-color: #F1F1F1;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.dash-payment-gateway .payment-gateway-content::-webkit-scrollbar {
    height: 5px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.payment-gateway-content .payment-btn-wrapper{
    margin-top:15px;
    text-align:center;
}
/******************** dash-payment-gateway end css ********************/
/******************** screenshot-section start css ********************/
.screenshot-section {
    background: #f4f1f1;
}
.app-features-section .section-title .subtitle,
.screenshot-section .section-title .subtitle {
    background: var(--theme-color);
    border: none;
    margin-bottom: 15px;
}
.screenshots-gallery-slider .slick-list {
    padding: 30px 25% 90px !important;
}
.screenshot-section .screenshots-gallery-slider {
    margin: 0 -10px;
}
.screenshots-gallery-slider .screenshot-inner {
    position: relative;
    padding-top: 55%;
    display: block;
    opacity: .4;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    border: 2px solid var(--dark-green);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.screenshots-gallery-slider .screenshot-inner img {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 1px solid var(--border-color);
    background-color: var(--white);
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
.screenshots-gallery-slider .slick-center .screenshot-inner {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    opacity: 1;
}
.screenshots-gallery-slider .slick-arrow {
    width: 40px;
    height: 40px;
    top: auto;
    bottom: 0;
    background: transparent;
    transform: translate(0) !important;
    -webkit-transform: translate(0) !important;
    -moz-transform: translate(0) !important;
    -ms-transform: translate(0) !important;
    -o-transform: translate(0) !important;
    border: 1px solid var(--second-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.screenshots-gallery-slider .slick-arrow svg path {
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}   
.screenshots-gallery-slider .slick-arrow:hover {
    border-color: var(--theme-color);
}
.screenshots-gallery-slider .slick-arrow:hover svg path {
    fill: var(--theme-color);
}
.screenshots-gallery-slider .slick-prev {
    left: calc(50% - 65px);
}
.screenshots-gallery-slider .slick-next {
    right: calc(50% - 65px);
}
.screenshots-gallery-slider .slick-arrow svg {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    max-width: none;
    width: 35px;
    height: 35px;
}
.screenshots-gallery-slider .slick-arrow.slick-next svg {
    left: -15px;
    right: auto;
}
.screenshots-gallery-slider .slick-arrow.slick-prev svg {
    right: -15px;
    transform: translate(0, -50%) scaleX(-1);
    -webkit-transform: translate(0, -50%) scaleX(-1);
    -moz-transform: translate(0, -50%) scaleX(-1);
    -ms-transform: translate(0, -50%) scaleX(-1);
    -o-transform: translate(0, -50%) scaleX(-1);
}
.screenshots-gallery-slider:not(.slick-initialized) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
/********** glightbox **********/
.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
    background-color: var(--white) !important;
}
.glightbox-clean .gclose path,
.glightbox-clean .gnext path,
.glightbox-clean .gprev path {
    fill: var(--dark-green) !important;
}
.gclose,
.gnext,
.gprev {
    width: 50px !important;
    height: 50px !important;
    padding: 5px !important;
}
.glightbox-clean .gclose {
    width: 35px !important;
    height: 35px !important;
}
.glightbox-clean .gnext,
.glightbox-clean .gprev {
    top: 45% !important;
    border: 1px solid var(--border-color) !important;
}
.glightbox-clean .gslide-description {
    background: none !important;
    margin: 20px auto 0 auto !important;
}
.glightbox-clean .gslide-title {
    margin: 0 !important;
    color: var(--white) !important;
}
.glightbox-clean .gdesc-inner {
    padding: 20px;
    text-align: center;
}
/******************** screenshot-section end css ********************/
/******************** app-features-section start css ********************/
.app-features-section .app-features-icon {
    width: 60px;
    height: 60px;
    margin-top: 20px;
}
.app-features-section .app-features-icon img{
    -o-object-fit: scale-down;
       object-fit: scale-down;
}
.app-features-section .app-features-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
}
.app-features-section .app-features-content h4,
.app-features-section .app-features-content p {
    margin-bottom: 15px;
}
.app-features-section h4 a {
    font: var(--h5);
}
.app-features-row {
    row-gap: 30px;
}
.app-features-section .app-features-inner {
    position: relative;
    background: #F6F6F6;
    border: 1px solid var(--border-color);
    padding: 30px 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.app-features-section .app-features-inner .product-excerpt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.app-features-section .app-features-inner .dash-view-more {
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.app-features-section .app-features-inner .dash-view-more:hover {
    color: var(--theme-color);
}
/******************** app-features-section end css ********************/
/******************** woocommerce-Reviews start css ********************/
#reviews .cr-summaryBox-wrap {
    background: var(--white);
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.top-title {
    padding: 10px 10px;
    border-bottom: 1px solid #ddd;
    background: #013d29;
    color: var(--white);
    gap: 10px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
}
.workdo-comment-box {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
.workdo-comment-box .review-header {
    gap: 15px;
}
.top-title time {
    color: var(--white) !important;
}
#reviews .commentlist li time {
    opacity: 1;
    font-weight: 600;
}
.woocommerce-tabs .panel h2:first-of-type{
    margin-bottom: 15px;
}
.workdo-comment-box .description p {
    padding: 25px 10px;
    margin: 0 !important;
}
.workdo-comment-box .crstar-rating {
    margin: 0 !important;
}
.ivole-histogramRow {
    position: relative;
    display: block;
}
.ivole-histogramRow::before {
    content: "";
    position: absolute;
    top: 20%;
    left: -24px;
    width: 15px;
    height: 15px;
    color: var(--third-color);
    background-image: url(https://workdo.io/wp-content/themes/storefront-child/assets/images/review-star.svg);
    background-size: 15px;
    background-repeat: no-repeat;
}
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list li:last-of-type {
    margin-bottom: 0 !important;
}
.woocommerce-review__author {
    color: var(--third-color);
    font-weight: 600;
    text-transform: capitalize;
}
#reviews .ivole-meter {
    height: 5px;
    border: 0px !important;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    background: -webkit-linear-gradient(top, #eee, #EAEAEA);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
#reviews .ivole-meter .ivole-meter-bar {
    box-shadow: unset;
    -webkit-box-shadow: unset;
}
.cr-ajax-search {
    display: none !important;
}
.woocommerce-Reviews {
    max-width: 900px;
    width: 100%;
    margin: auto;
    padding: 0 15px 0;
}
#reviews .commentlist li {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.19);
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
#reviews #comments .comment-text {
    border-bottom: unset !important;
    padding-bottom: 0 !important;
}
.cr-overall-rating-wrap {
    width: 100px !important;
    height: 180px;
    border: 5px solid var(--third-color) !important;
    -ms-flex-preferred-size: 180px !important;
    flex-basis: 180px !important;
    margin: 20px auto !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}
.workdo-rating-category {
    text-transform: capitalize;
}
/******************** Reviews old css ********************/
.shop_table tbody .actions .wp-element-button[name="update_cart"] {
    display: none;
}
p#wc-stripe-payment-request-button-separator {
    margin-top: 0px !important;
}
.ElementsApp .LinkButton,
.ElementsApp .GooglePayButton--dark {
    border-radius: 40px !important;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    -ms-border-radius: 40px !important;
    -o-border-radius: 40px !important;
}
.single-product #reviews .cr-button-search,
.single-product #reviews .cr-ajax-reviews-add-review {
    background: var(--theme-color) !important;
    color: var(--second-color);
    border: 0px solid !important;
    padding: 13px 25px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: capitalize;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    transition: all ease-in-out  0.5s;
    -webkit-transition: all ease-in-out  0.5s;
    -moz-transition: all ease-in-out  0.5s;
    -ms-transition: all ease-in-out  0.5s;
    -o-transition: all ease-in-out  0.5s;
}
#cr-ajax-reviews-review-form p.form-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
}
a#cr-ajax-reviews-cancel,
.cr-single-product-rev-submit,
.cr-reviews-ajax-reviews .cr-show-more-reviews-prd,
.cr-all-reviews-shortcode .cr-show-more-button,
.cr-reviews-grid .cr-show-more-button {
    background: var(--dark-green) !important;
    color: var(--white) !important;
    border: 0 !important;
    border-radius: 40px !important;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    -ms-border-radius: 40px !important;
    -o-border-radius: 40px !important;
    padding: 15px 30px !important;
    line-height: 1;
    width: auto !important;
    height: auto;
}
.comment-form-comment textarea#comment,
.comment-form-comment textarea#comment:focus {
    background-color: var(--white) !important;
    color: var(--black) !important;
}
.cr-ajax-reviews-sort-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 160px;
    width: 100%;
}
.cr-ajax-reviews-sort-div .nice-select {
    width: 100% !important;
    font-size: 14px !important;
}
.cr-all-reviews-shortcode .cr-count-row,
#reviews.cr-reviews-ajax-reviews .cr-count-row {
    background-color: #F9F9F9;
    color: #0E252C;
    font-size: 14px;
    padding: 15px 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;
    margin: 20px auto;
    border: 1px solid #d5d5d5;
    -webkit-box-shadow: 0 0 5px 0px rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 10%);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.children {
    background: whitesmoke;
    padding-top: 0 !important;
}
.children li.comment,
.children .workdo-comment-box,
.children .description {
    border: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.comment-author-workdo {
    position: relative;
    padding-left: 50px;
}
.comment-author-workdo::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/favicon.ico) no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
#reviews .commentlist li ul.children li {
    margin-bottom: 0px !important;
    border-bottom: 1px solid !important;
}
.single-product .woocommerce-noreviews:last-of-type {
    margin-bottom: 0;
}
/******************** woocommerce-Reviews end css ********************/
/******************** workdo-product-comment start css ********************/
#custom-form-workdo,
.workdo-review-leave {
    padding: 15px;
    background: var(--white);
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
#custom-form-workdo textarea,
#custom-form-workdo input {
    background-color: var(--white);
    color: var(--black);
}
#custom-form-workdo textarea:focus,
#custom-form-workdo input:focus {
    background-color: var(--white);
    color: var(--black);
}
#custom-form-workdo #form-result {
    padding: 10px 0 0 0;
}
#custom-form-workdo .form-group label {
    font-weight: 600;
    color: var(--black);
}
.sub-btn .btn {
    width: auto;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
/******************** workdo-product-comment end css ********************/
/******************** support start css ********************/
.sec-box-shadow {
    background: var(--white);
    padding: 15px;
    max-width: 900px;
    width: 100%;
    margin:0 auto 20px;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.sec-box-shadow .pt-2 {
    padding:0 0 10px;
}
.sec-box-shadow .border-1px {
    border-top: 1px solid #eee;
    padding-top: 10px;
}
.color-blue {
    color: #0085FF;
    font-size: 16px;
    font-weight: 600;
    text-underline-offset: 2px;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
}
.sec-box-shadow .pt-2 ul li {
    gap: 10px;  
    margin: 15px 10px 0;
    line-height: 1.2;
}
.sec-box-shadow .pt-2 ul li::before {
    content: "\f00c";
    background: var(--dark-green);
    color: var(--white);
    width: 18px;
    height: 18px;
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    font-weight: 900;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
}
.sec-box-shadow .div-3 ul li::before{
    content: "\f00d";
    background: red;
}
.sec-box-shadow svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.storefront-full-width-content .woocommerce-tabs .panel p .color-blue {
    font-size: 14px;
}
/******************** related-document-section start css ********************/
.doc-box-innner {
    background: var(--white);
    color: var(--black);
    padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.doc-box-innner h6 {
    margin-bottom: 10px;
}
.doc-box-innner .btn {
    padding: 10px 20px;
    margin-top: 10px;
}
.doc-box-innner .docs-bottom h6 a {
    color: var(--dark-green);
    font-weight: 600;
}
.doc-box-innner .docs-bottom p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.4;
}
.related-document-section .category-name {
    margin-bottom: 10px;   
    gap: 5px;
}
.document-details-wrapper .doc-box-innner .subtitle {
    border: none;
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 12px;
    text-transform: none;
    background-color: var(--theme-color);
}
/******************** related-document-section end css ********************/
/******************** support end css ********************/
/******************** sels-info-sec start css ********************/
.sels-info-sec {
    position: relative;
    padding: 40px 0;
}
.sels-info-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}
.sels-info-sec .sels-item-inner {
    padding: 10px 25px;
    background-color: var(--white);
    gap: 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
}
.sels-info-sec .sels-item-inner svg {
    width: 32px;
    height: 32px;
}
.sels-info-sec .sels-item-inner svg path {
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
}
.sels-info-sec .sels-item-inner p {
    font-size: 16px;
    font-weight: 600;
    color:var(--dark-green);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
}
.sels-info-sec .sels-info-item a:hover .sels-item-inner {
    background-color: var(--theme-color);
}
.sels-info-sec .sels-info-item a:hover .sels-item-inner p{
    color: var(--white);
}
.sels-info-sec .sels-info-item a:hover .sels-item-inner svg path {
    fill: var(--white);
}
/******************** sels-info-sec end css ********************/
/******************** dash saas addons end css ********************/
/******************** bookinggo saas addons start css ********************/
/******************** client-support-section start css ********************/
.woocommerce-tabs .client-support-section .client-support-content h2{
    margin-bottom: 0 !important;
}
/******************** client-support-section end css ********************/
/******************** bookinggo-feature-sec start css ********************/
.bookinggo-feature-sec .section-title h2{
    font: var(--h4) !important;
}
.bookinggo-feature-inner {
    background-image: url(../images/bookinggo-saas-addon/bookinggo-key-features-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--white);
    box-shadow: 0px 10px 44px 0px #00000012;
    -webkit-box-shadow: 0px 10px 44px 0px #00000012;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding: 40px;
}
.bookinggo-feature-inner .section-title {
    max-width: 60%;
    width: 100%;
    margin: 0 auto 20px;
}
.bookinggo-feature-img {
    position: relative;
    margin-bottom: 20px;
}
.bookinggo-envanto-btn {
    position: absolute;
    top: 5%;
    right: 30%;
}
.bookinggo-envanto-btn .btn {
    position: relative;
    padding-right: 60px;
    box-shadow: 0px 8.42px 19.65px 0px #00000024;
    -webkit-box-shadow: 0px 8.42px 19.65px 0px #00000024;
    border: 3px solid var(--white);
    font-size: 18px;
    text-align: center;
}
.bookinggo-envanto-btn .btn img {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 65px;
    height: 65px;
}
.bookinggo-feature-wrapper h3 {
    margin-bottom: 20px;
}
.bookinggo-feature-list {
    gap: 25px 22px;
}
.bookinggo-feature-list .bookinggo-feature-item .btn {
    box-shadow: 0 0 0 5px rgba(111, 215, 67, 0.3), 0 0 0 5px rgba(111, 215, 67, 0.3);
    -webkit-box-shadow: 0 0 0 5px rgba(111, 215, 67, 0.3), 0 0 0 5px rgba(111, 215, 67, 0.3);
    padding: 10px 14px;
    font-size: 16px;
}
.bookinggo-feature-list .bookinggo-feature-item .btn:hover,
.bookinggo-feature-list .bookinggo-feature-item .btn:focus {
    box-shadow: 0 0 0 5px rgba(244, 180, 26, 0.3), 0 0 0 5px rgba(244, 180, 26, 0.3);
    -webkit-box-shadow: 0 0 0 5px rgba(244, 180, 26, 0.3), 0 0 0 5px rgba(244, 180, 26, 0.3);
    background-color: var(--third-color);
    color: var(--white);
}
/******************** bookinggo-feature-sec end css ********************/
/******************** theme-layout-sec start css ********************/
.theme-layout-sec,
.drag-drop-sec,
.outstanding-features-sec,
.customiza-flexibility-sec,
.new-feature-sec,
.amazing-device-sec {
    position: relative;
    background-color: #F5F5F5;
}
.customiza-flexibility-sec::before {
    display: none;
}
.woocommerce-tabs .panel .theme-layout-sec .section-title,
.woocommerce-tabs .panel .theme-multi-lang .section-title,
.woocommerce-tabs .panel .theme-performance-sec .section-title,
.woocommerce-tabs .panel .theme-value-sec .section-title,
.woocommerce-tabs .panel .amazing-device-sec .section-title {
    max-width: 70%;
    margin: 0 auto 35px;
}
.theme-layout-sec .layout-card-inner,
.wd-layout-sec .wd-layout-inner {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5)) padding-box,-webkit-gradient(linear,left top, left bottom,from(rgba(1, 61, 41, 1)),to(rgba(255, 255, 255, 0))) border-box;
    background:-o-linear-gradient(#F5F5F5 0 0) padding-box,-o-linear-gradient(top,rgba(1, 61, 41, 1) 0%,rgba(255, 255, 255, 0) 100%) border-box;
    background:linear-gradient(#F5F5F5 0 0) padding-box,linear-gradient(180deg,rgba(1, 61, 41, 1) 0%,rgba(255, 255, 255, 0) 100%) border-box;
    padding: 10px;
    border: 3px solid transparent;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.theme-layout-sec .layout-card{
    position: relative;
}
.theme-layout-slider{
    margin: 0 -10px;
}
.theme-layout-slider .slick-dots{
    margin-top: 15px;
}
.theme-layout-slider .slick-dots li{
    background-color: var(--dark-green);
}
.theme-layout-sec .layout-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    height: 55%;
    background: -o-linear-gradient(top, rgba(217, 217, 217, 0) 0%, rgba(245, 245, 245, 1) 85.00000238418579%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(217, 217, 217, 0)), color-stop(85.00000238418579%, rgba(245, 245, 245, 1)));
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(245, 245, 245, 1) 85.00000238418579%);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.theme-layout-sec .layout-card-image,
.wd-layout-sec .wd-layout-image { 
    position: relative;
    padding-top: 120%;
    overflow: hidden;
    width: 100%;    
    height: 100%;
    display: block;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.theme-layout-sec .layout-card-image img,
.wd-layout-sec .wd-layout-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
.theme-layout-sec .layout-card-inner .layout-inner-content {
    position: absolute;
    z-index: 1;
    left: 0%;
    bottom: 30px;
    width: 100%;
}
.theme-layout-sec .layout-card-inner .layout-inner-content h3 a{
    font: var(--h5);
}
/******************** theme-layout-sec end css ********************/
/******************** bookinggo saas addons end css ********************/
/******************** vcardgo saas addons start css ********************/
/******************** vcardgo-addon-banner start css ********************/
.product-banner-section.vcardgo-addon-banner {
    position: relative;
    padding: 0;
}
.vcardgo-addon-banner .vcard-banner-bg {
    position: absolute;
    bottom: 20px;
    left: 30%;
}
.product-banner-section.vcardgo-addon-banner .img-wrapper .mobile-banner{
    display: none;
}
/******************** vcardgo-addon-banner end css********************/
/******************** manage-info-sec start css ********************/
.manage-info-sec {
    background-color: #F6F6F6;
    position: relative;
}
.manage-info-sec .row {
    row-gap: 20px;
}
.manage-info-sec .manage-card-inner {
    position: relative;
    z-index: 1;
    background: var(--white);
    padding: 30px;
    border-radius: 16.625em 16.625em 0 0;
    -webkit-border-radius: 16.625em 16.625em 0 0;
    -moz-border-radius: 16.625em 16.625em 0 0;
    -ms-border-radius: 16.625em 16.625em 0 0;
    -o-border-radius: 16.625em 16.625em 0 0;
}
.manage-info-sec .manage-card-inner .icon-div {
    background-color: #013D29;
    box-shadow: 0px 0px 0px 6px rgba(1, 61, 41, 0.3);
    -webkit-box-shadow: 0px 0px 0px 6px rgba(1, 61, 41, 0.3);
}
.manage-info-sec .manage-card-inner .icon-div svg {
    width: 35px;
    height: 35px;
}
.manage-info-sec .manage-card-inner .icon-div svg path {
    fill: var(--white);
}
.manage-info-sec .manage-card-inner h4 {
    margin-bottom: 15px;
    font-size: 18px;
}
.manage-info-sec .manage-card-inner p {
    letter-spacing: .5px;
}
/******************** manage-info-sec end css ********************/
/******************** control-place-sec start css ********************/
.manage-card {
    position: relative;
    width: 100%;
    height: 100%;
}
.control-place-sec.manage-info-sec .manage-card::after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background-image: -o-linear-gradient(264.35deg, #013D29 -30.39%, rgba(1, 61, 41, 0) 95.5%);
    background-image: linear-gradient(185.65deg, #013D29 -30.39%, rgba(1, 61, 41, 0) 95.5%);
    border-radius: 16.625em 16.625em 0 0;
    -webkit-border-radius: 16.625em 16.625em 0 0;
    -moz-border-radius: 16.625em 16.625em 0 0;
    -ms-border-radius: 16.625em 16.625em 0 0;
    -o-border-radius: 16.625em 16.625em 0 0;
}
/******************** control-place-sec end css ********************/
/******************** dynamic-code-sec start css ********************/
.dynamic-code-sec .left-inner,
.dynamic-code-sec .right-inner {
    width: 100%;
    height: 100%;
}
.dynamic-code-sec .left-inner img,
.dynamic-code-sec .right-inner img {
    height: 100%;
    width: 100%;
    object-fit: scale-down;
    -o-object-fit: scale-down;
}
.dynamic-code-sec .row {
    row-gap: 20px;
}
/******************** dynamic-code-sec end css ********************/
/******************** code-mastery-sec start css ********************/
.code-mastery-sec .manage-card-inner p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.code-mastery-sec .manage-card {
    padding-top: 40px;
}
.code-mastery-sec .manage-card-inner {
    border: 1px solid #dfdfdf;
}
.code-mastery-sec .manage-card-inner .icon-div {
    margin-top: -60px;
    width: 80px;
    height: 80px;
    background-color: var(--white);
    box-shadow: 0px 3px 11px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 11px 3px rgba(0, 0, 0, 0.1);
}
.code-mastery-sec .manage-card-inner .icon-div svg {
    width: 40px;
    height: 40px;
}
.code-mastery-sec .manage-card-inner .icon-div svg path {
    fill: #013D29;
}
.code-mastery-sec .manage-card-inner h4 {
    max-width: 90%;
    width: 100%;
    margin: 0 auto 15px;
}
/******************** code-mastery-sec end css ********************/
/******************** vcardgo saas addons end css ********************/
/******************** dash-saas-addons start css ********************/
/******************** custom-field start css ********************/
.custom-field {
    background-color: rgb(245, 255, 252);
}
.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.custom-field .custom-field-content .subtitle {
    background: var(--theme-color);
    border: none;
    margin-bottom: 15px;
    text-transform: uppercase;
} 
.custom-field .label {
    gap: 10px;
}
.custom-field  .custom-field-content {
    background-color: var(--white);
    border: 1px solid var(--theme-color);
    margin-right: -15px;
    padding: 20px 30px 20px 15px;
    border-radius: 30px 0 0 30px;
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -ms-border-radius: 30px 0 0 30px;
    -o-border-radius: 30px 0 0 30px;
}
.custom-field .label li {
    font-size: 14px;
    background: rgba(111, 217 , 67, 14%);
    border: 1px solid var(--theme-color);
    padding: 3px 15px;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    transition:all ease-in-out 0.5s;
    -webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
    -ms-transition:all ease-in-out 0.5s;
    -o-transition:all ease-in-out 0.5s;
}
.custom-field .label li:hover {
    background: var(--theme-color); 
}
.custom-field-img img{
    width: 100%;
}
.custom-field-img {
    position: relative;
    overflow: hidden;
    border-radius:20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.custom-field .row-reverse .custom-field-content {
    margin-right: 0;
    margin-left: -15px;
    padding: 20px 15px 20px 30px ;
    border-radius: 0 30px 30px 0;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    -ms-border-radius: 0 30px 30px 0;
    -o-border-radius: 0 30px 30px 0;
}
/******************** custom-field end css ********************/
/******************** saas-bundle-banner-sec start css ********************/
.saas-bundle-banner-sec {
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(2.35%, rgba(111, 217, 67, 0.1)), color-stop(64.71%, rgba(255, 199, 39, 0.02)));
    background: -o-linear-gradient(bottom, rgba(111, 217, 67, 0.1) 2.35%, rgba(255, 199, 39, 0.02) 64.71%);
    background: linear-gradient(0deg, rgba(111, 217, 67, 0.1) 2.35%, rgba(255, 199, 39, 0.02) 64.71%);
}
.saas-bundle-banner-img {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    max-width: 50%;
    width: 100%;
}
.saas-bundle-banner-sec .bundle-banner-content .section-title {
    margin-bottom: 15px;
}
.saas-bundle-banner-sec .dash-btn-wrapper {
    gap: 10px;
    margin-top: 20px;
}
.saas-bundle-banner-sec .dash-btn-wrapper .btn {
    margin-top: 0;
}
/******************** saas-bundle-banner-sec end css ********************/
/******************** dash-bundle-featured-section start css ********************/
.bundle-page .shopify-featured-section .shopify-featured-inner,
.dash-bundle-featured-section .dash-bundle-featured-inner {
    box-shadow: 0px 0px 30px 0px #0000000D;
    -webkit-box-shadow: 0px 0px 30px 0px #0000000D;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    padding: 30px;
}
.dash-bundle-featured-section .dash-bundle-featured-inner {
    position: relative;
    background: -o-linear-gradient(344.81deg, rgba(111, 217, 67, 0.06) 2.39%, rgba(249, 187, 29, 0.06) 99.03%);
    background: linear-gradient(105.19deg, rgba(111, 217, 67, 0.06) 2.39%, rgba(249, 187, 29, 0.06) 99.03%);
    padding: 70px 40px;
}
.dash-bundle-featured-section .section-title {
    margin-bottom: 20px;
}
.dash-bundle-featured-section .dash-bundle-featured-inner .money-back-bg {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 5%;
    max-width: 50%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.dash-bundle-featured-section .dash-bundle-featured-inner .money-back-bg1 {
    position: absolute;
    left: 35%;
    bottom: 10%;
    max-width: 5vw;
    width: 100%;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 2s infinite alternate;
}
.dash-bundle-featured-inner .right-wrap {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(#6FD943), to(rgba(255, 255, 255, 0))) border-box;
    background: -o-linear-gradient(#ffffff 0 0) padding-box, -o-linear-gradient(top, #6FD943 0%, rgba(255, 255, 255, 0) 100%) border-box;
    background: linear-gradient(#ffffff 0 0) padding-box, linear-gradient(180deg, #6FD943 0%, rgba(255, 255, 255, 0) 100%) border-box;
    padding: 0 30px 20px;
    border: 1px solid transparent;
    box-shadow: 0px 1.48px 39.85px 0px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0px 1.48px 39.85px 0px rgba(0, 0, 0, 0.03);
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.dash-bundle-featured-inner .right-wrap .featured-title h4 {
    background: var(--white);
    border: 1px solid var(--theme-color);
    padding: 8px 30px;
    margin: -25px auto 30px;
    text-align: center;
    line-height: 1;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.dash-bundle-featured-section .right-wrap .featured-points li svg {
    flex-shrink: 0;
    -ms-flex-negative: 0;
}
.dash-bundle-featured-section .right-wrap .featured-points li {
    text-align: left;
    gap: 5px;
}
.dash-bundle-featured-section .right-wrap .featured-points li:not(:last-of-type) {
    margin-bottom: 10px;
}
.check-svg {
    position: absolute;
    right: -15px;
    top: -15px;
}   
/******************** dash-bundle-featured-section end css ********************/
/******************** sales-app-wrapper start css ********************/
.list-wrapper .get-app-info ul li {
    padding: 12px 10px;
    border: none;
    border-bottom: 1px dashed var(--border-color);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    list-style-type: decimal;
    display: list-item;
    margin-top: 0;
}
.list-wrapper .get-app-info ul li:last-of-type {
    border-bottom: 0;
}
.list-wrapper .get-app-info ul {
    padding-left: 15px;
}
.list-wrapper .get-app-info ul li:hover {
    background-color: transparent;
    color: var(--second-color);
}
.list-wrapper .get-app-info ul li::before {
    display: none;
}
.list-wrapper .get-app-info ul li::marker {
    font-size: 14px;
    background-color: var(--theme-color);
}
.list-wrapper .get-app-info .company-settings-list li, 
.company-settings-list li {
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    background: rgba(111, 217, 67, 14%);
    border: 1px solid #6FD943 !important;
    padding: 3px 15px;
    margin: 0;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    list-style: none !important;
}
.list-wrapper .get-app-info .company-settings-list, ul.company-settings-list {
    gap: 10px;
    padding-left: 0px !important;
    margin-bottom: 0px !important;
}
ul.company-settings-list li{
    margin-bottom: 0;
}
/******************** sales-app-wrapper end css ********************/
/******************** dash-saas-addons start css ********************/
/*************************************************** add-ons single page end css ****************************************************/
/******************** key-feature-sec start css ********************/
.key-feature-sec .key-feature-img {
    background-color: #F6F6F6;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.key-feature-sec img {
    width: 100%;
    height: 100%;
}
.key-feature-content .subtitle {
    background-color: transparent;
    color: var(--theme-color);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: none;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
}
.key-feature-content .section-title {
    max-width: 85%;
    width: 100%;
}
.key-feature-content .key-feature-list li {
    position: relative;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    padding-left: 25px;
}
.key-feature-content .key-feature-list li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url(https://workdo.io/wp-content/uploads/2024/10/checked-mark.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.key-feature-content .key-feature-list li:not(:last-of-type) {
    margin-bottom: 12px;
}
.key-feature-content .key-feature-list li svg {
    width: 23px;
    height: 23px;
}
/******************** key-feature-sec end css ********************/
/******************** feature-tab-sec start css ********************/
.feature-tab-sec {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, var(--white)), color-stop(10%, #F6F6F6));
    background: -o-linear-gradient(top, var(--white) 10%, #F6F6F6 10%);
    background: linear-gradient(180deg, var(--white) 10%, #F6F6F6 10%);
}
.feature-tab-sec .feature-tabs {
    padding: 10px;
    gap: 10px;
    overflow: auto;
}
.feature-tab-sec .feature-tabs::-webkit-scrollbar-thumb {
    background: var(--theme-color);
}
.feature-tab-sec .feature-tabs::-webkit-scrollbar {
    height: 5px;
}
.feature-tab-sec .feature-tabs::-webkit-scrollbar-track {
    background: #E1E1E1;
}
.feature-tab-wrapper {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    margin: 0 auto 40px;
    background-color: var(--dark-green);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    overflow: hidden;
}
.feature-tab-sec .feature-tabs li .btn {
    background-color: transparent;
    color: var(--white);
    padding: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    font-size: 16px;
}
.feature-tab-sec .feature-tabs li.active .btn,
.feature-tab-sec .feature-tabs li .btn:hover {
    background-color: var(--theme-color);
}
.feature-tab-sec .tab-description-item:not(:last-of-type) {
    margin-bottom: 15px;
}
.feature-tab-sec .tab-description-item h3 {
    margin-bottom: 10px;
    font: var(--h5);
}
.feature-tab-sec .key-feature-img {
    background-color: var(--white);
    overflow: hidden;
    position: relative;
    padding-top: 100%;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.feature-tab-sec .key-feature-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
}
.tab-content,
.feature-tab-content {
    display: none;
}
.tab-content.active,
.feature-tab-content.active {
    display: block;
}
/******************** feature-tab-sec end css ********************/
/******************** comments start css ********************/
.woocommerce-tabs .user-comments {
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05);
    background: var(--white);
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e1e8ed;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.woocommerce-tabs .media__author {
    margin-left: 15px;
}
.comment__body--response {
    margin-top: 15px;
}
.commnet-media{
    gap: 5px;
}
.comment__item-response {
    background: #F2FFED;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.04);
    margin-left: 50px;
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #6FD943;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.comment__item {
    background: #fafafa;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.04);
    padding: 20px;
    margin-top: 15px;
    border: 1px solid #e1e8ed;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.workdo-product-comment {
    max-width: 900px;
    width: 100%;
    margin: auto;
}
.commnet-found {
    margin-bottom: 10px;
}
div#custom-comments {
    margin-bottom: 20px;
}
.workdo-product-comment .media__item img {
    border-radius: 100%;
}
#reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children {
    width: 100%;
    margin: 0px !important;
}
/******************** comments start css ********************/
/******************** terms-details-section start css ********************/
.page-template-about-us .about-wrapper .terms-details-section h5 {
    margin-bottom: 15px;
    font-size: 24px;
}
.privacy-wrapper h5,
.privacy-wrapper li {
    margin-bottom: 10px;
}
.privacy-wrapper li {
    font-size: 16px;
}
.privacy-wrapper h5 a,
.privacy-wrapper p a {
    color: #bd0505;
    text-decoration: underline;
}
.privacy-wrapper p,
.privacy-wrapper ul {
    font-size: 16px;
    margin-bottom: 25px;
}
.privacy-wrapper p:last-of-type {
    margin-bottom: 0;
}
/******************** terms-details-section end css ********************/
/******************** woocommerce-account start css ********************/
body.woocommerce-account .storefront-breadcrumb {
    position: static;
    padding-left: 0;
}
.woocommerce-breadcrumb .breadcrumb-separator::after {
    opacity: 1;
    color: #b9b3b3;
}
.woocommerce-MyAccount-navigation {
    position: sticky;
    top: 100px;
    left: 0;
    max-width: 245px;
    width: 100%;
    overflow-y: auto;
    background: var(--white);
    padding: 10px;
    margin-right: 20px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.woocommerce-account .woocommerce:not(header .woocommerce) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 20px;
}
.hentry .entry-content .woocommerce-MyAccount-navigation ul,
.hentry .entry-content .woocommerce-MyAccount-navigation ul li {
    border: 0;
}
.hentry .entry-content .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 5px;
    transition: all ease-in-out  0.5s;
    -webkit-transition: all ease-in-out  0.5s;
    -moz-transition: all ease-in-out  0.5s;
    -ms-transition: all ease-in-out  0.5s;
    -o-transition: all ease-in-out  0.5s;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.hentry .entry-content .woocommerce-MyAccount-navigation ul li a {
    padding: 12px !important;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}
.woocommerce-MyAccount-content {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    float: none;
    background: var(--white);
    padding: 25px 20px;
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.woocommerce-MyAccount-navigation ul li a::before {
    opacity: 1;
}
.hentry .entry-content .woocommerce-MyAccount-navigation ul li:hover,
.hentry .entry-content .woocommerce-MyAccount-navigation ul li.is-active {
    background: var(--dark-green);
    color: var(--white);
}
.woocommerce-MyAccount-content>p:first-of-type {
    margin-bottom: 15px;
}
.woocommerce-notices-wrapper {
    width: 100%;
}
.four-card-section{
    padding: 30px 0;
}
.four-card-section .main-row {
    row-gap: 30px;
}
.four-card-section .four-card-inner {
    position: relative;
    padding: 20px;
    border: 1px solid var(--border-color);
    background: var(--white);
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
}
.four-card-section .four-card .four-card-inner .btn {
    padding: 8px 15px;
}
.four-card-section .four-card:nth-child(odd) .four-card-inner .btn:hover {
    -webkit-box-shadow: 0px 3px 7px 0px rgb(255 255 255 / 50%) !important;
    box-shadow: 0px 3px 7px 0px rgb(255 255 255 / 50%) !important;
}
.four-card-section .four-card-inner h3 {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
}
.four-card-section .card_title {
    margin-top: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
}
.four-card-section .icon-div svg path{
    fill: var(--white);
}
.edit-account fieldset {
    margin-bottom: 20px;
}
.wd-dashboard-vp a{
    text-decoration: underline;
    text-underline-offset:4px;
}
/******************** order start css ********************/
.woocommerce-customer-details>h2,
.woocommerce-order-details h2 {
    margin-bottom: 20px;
}
.hentry {
    margin: 0 0 30px;
}
.order_details {
    -webkit-box-shadow: 0px 0px 30px rgba(88, 88, 88, 0.2);
            box-shadow: 0px 0px 30px rgba(88, 88, 88, 0.2);
    overflow: hidden;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
table.order_details thead tr:first-child th {
    background: var(--third-color) !important;
}
.woocommerce-customer-details address {
    background: var(--white);
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    padding: 15px 20px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.woocommerce-account .woocommerce-orders-table thead th {
    background: var(--dark-green);
    color: var(--white);
}
.woocommerce-account .woocommerce-MyAccount-orders tbody th{
    background: var(--white);
    color: var(--second-color);
}
.woocommerce-account .woocommerce-Button--previous,
.woocommerce-account .woocommerce-Button--next{
    padding: 10px 15px !important;
}
.woocommerce-account .woocommerce-Button--previous:focus,
.woocommerce-account .woocommerce-Button--next:focus{
    color: var(--white);
}
.woocommerce-account .woocommerce-Button--next::after{
    margin-left: 0;
}
.woocommerce-account .woocommerce-Button--previous::before{
    margin-right: 0;
}
.woocommerce-MyAccount-content .filter-right-column .star-rating {
    display: none;
}
.woocommerce-orders-table td, .woocommerce-orders-table th {
    padding: 10px;
}
.woocommerce-orders-table__cell-order-actions a:nth-child(1),
.woocommerce-orders-table__cell-order-actions a:nth-child(3) {
    background: var(--dark-green);
    padding: 7px 15px;
    font-size: 11px;
    margin-right: 5px !important;
}
.woocommerce-button.button.invoice,
.payment-method-actions a.delete,
.woocommerce-orders-table__cell-order-actions a.view {
    background: var(--theme-color);
    padding: 7px 15px;
    font-size: 11px;
    margin-right: 5px !important;
    gap: 0;
}
.payment-method-actions a.delete:hover,
.woocommerce-orders-table__cell-order-actions a.view:hover {
    -webkit-box-shadow: 0px 5px 18px rgba(111, 217, 67, 0.5) !important;
    box-shadow: 0px 5px 18px rgba(111, 217, 67, 0.5) !important;
}
.woocommerce-account .woocommerce-MyAccount-orders tbody tr:nth-child(2n) th {
    background: #fbfbfb !important;
}
.woocommerce-form-login {
    background: var(--white);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    margin-bottom: 30px;
}
.woocommerce-account .woocommerce-form-login {
    margin-bottom: 0;
}
.woocommerce-account .woocommerce-form-register .envato-btn-wrapper {
    margin-bottom: 0;
}
.woocommerce-form-login:not(.u-column1 .woocommerce-form-login) {
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    padding: 20px;
}
.woocommerce-form-login:not(.u-column1 .woocommerce-form-login) .form-row .woocommerce-form__label-for-checkbox{
    display: block;
    margin-bottom: 0;
}
.woocommerce-form-login input {
    color: #002332;
}
.woocommerce-form-login button[type="submit"] {
    margin-top: 15px;
}
.woocommerce-button.button.order-actions-button {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 10px 20px;
}
a.woocommerce-button.button.pay,
a.woocommerce-button.button.cancel {
    color: var(--white);
}
/******************** order end css ********************/
/******************** cart start css ********************/
.woocommerce-cart-form thead th {
    padding: 15px 20px;
}
.woocommerce-cart-form table.cart .product-thumbnail a {
    max-width:100px;
    width: 100%;
    display: block;
    border: 1px solid var(--theme-color);
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.woocommerce-cart-form table.cart .product-thumbnail a img {
    max-width: 100%;
}
.cart-collaterals {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
}
.woocommerce table.cart .option-description {
    position: absolute;
    z-index: 1;
    left: -50%;
    top: 25px;
    width: 400px;
    padding: 20px;
    font-size: 13px;
    background-color: var(--second-color);
    color: var(--white);
    display: none;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.woocommerce table.cart .option-description li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 10px;
}
.woocommerce table.cart .option-description li:not(:last-of-type) {
    margin-bottom: 6px;
}
.woocommerce table.cart .info-wrapper:hover .option-description {
    display: block;
}
.woocommerce-cart .site-content {
    padding-bottom: 100px;
    min-height: 650px;
    background-color: var(--dark-green);
    background-image: url(https://workdo.io/wp-content/themes/storefront-child/assets/images/cart-page-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.woocommerce-cart .hentry {
    margin-bottom: 0;
}
.woocommerce-cart .wc-proceed-to-checkout .button.checkout-button {
    padding: 10px 20px;
}

.woocommerce table.cart {
    position: relative;
    background: var(--white);
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 0px 27px 29px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 27px 29px rgba(0, 0, 0, 0.07);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    overflow: hidden;
    margin-bottom: 0;
}
table.cart td.actions {
    background-color: rgba(0, 0, 0, 0);
    padding: 15px 10px;
    border-top: 1px solid #dddddd;
}
.woocommerce-cart .woocommerce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    gap: 0 20px;
}
.woocommerce-cart-form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
table.cart td.actions .coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 10px;
    border: none;
    padding: 0;
    margin: 0;
}
table.cart td.actions .input-text {
    background: var(--white);
    color: var(--second-color);
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 7px 0 0 7px;
    -webkit-border-radius: 7px 0 0 7px;
    -moz-border-radius: 7px 0 0 7px;
    -ms-border-radius: 7px 0 0 7px;
    -o-border-radius: 7px 0 0 7px;
}
.actions .input-text:focus {
    background: transparent;
}
.actions .input-text::-webkit-input-placeholder {
    color: var(--second-color);
    opacity: 0.7;
}
.actions .input-text::-moz-placeholder {
    color: var(--second-color);
    opacity: 0.7;
}
.actions .input-text:-ms-input-placeholder {
    color: var(--second-color);
    opacity: 0.7;
}
.actions .input-text::-ms-input-placeholder {
    color: var(--second-color);
    opacity: 0.7;
}
.actions .input-text::placeholder {
    color: var(--second-color);
    opacity: 0.7;
}
.actions .coupon .button {
    background: var(--third-color);
    box-shadow: none !important;
    border-radius: 0 7px 7px 0;
    -webkit-border-radius: 0 7px 7px 0;
    -moz-border-radius: 0 7px 7px 0;
    -ms-border-radius: 0 7px 7px 0;
    -o-border-radius: 0 7px 7px 0;
}
.woocommerce table.cart .info-icon {
    font-size: 16px;
    margin-right: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.woocommerce table.cart .info-wrapper {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
}
.actions button {
    background: var(--dark-green);
    color: var(--white);
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}
.actions button:hover {
    background: var(--dark-green);
    border-color: var(--dark-green);
    color: var(--white);
    -webkit-box-shadow: 0px 3px 7px 0px rgba(1, 61, 41, 0.5) !important;
    box-shadow: 0px 3px 7px 0px rgba(1, 61, 41, 0.5) !important;
}
.cart-collaterals .cart_totals {
    max-width: 330px;
    width: 100%;
    margin-left: auto;
    background: var(--white);
    color: var(--black);
    padding: 15px 15px;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.cart-collaterals .cart_totals h2 {
    font-size: 20px;
    margin-bottom: 20px;
}
.hentry.type-page .entry-header {
    display: none;
}
.wc-proceed-to-checkout .button.checkout-button {
    background: var(--third-color);
    color: var(--second-color);
    margin-bottom: 0;
    font-size: 13px;
    padding: 8px 20px;
}
.wc-proceed-to-checkout .button.checkout-button:hover {
    background: var(--theme-color);
}
.wc-proceed-to-checkout {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -ms-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
}
.cart_totals .shop_table {
    overflow: hidden;
    border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -ms-border-radius: 7px 7px 7px 7px;
    -o-border-radius: 7px 7px 7px 7px;
    margin-bottom: 15px;
}
td.product-remove {
    vertical-align: middle;
}
.woocommerce-cart button[name='update_cart'] {
    display: none !important;
}
.entry-content a.remove::before {
    content: "\f2ed";
    font-size: 16px;
    line-height: 1;
}
.entry-content a.remove:hover::before {
    color: red;
}
.hentry .entry-content a {
    text-decoration: none;
}
.woocommerce-message {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    margin-bottom: 15px;
}
.woocommerce-message a {
    text-decoration: underline !important;
}
.woocommerce-cart .woocommerce-message {
    margin-bottom: 30px;
}
.woocommerce-message span {
    color: var(--third-color);
    font-weight: 900;
}
.order-again{
    margin-top: 20px;
}
p.order-again .button::after{
    margin-left: 0;
}
.woocommerce-customer-details {
    margin-top: 30px;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-noreviews::before,
p.no-comments::before {
    font-family: "Font Awesome 5 Free";
    content: "\f05a";
    display: inline-block;
    position: absolute;
    top: 1.05em;
    left: 1.5em;
    color: var(--white);
    font-weight: 900;
}
.woocommerce-cart .wc-empty-cart-message {
    width: 100%;
}
.woocommerce-cart .wc-block-components-notice-banner>svg {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.cart-product-name-title a{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1;
}
.woocommerce-cart .storefront-breadcrumb{
    position: relative;
}
/******************** cart end css ********************/
/******************** downloads start css ********************/
.searching-product-form .banner-search-form .form-input .banner-search-btn{
    padding: 0;
    background-color: transparent;
}
.searching-product-form .banner-search-form .form-input{
    border: 1px solid var(--border-color);
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.searching-product-form  .banner-search-form .form-input input{
    min-width: 180px;
    padding: 0;
}
.sorting-product-form{
    gap: 8px;
}
.sorting-product-form .nice-select{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.material-kit-box-inner .left-side {
    max-width: 245px;
    width: 100%;
}
.material-kit-box-inner .img-wrapper {
    position: relative;
    padding-top: 70%;
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border: 1px solid #d7d7d7;
}
.material-kit-box-inner .img-wrapper>img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
       object-position: top;
}
.woocommerce-account .material-kit-box-inner .left-side{
    border: 1px solid var(--theme-color);
    padding: 8px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.material-kit-box-inner .inner-content ul{
    position: relative;
    max-width: 450px;
    width: 100%;
    row-gap: 10px;
}
.material-kit-box-inner .inner-content ul::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 3px;
    height: 100%;
    background: -o-radial-gradient(rgba(111, 217, 67, 1) 0%, rgba(255, 255, 255, 0)  100%, rgba(111, 217, 67, 1) 0%);
    background: radial-gradient(rgba(111, 217, 67, 1) 0%, rgba(255, 255, 255, 0)  100%, rgba(111, 217, 67, 1) 0%);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.material-kit-box-inner .inner-content ul li {
    max-width: calc(50% - 10px);
    width: 100%;
    gap: 6px;
}
.material-kit-box-inner .inner-content ul li a{
    -webkit-box-flex: 1;    
    -ms-flex: 1;    
    flex: 1;
    font-size: 14px;
}
.material-kit-box-inner .inner-content ul li p{
    line-height: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
}
.material-kit-box-inner .inner-content h4 {
    margin-bottom: 15px;
    font-size: 18px;
}
.material-kit-box-inner .inner-content h4 a {
    font-weight: 600;
}
.material-kit-box-inner .inner-content svg {
    width: 16px;
    height: 16px;
}
.material-kit-box-inner .right-side {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
    height: 100%;
}
.material-kit-box-inner .right-side .btn-wrapper {
    gap: 10px;
}
.material-kit-box-inner .right-side .btn-wrapper .btn {
    padding: 10px 28px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.material-kit-box-inner {
    background: var(--white);
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.07);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.07);
    padding: 15px;
    height: 100%;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.material-kit-box.premium-addons-bundle {
    max-width: 100%;
}
.material-wrapper{
    row-gap: 20px;
}
.sort-download-items {
    gap: 10px;
    margin-bottom: 20px;
}
a.review-rating-workdo {
    gap: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 15px 0;
}
.review-rating-workdo{
    cursor: unset;
}
.review-rating-workdo .rating-value {
    background-color: rgba(249, 187, 29, 0.05);
    border: 1px solid var(--third-color);
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    gap: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.material-kit-box-inner .inner-content .rating span{
    font-size: 16px;
    line-height: 1;
}
.material-kit-box-inner .right-side .btn-wrapper .btn .fa-circle-play{
    font-size: 14px;
}
.material-kit-box-inner .right-side .btn-wrapper .btn svg{
    width: 16px;
    height: 16px;
}
.woocommerce-MyAccount-navigation-link--download a::before {
    content: "\f019" !important;
}
.dash-bundle-title-download {
    padding: 20px 0px;
}
.searching-product-form  .banner-search-form .form-input input::-webkit-input-placeholder{
    color: var(--black);
}
.searching-product-form  .banner-search-form .form-input input::-moz-placeholder{
    color: var(--black);
}
.searching-product-form  .banner-search-form .form-input input:-ms-input-placeholder{
    color: var(--black);
}
.searching-product-form  .banner-search-form .form-input input::-ms-input-placeholder{
    color: var(--black);
}
.searching-product-form  .banner-search-form .form-input input::placeholder{
    color: var(--black);
}
.sorting-product-form .nice-select .list{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.package-btn {
    position: relative;
}
.pkg-dd-menu {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: var(--white);
    padding: 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: none;
    -webkit-box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.13);
    box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.13);
}
.package-btn:hover .pkg-dd-menu {
    display: block;
}
.pkg-dd-menu li {
    padding: 5px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
}
.pkg-dd-menu li a {
    font-size: 12px;
}
.pkg-dd-menu li:hover {
    background-color: var(--third-color);
}
/******************** review_rating_workdo popup start css ********************/
.review_rating_workdo {
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    background-color: var(--white);
    text-align: left;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    max-width: 450px;
    width: 100%;
    height: 0;
    max-height: 95vh;
    overflow-y: auto;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.review_rating_workdo.active {
    opacity: 1;
    visibility: visible;
    height: auto;
}
.review_rating_workdo select {
    color: var(--black);
    padding: 10px;
}
.review_rating_workdo .product-name {
    margin: 15px 0 5px;
    background: var(--dark-green);
    color: var(--white);
    padding: 10px 12px;
    text-align: left;
    font-weight: 600;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.review_rating_workdo .product-name::before {
    font-family: "Font Awesome 5 Free";
    content: "\f05a";
    display: inline-block;
    color: var(--white);
    font-weight: 900;
    padding-right: 10px;
}
.review_rating_workdo .top-content button.close {
    width: 25px;
    height: 25px;
    padding: 0px;
    background-color: red;
    color: var(--white);
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
}
.review_rating_workdo .top-content button.close:hover {
    background: transparent;
    color: #ff0000;
}
.review_rating_workdo .req {
    color: red;
}
.comment-form-rating {
    padding-top: 10px;
}
.info-messages {
    background-color: rgba(244, 181, 27, 0.50);
    color: var(--black);
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.review_rating_workdo .response div {
    background-color: rgba(244, 181, 27, 0.50);
    color: var(--black);
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.bottom-close {
    background: var(--third-color);
    color: var(--white) !important;
}
.review_rating_workdo .bottom-close:hover {
    background: #ffb400 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.review_rating_workdo .form-submit {
    gap: 10px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 15px;
}
.review_rating_workdo label{
    margin-bottom: 8px;
    line-height: 1;
    font-weight: 600;
}
.review_rating_workdo::-webkit-scrollbar {
    width: 4px;
}
.review_rating_workdo::-webkit-scrollbar-track {
    background: #E1E1E1;
}
.review_rating_workdo::-webkit-scrollbar-thumb {
    background: var(--dark-green);
}
.review_rating_workdo .your-rating .workd-star{
    line-height: 1;
    font-size: 20px;
}
.rating,
.workd-star {
    font-size: 24px;
}
.star {
    cursor: pointer;
    color: grey;
    transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
}
.rating:hover>span,
span.workd-star.checked,
.rating span.star.selected {
    color: #FC0;
}
.rating:hover>span:hover {
    color: #FC0;
}
.rating>span:hover~span {
    color: grey;
}
/******************** review_rating_workdo popup end css ********************/
/******************** downloads end css ********************/
/******************** address start css ********************/
.woocommerce-MyAccount-content h2,
.woocommerce-Address-title h3{
    margin-bottom: 15px;
    font: var(--h4) !important;
}
.woocommerce-address-fields__field-wrapper {
    margin-bottom: 15px;
}
.form-row label {
    display: inline-block;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 600;
}
.edit-account input {
    color: #002332;
}
#account_display_name_description{
    margin-top: 5px;
    display: block;
}
fieldset legend{
    padding: 0;
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 18px;
}
.show-password-input{
    bottom: 0;
    display: flex;
    align-items: center;
}
.woocommerce-Address-title{
    margin-bottom: 15px;
}
.woocommerce-Address-title .btn{
    padding: 8px 20px;
}
.woocommerce-Address address{
    padding: 15px;
    background: var(--white);
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
/******************** address end css ********************/
/******************** login start css ********************/
.woocommerce-account .col2-set .u-column2:not(.woocommerce-Address),
.woocommerce-account .col2-set .u-column1:not(.woocommerce-Address) {
    margin-right: 0 !important;
    float: none;
    padding: 20px;
    background: var(--white);
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.u-columns h2 {
    margin-bottom: 20px;
    font: var(--h3);
}
.woocommerce-form__label .check-span:before {
    content: '';
    position: relative;
    background-color: transparent;
    border: 1px solid #002332;
    padding: 8px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    -webkit-appearance: none;
}
.woocommerce-account .woocommerce-form__label-for-checkbox {
    cursor: pointer;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-bottom: 15px;
}
.woocommerce-account .u-columns form input {
    color: var(--black);
}
.envato-btn-wrapper button,
.envato-btn-wrapper .regiter-envato-btn,
.envato-btn-wrapper a.btn {
    margin: 0 !important;
}
.lost_password a {
    text-decoration: underline !important;
}
.lost_password a:hover {
    color: var(--theme-color);
}
.envato-btn-wrapper {
    gap: 10px;
    margin: 20px 0;
}
.woocommerce-form__input-checkbox {
    margin-bottom: 0;
    display: none !important;
    cursor: pointer;
}
.woocommerce-form__label .check-span {
    position: relative;
    cursor: pointer;
}
.woocommerce-form__label .woocommerce-form__input-checkbox:checked+.check-span:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 6px;
    height: 11px;
    border: solid #002332;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.col2-set#customer_login.row,
.col2-set.addresses.row {
    row-gap: 20px;
    width: -webkit-fill-available;
}
.woocommerce-privacy-policy-text {
    margin-bottom: 20px;
}
.woocommerce-privacy-policy-text a {
    font-weight: 600;
    text-decoration: underline !important;
}
.woocommerce-account,
body.woocommerce-checkout {
    background: url('../images/cart-bg.png') no-repeat;
    background-position: top;
    background-size: 100% 430px;
}
.g-recaptcha{
    margin: 10px 0;
}
/******************** login end css ********************/
/******************** checkout page start css ********************/
#order_review_heading,
#order_review {
    width: 100%;
    float: none;
    margin-right: 0;
    clear: none;
}
.checkout-right-inner,
.checkout-form-inner {
    background: var(--white);
    padding: 30px 15px;
    -webkit-box-shadow: 0px 0px 61px rgba(88, 88, 88, 0.2);
    box-shadow: 0px 0px 61px rgba(88, 88, 88, 0.2);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.checkout-right-inner h3,
.checkout-form-inner h3 {
    margin-bottom: 20px;
    padding: 0;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
    background-color: var(--third-color);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    margin-bottom: 15px;
    font-weight: 600;
}
.woocommerce-info a {
    text-decoration: underline !important;
    font-weight: 600;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container .select2-selection--single {
    height: 43px;
}
.select2-container--default .select2-selection--single {
    border-radius: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 43px;
}
.select2-search--dropdown .select2-search__field,
.checkout-form-inner input {
    color: #002332;
}
.notes textarea {
    border: 1px solid #999999;
}
.checkout-right-inner table:not(.has-background) th,
.checkout-right-inner .shop_table tfoot tr td {
    background: #ededed !important;
}
.checkout-right-inner .shop_table .cart_item>td {
    border-top: 1px solid #dddddd;
    font-size: 14px;
    line-height: 1.5;
}
#payment .place-order .button {
    font-size: 14px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--theme-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.woocommerce-billing-fields__field-wrapper .form-row-last,
.woocommerce-billing-fields__field-wrapper .form-row-first {
    width: 49%;
    margin-right: 0;
}
.woocommerce-checkout .woocommerce {
    padding: 80px 0 20px !important;
}
form.checkout_coupon.woocommerce-form-coupon {
    background: rgb(255, 255, 255);
    padding: 20px 15px;
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.woocommerce-checkout .checkout_coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.woocommerce-checkout .checkout_coupon>p:first-child {
    width: 100%;
}
.woocommerce-checkout .checkout_coupon .form-row-first {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin: 0;
    width: 50%;
}
.woocommerce-checkout .checkout_coupon .form-row-first input {
    color: var(--second-color);
}
.woocommerce-checkout .checkout_coupon .form-row-last {
    width: auto;
}
.woocommerce-checkout .checkout_coupon .form-row-last button {
    background: var(--theme-color);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.woocommerce-checkout .checkout_coupon .form-row-last button:hover {
    background: var(--third-color);
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.cart-empty {
    width: 100%;
}
.checkout-form-inner .woocommerce-billing-fields {
    margin-bottom: 15px;
}
.star-rating span:before,
.quantity .plus,
.quantity .minus,
p.stars a:hover:after,
p.stars a:after,
.star-rating span:before,
#payment .payment_methods li input[type=radio]:first-child:checked+label:before {
    color: #013d29;
}
#payment .payment_methods>.wc_payment_method>label {
    padding: 15px 15px;
}
table.woocommerce-checkout-review-order-table .product-name {
    width: auto;
}
.cart-subtotal td,
.order-total td,
.cart-discount td,
table.woocommerce-checkout-review-order-table .product-total {
    text-align: right;
}
.woocommerce-address-fields__field-wrapper .input-text {
    color: var(--black);
}
/******************** checkout page end css ********************/
/******************** reset password page end css ********************/
.lost_reset_password .woocommerce-form-row input:focus,
.lost_reset_password .woocommerce-form-row input {
    background: var(--white);
    color: var(--black);
}
form.woocommerce-ResetPassword.lost_reset_password {
    padding: 30px 20px;
    background: var(--white);
    color: var(--black);
    margin: 40px auto;
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    max-width: 600px;
    width: 100%;
}
form.woocommerce-ResetPassword.lost_reset_password .form-row {
    width: 100%;
    float: none;
    margin: 0 auto 20px;
}
.woocommerce-lost-password .lost_reset_password p {
    color: var(--black);
}
form.woocommerce-ResetPassword.lost_reset_password .form-row:last-of-type {
    margin-bottom: 0;
}
form.woocommerce-ResetPassword.lost_reset_password .form-row-first label {
    font-weight: 600;
}
/******************** reset password page end css ********************/
/******************** no-results start css ********************/
.vp-results .page-title{
    margin-bottom: 10px;
}
.vp-results .search-box{
    margin: 0;
}
.vp-results .search-box .select-box{
    color: var(--black);
}
/******************** no-results end css ********************/