@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    @font-face {
        font-family: 'Roboto';
        src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'RobotoMedium';
        src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'RobotoBold';
        src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway-Regular.woff2') format('woff2'),
        url('../fonts/Raleway-Regular.woff') format('woff'),
        url('../fonts/Raleway-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'RalewayMedium';
        src: url('../fonts/Raleway-Medium.woff2') format('woff2'),
        url('../fonts/Raleway-Medium.woff') format('woff'),
        url('../fonts/Raleway-Medium.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'RalewayBold';
        src: url('../fonts/Raleway-Bold.woff2') format('woff2'),
        url('../fonts/Raleway-Bold.woff') format('woff'),
        url('../fonts/Raleway-Bold.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'CodeDecoratorIcons';
        src: url('../fonts/CodeDecorator.woff2') format('woff2'),
        url('../fonts/CodeDecorator.woff') format('woff'),
        url('../fonts/CodeDecorator.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }
}

:root{
    --baseBackgroundColor: #003950;
    --baseSkyColor: #0073A1;
    --baseGreenColor: #1F6256;
    --buttonRadius: 8px;
    --buttonPaddingX: 15px;
    --buttonPaddingY: 48px;
    --heading2FontSize: 3.6rem;
    --heading3FontSize: 2.4rem;
    --heading4FontSize: 2.1rem;
    --lightHeadingColor: #666666;
    --darkHeadingColor: #333333;
    --lightestHeading: #999999;
    --maxWidth: 1440px;
    --robotoMedium: 'RobotoMedium';
    --robotoBold: 'RobotoBold';
    --raleway: 'Raleway';
    --ralewayMedium: 'RalewayMedium';
    --ralewayBold: 'RalewayBold';
    --cdIcon: 'CodeDecoratorIcons'
}
:root body{
    font-family: 'Roboto', sans-serif;
    color: var(--lightHeadingColor);
    font-size: 16px;
}

i.cdicon{
    font-family: var(--cdIcon);
}
.text-robotoMedium{
    font-family: var(--robotoMedium);
}
.text-robotoBold{
    font-family: var(--robotoBold);
}
.text-raleway{
    font-family: var(--raleway);
}
.text-ralewayMedium{
    font-family: var(--ralewayMedium);
}
.text-ralewayBold{
    font-family: var(--ralewayBold);
}

h1, h2, h3, h4, h5, h6{
    line-height: inherit;
}
body.full-width div .page-main{
        max-width: inherit;
        padding: 0;
}
.cus-list-square li{
    position: relative;
}
.cus-list-square li:before{
    content: '';
    width: 5.84px;
    height: 6.3px;
    position: absolute;
    left: -15px;
}

input[type="radio"]::before,
input[type="checkbox"]::before {
    content: '';
    border: 1px solid #0073A1;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    visibility: visible;
}
input[type="radio"]::before{
    border-radius: 50%;
}
input[type="radio"] ,
input[type="checkbox"] {
    position: relative;
    visibility: hidden;
    height: 16px;
    width: 16px;
}

input[type="radio"]:checked::after,
input[type="checkbox"]:checked::after {
    content: '';
    background: #0073A1;
    position: absolute;
    left: 2px;
    top: 2px;
    height: 10px;
    width: 10px;
    visibility: visible;
}
input[type="radio"]:checked::after{
    border-radius: 50%;
}
input[type='checkbox']{
    height: 16px;
    width: 16px;
}
.right-tick-icon::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    line-height: 28px;
    color: inherit;
    content: '\e610';
    font-family: 'luma-icons';
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    speak: none;
}

body a:link,
body a:focus,
body a:visited,
body a:hover,
body .abs-product-link > a:visited,
body .product-item-name > a:visited,
body .product.name a > a:visited,
body .abs-product-link > a:hover,
body .product-item-name > a:hover,
body .product.name a > a:hover{
    color: inherit;
    text-decoration: inherit;
}
body img{
    display: inline-block;
}
body .slick-dots{
    padding: 0;
}
body .action.primary,
body .action-primary{
    background: var(--baseSkyColor);
    border-radius: var(--buttonRadius);
    padding: var(--buttonPaddingX) var(--buttonPaddingY);
}
body a.pagebuilder-button-primary{
    background: var(--baseGreenColor);
    border: none;
    padding: var(--buttonPaddingX) var(--buttonPaddingY);
    border-radius: var(--buttonRadius);
    color: white;
    font-size: 16px;

    &:hover{
        border:none;
    }
}
body a.pagebuilder-button-primary:hover,
body button.pagebuilder-button-primary:hover,
body div.pagebuilder-button-primary:hover{
    background-color: var(--baseSkyColor);
}
body [data-content-type$="block"] .block p:last-child{
    margin-bottom: 0;
}

body ul li{
    margin-bottom: 0;
}
div.page.messages,
div.columns .column.main{
    margin-top: 0;
}

body div .page-main{
    max-width: 123rem;
    padding: 0 10px;
    margin: 0 auto;
    width: 100%;
}

.sticky-bar{
    position: fixed;
    top: 20px;
    left: 20px;
    display: flex;
    width: calc(100% - 40px);
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 24px;
    border-radius: 45px;
    z-index: 99;
    align-items: center;
    visibility: hidden;
    transition: top 0.3s ease-out;
}
.sticky-bar.active{
    visibility: visible;
}
.bounce-down {
    animation: bounceDown 0.5s ease-in-out;
}
/* Bounce animation */
@keyframes bounceDown {
    0% { transform: translateY(-20px); }
    40% { transform: translateY(5px); }
    80% { transform: translateY(-5px); }
    100% { transform: translateY(0); }
}

.testimonilas-block .background-container{
    top: -80%;
}
.catalogsearch-result-index h1,
.cms-terms-and-conditions h1{
    font-size: 36px;
    font-family: 'RalewayBold';
}

.left-top-square-80-per::before{
    content: '';
    width: 62px;
    height: 62px;
    background: #A44B0C;
    position: absolute;
    left: -13px;
    top: -21px;
}

/**** Header ****/
body .cd-icon::before{
    content: '';
    height: 22px;
    width: 22px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
}

.minicart-wrapper .action.showcart::before{
    content: "\ea32";
    font-family: 'cdfont';
    font-size: 20px;
    line-height: 1;
    color: #0A0A0A;
}
.minicart-wrapper .action.showcart.active::before{
    content: '';
}
.minicart-wrapper div.block-minicart{
    height: 100%;
    top: 0;
    right: 0;
    min-width: unset;
    margin-top:0;
    position:fixed;
}
span.nav-toggle{
    position: unset;
}
.navigation.sw-megamenu > ul >  .ui-menu-item.level0.classic.parent:hover > a::before {
    width: 120%;
    height: 3px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #ff9d9d;
    content: '';
    top: 85px;
}


@media only screen and (min-width: 769px){
    .navigation-sections{
        display:none
    }
    .subchildmenu:before {
        position: absolute;
        left: -13px;
        top: 0;
        height: 100%;
        width: 10px;
        background: transparent;
        content: "";
    }
    .sw-megamenu.navigation li.level0 .submenu.company-submenu{
        min-width: 155px;
    }
    .sw-megamenu.navigation li.parent a{
        padding: 15px 13px 16px 15px;
    }
    .sw-megamenu.navigation li.parent .company-submenu a span{
        padding-right: 0;
    }
    .sw-megamenu.navigation li.parent .company-submenu li > a::after{
        display: none;
    }
}

@media only screen and (max-width: 768px){
    .logo{
        float: unset;
    }
    .header-links .navigation.sw-megamenu {
        display:none
    }
    .nav-toggle{
        top: 7px;
    }
    div.header-main{
        flex-direction: row;
    }
    div.header-icons{
        margin-top: 0;
    }
    div.minicart-wrapper{
        margin-top: 0;
        margin-left: 20px;
    }
    .header-icons .my-account{
        display: none;
    }
    .sw-megamenu.navigation li.ui-menu-item:first-child{
        border: none;
    }
    .testimonilas-block .background-container{
        top: -15%;
    }
    .cms-index-index main.page-main{
        padding-top: 70px;
    }
    .home-slider div.owl-dots{
        position: unset;
    }
    .slider-item.active .slide-wrapper {
        margin: 0 35px 0 20px;
    }
    div.slide-wrapper::before{
        width: 100px;
        height: 20px;
    }
    .testimonilas-block .testimonial-heading{
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 580px){
    .testimonilas-block .background-container{
        top: 0;
    }
}

/**** Footer ****/
.footer-newsletter-block{
    background-image: url("../images/blue_back.svg")
}
.footer-newsletter-block input[type='email']{
    padding: var(--buttonPaddingX) 20px;
    height: auto;
    border-radius:  var(--buttonRadius);
}
footer.page-footer{
    padding-bottom: 0;
    background: transparent;
}
footer .footer.content{
    padding: 0;
    margin: 0;
    max-width: unset;
}
footer .footer.content ul{
    padding: 0;
}
footer .footer.content .main-footer{
    background: var(--baseBackgroundColor)
}
footer .footer.content .main-footer .main-footer-inner{
    max-width: 1232px;
    margin: 0 auto;
}
footer .footer.content .block{
    float: unset;
}
.footer.content .footer-main-left ul > li{
    margin-bottom: 10px;
}
.address::before{
    content: "\ea1f";
    font-family: "cdfont";
    color: inherit;
    position: absolute;
    left: 0;
    top: 5px;
}
.phone-no::before{
    content: "\ea19";
    font-family: 'cdfont';
    color: inherit;
    position: absolute;
    left: 0;
}
.mail-add::before{
    content: "\ea14";
    font-family: "cdfont";
    color: inherit;
    position: absolute;
    left: 0;
    top: 1px;
}

@media only screen and (max-width: 768px) {
    /****  mobile-fold  *****/
    .mobile-fold {
        .foldable-list{
            display: none;
        }
        h6 {
            position: relative;
        }

        h6 {
            &::before {
                content: '';
                width: 15px;
                height: 2px;
                background: #fff;
                position: absolute;
                right: 0;
                top: 11px;
            }

            &::after {
                content: '';
                height: 15px;
                width: 2px;
                position: absolute;
                top: 4px;
                right: 7px;
                background: #fff;
                transition: 1s all;
            }
        }
    }

    .mobile-fold.active{
        h6::after {
            height: 2px;
            top: 11px;
        }
    }

    .navigation.sw-megamenu > ul > .ui-menu-item.level0.classic.parent:hover > a::before {
        display: none;
    }
}



/* Home Page */
.cms-index-index .page-main{
    max-width: var(--maxWidth);
    padding: 0;
    width: 100%;
    padding-top: 40px;
    overflow: hidden;
    margin-top: -40px;
}

.cms-index-index .page.messages{
    margin-bottom: 50px
}
.pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay{
    padding: 0;
}
.page-layout-1column .product-view-columns .product.media{
    width: 100%;
    position: relative;
}
.main-banner .slick-dots{
    padding: 0;
    line-height: 0;
    width: 50%;
    margin-left: auto;
    margin-top: -5px;
    text-align: left;
}
.main-banner .slick-dots li{
    width: 50px;
    height: 3px;
}
.main-banner .slick-dots li button{
    background: #FF9D9D;
    width: 50px;
    height: 3px;
    border: none;
    border-radius: 0;
}
.main-banner .slick-dots li.slick-active button{
    background: #D9D9D9;
}
.main-banner .slick-dots li button:hover{
    border: none;
}
.minicart-wrapper .action.showcart .counter.qty {
    height: 16px;
    line-height: 16px;
    margin: 3px 0 0;
    min-width: 16px;
    position: absolute;
    border-radius: 50%;
    font-size: 10px;
    bottom: -4px;
    right: -4px;
}
.home-slider.owl-theme .owl-controls{
    margin-top: -15px;
}
.home-slider .owl-dots{
    position: absolute;
    right: 25%;
    margin: 0;
}
.home-slider.owl-theme .owl-dots .owl-dot span{
    background: #D9D9D9;
    width: 50px;
    height: 3px;
    border-radius: 0;
}
.home-slider.owl-theme .owl-dots .owl-dot.active span{
    background: #FF9D9D;
}
@media only screen and (max-width: 1024px){
    .home-slider.owl-theme .owl-controls{
        margin-top: 10px;
    }
}
/**** category page - latter we need to change it to make use tailwind batter *****/
.catalog-category-view .columns,
.catalogsearch-result-index .columns{
    max-width: 1250px;
    padding:  0 20px;
    margin: 0 auto 50px;
}
.products-grid .product-item .price-box .price,
.products-grid .product-item .price-box .price-text,
.product-info-main .price-box .price-text
{
    color: #F47825;
    font-size: 32px;
    font-family: RobotoBold;
    font-weight: 700;
    word-wrap: break-word;
}
.products-grid .product-item .price-box .old-price .price{
    color: #999999;
    font-size: 21px;
    font-family: inherit;
    text-decoration: line-through;
    word-wrap: break-word;
    font-weight: normal;
}
.products-grid .price-box.price-final_price{
    display: flex;
    align-items: center;
    gap: 5px;
}
.products-grid .product-item .price-box .old-price{
    margin: unset;
}
.products-grid .product-item .price-box .price-label{
    display: none;
}
.product-item-actions button{
    stroke: black;
}
.product-item-actions button:hover{
    stroke: white;
}
.products-grid .product-reviews-summary{
    margin-bottom: 5px;
    gap: 0;
}
.products-grid .product-reviews-summary .reviews-actions{
    font-size: 14px;
    color: #999;
}
div.rating-summary .rating-result > span::before{
    color: #FFBA0C;
}

.page-products .products-grid .product-item{
    border: 1px solid transparent;
}
div.products-grid .product-item:hover,
div.products-grid .product-item.active{
    box-shadow: 0px 25px 55px rgba(126, 126, 126, 0.15);
    border: 1px solid #0073A1;
}
div.products-grid .product-item:hover .product-item-actions button{
    background-color: #f47825;
    stroke: white;
    border: 1px solid #cccccc;
    color: white;
}
.product.details.product-item-details{
    border-top: 1px solid #FFF;
    margin-top: 23px;
    padding-top: 14px;
}
.item.product.product-item .product-item-info{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    flex-direction: column;
}
.product.photo.product-item-photo{
    width: 100%;
    padding-bottom: 23px;
    border-bottom: 1px solid white;
    margin-bottom: 14px;
}
body.page-layout-bus-services-product .product-info-main{
    min-width: 400px;
    box-shadow: 0px 10px 81px rgba(0, 0, 0, 0.09);
    padding: 31px 44px 22px;
    background: white;
    margin-top: 20px;
    margin-bottom: 40px;
    min-height: 703px;
}
body.page-layout-bus-services-product .product-view-columns .short-description{
    margin-top: auto;
    padding-bottom: 140px;
    max-width: 608px;
}
body.page-layout-bus-services-product .product-view-columns .short-description:before{
    --tw-gradient-from: none;
}
/* Card Hovered */
.sidebar.sidebar-main .category-sidebar {
    background: #FFFFFF;
    box-shadow: 0px 25px 55px rgba(126, 126, 126, 0.15);
    padding: 40px 0;
}

@media (min-width: 769px), print {
    div.sidebar-main{
        padding-right: 0;
    }
    .page-layout-2columns-left div.main{
        padding-left: 16px;
    }
    .catalog-category-view.page-layout-2columns-left .sidebar-main{
        width: 25%;
    }
    .catalog-category-view.page-layout-2columns-left .column.main{
        width: 75%;
    }
}

@media only screen and (max-width: 480px) {
    .page-products .products-grid .product-item {
        width: 100%;
    }
}
.sidebar.sidebar-main .category-sidebar {
    ul li.active > a{
        position: relative;
        width: 100%;

        &::after {
            font-size: 16px;
            line-height: 20px;
            color: #1C274C;
            content: '\e622';
            font-family: 'luma-icons';
            position: absolute;
            bottom: 2px;
            right: -25px;
            transform: rotate(270deg);
            font-weight: normal;
        }
    }
}

/**** Search Result Page *****/
.catalogsearch-result-index .page-title{
    margin-bottom: 30px;
}


/**** Product Page *****/
#product_addtocart_form .box-tocart .action.tocart,
#product_addtocart_form .box-tocart .action.tocart:hover{
    padding:0;
    font-size: inherit;
    line-height: inherit;
    background: inherit;
    border: none;
    color: inherit;
}
.review-items .review-item{
    padding: 48px 26px 37px;
}
.review-toolbar{
    border-top: 0;
}
.options-list .price-notice .price-wrapper{
    color: var(--baseSkyColor);
}
.inner-main:hover .add-icon-wrapper{
	background: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.inner-main:hover .back-trans{
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
}

/**** Contact Us *****/
.cms-contact-us .main-footer{
    padding-top: 500px;
}
.cms-contact-us #maincontent{
    margin-bottom: -450px;
    position: relative;
}

/* Category Sidebar Css */
.category-sidebar ul li.active > a {
    color: #F47825;
}

/* can be remove later css */
body input[type="text"],
body input[type="password"],
body input[type="url"],
body input[type="tel"],
body input[type="search"],
body input[type="number"],
body input[type*="date"],
body input[type="email"],
body textarea,
body select{
    background: #F7F6FE;
    border-radius: 8px;
    border: 1px #D8F3EE solid;
    padding: 15px;
    height: auto;
    font-family: 'Raleway';
    color: var(--lightestHeading);
    font-size: inherit;
}
body select{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%231C274C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
}
input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="url"]::placeholder,
input[type="tel"]::placeholder, input[type="search"]::placeholder, input[type="number"]::placeholder,
input[type*="date"]::placeholder, input[type="email"]::placeholder, body textarea::placeholder{
    color: inherit;
}

.columns .column.main{
    padding-bottom: 0;
}
body [data-content-type="row"][data-appearance="contained"]{
    max-width: var(--maxWidth);
}

/**** Product page can be remove later *****/
.product-view-column2::after {
    content: '';
    background-image: linear-gradient(to bottom, white, #E2DDFF, white);
    width: 2px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.product.info.detailed{
    .data.item.title{
        a{
            color: #0073A1;
            font-size: 21px;
            font-family: RalewayBold;
            font-weight: bold;
            line-height: 16px;
            letter-spacing: 0.58px;
            word-wrap: break-word;
            border: none;
            height: auto;
        }

        &.active{
            a {
                color: #F47825;

                &::before{
                    content: '';
                    width: 100%;
                    position: absolute;
                    height: 4px;
                    background: #0073a1;
                    bottom: -26px;
                }
            }
        }
    }
    .data.item.content{
        display: none;
        &.active{
            display: block;
        }
    }
}
.review-list .block-title strong{
    font-size: 16px;
    margin:0;
    font-weight: bold;
}

.useful-links-container .links-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 48px;
}
.useful-links-container .links-section .link-category > h2{
    color: #194D44;
    font-family: var(--ralewayMedium);
    font-size: 28px;
    margin-bottom: 9px;
}
.useful-links-container .links-section .link-category li{
    margin-bottom: 20px;
}



@media only screen and (max-width: 768px) {
    .product.info.detailed {
        .data.item.title {
            a::before{
                display: none;
            }

            a::after{
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 14px;
                line-height: inherit;
                color: inherit;
                content: '\e622';
                font-family: 'luma-icons';
                vertical-align: middle;
                display: inline-block;
                font-weight: normal;
                overflow: hidden;
                speak: none;
                text-align: center;
                position: absolute;
                right: 25px;
            }
            &.active a::after{
                content: '\e621';
            }
        }
    }
}
/**** Cart Page *****/
.cart-container{
    margin-bottom: 100px;
}
.cart-summary ,
div.opc-block-summary{
    background: rgb(255, 255, 255);
    border: 2px solid rgb(255, 238, 238);
    border-radius: 15px;
}

@media only screen and (max-width: 768px) {
    .cart.table-wrapper td.col.price {
        padding-left: 90px;
        width: 100%;
    }
    .cart.table-wrapper .actions-toolbar > .action-edit, .cart.table-wrapper .actions-toolbar > .action-delete{
        position: unset;
    }
    .cart.table-wrapper .col.price[data-th]::before{
        display: none;
    }
}

/***** About Us *****/
body.cms-about-us div .page-main{
    max-width: inherit;
    padding: 0;
}
body.cms-about-us .ceo-image-top-image{
    left: 50%;
    transform: rotate(335deg);
}

/***** Career Page *****/
body.cms-career div .page-main{
    max-width: inherit;
    padding: 0;
}

/***** Play with Page Builder *****/
#html-body  .pagebuilder-column-line {
    gap: 20px;
}
.only-mobile{
    display: none;
}

@media only screen and (max-width: 768px) {
    .pagebuilder-column-group.mob-2-col .pagebuilder-column {
        flex-basis: 50%;
    }
    body .mobile-hidden{
        display: none;
    }
    body .only-mobile{
        display: block;
    }
    .footer-main-center{
        order: 1;
    }
    .footer-main-left{
        order: 3;
    }
    .footer-main-right {
        order: 2;
    }
    .footer-main-right  > div{
        margin: 0;
        max-width: 100%;
    }

    #html-body .item-show-inline-mob .pagebuilder-column-line{
        display: inline-block;
    }
    #html-body .item-show-inline-mob .pagebuilder-column-line .pagebuilder-column{
        display: inline-block;
        width: auto;
        margin-right: 10px;
    }

    #html-body .xs-w-1-2 .pagebuilder-column {
        flex-basis: calc(50% - 10px);
    }
}
@media only screen and (max-width: 640px) {
    body a.pagebuilder-button-primary{
        padding: 13px 20px 15px;
    }
    .main-banner .slick-dots{
        margin-top: 20px;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}
@media only screen and (max-width: 480px){
    #html-body .xs-w-1-2 .pagebuilder-column-line{
        flex-direction: column;
    }
    #html-body .xs-w-1-2 .pagebuilder-column {
        flex-basis: 100%;
        width: 100%;
    }
}



/*** common to remove ***/
nav.navigation{
    background: none;
}
footer .footer.content{
    border: 0;
}
.page-wrapper > .breadcrumbs{
    max-width: 1250px;
    padding: 0 20px;
}
/***  Remove discount text on category page ****/
.products-grid .price-box .discount-text{
    display:none
}

/****  Hide recaptcha on newsletter and all page *******/

.newsletter .grecaptcha-badge, .g-recaptcha {
    display: none;
}